html{margin:0;padding:0;}
body{font-family:"Open Sans", sans-serif;padding: 0;color:#1A1919;margin:0;padding:0;font-size:16px;}

/*TYPOGRAPHY*/
.text-black{color: #000;}
.text-green{color: #3CB183;}
.font-weight-bold{font-weight: bold;}
h1,.h1,h2,.h2,h3,.h3{font-size:30px;font-weight: 600;color: #3CB183;}
h2,.h2{font-size:24px;}
h3,.h3{font-size:20px;}
.list--green{margin:0;padding:0;list-style-type: none;}
.list--green li{margin:0;padding:10px 0 10px 20px;position: relative;}
.list--green li:before{content:"";display:block;z-index:2;background: #3CB183;width:8px;height:8px;top:17px;left:0px;position: absolute;}
@media screen and (min-width:767px){
    h1,.h1,h2,.h2{font-size:40px;}
}

/*BUTTONS*/
.btn{font-size:16px;border-radius:0;border:2px solid #fff;padding: 8px 16px;font-weight:bold;-webkit-transition: all 0.3s;transition: all 0.3s;}
.btn--green{background-color: #3CB183;color:#fff;border-color:#3CB183;}
.btn--green span{position: relative; right: -5px;}
.btn--green:hover,.btn--green:focus,.btn--green:active{background-color: #fff;color:#3CB183;box-shadow: none;}

/*NAVBAR*/
.navbar-collapse{position: relative;}
.navbar-collapse.in { overflow-y: inherit; }
.navbar-theme{background: #fff;}
.navbar-theme .navbar-toggle {border: none; background: transparent !important;margin-right: 5px;margin-top: 7px;height: 30px;}
.navbar-theme .navbar-toggle:hover {background: transparent !important; }
.navbar-theme .navbar-toggle .icon-bar {width: 26px; transition: all 0.2s; background: #3CB183;height: 3px;}
.navbar-theme .navbar-toggle .top-bar {-webkit-transform: rotate(45deg); -webkit-transform-origin: 0% 50%; transform: rotate(45deg); transform-origin: 0% 50%;}
.navbar-theme .navbar-toggle .middle-bar {opacity: 0;}
.navbar-theme .navbar-toggle .bottom-bar {-webkit-transform: rotate(-45deg); -webkit-transform-origin: 10% 90%;transform: rotate(-45deg); transform-origin: 10% 90%;}
.navbar-theme .navbar-toggle.collapsed .top-bar {-webkit-transform: rotate(0); transform: rotate(0);}
.navbar-theme .navbar-toggle.collapsed .middle-bar {opacity: 1; }
.navbar-theme .navbar-toggle.collapsed .bottom-bar {-webkit-transform: rotate(0); transform: rotate(0);}
.navbar-theme .navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
.navbar{margin-bottom: 0px;}
.navbar-toggle__title{display: none;}
.active{color: #3CB183;}
.navbar-nav>li>a{color: #1A1919;font-weight: 600;}
.navbar-nav>li>a:hover,.navbar-nav>li>a:active,.navbar-nav>li>a:focus{color: #3CB183;background: transparent;}
.navbar-brand{padding:15px 0;margin: 0 10px;}
.list--language{display: block;margin:0;padding:0;position: relative;padding-top: 20px;}
.list--language li{display: block;padding:0;float:left;position: relative;}
.list--language li:after{content:"";display:block;z-index:2;background: #1A1919;width:1px;top:3px;bottom:3px;right:-5px;position: absolute;}
.list--language li:last-child:after{display: none;}
.list--language li a{color:#1A1919;padding: 20px 10px;}
.list--language li a:hover,.list--language li a:active,.list--language li a:focus,.list--language li.active a{color: #3CB183;text-decoration: none;}
.navbar--scrolled {box-shadow: 0px 7px 11px rgba(0, 0, 0, 0.05);}
@media screen and (max-width:767px){    
    .navbar-brand--zse{width: 82px;}
    .navbar-brand--elsea{width: 99px;}
    body.menu-open:after { content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; background: #fff; }
    body.menu-open .navbar-brand { opacity:0;}
    body.menu-open .navbar-toggle__title { display: block;}
    /* .navbar-theme{position: absolute;z-index: 3;top:0;left:0;right:0;} */
    .navbar-toggle__title {position: absolute; z-index: 2; z-index: 2;left: 0px; top: 0px; background: white; color: black; height: 50px; right: 50px; line-height: 3.2; text-indent: 15px;font-weight: 600;}
    .list--language:after,.navbar-collapse:before{content:"";display:block;z-index:2;background: #3CB183;height:1px;left:-15px;right:auto;top:0;position: absolute;opacity:0;-webkit-transition: all 0.3s;transition: all 0.3s;}
    .navbar-collapse:before{left:0px;}
    .collapse.in .list--language:after{opacity: 1;right:-15px;}
    .collapse.in.navbar-collapse:before{opacity: 1;right:0px;}
}
@media screen and (min-width:768px){
    .navbar-nav {margin: 0 0 20px 0;}
    .navbar-header{width: 100%;position: relative;padding-top: 15px;padding-bottom: 5px;}
    .navbar-header:after{content:"";display:block;z-index:2;background: #3CB183;height:1px;left:-15px;right:-15px;bottom:0;position: absolute;}
    .navbar-brand{height: 70px;margin-right: 40px;}
    .navbar-nav>li>a { padding: 20px 6px 0 6px; font-size: 14px; }
    .navbar-collapse{padding: 0;float: left;width: 100%;}
    .navbar-brand--zse{margin-left: 17px!important;}
    .list--language{position: absolute;z-index: 2;top: -67px; right: -5px;}
 }
@media screen and (min-width:992px){
    .navbar-nav>li>a {padding: 20px 15px 0 15px; font-size: 16px; }
}

/*HEADER*/
.header{margin-top: 51px;}
.container-header{background: transparent url(../img/hero-desktop.jpg) center center no-repeat;background-size: cover;}
.header__content{max-width: 520px;margin:230px 0 0 0;background-color: #fff;background-color: rgba(255, 255, 255, 0.7);}
@media screen and (max-width:767px){
    .header__content{padding:15px 10px;}
    .container-header{background: transparent url(../img/hero-mobile.jpg) center left no-repeat;background-size: cover;padding-left: 0;padding-right: 0;}
}
@media screen and (min-width:767px){
    .container-header{min-height: 400px;}
    .header__content{margin: 55px 35px;padding:25px 35px 45px 35px;}
    .header{margin-top: 151px;}
}

/*LAYOUT*/
.container-bg{padding:20px 0;}
.footer{background-color: #F1F1F1;padding: 10px 0;text-align: center;}
@media screen and (min-width:767px){
    .container-bg{padding:40px 0;}
    .footer{padding: 10px 0;text-emphasis: left;}
}
@media screen and (min-width:1400px){
    .container{min-width: 1330px;}
}

/*CONTENT*/
.title-line{position: relative;margin-bottom: 30px;}
.title-line:after{content:"";position: relative;z-index: 2;display: block;width: 250px;background: #3CB183;margin-left: auto;margin-right: auto;height:1px;margin-top:25px;}
.timeline{width: 100%;overflow: hidden;overflow-x: auto;}
.timeline__inner{position: relative;margin-top: 30px;padding:0 60px 90px 60px;min-width: 940px;}
.timeline__inner:before{content:"";position: absolute;display: block;z-index: 1;left:0;right:0;height: 3px;background: #000000;top:0px;}
.timeline_year{float: left;width: 50%;position: relative;height:30px;}
.timeline__phase{float: left;width: 40%;position: relative;height:30px;}
.timeline__def{float: left;width: 100%;position: relative;padding-top:15px;}
.timeline__phase:last-child{width: 20%;}
.timeline__phase:after{ content: ""; position: absolute; left:-1px;right:-1px;bottom:0;top:0;border: 2px solid #3CB183;border-top: 0;z-index: 0;border-right-width: 4px;}
.timeline__phase:last-child:after{border-right-width: 2px}
.timeline__date{position: absolute;z-index: 2;top:-33px;left:-18px;}
.timeline__phase--red:after{border-color: #F21C0A;border-right-width: 4px;}
.hexagon { position: relative; width: 22px; height: 12.70px; background-color: #3cb183; margin: 6.35px 0; z-index: 2;margin-left: auto; margin-right: auto;}
.hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; }
.hexagon:before { bottom: 100%; border-bottom: 6.35px solid #3cb183; }
.hexagon:after { top: 100%; width: 0; border-top: 6.35px solid #3cb183; }

.timeline--extended .timeline__phase {width: 24%;}
.timeline--extended .timeline__phase--red:after {border-color: #3cb183;}
.timeline--extended .timeline__phase--red {width: 12%;}
.timeline--extended .timeline__phase:last-child{width: 40%;}

.w-100{width: 100%;}
.w-0{width: 0px;}
.mw-680{max-width: 680px;margin-left: auto;margin-right: auto;}
.cssa{-webkit-transition: all 0.3s;transition: all 0.3s;}
.position-relative{position: relative;}
.mb-1{margin-bottom: 15px;} .mb-2{margin-bottom: 30px;} .mb-3{margin-bottom: 45px;} .mb-4{margin-bottom: 50px;} .mb-5{margin-bottom: 65px;}
.mt-1{margin-top: 15px;} .mt-2{margin-top: 30px;} .mt-3{margin-top: 45px;} .mt-4{margin-top: 50px;} .mt-5{margin-top: 65px;}
.pr-1{padding-right: 15px;} .pr-2{padding-right: 30px;} .pr-3{padding-right: 45px;} .pr-4{padding-right: 50px;} .pr-5{padding-right: 65px;}
@media screen and (min-width:767px){
    .mb-md-0{margin-bottom: 0!important;} .mb-md-2{margin-bottom: 30px!important;} .mb-md-1{margin-bottom: 15px!important;} .mb-md-3{margin-bottom: 45px!important;} .mb-md-4{margin-bottom: 50px!important;} .mb-md-5{margin-bottom: 65px!important;}
}