.body_bg {background-image: url(../images/background.jpg); position:relative; background-position: center center;  background-repeat: no-repeat;  background-attachment: fixed; background-size: cover; background-color:#FFF; font-family: 'Poppins', sans-serif; color:#343A85; 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(32, 54, 70, 0.70);}

.login-text { float:left;  position: fixed; width:50%; left:2%; top:175px;}
.login-text > h1 { background:none; padding: 0; margin:15px 0 0 0;
color:#FFF;
font-size:40px;
font-style: normal;
line-height:50px;
letter-spacing: 1px;
display: inline-block;
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s; position: relative
}


.login-text > h2 { padding:10px 15px; margin:0;
color:#FFF; 
font-size:15px;
font-style: normal;
line-height:20px;
letter-spacing: 1px;
display: inline-block;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; background:#EF7F1A; position:relative
}

.login-text > h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    border-top: 8px solid #EF7F1A;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.login-text > p {
    padding: 0;
    color:#FFF;
    font-size:13px;
    line-height:20px;
    font-weight:400;
    margin-bottom:15px; margin-top:10px;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}


.login-text > a.btn-default{
    color: #343A85; background: #EF7F1A;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    margin-right:0;
	margin-top:10px;
    text-align: center;
    padding: 15px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}

.login-text > a.btn-default:hover,
.login-text > a.btn-default:active {
    color: #343A85;
    background:#FFF;
	border:none;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}


.login-form-bg { min-height: 100vh; background:#F8F8F8; position: relative; padding:15px;}

/*FORM*/
.form-contact { float:left; height:auto;  margin:15px 0; font-size:14px; line-height:22px; color:#333; font-weight:400; }
.form-contact a { color:#343A85; text-decoration:none; font-weight:500; 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:#EF7F1A; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.form-contact-bor {float:left; width:100%; height:55px; line-height:55px; font-size:14px; text-align:left; color:#343A85; font-weight:400;margin:0 0 0 0; padding:0 0 0 15px; background:#FFF; border:1px solid #DDD; font-family: 'Poppins', sans-serif; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;  }
.form-contact-textar { float:left; width:100%; height:120px; line-height:35px; font-size:14px; text-align:left; color:#343A85; margin:0 0 0 0; padding:5px 0 0 15px; background:#FFF; border:1px solid #DDD; font-weight:400; font-family: 'Poppins', sans-serif; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-contact-bor:focus, .form-contact-textar:focus { background:#FFF; border:1px solid #EF7F1A; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.form-contact select { float:left; font-size:14px; margin:0; padding:0 0 0 15px; color:#343A85;  width:100%; height:55px; line-height:55px; font-weight:400; background:#FFF url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DDD; font-family: 'Poppins', 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;}
.form-contact select:focus {background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ; border:1px solid #EF7F1A; color:#343A85; 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-btn { font-size:14px; font-weight:700; text-transform:uppercase; padding:15px 30px; line-height:20px ; color:#FFF; background:#343A85; letter-spacing:1px; 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; }
.form-btn:hover {  background:#EF7F1A; border:none; color:#343A85; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

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

.inner-down { float:left; margin:0 0 15px 0; }
input[type=checkbox] {opacity: 0; float:left;}
input[type=checkbox] + label {margin:0 0 0 15px; padding:0 0 0 15px; position: relative;cursor: pointer;font-size:14px;float: left; line-height:22px; font-weight:400; color:#343A85; }
input[type=checkbox] + label ~ label {margin: 0 0 0 15px; }
input[type=checkbox] + label::before {content: ' ';position: absolute;left: -15px;top: 0px;width: 20px;height: 20px;display: block;background: white;border: 1px solid #DDD;}
input[type=checkbox] + label::after {content: ' ';position: absolute;left: -15px;top: 0px;width: 20px;height: 20px;display: block;z-index: 1;
background:#EF7F1A url(../images/checkbox-icon.png) no-repeat center center; -ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);opacity: 0;}
input[type=checkbox]:checked + label::after {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
/*FORM*/



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

.login-text > h1 {
font-size:50px;
line-height:60px;
}

.login-text > h2 { 
font-size:17px;
line-height:25px;
}


.login-text > p {
    font-size:15px;
    line-height:24px;
}


.login-text > a.btn-default{
    font-size: 14px;
    line-height: 20px;
    padding: 15px 30px;
}
}





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

.login-text {width:50%; left:2%; top:150px;}

.login-text > h1 {
font-size:25px;
line-height:35px;
}

.login-text > h2 { 
font-size:13px;
line-height:18px;
}


.login-text > p {
    font-size:12px;
    line-height:16px;
}


.login-text > a.btn-default{
    font-size: 12px;
    line-height: 20px;
    padding: 10px 20px; margin-top:5px;
}
}





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

.login-text { position:relative; width:90%; left:2%; top:0px; padding-bottom:30px; padding-top:30px;}

.login-text > h1 {
font-size:20px;
line-height:30px;
}

.login-text > h2 { 
font-size:11px;
line-height:15px;
}


.login-text > p {
    font-size:11px;
    line-height:15px;
}


.login-text > a.btn-default{
    font-size: 12px;
    line-height: 20px;
    padding: 10px 20px;
}

/*FORM*/
.form-contact {font-size:13px; line-height:20px;}
.form-contact-bor {height:50px; line-height:50px; font-size:13px;}
.form-contact-textar { height:100px; line-height:35px; font-size:13px;}
.form-contact select { font-size:13px; height:50px; line-height:50px;}
.form-btn { font-size:13px; padding:10px 25px; line-height:25px;}
input[type=checkbox] + label {font-size:13px; line-height:20px;}
/*FORM*/
}





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

.login-text { position:relative; width:96%; left:2%; top:0px; padding-bottom:30px; padding-top:30px;}

.login-text > h1 {
font-size:20px;
line-height:30px;
}

.login-text > h2 { 
font-size:11px;
line-height:15px;
}


.login-text > p {
    font-size:11px;
    line-height:15px;
}


.login-text > a.btn-default{
    font-size: 12px;
    line-height: 20px;
    padding: 10px 20px;
}

/*FORM*/
.form-contact {font-size:13px; line-height:20px;}
.form-contact-bor {height:50px; line-height:50px; font-size:13px;}
.form-contact-textar { height:100px; line-height:35px; font-size:13px;}
.form-contact select { font-size:13px; height:50px; line-height:50px;}
.form-btn { font-size:13px; padding:10px 25px; line-height:25px;}
input[type=checkbox] + label {font-size:13px; line-height:20px;}
/*FORM*/
}





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

.login-text { position:relative; width:96%; left:2%; top:0px; padding-bottom:30px; padding-top:30px;}

.login-text > h1 {
font-size:20px;
line-height:30px;
}

.login-text > h2 { 
font-size:10px;
line-height:15px;
}


.login-text > p {
    font-size:11px;
    line-height:15px;
}


.login-text > a.btn-default{
    font-size: 12px;
    line-height: 20px;
    padding: 10px 20px;
}

/*FORM*/
.form-contact {font-size:13px; line-height:20px;}
.form-contact-bor {height:50px; line-height:50px; font-size:13px;}
.form-contact-textar { height:100px; line-height:35px; font-size:13px;}
.form-contact select { font-size:13px; height:50px; line-height:50px;}
.form-btn { font-size:13px; padding:10px 25px; line-height:25px;}
input[type=checkbox] + label {font-size:13px; line-height:20px;}
/*FORM*/
}