.body_bg {background-image: url(../images/background.jpg) !important; position:relative; background-position: center center !important;  background-repeat: no-repeat !important;  background-attachment: fixed; background-size: cover !important; background-color:#FFF; font-family: 'Nunito', sans-serif; color:#203646; font-weight:500; white-space:normal; visibility:inherit; text-align:inherit; border:0px; letter-spacing:0px; font-stretch:inherit; overflow-x:hidden;}
.body_bg::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(44, 67, 125, 0.80);}

.login-form-bg { background:#F1F5FA; background-size: cover; background-position:center center; position: relative; min-height:100vh; display:flex; align-items: center; justify-content:center;  background-attachment: fixed; background-repeat: no-repeat; padding-bottom:30px; padding-top:30px}

/*LOGIN PAGE*/
.login-form-bg .login-logo { margin-top:15px; display:block;}

/*FORM*/
.form-contact { float:left;  margin-bottom:15px; margin-top:15px; font-size:14px; line-height:22px; color:#19212C; font-weight:500;}
.form-contact a { color:#F9B22D; text-decoration:none; font-weight:600; margin:0; padding:0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-contact a:hover { color:#2C437D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-contact span {font-size: 14px; color: #2C437D; display: block; font-weight:700; padding:0; line-height:20px; letter-spacing: 1px;}

.form-contact-bor {width:100%; height:50px; line-height:50px; font-size:14px; color:#19212C; font-weight:600;margin:0; padding:0 15px; background:#FFF; border:1px solid #ECEFF5; font-family: 'Nunito', sans-serif; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px;  }
.form-contact-textar { width:100%; height:130px; line-height:25px; font-size:14px; color:#19212C; margin:0; padding:5px 15px 0 15px; background:#FFF; border:1px solid #ECEFF5; font-weight:600; font-family: 'Nunito', sans-serif; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;  border-radius:4px; }
.form-contact-bor:focus, .form-contact-textar:focus { background:#FFF; border:1px solid #CED7E1; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.form-contact select {width:100%; height:50px; line-height:50px; font-size:14px; margin:0; padding:0 15px ; color:#19212C;   font-weight:600; background:#FFF url(../images/arrow-select.png) no-repeat right 15px center; border:1px solid #ECEFF5; font-family: 'Nunito', sans-serif; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;  border-radius:4px; }
.form-contact select:focus {background:#FFF  url(../images/arrow-select.png) no-repeat right 15px center; border:1px solid #CED7E1; color:#19212C; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.form-contact label {font-size: 14px; text-align: left; color: #19212C; font-weight:700; margin: 0; padding:0 0 7px 0; line-height:23px; letter-spacing: 1px;}

/* .form-btn { font-size:14px; font-weight:700; width:100%; text-transform:uppercase; padding:15px 25px; line-height:20px ; color:#E6EAF7; background:#2C437D; letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px;} */
.form-btn { font-size:14px; font-weight:700; width:100%; text-transform:uppercase; padding:15px 25px; line-height:20px ; color:var(--popup_text_color); background:var(--popup_background); letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px;}
.form-btn:hover {  background:var(--poup_hover_btn); border:none; color:var(--poup_hover_btn_txt); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.form-btn-inner { font-size:14px; font-weight:700; width:auto; text-transform:uppercase; padding:15px 30px; line-height:20px ; color:#E6EAF7; background:#2C437D; letter-spacing:2px; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:4px;}
.form-btn-inner:hover {  background:#F9B22D; border:none; color:#2C437D; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

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

.form-contact .inner-down { float:left; margin:20px 0 0 0; padding:0;}
input[type=checkbox] {opacity: 0; float:left;}
input[type=checkbox] + label {margin:0 0 0 0; padding:0 0 0 15px; position: relative;cursor: pointer;font-size:14px;float: left; line-height:22px; font-weight:600; color:#0C0C0C; }
input[type=checkbox] + label ~ label {margin: 0 0 0 0; }
input[type=checkbox] + label::before {content: ' ';position: absolute;left: -15px;top: 0px;width: 20px;height: 20px;display: block;background:#FFF;border:1px solid #ECEFF5; border-radius:3px;}
input[type=checkbox] + label::after {content: ' ';position: absolute;left: -15px;top: 0px;width: 20px;height: 20px;display: block;z-index: 1;
background:#2C437D url(../images/checkbox-icon.png) no-repeat center center; -ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);opacity: 0; border-radius:3px; overflow:hidden;}
input[type=checkbox]:checked + label::after {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
/*FORM*/

/*LOGIN PAGE*/

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

}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

/*LOGIN PAGE*/
.login-form-bg .login-logo img { height:100%; }
/*LOGIN PAGE*/
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

/*LOGIN PAGE*/
.login-form-bg .login-logo img { height:100%; }
/*FORM*/
.form-contact { font-size:13px; line-height:20px;}
.form-contact span {font-size:13px; line-height:20px;}
.form-contact-bor {height:45px; line-height:45px; font-size:13px; padding:0 15px;}
.form-contact-textar { height:110px; line-height:20px; font-size:13px; padding:5px 15px 0 15px;}
.form-contact select {height:45px; line-height:45px; font-size:13px; padding:0 15px;}
.form-contact label {font-size:13px; line-height:22px; }
.form-btn { font-size:13px; padding:10px 20px; line-height:25px ; }
.form-btn-inner { font-size:13px; padding:10px 20px; line-height:25px;}

input[type=checkbox] + label {font-size:13px; line-height:20px;}
/*FORM*/
/*LOGIN PAGE*/
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {



/*LOGIN PAGE*/
.login-form-bg .login-logo img { height:100%; }

/*FORM*/
.form-contact { font-size:13px; line-height:18px;}
.form-contact span {font-size:13px; line-height:13px;}
.form-contact-bor {height:45px; line-height:45px; font-size:13px; padding:0 15px;}
.form-contact-textar { height:110px; line-height:20px; font-size:13px; padding:5px 15px 0 15px;}
.form-contact select {height:45px; line-height:45px; font-size:13px; padding:0 15px;}
.form-contact label {font-size:13px; line-height:22px; }
.form-btn { font-size:13px; padding:10px 20px; line-height:25px; }
.form-btn-inner { font-size:13px; padding:10px 20px; line-height:25px;}
input[type=checkbox] + label {font-size:13px; line-height:20px;}
/*FORM*/
/*LOGIN PAGE*/
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

    .login-logo{
        height: auto !important;
        width: 245px !important;
        /* top: 24% !important; */
    }

/*LOGIN PAGE*/
.login-form-bg .login-logo img { height:150px; }

/*FORM*/
.form-contact { font-size:13px; line-height:18px;}
.form-contact span {font-size:13px; line-height:13px;}
.form-contact-bor {height:45px; line-height:45px; font-size:13px; padding:0 15px;}
.form-contact-textar { height:110px; line-height:20px; font-size:13px; padding:5px 15px 0 15px;}
.form-contact select {height:45px; line-height:45px; font-size:13px; padding:0 15px;}
.form-contact label {font-size:13px; line-height:22px; }
.form-btn {font-size: 10px; padding: 5px 10px;}
.form-btn-inner { font-size:13px; padding:10px 20px; line-height:25px;}
input[type=checkbox] + label {font-size:13px; line-height:20px;}
/*FORM*/
/*LOGIN PAGE*/
}

@media only screen and ( min-width: 200px) and ( max-width: 480px ) {
        .login-logo{
        height: 150px !important;
        width: 165px !important;
        position: relative !important;
        top:-105px  !important;
    }
    .form-btn {font-size: 10px; padding: 5px 10px;}
    .form-contact{margin-bottom:0px !important;}
    .modal-body h2{font-size: 16px; line-height: 17px;}
    .form-contact label {font-size: 12px;}
}