@charset "utf-8";/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,500i,600&display=swap');



body{margin:0;padding:0;font-size:16px;font-family:'Poppins', sans-serif;color:#222;}

ul,li{margin:0;padding:0;list-style-type:none;}

input:focus,input:active,select:focus,select:active,option:focus,option:active,textarea:focus,textarea:active{outline:none;}

h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;text-transform:capitalize;}

h1{text-align:center;margin-bottom:30px;}



a,a:hover,a:focus,a:active{outline:none;text-decoration:none;transition:all ease-in-out 0.3s;color:#627bb5;}

input:focus,input:active,button:focus,button:active,.btn:focus,.btn:active,.btn-primary:focus,.btn-primary:active,.form-control:focus,.form-control:active{outline:none;box-shadow: none;}

p{font-size:17px;color:#727272;line-height:32px;margin-bottom:15px;}

p strong{font-size:500;}

p span{display:block;}

.subhead{font-size:18px;display:inline-block;font-weight:300;margin-top:10px;position:relative;padding-right:30px;}

.scroll-top-wrapper{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:999;color:#fff;right:30px;line-height:48px;width:48px;bottom:50px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;border-radius:4px;overflow:hidden;}

.scroll-top-wrapper .scroll-top-inner{background:#b4e68c; color:#fff;display:block;}

.scroll-top-wrapper .scroll-top-inner i{font-size:26px; display:block; line-height:48px;}

.scroll-top-wrapper:hover{background:#627bb5;}

.scroll-top-wrapper.show{visibility:visible; cursor:pointer; opacity:1;}

::-webkit-input-placeholder{color:#222;opacity: 1;}

::-moz-placeholder{color:#222;opacity: 1;}

:-ms-input-placeholder{color:#222;opacity: 1;}

:-moz-placeholder{color:#222;opacity: 1;}

/* a.readmore{padding:0 35px;display:inline-block;color:#627bb5;border:2px solid;border-image-source:linear-gradient(180deg, rgb(190,201,223), rgb(215,236,195));border-image-slice:1;position:relative;} */

a.readmore{background:linear-gradient(to top, #c3e1ad,#afbcd8);color:#627bb5;display:inline-block;font-size:17px;padding:2px;text-transform:uppercase;margin-top:15px;letter-spacing:1px;}

a.readmore span{background:#fff;display:block;padding:0 35px;line-height:50px;}

a.readmore.radius{border-radius:35px;}

a.readmore.radius span{border-radius:37px;padding:0 45px;}

header,section,footer{float:left;width:100%;}



.login-container{width:100%;float:left;overflow: hidden;}

.login-container .left-side{width:65%;float:left;height:100vh;background:url(../images/left-bg.png) top center no-repeat, rgba(186,48,9,1);background:url(../images/left-bg.png) top center no-repeat, -moz-linear-gradient(45deg, rgba(186,48,9,1) 0%, rgba(244,113,25,1) 100%);background:url(../images/left-bg.png) top center no-repeat, -webkit-gradient(left bottom, right top, color-stop(0%, rgba(186,48,9,1)), color-stop(100%, rgba(244,113,25,1)));background:url(../images/left-bg.png) top center no-repeat, -webkit-linear-gradient(45deg, rgba(186,48,9,1) 0%, rgba(244,113,25,1) 100%);background:url(../images/left-bg.png) top center no-repeat, -o-linear-gradient(45deg, rgba(186,48,9,1) 0%, rgba(244,113,25,1) 100%);

background:url(../images/left-bg.png) top center no-repeat, -ms-linear-gradient(45deg, rgba(186,48,9,1) 0%, rgba(244,113,25,1) 100%);background:url(../images/left-bg.png) top center no-repeat, linear-gradient(45deg, rgba(186,48,9,1) 0%, rgba(244,113,25,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba3009', endColorstr='#f47119', GradientType=1 );padding:0 80px;position: relative;}

.login-container .left-side figure{width:85%;left:0;right:0;bottom:0;margin:auto;position: absolute;}

.login-container .left-side h1{color:#fff;margin:150px 0 0;font-weight:300;text-align: left;line-height:55px;position: relative; z-index: 9;}

.login-container .left-side h1 span{display:block;}

.login-container .left-side .left-btn{background:#fff;padding:0 50px 0 30px;line-height:65px;text-transform: uppercase;font-weight:500;font-size:25px;display:inline-block;border-radius:35px 0 0 35px;position:absolute;right:0;top:55px;}

.login-container .right-side{width:35%;float:left;background:#fff;height:100vh;padding:5% 100px;}

.login-container .right-side .logo{width:180px;float:right;}

.login-container .right-side .login-form{margin:100px auto 0;max-width: 600px;}

.login-container .right-side .login-form h2{font-size:30px;text-transform:uppercase;margin:0 0 60px;font-weight:600;}

.right-side .login-form input,.right-side .login-form .input-group-text{border:none;background:none;border-bottom:2px solid #ccc;border-radius:0;}

.right-side .login-form .input-group-prepend{width:40px;}

.right-side .login-form .input-group-text{width:40px;float:left;padding:0; height: 55px;}

.right-side .login-form .input-group-text img{width:25px;}

.right-side .login-form input.form-control{padding:0;height:55px;}

.right-side .login-form .form-control + .an-brdr{background:#fa7319;width:0;height:2px;left:0;bottom:0;position: absolute;content:'';z-index:3;transition:all ease-in-out 0.3s;}

.right-side .login-form .form-control:focus + .an-brdr{width:100%;}

.right-side .login-form a{font-size:14px;color:#fa7319;}

.right-side .login-form .btn{width:100%;background:#fa7319;border:none;border-radius:35px;line-height:55px;font-weight: 500;text-transform: uppercase;font-size:21px;color:#fff;}

.right-side .login-form .btn:hover{background:#d75d0c;color:#fff;}





























@media screen and (min-width:992px) and (max-width:1299px){

	.login-container .left-side,.login-container .right-side{padding:35px;}

}



@media screen and (max-width:991px){

	.login-container{overflow:visible;}

	.login-container .left-side,.login-container .right-side{width:100%;padding:35px;height:90vh;}

	.login-container .left-side .left-btn{left:0;width:180px;margin: auto;border-radius:35px;padding:0;text-align: center;}

}



@media screen and (max-width:767px){

	.login-container{overflow:visible;}

	.login-container .left-side,.login-container .right-side{width:100%;padding:35px;height:90vh;}

	.login-container .left-side h1{font-size:26px;line-height:45px;margin-top:100px}

	.login-container .left-side h1 span{display: inline;}

	.login-container .left-side .left-btn{top:calc(50% - 33px);left:0;width:180px;margin: auto;border-radius:35px;padding:0;text-align: center;}

	.login-container .right-side{padding-top:100px;}

}