/*Login Page Css*/
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed&display=swap');
html , body{height:100%;font-family: 'Barlow Semi Condensed', sans-serif;}
h1,h2,h3,h4,h5,h6,.btn,label{font-family: 'Kanit', sans-serif;font-weight: 300;}		
a:hover{text-decoration:none;}
#myHeader{background-color:#fff; transition:0.5s; -webkit-box-shadow:0px 2px 25px -11px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); padding: 25px;position:fixed; top:0; width:100%; z-index:9;}
.sticky{position:fixed; top:0; width:100%; background-color:#FFF; transition:0.5s; -webkit-box-shadow:0px 2px 25px -11px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); box-shadow: 0px 2px 25px -11px rgba(0,0,0,0.75); z-index:11;}
.sticky a{color:#000 !important;}
.sticky a:hover{color:#6ca004 !important;}
.sticky + .content{padding-top:102px;}
.login-block{width:90%; background-color:#ebf4fb; margin:0 auto;  border-top-right-radius:5px; border-bottom-right-radius:5px; margin-top: 2.5em;}
.signup__overlay {position: absolute;top: 0;left:0;width: 100%;height: 100%;background-color:#13a5e0;border-top-left-radius:5px; 
border-bottom-left-radius:5px; }
.login-inputs label{ color:#0b6b92; font-style:italic; font-size:17px; margin-bottom:5px;}
.btn{padding: 10px;}
.btn-primary {
font-family: 'Kanit', sans-serif !important;font-weight: 300 !important;
color: #fff;background: #4f2f8f;
background: -moz-linear-gradient(to right, #5345a2 0%, #3966ba 51%, #1098df 100%);
background: -webkit-gradient(to right, #5345a2 0%, #3966ba 51%, #1098df 100%);
background: -webkit-linear-gradient(to right, #5345a2 0%, #3966ba 51%, #1098df 100%);
background: -o-linear-gradient(to right, #5345a2 0%, #3966ba 51%, #1098df 100%);
background: -ms-linear-gradient(to right, #5345a2 0%, #3966ba 51%, #1098df 100%);
background: linear-gradient(to right, #5345a2 0%, #3966ba 51%, #1098df 100%);
transition: 0.3s ease-in-out;
		/*background: -moz-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(107,159,3,1)), color-stop(100%, rgba(134,191,20,1)));
		background: -webkit-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);
		background: -o-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);
		background: -ms-linear-gradient(left, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);
		background: linear-gradient(to right, rgba(107,159,3,1) 0%, rgba(134,191,20,1) 100%);*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9f03', endColorstr='#86bf14', GradientType=1 );
border:none;
text-transform:uppercase;
}

.btn-primary.focus, .btn-primary:focus {
    /* box-shadow: none; */
    border: 1px solid #000;
    box-shadow: 0 0 0 0.2rem rgb(11 11 11 / 77%)!important;
}
.btn-primary:hover {background-image: linear-gradient(to right, #1098df 0%, #3966ba 51%, #5345a2 100%);}
.banner-sec .mt-2 a, .banner-sec .mt-3 a{top:20px !important;font-family: 'Kanit', sans-serif;font-weight: 300;}
.banner-sec .mt-2 a:hover, .banner-sec .mt-3 a:hover{text-decoration:none !important;}
.login-sec h4{padding-bottom:10px;color: #4f2f8f;}
.login-sec h1{padding-bottom:10px;color: #4f2f8f;font-weight: 300; font-size:1.5em !important;}
.login-inputs .error { color: #d3223f;}
.pt-8 .col-lg-11{color: #4f2f8f !important;border: solid 1px #4f2f8f !important;font-size: 17px;}
.form-control{height: 49px;border: 1px solid #e1ecf5;}
.bktohome{text-align: right;margin-right: 57px;padding-bottom: 15px;}
.bktohome1{text-align:right;margin-left:5px;padding-bottom:15px;}
.bktohome a{color: #1c164b;text-decoration: none;font-family: 'Kanit', sans-serif;font-weight: 300;}
.bktohome1 a{color:#1c164b;text-decoration:none;font-family: 'Kanit', sans-serif;font-weight: 300;}
.extraSpace{height:100px;}
footer{background-color:#fff;position:fixed;bottom:0;width:100%;z-index:9;padding-top: 10px;}
@media screen and (min-width: 1200px) and (max-width: 2560px){
	extraSpace{height:0px !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1440px){
	extraSpace{height:100px;}
}
@media screen and (min-width: 568px) and (max-width: 768px){
    .extraSpace{height:100px !important;}
    footer{position:static;}
    .login-block {width: 90% !important;}
}
@media screen and (min-width: 320px) and (max-width: 567px){
	.banner-sec{padding-bottom:30px;}
    .extraSpace {height:0px !important;}
    .login-block {width: 100% !important;}
    footer{position:static;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	/* .login-block .position-relative.p-4{padding: 0px !important;} */
	.login-block .position-relative.p-4 a{padding: 9px 10px 9px 10px !important;}
	}
/*Popup css*/
.sweet-alert h2 {color: #1c164b!important;font-size: 25px;}
.pt-8{padding-top: 8em;}
.impMark{color:#d3223f;font-size: 16px;}
label[for='termsncond'] a {
    color: #0b6b92;
}
.login-block .banner-sec .mt-3,.login-block .banner-sec .mt-2 {
    color: #000000;
}
/*Login Page Css End*/
@media screen and (max-width: 992px) {
.signup__overlay { left: 15px; right: 15px; width: unset;height: 100%; border-radius: 5px; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

#myHeader{padding: 3px 0;}
#myHeader a>img{max-width: 110px;}
.pt-8 {padding-top: 0px;}
.login-block{margin-top: 0.1rem;}
}