.logincontainer{padding: 140px 0px 50px 0px; background: none; position: relative; overflow: hidden;}
.logincontainer .logintextbox{float: left; width: 100%; text-align: left;}
.logincontainer .logintextbox .loginheading{display: block; line-height: 100%; text-align: left; color: rgba(var(--primary), 1); font-size: 32px; text-transform: uppercase; font-weight: 600; margin: 0px 0px 15px 0px;}
.logincontainer .logintextbox p{color: #333; font-size: 16px; line-height: 20px; text-align: left; margin: 0px 0px 20px 0px;}
.logincontainer .logintextbox .loginlogo{display: block; text-align: left; margin: 0px 0px 30px 0px;}
.logincontainer .logintextbox .loginlogo img{max-width: 100%; max-height: 100%;}

.logincontainer .loginbox{float: left; width: 100%; background: #fff; padding: 50px 50px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 2px 13px rgb(0, 0, 0, 0.04); box-shadow: 0 2px 13px rgb(0, 0, 0, 0.04);}
.logincontainer .loginbox .loginlogo{display: block; text-align: center; margin: 0px 0px 30px 0px;}
.logincontainer .loginbox .loginlogo img{max-width: 100%; max-height: 100%;}
.logincontainer .loginbox .loginheading{display: block; line-height: 100%; text-align: center; color: rgba(var(--primary), 1); font-size: 32px; text-transform: uppercase; font-weight: 600; margin: 0px 0px 15px 0px;}
.logincontainer .loginbox p{color: var(--theme-paragraph); font-size: 15px; line-height: 20px; text-align: center; margin: 0px 0px 20px 0px;}

.logincontainer .loginbox .form-group{position: relative; margin-bottom: 20px;}
.logincontainer .loginbox .form-group label{text-align: left; margin: 0px; color: #333; font-size: 18px; display: block; letter-spacing: 2px;}
.logincontainer .loginbox .form-group .formgroupinner{display: block; position: relative;}
.logincontainer .loginbox .form-group .formgroupinner i{position: absolute; right: 15px; top: 50%; font-size: 1.2em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.logincontainer .loginbox .form-group .formgroupinner i.fa-mobile{font-size: 1.1em;}
.logincontainer .loginbox .form-group .form-control{background: #F6FBFB; border: 1px solid #F6FBFB; height: 50px; color: #202020; font-size: 15px; padding: 6px 40px 6px 20px; -webkit-border-radius: 17px; border-radius: 17px;}
.logincontainer .loginbox .form-group .form-control:focus{border-color: rgba(var(--primary), 1); box-shadow: 0 0 0 .25rem rgba(var(--primary), 0.25);}
.logincontainer .loginbox .form-group .form-control.error{border-color: red;}

.logincontainer .loginbox .form-group .form-control:-webkit-autofill,
.logincontainer .loginbox .form-group .form-control:-webkit-autofill:hover,
.logincontainer .loginbox .form-group .form-control:-webkit-autofill:focus,
.logincontainer .loginbox .form-group .form-select:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #F6FBFB inset !important; box-shadow: 0 0 0 1000px #F6FBFB inset !important; -webkit-text-fill-color: #202020 !important;}

.logincontainer .loginbtn{width: 100%; padding: 12px 20px;}
.logincontainer .signupbtn{max-width: 258px;}

.logincontainer .loginbox .checkbox{padding: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; display: block; position: relative; margin-right: 0px;}
.logincontainer .loginbox .checkbox + .checkbox{margin-top: 0px;}
.logincontainer .loginbox .checkbox label{display: block; padding-left: 30px; text-align: left; position: relative; margin: 0px; color: #333; font-size: 14px; min-height: 0px; font-weight: 300; line-height: 26px;}
.logincontainer .loginbox .checkbox label a{color: #010101; text-decoration: none;}
.logincontainer .loginbox .checkbox label a:hover{text-decoration: underline;}
.logincontainer .loginbox .checkbox label::before{content: ""; display: inline-block; position: absolute; width: 20px; height: 22px; left: 0; top: 2px; margin-left: 0; border: 1px solid rgba(var(--primary), 1); -webkit-border-radius: 6px; border-radius: 6px; background: transparent; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.logincontainer .loginbox .checkbox label::after{display: inline-block; position: absolute; width: 20px; height: 22px; left: 0; top: 2px; margin-left: 0; padding-left: 5px; padding-top: 4px; font-size: 11px; color: rgba(var(--primary), 1); background: transparent; border-radius: 0px; line-height: 15px;}
.logincontainer .loginbox .checkbox input[type="checkbox"]{opacity: 0; position: absolute;left: 0px; top: 0px;}
.logincontainer .loginbox .checkbox input[type="checkbox"]:focus + label::before{outline: thin dotted;outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;}
.logincontainer .loginbox .checkbox input[type="checkbox"]:checked + label::after{font-family: 'FontAwesome'; content: "\f00c"; color: rgba(var(--primary), 1);}
.logincontainer .loginbox .checkbox input[type="checkbox"]:disabled + label{opacity: 0.65;}
.logincontainer .loginbox .checkbox input[type="checkbox"]:disabled + label::before{background-color: #eeeeee; cursor: not-allowed; }
.logincontainer .loginbox .checkbox input[type="checkbox"]:checked + label::before{background: transparent; border-color: rgba(var(--primary), 1);}

.logincontainer .loginbox .forgotbox{display: block; text-align: right; margin: 0px 0px 0px 0px;}
.logincontainer .loginbox .forgotbox a{text-decoration: none; color: #333; font-size: 14px; font-weight: 300; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.logincontainer .loginbox .forgotbox a:hover{text-decoration: underline;}

.registersection .loginbox p{margin: 0px 0px 20px 0px;}
.registersection .loginbox .form-group{margin: 0px 0px 20px 0px;}
.registersection .loginbox{padding: 60px 50px;}

.signupusbtx{display: inline-flex; background: rgba(var(--secondary), 0.10); padding: 5px; border-radius: 50px;}
.signupusbtx .signuptab{display: inline-flex; background: none; justify-content: center; align-items: center; font-size: 14px; padding: 8px 15px; font-weight: 500; border: none; outline: none; border-radius: 50px; transition: 0.3s ease-in-out;}
.signupusbtx .signuptab.active{background: rgba(var(--secondary), 1); color: var(--theme-white);}







@media screen and (min-width: 1200px) {

}
@media (min-width: 1700px) {
.logincontainer{padding: 185px 0px 50px 0px;}
.logincontainer .logintextbox .loginheading{font-size: 42px;}
.logincontainer .logintextbox p{font-size: 19px; line-height: 26px;}
.logincontainer .signupbtn{padding: 16px 30px; min-width: 200px;}
.logincontainer .loginbtn{padding: 16px 20px;}
.logincontainer .loginbox .loginheading{font-size: 42px;}
.logincontainer .loginbox p{font-size: 19px; line-height: 26px;}
.logincontainer .loginbox .form-group .form-control{height: 58px; font-size: 18px;}
.logincontainer .loginbox .checkbox label{font-size: 19px;}
.logincontainer .loginbox .forgotbox a{font-size: 19px;}
.logincontainer .loginbox{padding: 80px 70px;}
.logincontainer .logininner{padding: 160px 0px 70px 0px;}
}

@media (min-width: 1920px) {
.logincontainer{padding: 200px 0px 70px 0px;}
.logincontainer .loginbox .form-group .form-control{height: 70px; font-size: 20px;}
.logincontainer .loginbox .loginheading{font-size: 50px;}
.logincontainer .loginbox p{font-size: 20px; line-height: 28px;}
.logincontainer .loginbox .form-group .formgroupinner i{font-size: 1.7em;}
.logincontainer .logintextbox .loginheading{font-size: 50px;}
.logincontainer .logintextbox p{font-size: 20px; line-height: 28px;}

}

@media (max-width: 1199px) {

}
@media (min-width: 992px) {

}
@media (max-width: 991px) {
.logincontainer .logintextbox .loginheading{font-size: 28px;}
.logincontainer .logintextbox p{font-size: 14px; margin: 0px 0px 15px 0px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
.logincontainer{padding: 100px 0px 50px 0px;}
.logincontainer .logintextbox .loginheading{font-size: 22px; margin: 0px 0px 10px 0px;}
.logincontainer .loginbox .loginheading{font-size: 22px; margin: 0px 0px 10px 0px;}
.logincontainer .logintextbox{text-align: center; padding-bottom: 20px;}
.logincontainer .logintextbox .loginlogo{display: none;}
.logincontainer .logintextbox .loginheading{text-align: center;}
.logincontainer .logintextbox p{text-align: center;}
.logincontainer .logininner{padding: 100px 0px 40px 0px;}
.logincontainer .loginbox .loginheading{font-size: 28px;}
.logincontainer .loginbox .form-group .form-control{height: 44px;}
.logincontainer .signupbtn{min-width: 140px; padding: 10px 20px;}
.logincontainer .loginbtn{padding: 10px 20px;}

}
@media (min-width: 576px){

}
@media (max-width: 575px){
.logincontainer .loginbox{padding: 40px 30px;}
}

@media (max-width: 440px){
.logincontainer .loginbox{padding: 20px 15px;}
}
@media (max-width: 360px){

}


/*
	font-family: "Poppins", sans-serif;
*/