style.min.css

 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,dl,dt,dd,ol,nav ul,nav 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;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ol,ul{list-style:none;margin:0px;padding:0px;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a{text-decoration:none;}.txt-rt{text-align:right;}.txt-lt{text-align:left;}.txt-center{text-align:center;}.float-rt{float:right;}.float-lt{float:left;}.clear{clear:both;}.pos-relative{position:relative;}.pos-absolute{position:absolute;}.vertical-base{vertical-align:baseline;}.vertical-top{vertical-align:top;}nav.vertical ul li{display:block;}nav.horizontal ul li{display: inline-block;}img{max-width:100%;}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}body{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;font-family: 'Open Sans', sans-serif;}.head {position: absolute;top:-8%;left: 50%;transform: translate(-50%, -50%);}.head img {border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border:4px solid rgba(0, 0, 0, 0.2);}.head img {width:100%;}.login-form {background:rgba(255, 255, 255, 0.85);width:30%;margin:8% auto 0% auto;position: relative;border-radius:10px;-webkit-border-radius:1em;-o-border-radius:1em;-moz-border-radius:1em;border:4px solid rgba(0, 0, 0, 0.2);}form {padding:1% 2.0em;}form li{border:1px solid #B4B2B2;list-style:none;margin-bottom:10px;width:100%;background:#fff;border-radius: 0.3em;-webkit-border-radius: 0.3em;-o- border-radius: 0.3em;-moz-border-radius: 0.3em;}.icon{background:url(icons.png) no-repeat 0px 0px;height:30px;width:30px;display: block;float:left;margin:7px -11px 0px 0px }.user{background: url(icons.png) no-repeat 12px 11px;}.lock{background: url(icons.png) no-repeat -17px 11px;}input[type="text"], input[type="password"], input[type="number"] {font-family: 'Open Sans', sans-serif;width:60%;padding:0.7em 2em 0.7em 1.7em;color:#000000;font-size:20px;outline: none;background: none;border:none;font-weight:600;}form li:hover{border:1px solid #40A9DF;box-shadow: 0 0 1em #40A9DF;-webkit-box-shadow: 0 0 1em #40A9DF;-o-box-shadow: 0 0 1em #40A9DF;-moz-box-shadow: 0 0 1em #40A9DF;}input[type="submit"]{float:right;font-size:18px;display: inline-block;font-weight:600;color: #fff;transition: 0.1s all;-webkit-transition: 0.1s all;-moz-transition: 0.1s all;-o-transition: 0.1s all;cursor: pointer;outline: none;padding:5px 5px;margin-top:0px;font-family: 'Open Sans', sans-serif;width:100%;border:none;border-radius: 0.3em;-webkit-border-radius: 0.3em;-o- border-radius: 0.3em;-moz-border-radius: 0.3em;background: #ffe49e;background: -moz-linear-gradient(top, #ffe49e 0%, #ffb700 3%, #ffad00 35%, #ff9000 97%, #e27f00 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe49e), color-stop(3%,#ffb700), color-stop(35%,#ffad00), color-stop(97%,#ff9000), color-stop(100%,#e27f00));background: -webkit-linear-gradient(top, #ffe49e 0%,#ffb700 3%,#ffad00 35%,#ff9000 97%,#e27f00 100%);background: -o-linear-gradient(top, #ffe49e 0%,#ffb700 3%,#ffad00 35%,#ff9000 97%,#e27f00 100%);background: -ms-linear-gradient(top, #ffe49e 0%,#ffb700 3%,#ffad00 35%,#ff9000 97%,#e27f00 100%);background: linear-gradient(to bottom, #ffe49e 0%,#ffb700 3%,#ffad00 35%,#ff9000 97%,#e27f00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe49e', endColorstr='#e27f00',GradientType=0 );}input[type="submit"]:hover{background: #e27f00;background: -moz-linear-gradient(top, #e27f00 0%, #ff9000 3%, #ffad00 65%, #ffb700 97%, #ffe49e 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e27f00), color-stop(3%,#ff9000), color-stop(65%,#ffad00), color-stop(97%,#ffb700), color-stop(100%,#ffe49e));background: -webkit-linear-gradient(top, #e27f00 0%,#ff9000 3%,#ffad00 65%,#ffb700 97%,#ffe49e 100%);background: -o-linear-gradient(top, #e27f00 0%,#ff9000 3%,#ffad00 65%,#ffb700 97%,#ffe49e 100%);background: -ms-linear-gradient(top, #e27f00 0%,#ff9000 3%,#ffad00 65%,#ffb700 97%,#ffe49e 100%);background: linear-gradient(to bottom, #e27f00 0%,#ff9000 3%,#ffad00 65%,#ffb700 97%,#ffe49e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27f00', endColorstr='#ffe49e',GradientType=0 );}.terms_header{font-family: 'Open Sans', sans-serif;padding:2% 0em;position: relative;left: 40%;float:center;font-size:15px;display: inline-block;font-weight:bold;color: #000000;transition: 0.1s all;-webkit-transition: 0.1s all;-moz-transition: 0.1s all;-o-transition: 0.1s all;}.cpf{font-family: 'Open Sans', sans-serif;padding:2% 0em;position: relative;left: 0%;float:center;font-size:15px;display: inline-block;text-align: justify;font-weight:bold;color: #000000;transition: 0.1s all;-webkit-transition: 0.1s all;-moz-transition: 0.1s all;-o-transition: 0.1s all;}.terms{padding:1% 3em;font-family: 'Open Sans', sans-serif;text-indent: 2em;list-style-type: disc;text-align: justify;float:center;font-size:13px;display: inline-block;font-weight:600;color: #000000;transition: 0.1s all;-webkit-transition: 0.1s all;-moz-transition: 0.1s all;-o-transition: 0.1s all;}.p-container{margin-top:2em;}.p-container .checkbox input {position: absolute;left: -9999px;}.p-container.checkbox i {border-color: #fff;transition: border-color 0.3s;-o-transition: border-color 0.3s;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;}.p-container.checkbox i:hover {border-color:red;}.p-container i:before {background-color: #2da5da;}.p-container .rating label {color: #ccc;transition: color 0.3s;-o-transition: color 0.3s;-ms-transition: color 0.3s;-moz-transition: color 0.3s;-webkit-transition: color 0.3s;}.p-container .checkbox input + i:after {position: absolute;opacity: 0;transition: opacity 0.1s;-o-transition: opacity 0.1s;-ms-transition: opacity 0.1s;-moz-transition: opacity 0.1s;-webkit-transition: opacity 0.1s;}.p-container .checkbox input + i:after {content:url(tick.png) no-repeat 7px 1px;top:-15px;left:1px;width: 15px;height: 15px;}.p-container .checkbox input + i:after {position: absolute;opacity: 0;transition: opacity 0.1s;-o-transition: opacity 0.1s;-ms-transition: opacity 0.1s;-moz-transition: opacity 0.1s;-webkit-transition: opacity 0.1s;}.p-container .checkbox input + i:after {color: #2da5da;}.p-container .checkbox input:checked + i, .p-container . input:checked + i {border-color: #2da5da;}.p-container .rating input:checked ~ label {color: #2da5da;}.p-container .checkbox input:checked + i:after {opacity: 1;}@media (max-width:1024px){.login-form {margin:8% auto 0;width:45%;}}@media (max-width:768px){.login-form {margin:12% auto 0;width:57%;}}@media (max-width:640px){.login-form {margin:13% auto 0;width:70%;}}@media (max-width:480px){.login-form {margin:20% auto 0;width:90%;}}