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,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}nav.vertical ul li{display:block}nav.horizontal ul li{display:inline-block}img{max-width:100%}body{font-family:'Oxygen',sans-serif !important;background:#fff}.main{width:30%;padding:4em 4em 5em;background:#5bc0de;position:relative;margin:20px auto 0;border-radius:25px}.main:before{position:absolute;top:-6%;left:44%;background:url(../../img/login/arrow.png) no-repeat 0 0;display:block;height:35px;width:68px;content:''}.head{margin:0 0 3em}.head h1{color:#fff;text-align:center;font-size:2em;margin:0}.figure{text-align:center;margin:0 auto 4em}.figure img{width:7%;margin:0 -4px 0 auto}.input_form input[type="text"],.input_form input[type="password"]{outline:0;border:0;background:#efe1c4;padding:10px 10px 10px 60px;width:85%;font-size:1.1em;font-family:'Oxygen',sans-serif;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;position:relative}.input_form input[type="text"]{background:url(../../img/login/user.png) no-repeat 12px 10px #fff}.input_form input[type="password"]{background:url(../../img/login/password.png) no-repeat 12px 10px #fff}.input_form input[type="password"]{margin:1.5em 0}.input_form input[type="submit"]{outline:0;border:0;background:#5a7ede;padding:10px;width:100%;color:#fff;font-size:1.5em;font-weight:900;font-family:'Oxygen',sans-serif;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px}.input_form input[type="submit"]:hover{background:#785ade}@media(max-width:1440px){.input_form input[type="text"],.input_form input[type="password"]{width:83%}}@media(max-width:1280px){.main{width:35%}}@media(max-width:1024px){.main{width:45%}.figure img{width:13%}}@media(max-width:768px){.figure img{width:17%}.main{width:60%}}@media(max-width:667px){.main{padding:3em 3em 4em;width:65%}.figure{margin:0 -4px 3em auto}}@media(max-width:600px){.head h1{font-size:1.8em}.head{margin:0 0 2em}.main:before{left:43%}.input_form input[type="text"],.input_form input[type="password"]{width:81%}}@media(max-width:568px){.figure img{width:20%}.main{width:68%}.input_form input[type="text"],.input_form input[type="password"]{width:81%}}@media(max-width:480px){.figure img{width:25%}.main{width:80%;padding:2em 2em 3em}}@media(max-width:414px){.head h1{font-size:1.5em}.input_form input[type="text"],.input_form input[type="password"]{width:79%}}@media(max-width:384px){.figure{margin:0 auto 2em}.figure img{width:30%}.main{width:85%;padding:1.5em 1.5em 3em;margin:20px auto 0}.input_form input[type="text"],.input_form input[type="password"]{width:77%}.input_form input[type="submit"]{font-size:1.2em}}@media(max-width:375px){.main:before{left:41%}}@media(max-width:320px){.main:before{background:url(../../img/login/arrow.png) no-repeat 0 0;background-size:100%;height:25px;width:45px;left:42%}.head h1{font-size:1.2em}.head{margin:0 0 1.5em}.input_form input[type="text"],.input_form input[type="password"]{width:73%;font-size:14px}.input_form input[type="text"]{background:url(../../img/login/user.png) no-repeat 18px 8px #efe1c4}.input_form input[type="password"]{background:url(../../img/login/password.png) no-repeat 18px 8px #efe1c4}.input_form input[type="submit"]{font-size:1em}.main{width:84%;padding:1.5em 1.5em 2em;margin:2em auto 0}}