@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

/*Mentel style 2015*/

*{box-sizing: border-box; }


html,body{height: 100%; min-height: 100%; font-family: 'Raleway', sans-serif;color:#fff; font-size:16px;}
.site-wrapper{height: 100%;}
.left{float:left;}
.right{float: right;}
.center{text-align: center;}


a{ color:#fff; text-decoration: none;}
a:hover{color: #fff; text-decoration: none;}

.site-wrapper{width: 100%;}

h1, h1.page-title{font-size:2.500em; text-transform: uppercase;}

h1.site-title, h1.site-title b{font-size:3.125em;margin-top:15%;  text-transform: uppercase; text-align: center;text-shadow: 1px 1px 1px rgba(37,37,37, 0.4);}
h1.site-title b{font-size:200%; display: block; margin-bottom:0.2em;}

h2{font-size:1.500em}
h3{font-size:1.125em}

button, .btn , input.btn, a.btn{}
button, .btn-alt , input.btn-alt, a.btn-alt{}

.small-text{font-size: 0.875em;}
.display-tab{display: none;}
.display-mob{display: none;}
.align-right{text-align: right;}

img{vertical-align: middle;}

#footer{display: none;}
/*Navigation*/

a.logo{display: block; line-height: 1.500em; font-size:1.500em; /*text-transform: uppercase;*/ }
.ico-logo{max-width: 45px; vertical-align: middle}
a.logo i {font-size:1.5em;}
i.fa.fa-contao.lamb {font-size: 0.9em;}

#home-nav.navbar{left: -15%;}
#main-nav.navbar{left: 0;}
.navbar{background: rgb(97, 179, 132); width:15%; height: 100%;position: fixed; padding: 2% 0 2% 2%; -webkit-transform: translateZ(0);}
.nav-wrapper{position: relative; height: 100%;width: 100%;  }

ul.navigation{margin-top:25%; }
ul.navigation li{font-size:1em;margin-bottom: 0.6em;}
ul.navigation a{text-transform: uppercase; }

ul.navigation a {	color: #fff;   -webkit-transition: color 0.5s , letter-spacing 0.5s;	-moz-transition: color 0.5s , letter-spacing 0.5s;	transition: color 0.5s , letter-spacing 0.2s;}
ul.navigation  a:hover,
ul.navigation  a:focus, ul.navigation li.active-link a{	color: #063C2B; }

.cta-link{position: absolute; top:55%;  border-top-right-radius: 35px; border-bottom-right-radius: 35px; background:#347697; display: block;padding: 15px 35px; left: -15%; text-transform: uppercase; font-size: 0.8em;transition: padding 0.2s , background 0.5s , margin-top 0.2s ;-webkit-transition: padding 0.2s , background 0.5s , margin-top 0.2s ;}
.cta-link:hover{padding: 20px 45px 20px 25px;background:#386f8a; transition: padding 0.2s , background 0.5s , margin-top 0.2s ; -webkit-transition: padding 0.2s , background 0.5s , margin-top 0.2s ; margin-top:-5px;}

ul.sociaux {  padding-top: 2em; }
ul.sociaux li{display: inline; font-size: 2em;padding-right: 15px;}
ul.sociaux a img{width: 30px; margin:25px 0 0 0; transition: width 0.2s , margin 0.2s; -webkit-transition: width 0.2s , margin 0.2s;}
ul.sociaux a:hover{width: 40px; margin: 10px 0 0 0; transition: width 0.2s , margin 0.2s; -webkit-transition: width 0.2s , margin 0.2s; color:rgb(32, 121, 70);}

.lang-switcher{width:80px; position: fixed; top:2%; right: 0; background:#fff; border-top-left-radius: 35px; border-bottom-left-radius: 35px; color:#555; text-transform: uppercase;padding:10px 15px; z-index: 10;}
.lang-switcher a{color:#555;cursor: pointer;}
.lang-switcher a.active{font-weight: 700;}


#policy-links{display: block; clear: both; font-size:0.65em; opacity: 0.4; margin-top:10px;}


#var{display: none;}
#newsletter{display: none; margin-top: 20px}
.newsletter-wrapper{ transition: height 0.5s; height: auto;  left: 1%;  position: fixed;    top: 82%; z-index: 1501; background:#347697; border-radius: 60px 0 0 60px; padding: 20px 0 20px 40px;width:14%; }
.newsletter-wrapper .input-label{ font-size: 0.8em}
.newsletter-wrapper .submit-btn{ width: auto;  font-size: 0.6.5em; background-color: none; border: 1px solid rgba(255,255,255,0.6); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0))); background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); padding:7px 5px; display: inline-block  ; margin: 3px 0 0 10px; border-radius:0; font-size: 0.7em;}
.newsletter-wrapper .submit-btn:hover{  background:#386f8a; color:#fff;}
.newsletter-wrapper .input-container { width:60%; margin: 10pxpx 0;}
.form-visible #news-btn{opacity:0.5; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
#newsletter .input-label.focused{opacity: 0; transition: opacity 0.5s ; top:5px; }
#field-news{font-size:0.8em;}
#news-close-btn{display: none;}
.form-visible #news-close-btn{   display: block;  float: right;   height: 10px;  margin-right: 20px;  width: 10px; background: url(../images/ico-close.svg) no-repeat center center;}
a.privacy-link{font-size:0.6em;margin:1.4em 0 0 0; display: block; color:#347697}



/*****/
/*def*/
.definition-container{ margin-top:30%}
.definition-title{ font-weight: 700}
.definition-title i{ font-weight: 300 ; font-size: 0.85em;}
.definition-content{font-family: georgia, serif; font-size: 0.8em; text-align: justify; padding: 0 30px 0 0;}
.definition-content span{ font-weight: 700; font-family: arial, helevetica, sans-serif; }
.phonetic{ font-family: arial, helvetica, sans-serif; font-size: 0.9em; display: block; margin-bottom: 10px;}

/*error*/

.error-page h1{padding:10%;}
.error-page h1 span{font-size:6em}

/*Home*/

.homepage,.services-page, body.error-page{background: url(../images/bg-home2.jpg) no-repeat top right; background-size: cover ; height: 100%; background-attachment: fixed;}
.services-page{background: url(../images/bg-services.jpg) no-repeat top right; background-size: cover ;  height: 100%; background-attachment: fixed;}
.home-content{ height: 100%;}
.ico-since{max-width:368px; margin-top: 0;}
.service-link{ width:22.5%; height: 50%;text-align: center;  text-transform: uppercase;   }
.service-link span ,  .homepage .service-link.serv-animate span.hidden-mob{padding-top:30%; display: block; text-align: center;}
.homepage .service-link span{padding-top:20%; }
.animated-container{height: 100%; width: 100%;}
h2.animated-container{font-size: 1em; margin:0;}
.animated-container a{position: relative;}
a#serv-software-link,
a#serv-software-link-alt,
a#serv-system-link-alt, 
a#serv-system-link{display: block; padding: 1.5%;  width:100%; height: 100%; background: rgb(97, 179, 132);transition: background 0.5s  , font-size 0.2s , line-height 0.2s ;-webkit-transition: background 0.5s  , font-size 0.2s , line-height 0.2s;  font-size: 1.6em; text-shadow: 1px 1px 1px rgba(37,37,37, 0.4);color:#fff; line-height: 1.4em;}
a#serv-software-link:hover,
a#serv-system-link:hover{background:rgb(32, 121, 70); font-size:1.72em; line-height:1.4em; }

a#serv-marketing-link,
a#serv-marketing-link-alt,
a#serv-staff-link-alt,
a#serv-staff-link{display: block; width:100%; padding: 1.5%;height: 100%; background: rgba(37,37,37, 0.85);transition: background 0.5s  , font-size 0.2s , line-height 0.2s;-webkit-transition: background 0.5s  , font-size 0.2s , line-height 0.2s;  font-size: 1.6em; text-shadow: 1px 1px 1px rgba(37,37,37, 0.4);color:#fff; line-height: 1.4em;}
a#serv-marketing-link:hover,
a#serv-staff-link:hover{background: rgba(37,37,37, 0.95); font-size:1.72em; line-height: 1.4em;}

.ico-serv{max-width:231px; position: absolute; top:50%; left: 50%; margin-left:-115px;}
.ico-serv.display-mob{display: none;}
.home-container, .main-container{width:40%; height: 100%; text-align: center;margin-left:15%;}
#home-anim, #services-anim{width:100%; min-height:100%;background: rgba(37,37,37, 0.4);padding:2%;}

.col{float: left;}
.service-link span.txt-mob{display: none}

.item-lang{margin-top:20px;}
.bshadow{ -moz-box-shadow: 0px 1px 1px 0px rgba(37,37,37, 0.4);
-webkit-box-shadow: 0px 1px 1px 0px rgba(37,37,37, 0.4);
-o-box-shadow: 0px 1px 1px 0px rgba(37,37,37, 0.4);
box-shadow: 0px 1px 1px 0px rgba(37,37,37, 0.4);}


/*Services Animations*/


#home-anim.serv-animate{background: rgba(37,37,37, 0.6); transition: background 0.5s;  -webkit-transition: background 0.5s; text-align: left;}
.service-link.serv-animate , .services-page .service-link{width: 13%; height: 30%; transition: width 0.5s, height 0.5s; -webkit-transition: width 0.5s, height 0.5s; }
.home-container.serv-animate{width:59%;transition: width 0.5s;-webkit-transition: width 0.5s;}
.service-link.serv-animate a#serv-software-link, .service-link.serv-animate a#serv-system-link, .service-link.serv-animate a#serv-marketing-link, .service-link.serv-animate a#serv-staff-link {font-size: 1em; transition: font-size 0.5s;  -webkit-transition: font-size 0.5s;  }
.service-link.serv-animate a#serv-software-link:hover, 
.service-link.serv-animate a#serv-system-link:hover, 
.service-link.serv-animate a#serv-marketing-link:hover, 
.service-link.serv-animate a#serv-staff-link:hover {font-size: 1em;}

/*services page*/
#services-anim , 
.serv-animate #home-anim
{background: rgba(37,37,37, 0.6);padding:0 0 0 0; min-height: 100%; height: 100%; background-attachment: fixed}
.main-container{width:59%; text-align: left;}
.services-page .main-container{width:79%;}
#service-wrapper{width:6%; position: fixed; top:0; right:0;}
 a#serv-marketing-link-alt:hover,
a#serv-staff-link-alt:hover,
.service-link.serv-animate.fixed a#serv-staff-link:hover,
.service-link.serv-animate.fixed a#serv-marketing-link:hover  
{ background: rgba(37,37,37, 0.95); transition: background 0.5s; -webkit-transition: background 0.5s;}
a#serv-software-link-alt:hover, a#serv-system-link-alt:hover{background: rgba(68, 157, 202, 0.95);transition: background 0.5s; -webkit-transition: background 0.5s;}
a#serv-software-link-alt, a#serv-system-link-alt{background: rgba(68, 157, 202, 0.85);font-size: 1em; transition: background 0.5s; -webkit-transition: background 0.5s;}
 a#serv-marketing-link-alt,a#serv-staff-link-alt{ background: rgba(37,37,37, 0.85);font-size: 1em; transition: background 0.5s; -webkit-transition: background 0.5s;}
.services-page .ico-serv{top:0;}
h1, h1.page-title, h2{font-weight: 400; margin:2em 0; }
.clients-page h1,.clients-page h1.page-title, .clients-page h2{color:#373737; }
h2{margin: 0.5em 0; text-transform: uppercase;}
h1.page-title b{font-weight: 700;}
.main-content{ padding:5% 2% 2% 2% ; height: 100%; min-height: 100%;}
#about-01, #about-03{background: rgba(255, 255, 255, 0.8); color:#444;position: relative;overflow: hidden;}
#about-02, #about-04{background: rgba(37,37,37, 0.6);position: relative;overflow: hidden;}
#about-02 {background: url(../images/bg-service02.jpg) no-repeat top center; background-size: cover}
#about-04 {background: url(../images/bg-service04.jpg) no-repeat top center; background-size: cover; }
.services-page .service-link span,
.services-page .service-link span.hidden-mob{padding-top: 23%; }
#service-intro h1.page-title{padding:4% 8% 1.5% 8%;margin:0;text-align: center;}
#serv-sidebar{background: rgba(37,37,37, 0.65);  height: 0; float: left;}
#serv-sidebar.serv-animate, .services-page #serv-sidebar{height: 40%;; width:26%; transition: width 0.5s , height 0.5s;  -webkit-transition: width 0.5s , height 0.5s;}
#serv-sidebar.serv-animate.fixed, .services-page #serv-sidebar{position: fixed; top:60%; right:0;}
.serv-block p{   font-size: 1.25em;   font-weight: 300;   letter-spacing: 0.04em;   line-height: 1.2em;   margin-bottom: 40px;   text-align: justify; width: 70%;}
.services-page .separation-sm{margin-bottom:4em}
#about-02 .separation-sm, #about-04 .separation-sm{background: #fff}
.services-page h1.page-title{margin-bottom:0.5em}
.nav-ico{width:50px; height:50px; display: block; margin: 0 auto ;transition: height 0.5s , width 0.5s  , margin 0.5s; -webkit-transition: height 0.5s , width 0.5s  , margin 0.5s; }
.nav-ico:hover{width:70px; height:70px; transition: height 0.5s , width 0.5s , margin 0.5s;  -webkit-transition: height 0.5s , width 0.5s , margin 0.5s; margin: -10px auto;}
.service-nav-w {width:100%; height: 16%; padding: 37% 0; transition: background 0.5s; -webkit-transition: background 0.5s;  font-size: 4em;  text-align: center;}
.service-nav-w:hover {zoom:105%;}
.serv-title a{position: relative; padding:  0 20px ; display:block;}
.serv-active-link , .dfault-active{ background: rgba(37,37,37, 0.45); transition: background 0.5s; -webkit-transition: background 0.5s;}
#service-intro.main-content {height: 60%; position: relative;padding: 5% 0; min-height: 60%;}
.service-intro-wrapper{width:100%; height: 35%; position: absolute; bottom: 0;}
.ico-scroll{ width:3.4em; display: block;margin:1em auto;}
.service-block-intro{width:25%; float: left;  text-align: left; text-transform: uppercase; font-size: 1.7em; height: 100%; padding:15px; color:#fff}
.serv-cta{position: absolute; bottom:15%; }
.vision-cta{height:40vh; padding:20vh; text-align: center; background: rgba(37,37,37,0.6)}
.serv-cta a , .vision-cta a , .news-cta a{ border-radius:5em; padding:1.2em 2em; font-size:1.2em; text-transform: uppercase; border:2px solid #fff; width:16em; transition: background 0.5s;  -webkit-transition: background 0.5s; background: none;}
.serv-cta a:hover , .vision-cta a:hover, .news-cta a:hover{background: #fff; color:#373737;border:2px solid #fff; transition: background 0.5s;  -webkit-transition: background 0.5s; }

#about-03 .serv-cta a{border-color:#373737; color:#373737;}
#about-03 .serv-cta a:hover{background: rgb(97, 179, 132); color:#fff; border-color: rgb(97, 179, 132);}
.news-cta{background: rgb(68, 157, 202); overflow: auto; height: 40vh; padding:10vh 15vh; text-align: center}
.nav-ico{opacity:0; transition: opacity 0.5s;  -webkit-transition: opacity 0.5s; }
.scrolled .nav-ico{opacity:1; transition: opacity 0.5s;  -webkit-transition: opacity 0.5s; }

.go-down-about .fa{  font-size: 3em; padding-top: 25px;}

.share-buttons img{width: 32px; height: 32px;}

    /*alt*/

    #services-anim .timeline-item.d-item{background:  none }
     #services-anim #service-intro.main-content{padding:0}
     #service-intro h1.page-title{ padding: 9% 8% 0;margin-bottom: 25px}
    .serv-top-wrap{ width:100%; height: 40%;background:  rgba(37, 37, 37, 0.2) none repeat scroll 0 0 }
     #services-anim #service-intro.main-content{height: 100%;}
    .services-top-nav{width:25%; height: 100%; float: left;  text-align: center;  text-transform: uppercase; font-size:1.3em; padding-top:5%;transition: background 0.5s;  -webkit-transition: background 0.5s; }
    .services-top-nav:hover{background:  rgba(37, 37, 37, 0.4) none repeat scroll 0 0 ; transition: background 0.5s;  -webkit-transition: background 0.5s; }
    .services-top-nav img{width:50px; height: 50px; display: block; margin:25px auto;}
    .services-top-nav img.ico-scroll{opacity:0}
    .services-top-nav:hover img.ico-scroll{opacity:1;margin:45px auto 25px auto; transition: opacity 0.5s, margin 0.5s; -webkit-transition: opacity 0.5s, margin 0.5s;}
   #service-wrapper {background: rgb(97, 179, 132) none repeat scroll 0 0; border-left: 4px solid rgb(97, 179, 132); }

/*Clients*/
.clients-page{background: url(../images/bg-clients.jpg) no-repeat top center; background-size: cover; background-attachment: fixed;}
    
    /*Clients sidebar*/
    .sidebar{background: rgb(97, 179, 132); width:26%; height: 100%; }
    #clients-anim{height:100%; width: 100%;padding: 0;}
    #clients-01{ position: relative; width: 100%; height: 100%;}
    #clients-wrapper{position: fixed; right: 0; }
    #t-bell{background: url(../images/clients/bell-bg.jpg) no-repeat center left; }
    #t-tlog{background: url(../images/clients/tlog-bg.jpg) no-repeat center left; }
    #t-chnl{background: url(../images/clients/chnl-bg.png) no-repeat center left; }
    #t-occasions{background: url(../images/clients/occasions-bg.jpg) no-repeat center left; }
    #t-horsep{background: url(../images/clients/horsep-bg.jpg) no-repeat center left; }
    #t-edurent{background: url(../images/clients/edurent-bg.jpg) no-repeat center left; }
    #t-eso{background: url(../images/clients/eso-bg.jpg) no-repeat center left; }
    #t-tfo{background: url(../images/clients/tfo-bg.jpg) no-repeat center left; }
    #t-fixedrp{background: url(../images/clients/fixedrp-bg.jpg) no-repeat center left; }
    #t-desmeules{background: url(../images/clients/desmeules-bg.jpg) no-repeat center left; }
    #t-bvd{background: url(../images/clients/bvd-bg.jpg) no-repeat center left; }
    #t-dlc{background: url(../images/clients/dlc-bg.jpg) no-repeat center left; }
    #t-qunol{background: url(../images/clients/qunol-bg.jpg) no-repeat center left; }
    #t-esri{background: url(../images/clients/esri-bg.jpg) no-repeat center left; }
    #t-geoiq{background: url(../images/clients/geoiq-bg.jpg) no-repeat center left; }
    #t-himedia{background: url(../images/clients/himedia-bg.jpg) no-repeat center left; }
    #t-honest{background: url(../images/clients/honest-bg.jpg) no-repeat center left; }
    #t-pawnp{background: url(../images/clients/pawn-bg.jpg) no-repeat center left; }
    #t-metafor{background: url(../images/clients/metafor-bg.jpg) no-repeat center left; }
    #t-horsep{background: url(../images/clients/horsep-bg.jpg) no-repeat center left; }

    .client-active.clients-block{background-image: none !important;background: rgba(37,37,37, 0.45)!important; }
    .clients-block  a{display: block;}
    .clients-block{width:50%; height:25%; text-align:  center; padding: 5%;transition: background 0.5s;-webkit-transition: background 0.5s;background: rgba(37,37,37, 0.5);}
    .clients-logo{ margin: 0 auto; display: block; border-radius: 50%; width:70%; height: 70%; transition: background 0.5s;background: rgb(68, 157, 202); -webkit-transition: background 0.5s;}
    .clients-block:hover {background-position: center right! important; transition: background 0.5s; -webkit-transition: background 0.5s; background: rgba(37,37,37, 0.8);}
    .nav-slider button{background:rgba(68, 157, 202, 0.8);  color:#fff; border: 0;  padding:0; display: block; margin:0; float: left; width:50%; height:100%; cursor: pointer; text-align: center;}
    .nav-slider button:hover,.nav-slider button.active ,.nav-slider button.active:hover{background:rgba(68, 157, 202, 0.95);  }
    .nav-slider{float: left;width: 100%; height: 10%; }
    #clients-slider {   height:90%; overflow: hidden;transition: margin 0.5s; -webkit-transition: margin 0.5s}
    #clients-slider.slide-top .slide-01{ margin:-90vh 0 0 0; transition: margin 0.5s;  -webkit-transition: margin 0.5s}
    #clients-slider .slide-01{ margin:0 0 0 0; transition: margin 0.5s;  -webkit-transition: margin 0.5s}
    #clients-slider .slide{   height: 100%;  position: static; width: 100%;transition: margin 0.5s; -webkit-transition: margin 0.5s}
    .nav-slider button img{max-width: 30%; display: block;  margin: 0 auto;}


    /*Clients Parallax*/
    .clients-item-block{height: 100vh;    width: 59%; }
    .clients-item-w{width:100%; height: 100vh; position: relative;background: rgba(37,37,37, 0.45)}
    #scene01 .client-scroll, .skrollable-after .client-scroll{width:100%; height: 100vh;}
  
    .fixedrp-content.client-bg-gal{background: url(../images/clients/fixedrp-top.jpg) no-repeat top center;  }
    .bell-content.client-bg-gal{background: url(../images/clients/bell-header.jpg) no-repeat top center;  }
    .occasions-content.client-bg-gal{background: url(../images/clients/occasions-top.jpg) no-repeat top center;  }
    .chnl-content.client-bg-gal{background: url(../images/clients/chnl-header.jpg) no-repeat top center;  }
    .tlog-content.client-bg-gal{background: url(../images/clients/trackitlog-header.jpg) no-repeat top center;  }
    .tfo-content.client-bg-gal{background: url(../images/clients/tfo-top.jpg) no-repeat top center;  }
    .eso-content.client-bg-gal{background: url(../images/clients/eso-header.jpg) no-repeat top center;  }
    .qunol-content.client-bg-gal{background: url(../images/clients/qunol-header.jpg) no-repeat top center;  }
    .bvd-content.client-bg-gal{background: url(../images/clients/bvd-header.jpg) no-repeat top center;  }
    .desmeules-content.client-bg-gal{background: url(../images/clients/desmeules-header.jpg) no-repeat top center;  }
    .dlc-content.client-bg-gal{background: url(../images/clients/dlc-header.jpg) no-repeat top center;  }
    .esri-content.client-bg-gal{background: url(../images/clients/esri-header.jpg) no-repeat top center;  }
    .geoiq-content.client-bg-gal{background: url(../images/clients/geoiq-header.jpg) no-repeat top center;  }
    .himedia-content.client-bg-gal{background: url(../images/clients/himedia-header.jpg) no-repeat top center;  }
    .honest-content.client-bg-gal{background: url(../images/clients/honest-top.jpg) no-repeat top center;  }
    .pawnp-content.client-bg-gal{background: url(../images/clients/pawn-header.jpg) no-repeat top center;  }
    .metafor-content.client-bg-gal{background: url(../images/clients/metafor-header.jpg) no-repeat top center;  }
    .horsep-content.client-bg-gal{background: url(../images/clients/horsep-header.jpg) no-repeat top center;  }
    .back-clients-mob{display: none;}
    .client-scroll h1{text-align: left; padding: 0; margin-bottom: 15px; margin-top:10px; color:#373737;}
    .l-item h1{color: #343434;}
    .l-item{ background: #fff;}
    .testimonial-name{ text-align: center; display: block; font-size: 1.2em;}
    .testimonial-content{display: inline-block; font-size: 1.6em; font-weight: 300;  padding: 10vh; text-align: justify;}

    /*Clients Modal*/
    #modal-wrapper{display: none; background: rgba(37,37,37,0.85); position: absolute; top:0; left: 0; z-index:1502; width:100%; height:100%;  text-align: center;}
    #video-btn-mobile{display: none;}
    .modal-head{text-align: right;height: 40px; position: relative; width:100%}
    #close-modal{background: rgb(68, 157, 202) ; color:#fff;  display: block;float: right;  height: 40px; padding: 5px; width: 40px; position: absolute; right:-40px; top:40px;}
    #close-modal img{width:30px; height: 30px;}
    .modal-content{ width:640px; margin:150px auto 0 auto;}
    
    /*Client fiche*/
    .client-item{width: 100%;height: 100vh;overflow: hidden;}
    .client-item-col{width: 100%; padding:4%; clear: both; height: 50vh;}
    .client-item-col-2{ width:50%; float: left; height: 50vh;padding:4%;background: rgba(255,255,255, 1) ; color:#fff;}
    .client-desc{text-align: justify; margin-top: 25px;}
    .client-tech{list-style: none;}
    .client-tech li{display: inline-block;  font-size: 0.8em; font-weight: 700; text-transform:  uppercase; margin:15px 10px 5px 0; color:#777;}
    a.client-link-blank{  color: rgb(68, 157, 202) ; display: inline-block; padding:15px 0;clear: both; text-align: left; margin-top:55px; text-transform: uppercase;}
    .client-link-blank img{vertical-align: bottom; height: 16px;}
    .client-link-blank:hover{color: #347697;}
    .client-gal{ transition: opacity 0.5s;  -webkit-transition: opacity 0.5s; display: block; max-width: 100%;}
    .client-gal:hover{opacity: 0.7; transition: opacity 0.5s;-webkit-transition: opacity 0.5s; }

    /*client on refresh*/
    .scrolled .clients-logo{opacity:1 !important; transition: opacity 0.5s;-webkit-transition: opacity 0.5s; }

/*Vision*/
.vision-page {background: url(../images/bg-home1.jpg); background-size:cover; background-attachment: fixed; background-clip: content-box;}
.vision-page .main-container, .gback-page .main-container, .news-page .main-container, .careers-page .main-container{width:79%;}
.vision-page .sidebar, .gback-page .sidebar, .news-page .sidebar, .careers-page .sidebar{background: rgb(97, 179, 132);}
#vision-content, #gback-content , #news-content , #careers-content {padding:0;}
#vision-wrapper, #gback-wrapper, #news-wrapper{position: fixed;  right: 0; width:6%; }
#vision-content h1.page-title , #gback-content h1.page-title, #careers-content h1.page-title{ padding:9% 8% 0;margin:0;text-align: center;}
.timeline-item.d-item{ background: rgba(37, 37, 37 , 0.6); color:#fff;}
.timeline-item{ padding: 2%; position: relative; color:#373737; min-height: 60%;}
 p.subtitle{  font-size: 1.2em; padding:  3%  15%; text-align: center; text-transform: uppercase;line-height: 1.4em; text-align: center; }
.separation{height:1px; width:40%; margin:0 auto; background:#fff;}
.separation-sm{height:3px; width:20%; background: rgb(97, 179, 132);}
.vision-block , .news-block , .vision-txt-block , .news-txt-block{width:50%;  color:#373737; padding:2% 5%; min-height:35vh;}
.vision-block ,  .vision-txt-block { min-height:40vh;}
 .news-block ,  .news-txt-block{ min-height:40vh;margin-bottom: 1px}
.vision-txt-block,.news-txt-block {background: #fff;}
.vision-section{ clear: both;background: rgba(255 , 255, 255 , 0.65); overflow: auto}
 .news-section{background: rgba(255 , 255, 255 , 0.65); overflow: auto; width:50%; float: left;}
.vision-txt-block h2 , .gback-txt-block h2 ,  .news-txt-block h1{margin-bottom: 15px; font-size: 2.2em}
.news-txt-block h2{ font-size: 1.7em;}
.vision-txt-block p , .news-txt-block p{text-align: justify;margin: 30px 0 10px 0; }
.vision-txt-block p , p.client-desc{ color: #777;  font-size: 1.15em; letter-spacing: 0.05em;line-height: 1.2em; }
.vision-quote{font-size:1.8em; letter-spacing: 0.04em; text-align: center; font-weight: 300; padding: 100px 0; text-transform: uppercase; color: rgba(255,255,255, 0.5); }
.vision-quote b{color: rgba(255,255,255, 1);}
.history-section{background: rgba(24 , 24, 24 , 0.65); clear: both; padding:5% ;}
.history-section h2{text-align: center; font-size: 2.5em; }
.date-section{ height:500px;}
#vision-content h1.page-title,#gback-content h1.page-title,#careers-content h1.page-title,#service-intro h1.page-title{margin-bottom: 25px;}
.timeline{margin-top:160px; list-style: none;margin-left:15px;}
.vision-01{background:  #063C2B; color:#fff;}
.vision-02{background:  #063C2B; color:#fff;}
.vision-03{background:  #063C2B; color:#fff;}
.vision-block.col.vision-02.hidden-desk{display: none;}

/*Contact*/
.contact-page{background: url(../images/bg-contact.jpg) no-repeat top center; background-size: cover; background-attachment: fixed;}
.contact-page .main-container{width: 85%; min-height:100%; height: 120%;}
#contact-content{}
#contact-content h1{text-align: center; margin: 0 0 1em 0;}
.contact-page p.subtitle{ padding:2% 25% 1%; margin-bottom: 10px}
.contact-form{ margin: 0 auto;  width: 80%; height: auto;}
.input-field{background: none;border:0; border-bottom:1px solid rgba(255,255,255,0.6); height: 30px; color:#fff; width:100%; font-size:1em; border-radius: 0;}
.error .input-field{ border-bottom:1px solid #ea4c20; }
.input-field:focus{background: rgba(37,37,37,0.2); outline: none}
.input-field.textarea-field{height: 200px;  width:100%;}
.input-container{position: relative; width:48%; height:30px;display: block; float: left; margin:2% 1%; z-index: 15;}
.input-container.textarea-container{width:100%; height:200px; margin-top:40px; margin-bottom:40px; z-index:9 ; position: relative;}
.input-container.textarea-container textarea{font-family:   'Raleway', sans-serif ; font-size: 1em;resize:none;}
.input-label{position: absolute; left:0; transition: top 0.5s;  -webkit-transition: top 0.5s; font-size:1.4em; top:5px;}
.error .input-label{color: #ea4c20;}
.input-label.textarea-label{position: absolute; left:0; transition: top 0.5s;  -webkit-transition: top 0.5s; font-size:1.4em ; top:170px}
.input-label.focused{top:-30px; transition: top 0.5s;}
.input-label.textarea-label.focused{top:-30px; transition: top 0.5s;  -webkit-transition: top 0.5s;}
.focused-border{width:0; position:absolute; bottom:0; height:3px; background:#fff;left:0;}
.error .focused-border.focused{ background:#ea4c20;}
.focused-border.focused{width:100%; transition: width 0.9s; -webkit-transition: width 0.9s;}
.textarea-container .focused-border.focused{width:100%; transition: width 0.9s;  -webkit-transition: width 0.9s;}
.submit-btn{border:1px solid #fff; color:#fff; display: block; padding: 20px 25px; cursor: pointer; background: none; border-radius: 30px; margin: 0 auto; text-transform: uppercase;  -webkit-transition: background 0.5s ;transition: background 0.5s ; width:150px; clear: both; font-size: 1em; }
.submit-btn:hover{ background: #fff; color:#343434;  transition: background 0.5s  ;  -webkit-transition: background 0.5s  ;}
.dropdown-title{font-size:1.4em;  display: block; border-bottom: 1px solid rgba(255,255,255,0.6);height: 30px; line-height: 30px; background: url(../images/ico-arrow.png) no-repeat center right; cursor: pointer}
.open .dropdown-title{background-image: url(../images/ico-arrow-up.png);}
.dropdown-content{background: rgba(37,37,37,0.2);  display: none; padding:0;}
.open .dropdown-content{display: block;  z-index:14;}
.input-radio{display: none;}
.radio-label{cursor: pointer; display: block;  height: 30px;  line-height: 30px;   padding: 0 5px;  width: 100%;}
.radio-label.selected,.radio-label:hover{background: #fff; color:#373737; }
.phone-number{font-size: 1.2em; display: block; margin-top:20px;}
.phone-number img{margin-right: 10px;}
.scroll-client{display: none; }
.scroll-client img{width:50px; margin: 27.5% 0;}
.error-msg{color:#ea4c20 ;display: none; text-align: center; padding: 15px; }
.sucess-msg{display: none; }
#news-success{display: none; color: #fff ; padding:10px;}

/*Giving-back*/
.gback-page, .news-page{background: url(../images/bg-gback2.jpg) no-repeat top center; background-size: cover; background-attachment: fixed;}
.gback-page{background:none;}
.gback-page .timeline-item.d-item{background:rgba(37, 37, 37, 0.75) none repeat scroll 0 0}
        .news-page.room-to-read{background: url(../images/bg-news-room.jpg) no-repeat top right; background-size: cover; background-attachment: fixed;}
        .news-block.room-to-read{background: url("../images/gal-news-room.jpg") no-repeat top right;background-size: cover; }
        .news-page.anthony-robins{background: url(../images/bg-news-robins.jpg) no-repeat top right; background-size: cover; background-attachment: fixed;}
        .news-block.anthony-robins{background: url("../images/gal-news-robins.jpg") no-repeat top center; background-size: cover;}
        .news-page.mentel-ride{background: url(../images/bg-news-mentel-ride.jpg) no-repeat top right; background-size: cover; background-attachment: fixed;}
        .news-block.mentel-ride{background: url("../images/gal-news-mentel-ride.jpg") no-repeat top center; background-size: cover;}
.news-section{ background: rgba(255 , 255, 255 , 0.15); }
.news-block,  .news-txt-block {  height: 30vh;}
.news-txt-block{position: relative}
.news-txt-block h2 a{color:#373737;}
.news-txt-block p.news-date{color: rgb(68, 157, 202); font-size: 1.1em; position: absolute; left:10%; bottom: 15%;}
.news-txt-block .separation-sm{ transition: width 0.5s;  -webkit-transition: width 0.5s;}
.news-txt-block:hover .separation-sm{width:50%; transition: width 0.5s;  -webkit-transition: width 0.5s;}
 .news-single{padding: 0;}
 .news-single h1{ margin-top: 2.5em;}
 .news-single .news-txt-block {padding:  5vh; height: auto; width: 100%;}
 .news-single p.news-date {position: static; margin: 0}
 .news-txt-block p.article-content ,.news-txt-block p.article-em{font-size:1.15em; color: #777;  letter-spacing: 0.05em;
    margin: 35px 0; line-height: 1.3em;}
 .news-txt-block p.article-content a,.news-txt-block p.article-em a{color: rgb(68, 157, 202);}
 .news-txt-block p.article-content a:hover,.news-txt-block p.article-em a:hover{color: rgb(68, 157, 202); text-decoration: underline;}
 .news-txt-block p.article-em{border-left: 2px solid #878787 ; padding-left:20px; font-size: 1.3em; color:#878787}
.share-buttons{ margin: 30px 0;}
.share-buttons a{ color:rgb(97, 179, 132);font-size: 2em;padding-right: 5px;}
.share-buttons a:hover{ color:#063C2B;}
.share-buttons li{ display: inline-block; list-style: none;}
.article-container{padding: 20px 0;}
.cta-gback{display: inline-block; margin-top:30px;}
.back-btn { text-align: left;padding:20px 0;}
.back-btn a{ color:#fff; background-color:rgb(68, 157, 202); border-radius: 25px; padding:5px 10px; }
.hidden-lg{display: none;}
video {  position: fixed;  right: 0;   bottom: 0;    min-width: 100%;    min-height: 100%;   width: auto;  height: auto;  z-index: -100;   background: url('../images/closeup.png') no-repeat;   background-size: cover;}

/*Careers*/
.careers-page .news-txt-block, .careers-page .news-section{width: 100%; height: auto}
.careers-page .news-txt-block:hover .separation-sm{width:30%;}
.careers-page .news-section{overflow: visible}
.offer-list, .offer-title , .offer-text-intro, .offer-text{  color: #777;  font-size: 1.15em; letter-spacing: 0.05em;  line-height: 1.3em;  margin: 35px 0;}
.news-txt-block p.offer-text-intro{ font-size:1.4em;margin-bottom: 50px}
.offer-title{ font-size:1.3em; text-transform: uppercase; margin: 60px 0 0 0; }
.offer-list{margin: 0; list-style:none; font-size: 1em ; padding:15px;}
.careers-page .timeline-item{min-height: 40%; height: auto}