@charset "UTF-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; font-family: 'Hind'; } ol, ul {list-style: none; } * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; } * {box-sizing: border-box; } @font-face {font-family: 'Hind'; src: url('../fonts/Hind-SemiBold.woff2') format('woff2'), url('../fonts/Hind-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face {font-family: 'Hind'; src: url('../fonts/Hind-Light.woff2') format('woff2'), url('../fonts/Hind-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face {font-family: 'Hind'; src: url('../fonts/Hind-Medium.woff2') format('woff2'), url('../fonts/Hind-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face {font-family: 'Hind'; src: url('../fonts/Hind-Bold.woff2') format('woff2'), url('../fonts/Hind-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face {font-family: 'Hind'; src: url('../fonts/Hind-Regular.woff2') format('woff2'), url('../fonts/Hind-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } button, input {-webkit-appearance: none; -moz-appearance: none; } .sigin_form {margin: auto;padding: 40px;width: 60%;border: 1px solid #fff;border-radius: 4px;background-color: #fff;box-shadow: 0 6px 5px 0 rgba(0,0,0,0.06);} .sigin_box {width: 564px; margin: auto; } .inner_title h1 {text-align: center; font-size: 40px; letter-spacing: 0.2px; line-height: 45px; color: #fff; font-weight: 400; padding:70px 0 40px; } .page_wrapperbg {background: url(../images/bg_image.jpg);height: 100vh;background-size: cover;background-position: center;} .input_row {width: 100%; margin-bottom: 20px; } .input_row label {display: block;font-size: 17px;letter-spacing: 0.05px;padding-bottom: 10px;font-weight: 500;} .input_row input[type="text"], .input_row input[type="Password"] {width: 100%;height: 35px;border-radius: 3px;background-color: #fff;padding: 0 20px;border: 0;color: #939393;outline: none;font-size: 16px;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);font-weight: 300;font-family: 'Hind';-webkit-appearance: none;-moz-appearance: none;} .sigin_form p {text-align: center; font-size: 18px; letter-spacing: 0.04px; padding-bottom: 50px; } .input_row input[type="button"] {height: 40px;width: 100%;border-radius: 3px;background-color: #ea9a45;border: 0;color: #fff;font-size: 18px;cursor: pointer;outline: none; -webkit-appearance: none; -moz-appearance: none;} .sign_page {width: 100%; float: left; padding-top: 150px; } .sign_in_title {width: 100%; text-align: center; } .sign_in_title h1 {color: #000; font-size: 32px; padding: 20px 0; } .sign_in_title i img {width: 86px; } *{box-sizing: border-box;} @media only screen and (max-width:1100px) {.sigin_box {width: 400px;} .sigin_form {padding: 20px 10px 0 10px; } .sign_in_title h1 {font-size: 25px; } .input_row {margin-bottom: 20px; } }