article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,nav.vertical ul li,section{display:block}
.form a,a{text-decoration:none}
.form a,h1{color:#fff}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,nav li,nav ul,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
ol,ul{list-style:none;margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.txt-rt{text-align:right}
.txt-lt{text-align:left}
.txt-center,h1{text-align:center}
.float-rt{float:right}
.float-lt{float:left}
.clear{clear:both}
.pos-relative{position:relative}
.pos-absolute,label{position:absolute}
.vertical-base{vertical-align:baseline}
.vertical-top{vertical-align:top}
nav.horizontal ul li{display:inline-block}
img{max-width:100%}
body{font-family:'Open Sans',sans-serif;background:url(../img/login.jpeg) center 0 fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
h1{font-size:3em;font-weight:100}
.main-agileits{padding:5em 0 0}
.mainw3-agileinfo{width:30%;margin:4em auto;padding:3em}
.form a{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;-ms-transition:.5s ease;transition:.5s ease}
.form a:hover{color:#05e0e2}
.form{background:rgba(0,0,0,.36);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
label{-webkit-transform:translateY(6px);-moz-transform:translateY(14px);-o-transform:translateY(14px);-ms-transform:translateY(14px);transform:translateY(14px);left:2px;color:rgba(255,255,255,.45);-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s;-webkit-backface-visibility:hidden;pointer-events:none;font-size:1em}
label .req{margin:2px;color:#FFC107}
label.active{-webkit-transform:translateY(50px);-moz-transform:translateY(58px);-o-transform:translateY(58px);-ms-transform:translateY(58px);transform:translateY(58px);font-size:.75em}
label.active .req{opacity:0}
label.highlight{color:#fff}
input,textarea{font-size:1em;display:block;width:93%;padding:1em 1em 1em 0;background:0 0;border:none;border-bottom:1px solid #8e8e8e;color:#fff;border-radius:0;-webkit-transition:border-color .25s ease,box-shadow .25s ease;-moz-transition:border-color .25s ease,box-shadow .25s ease;transition:border-color .25s ease,box-shadow .25s ease}
input:focus,textarea:focus{outline:0;border-color:#FFC107}
textarea{border:2px solid #a0b3b0;resize:vertical}
.field-wrap{position:relative;margin-bottom:40px}
.button{border:5px;border-color:#fff;outline: 5px;outline-color: #fff;padding:1.1em;font-size:1em;font-weight:600;text-transform:uppercase;background:#e2050500;color:#fff;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-appearance:none;margin-top:2.2em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.button:focus,.button:hover{background:#e2050500;letter-spacing:7px}
.button-block{display:block;width:100%}
.forgot{text-align:left;font-size:1em;font-weight:300;letter-spacing:1px}
.w3copyright-agile{text-align:center;padding-bottom:3em}
.w3copyright-agile p{font-size:.9em;color:#fff;line-height:1.8em;letter-spacing:1px}
.w3copyright-agile p a{color:#fff;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all}
.w3copyright-agile p a:hover{color:#05e0e2}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
}


@media(max-width:1440px){.main-agileits{padding:3em 0 0}
}
@media(max-width:1280px){.mainw3-agileinfo{width:35%;margin:3em auto;padding:2.5em}
}
@media(max-width:1080px){.main-agileits{padding:2em 0 0}
h1{font-size:2.6em}
.button{padding:1em}
.mainw3-agileinfo{width:40%}
}
@media(max-width:800px){h1{font-size:2.4em}
.mainw3-agileinfo{width:45%}
}
@media(max-width:768px){h1{font-size:2.2em}
.mainw3-agileinfo{width:55%;padding:2em}
input,label,textarea{font-size:.9em}
}
@media(max-width:667px){.mainw3-agileinfo{width:65%;margin:2em auto}
.button{font-size:.9em}
.w3copyright-agile p{padding:0 1em}
}
@media(max-width:480px){.mainw3-agileinfo{width:70%}
h1{font-size:2em}
.forgot{font-size:.9em}
}
@media(max-width:320px){.main-agileits{padding:1.5em 0 0}
.mainw3-agileinfo{width:75%;padding:1.5em}
input,label,textarea{font-size:.8em}
input,textarea{width:95%}
label.active{-webkit-transform:translateY(47px);-moz-transform:translateY(47px);-o-transform:translateY(47px);-ms-transform:translateY(47px);transform:translateY(47px);font-size:.7em}
.button,.forgot{font-size:.8em}
.field-wrap{margin-bottom:30px}
.button{padding:.9em;margin-top:1.5em}
.w3copyright-agile p{font-size:.8em;letter-spacing:0}
}