@charset "utf-8";
/* CSS Document */
body {font-size:10px;}
/*HEADER TOP*/
.header-top { padding-top:15px; position:absolute; width:100%; z-index:50 }
.logo { float:left; padding-right:15px;}
.top-form { float:right;}
.top-form .form-group { vertical-align:top !important}

.top-form .form-group label.error { display:block; margin-top:5px; color:#F41F23; width:180px; }

input { padding:8px; margin-right:10px; padding-left:35px; border-radius:5px; outline:none;}
label {font-size:1.1rem; font-weight:normal; margin-right:15px; margin-left:5px; }
button { padding:9px 15px; padding-left:40px; border-radius:5px;}
.button-orange-green { background:#ff4800 url(../images/register-human.png) no-repeat 10px 8px; color:#fff; border:none;  }
.button-orange-green:hover { background:#00BB09 url(../images/register-human.png) no-repeat 10px 8px; }
.button-orange-green, .button-orange-green:hover {transition: all ease 0.5s}
input.name { background: rgba(255,255,255,0.72) url(../images/pass.png) no-repeat -5px -5px; border:1px solid #a7a7a7;  width:200px}
input.email { background: rgba(255,255,255,0.72) url(../images/envelope.png) no-repeat -5px -5px; border:1px solid #a7a7a7; width:200px }
input.phone { background: rgba(255,255,255,0.72) url(../images/telephone.png) no-repeat -5px -5px; border:1px solid #a7a7a7;  width:200px}

.form-group.error input.name { background: rgba(255,255,255,0.72) url(../images/pass.png) no-repeat -5px -50px; border:1px solid #F10F13;}
.form-group.error input.email { background: rgba(255,255,255,0.72) url(../images/envelope.png) no-repeat -5px -50px; border:1px solid #F10F13;}
.form-group.error input.phone { background: rgba(255,255,255,0.72) url(../images/telephone.png) no-repeat -5px -50px; border:1px solid #F10F13;}
.modal-form input.name, .modal-form input.email, .modal-form input.phone{ width:100%}
.bottom-modal .modal-body { padding:60px}
.modal-content .modal-body{}

/*HEADER BANNER*/
.header-banner {background:#CCCCCC; display:flex; }
.left-banner { z-index:1; background: url(../images/header_1.jpg) no-repeat top left;padding-top:100px;overflow:hidden;position:relative  }
.right-banner { z-index:2; background: url(../images/header-2.jpg) no-repeat top right; padding-top:100px;overflow:hidden;position:relative}
.left-banner.active{   width:100%; height:900px;}
.right-banner.active{   width:100%; height:900px;}
.right-banner, .left-banner {overflow:hidden;}
.right-banner.off {width:0%;}
.left-banner.off {width:0%; }
.left-banner.active, .right-banner.active, .right-banner.off, .left-banner.off, .active .banner-content, .off .banner-content { transition:all ease 1.5s}
.banner-content {width:1170px; float:none; text-align:left;  position:absolute; left:50%; margin-left:-585px; padding: 0px 15px}
.active .banner-content{ opacity:1; }
.off .banner-content { opacity:0; }
.banner-content h1 { font-size:7.2rem; color:#ff4800;}
.arrow-right { width:46px; height:900px; position:absolute; margin-left:0px; top:0; background:  url(../images/arrow-right.gif) no-repeat center, url(../images/arrow-right-bg.png) no-repeat left center; cursor:pointer; animation:arrow 2s infinite ease-in-out; }
.arrow-left { width:46px; height:900px; position:absolute; margin-left:auto; right:0; top:0; background:  url(../images/arrow-left.gif) no-repeat center, url(../images/arrow-left-bg.png) no-repeat right center; cursor:pointer; animation:arrow-2 2s infinite ease-in-out;}
@keyframes arrow { 
0% { margin-left:-15px; } 
50% {  margin-left:0px;} 
100% { margin-left:-15px; }  
}
@keyframes arrow-2 { 
0% { right:0px; } 
50% {  right:-15px;} 
100% { right:0px; }  
}


/*BENNEFITS*/
.bennfit-item { padding-top:30px; padding-bottom:30px;}

.bg-light-grey { background:#eeeeee;}
.bg-grey { background:#dedede;}
.text-orange { color:#ff4800;}


/*BOTTOM BENNEFITS*/
.bottom-bennefits { display:flex; justify-content:space-between;}
.bottom-bennefit-item { width:18%}


/*FOOTER*/
.footer-top { background:#1c70c1; color:#fff; padding-top:30px;}
.footer-top h1 { padding-bottom:30px; padding-top:30px}
.footer-top .thumbnail,  .footer-botom .thumbnail { background: none; border:none; color:#fff;}
.footer-top .thumbnail .caption, .footer-botom .thumbnail .caption{ color:#fff; font-weight:normal}
.footer-botom {background:#1762aa; color:#fff;}
.steps-container { display:flex; justify-content:space-between; }
.footer-botom h1 {padding: 40px 0}
.button-orange-big { background:#fc8e18; color:#fff; text-decoration:none; padding:20px 30px; display:inline-block; font-size:1.8rem; border-radius:8px; box-shadow: inset 0 0 50px #ff4800, 0 0 30px rgba(0,0,0,0.40), 0 3px 0 #D53500; margin-bottom:30px; cursor:pointer}
.button-orange-big:hover { color:#fff; text-decoration:none; box-shadow: inset 0 0 50px #ff4800, 0 0 30px rgba(0,0,0,0.50), 0 0 80px rgba(142,218,255,0.7), 0 3px 0 #D53500;}
#lz_floating_button { top: 550px !important;}