/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* start editing from here */
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:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/*--login start here--*/
body{background:#029cc8 url(../images/login-bg.png) no-repeat 0 0;padding:100px 0 30px 0;font-family:Roboto,sans-serif;font-size:100%}
.logo{position:absolute;left:3%;top:3%}
.login{width:32%;margin:15% 0 0 50%;z-index:10}
.login h2{font-size:2.6rem;font-weight:400;color:#fff;text-shadow:2px 0 #1184a5;text-align:center;margin:0 0 20px 0;font-family:'Droid Serif',serif}
.login h2 img{vertical-align:middle;margin:0 10px;}
.login-top{/*background:#E1E1E1;*/border-radius:25px 25px 0 0;-webkit-border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-o-border-radius:25px 25px 0 0;padding:0 60px}
.login-top h1{text-align:center;font-size:27px;font-weight:500;color:#baf0ff;margin:0 0 20px 0}
.login-top input[type=text]{outline:0;font-size:15px;font-weight:500;color:#fff;padding:15px 20px;/*background:#CACACA;*/background:rgba(2,156,200,.2);border:2px solid #fff;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;margin:0 0 12px 0;width:88%;-webkit-appearance:none}
.login-top input[type=password]{outline:0;font-size:15px;font-weight:500;color:#fff;padding:15px 20px;/*background:#CACACA;*/background:rgba(2,156,200,.2);border:2px solid #fff;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;margin:0 0 12px 0;width:88%;-webkit-appearance:none}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaecff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaecff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaecff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#aaecff;
}
.forgot a,.forgot label{font-size:13px;font-weight:500;color:#baf0ff;display:inline-block;border-right:2px solid #baf0ff;padding:0 7px 0 0}
.forgot a:hover{color:#d2f5ff}
.forgot input[type=submit]{background:#F45B4B;color:#FFF;font-size:17px;font-weight:400;padding:8px 7px;width:20%;display:inline-block;cursor:pointer;border-radius:6px;-webkit-border-radius:19px;-moz-border-radius:6px;-o-border-radius:6px;margin:0 7px 0 3px;outline:0;border:none}
.forgot input[type=submit]:hover{background:#ff7a6c;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all}
.forgot{text-align:right}
.login-bottom{/*background:#E15748;*/padding:30px 65px;border-radius:0 0 25px 25px;-webkit-border-radius:0 0 25px 25px;-moz-border-radius:0 0 25px 25px;-o-border-radius:0 0 25px 25px;text-align:right;/*border-top:1px solid #ffe9e6*/}
.login-bottom h3{font-size:14px;font-weight:500;color:#82dcf5}
.login-bottom h3 a{font-size:25px;font-weight:500;color:#fff}
.login-bottom h3 a:hover{color:#696969;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all}
.copyright{text-align:center;position:absolute;bottom:20px;width:100%}
.copyright p{font-size:15px;font-weight:400;color:#fff}
.copyright p a{font-size:15px;font-weight:400;color:#E15748}
.copyright p a:hover{color:#fff;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all}
.head-image{background:url(../Images/main-bg.png) no-repeat 0 -70px;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-size:auto}
.alert{text-align:center;margin:10px 0 20px 0;padding:15px}
.alert-error{box-shadow:0 0 10px #a54747;border:1px 1px #ff7a6c;border-radius:10px;background:#ff7a6c;color:#ffefee;text-shadow:1px -1px 0 #830c00}
.close{float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
.text-danger{color:#ff7a6c;text-shadow:1px -1px 0 #ffc5bf}

/*--login end here--*/
/*--meadia quiries start here--*/
@media(max-width:1440px){.login{width:35%}
}
@media(max-width:1366px){.login{width:37%}
}
@media(max-width:1280px){.login{width:40%}
}
@media(max-width:1024px){.login{width:48%}
.copyright{padding:100px 0 0 0}
}
@media(max-width:768px){.login{width:65%;padding:0;margin:5em auto;}
.login-top h1{font-size:25px}
.login-bottom h3 a{font-size:22px}
.copyright{padding:250px 0 0 0}
body{padding:100px 0 0 0}
.login h2{font-size:28px}
.grid-bg{display:none;}
}
@media(max-width:640px){.login-top h1{font-size:23px}
.forgot input[type=submit]{font-size:15px;width:22%}
.login-top input[type=text]{padding:12px 20px}
.login-top input[type=password]{padding:12px 20px}
.login-bottom h3 a{font-size:19px}
.login-bottom h3{font-size:13px}
.copyright{padding:110px 0 0 0}
body{padding:110px 0 0 0}
}
@media(max-width:480px){.login{width:95%;padding:0;margin:6em auto 3em auto;}
body{background-size:cover}
.login-top h1{font-size:21px}
h2 img{display:none}
.login-top input[type=text]{width:85%}
.login-top{padding:30px 40px}
.login-top input[type=password]{width:85%}
.login h2{font-size:25px}
.head-image{background-size:cover;}
}
@media(max-width:320px){
.login{width:95%;padding:0;margin:0 auto;}
.login-top{padding:20px 25px}
h2 img{display:none}
.login-top input[type=text]{width:81%;padding:10px 20px;font-size:13px;margin:0 0 7px 0}
.login-top input[type=password]{width:81%;padding:10px 20px;font-size:13px;margin:0 0 7px 0}
.forgot input[type=submit]{font-size:11px;width:25%;padding:6px 7px}
.forgot a{font-size:11px}
.login-bottom{padding:20px 25px}
.login-bottom h3{font-size:11px}
.login-bottom h3 a{font-size:17px}
body{padding:50px 0 0 0}
.copyright p{font-size:13px}
.copyright p a{font-size:13px}
.login h2{font-size:23px;margin:0 0 35px 0}
.copyright{padding:75px 0 0 0}
}
/*--meadia quiries end here--*/