/*guide*/
html{overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
html,body{height: 100%;color:#fff;}
p{font-size: 1.5em;margin-bottom: 25px;letter-spacing: 0.025em;line-height: 36px;}
.p-style{font-size: 1.5em;letter-spacing: 0.025em;}
p.text-smaller{/*letter-spacing: 0.01em;*/line-height: 30px;}
.text-grey{color:#707988;}
.text-yellow{color:#ffed00;}
.text-smaller{font-size: 1em;}
.text-bigger{font-size: 1.875em;line-height: 48px;letter-spacing: 0.01em;}
hr{background: #333333;height: 2px;width: 100%;border:none;margin:45px 0;}
button,input[type=submit]{-webkit-appearance:none;}

/*btn link*/
.btn-primary{font-family: 'NeuzeitGro-Bol',arial;font-size: 1em;color:#fff;line-height: 22px;padding:5px 20px;border:2px solid #ffed00;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position: relative;color:#fff;background: transparent;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.btn-primary--fill{background: #ffed00;color:#000;}
.btn-primary:before{position: absolute;left:0;top:0;width: 0%;height: 100%;background: #ffed00;content:'';
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.btn-primary--small{padding:7px 14px;font-size: 0.875em;}
.btn-primary--big{font-size: 1.5em;line-height: 28px;padding:24px 45px;}
.text-inbtn{position: relative;}
.desktop .btn-primary:hover:before{width: 100%;}
.desktop .btn-primary:hover{color:#0d1017;}

.btn-line{font-family: 'NeuzeitGro-Bol',arial;font-size: 1.125em;color:#fff;padding-left:80px;position: relative;}
.btn-line:before{content:'';position: absolute;left:0;height: 2px;width: 60px;margin-top:-1px;top:50%;background: #ffed00}
.btn-line--black{color:#000;}

.textlink{color:#ffed00;}
.textlink2{color:#ffed00;line-height: 30px;display: inline-block;}

.close-btn{color:#fff;font-size:2em;position: fixed;top:60px;right:60px;}

.btn-withicon{font-size: 1.125em;color:#fff;font-family: 'NeuzeitGro-Bol',arial;display: inline-block;}
.paralink{color:inherit;text-decoration: underline;}

/*title*/
.section-title{font-size: 4.5em;font-family: 'NeuzeitGro-Bol',arial;color:#fff;margin:0 0 55px;letter-spacing: 0.01em;}
.article-title{font-family: 'NeuzeitGro-Bol',arial;font-size: 1.125em;margin:0 0 20px;letter-spacing: 0.01em;}
.article-title-2{font-size: 1.875em;margin:0 0 20px;letter-spacing: 0.025em;font-family: "NeuzeitGro-Reg",arial;line-height: 42px;}
.article-title-2--far{margin-bottom: 55px;}
.section-title-small{font-size: 3.000em;margin:0 0 30px;}
.section-title--nearer{margin-bottom: 30px;}
.section-title--white{color:#000;}
.section-title--far{margin-bottom: 70px;}
.section-title--big{font-size: 5.250em;}
.cta-title{font-size: 3em;font-family: 'NeuzeitGro-Bol',arial;color:#fff;line-height: 80px;margin:0;}
.info-title{font-size: 0.875em;color:#707988;margin:0 0 10px;}

.item-desc-title{font-size: 1.875em;font-family: "NeuzeitGro-Bol",arial;color:#fff;margin:0 0 25px;letter-spacing: 0.01em;line-height: 42px;}


/*container*/
.bigger-container{max-width: 1160px;margin:0 auto;}
.overlay-parent{position: fixed;top:0;left:-100%;width: 100%;height: 100%;background: #15171e;z-index: 10;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.overlay-parent-inner{height: 100%;}
.overlay-parent--result{
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}
.loading-parent{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 99;display: none;}
.loading-parent-load{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 99;background: #030406;}

/*body wrapper bg*/
.body-wrapper{min-height: 100%;background: #0d1017;overflow: hidden;}
.body-wrapper--career{background:url('../img/bg-career.jpg') center top/100% auto no-repeat #0d1017;}
.body-wrapper--portfolio{/*background:url('../img/bg-portfolio.jpg') center top/100% auto no-repeat #0d1017;*//*padding-top:0 !important;*/}
.body-wrapper--partnership{background:url('../img/bg-partnership.jpg') center top/1920px auto no-repeat #0d1017;}
.body-wrapper--solutions{background:url('../img/bg-solutions.jpg') center top/1920px auto no-repeat #0d1017;}
.body-wrapper--homepage{background: #0d1017;}


/*form*/
.form-group{margin-bottom: 35px;position: relative;letter-spacing: 0.025em;}
.form-control{border:none;border-bottom: 2px solid #ffed00;background:transparent;color:#ffffff;font-size: 1.5em;padding:20px 37px 0 0;line-height: 53px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;height: auto;position: relative;}
.form-control:focus,.form-control:active{outline:0;border-color:#ffed00;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}

.form-label{position:absolute;top:23px;left:0;font-size: 1.5em;color:#707988;line-height: 30px;font-weight: normal;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.form-label.focused{font-size: 0.875em;line-height: 24px;top:0;}
.form-group--maxwidth{max-width: 400px;}

label.error{position: absolute;top:100%;margin-top:5px;font-size: 0.875em;color:#fd3e3e;left:0;}
.form-control.error{border-color:#fd3e3e;}
.form-group.valid:before{content:"";position: absolute;right:13px;bottom:25px;width: 12px;height: 12px;display: block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #3bcd64;}

/*header*/
header{position: fixed;top:0;left:0;width: 100%;padding:15px 35px 20px 180px;z-index: 10;
	transition: background 0.5s linear;
	background-color: black;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
}
header.havebg{background: #0b0d13;}
.header-floatleft{float: left;padding-top:5px;}
.menu-btn-parent{display:inline-block;position: fixed;z-index: 10;top:26px;left:35px;}
.menu-btn{display: inline-block;font-family: 'NeuzeitGro-Bol',arial;font-size: 1em;color:#fff;line-height: 20px;}
.menu-btn-icon{display: inline-block;width: 22px;height: 20px;position: relative;}
.menu-btn-icon-line{position: absolute;background: #ffed00;height: 2px;display: block;left: 0;
	transition: transform 0.2s linear,background 0.5s linear;
	-webkit-transition: transform 0.2s linear,background 0.5s linear;
	-moz-transition: transform 0.2s linear,background 0.5s linear;
	-o-transition: transform 0.2s linear,background 0.5s linear;
}
.menu-btn-icon-line-1{width: 14px;top:0;}
.menu-btn-icon-line-2{width: 100%;top:9px;}
.menu-btn-icon-line-3{width: 18px;top:18px;}
.menu-btn-span-opened{display: none;}

.menu-btn.opened .menu-btn-span-opened{display: inline-block;}
.menu-btn.opened .menu-btn-span-initial{display: none}
.menu-btn.opened .menu-btn-icon-line-2{width: 0%;}
.menu-btn.opened .menu-btn-icon-line-1{width: 100%;top:9px;
    transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
}
.menu-btn.opened .menu-btn-icon-line-3{width: 100%;top:9px;
    transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); 
}

.logo-header{display:inline-block;position: relative;max-width: 226px;}
.logo-header-black{position: absolute;top:0;left:0;opacity: 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

.header-floatright{float:right;margin-top:5px;}
.header-getquote-span{margin-right: 20px;}

.whitebg .menu-btn-icon-line{background: #ffed00;}
.menu-btn-span,.whitebg-affected-text,.whitebg .js-openquote .text-inbtn{
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
/*.menu-btn.opened .menu-btn-icon-line{background: #fff;}*/
/*.menu-btn.opened .menu-btn-span{color: #ffed00;}*/
.whitebg .logo-header-black{opacity: 1}
.whitebg .whitebg-affected-text,.whitebg .menu-btn-span,.whitebg .js-openquote .text-inbtn{color: #000;}


/*menu*/
.overlay-parent--menu{padding:80px 0 15px;
	transition: all 0.5s linear 0.3s;
	-webkit-transition: all 0.5s linear 0.3s;
	-moz-transition: all 0.5s linear 0.3s;
	-o-transition: all 0.5s linear 0.3s;
}
.nav{display: block;font-family: 'NeuzeitGro-Bol',arial;font-size: 4.5em;color:#494b50;letter-spacing: 0.01em;line-height: 80px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.nav-div{
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.nav-div:first-child{margin-top:-10px;}
.nav.current{color:#fff;}
.desktop .nav:hover{color:#fff;padding-left:10px;}
.menu-address{margin-bottom: 60px;}
.contact-item{padding-left:20px;position: relative;}
.contact-item-icon{position: absolute;top:0;left:0;font-size: 1.125em;line-height: 30px;color:#fff;font-family: 'NeuzeitGro-Bol',arial;}

.overlay-parent--menu.opened{left:0%;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.overlay-parent--menu.opened .nav-div{
	-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.nav-div:nth-child(1){
	-webkit-transition-delay: 0.24s;
	-ms-transition-delay: 0.24s;
	-moz-transition-delay: 0.24s;
    transition-delay: 0.24s;
}
.nav-div:nth-child(2){
	-webkit-transition-delay: 0.20s;
	-ms-transition-delay: 0.20s;
	-moz-transition-delay: 0.20s;
    transition-delay: 0.20s;
}
.nav-div:nth-child(3){
	-webkit-transition-delay: 0.16s;
	-ms-transition-delay: 0.16s;
	-moz-transition-delay: 0.16s;
    transition-delay: 0.16s;
}
.nav-div:nth-child(4){
	-webkit-transition-delay: 0.12s;
	-ms-transition-delay: 0.12s;
	-moz-transition-delay: 0.12s;
    transition-delay: 0.12s;
}
.nav-div:nth-child(5){
	-webkit-transition-delay: 0.08s;
	-ms-transition-delay: 0.08s;
	-moz-transition-delay: 0.08s;
    transition-delay: 0.08s;
}
.nav-div:nth-child(6){
	-webkit-transition-delay: 0.04s;
	-ms-transition-delay: 0.04s;
	-moz-transition-delay: 0.04s;
    transition-delay: 0.04s;
}
.nav-div:nth-child(7){
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
    transition-delay: 0s;
}

.overlay-parent--menu.opened .nav-div:nth-child(1){
	-webkit-transition-delay: 0.29s;
	-ms-transition-delay: 0.29s;
	-moz-transition-delay: 0.29s;
    transition-delay: 0.29s;
}
.overlay-parent--menu.opened .nav-div:nth-child(2){
	-webkit-transition-delay: 0.33s;
	-ms-transition-delay: 0.33s;
	-moz-transition-delay: 0.33s;
    transition-delay: 0.33s;
}
.overlay-parent--menu.opened .nav-div:nth-child(3){
	-webkit-transition-delay: 0.37s;
	-ms-transition-delay: 0.37s;
	-moz-transition-delay: 0.37s;
    transition-delay: 0.37s;
}
.overlay-parent--menu.opened .nav-div:nth-child(4){
	-webkit-transition-delay: 0.41s;
	-ms-transition-delay: 0.41s;
	-moz-transition-delay: 0.41s;
    transition-delay: 0.41s;
}
.overlay-parent--menu.opened .nav-div:nth-child(5){
	-webkit-transition-delay: 0.45s;
	-ms-transition-delay: 0.45s;
	-moz-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.overlay-parent--menu.opened .nav-div:nth-child(6){
	-webkit-transition-delay: 0.49s;
	-ms-transition-delay: 0.49s;
	-moz-transition-delay: 0.49s;
    transition-delay: 0.49s;
}
.overlay-parent--menu.opened .nav-div:nth-child(7){
	-webkit-transition-delay: 0.53s;
	-ms-transition-delay: 0.53s;
	-moz-transition-delay: 0.53s;
    transition-delay: 0.53s;
}





/*scrollbar*/
.mCSB_scrollTools{width: 10px;opacity: 1 !important;}
.mCSB_dragger_bar{background-color:rgba(255,255,255,0) !important;}

/*footer*/
footer{width: 100%;height: 110px;color:#707988;font-size: 1.125em;line-height: 22px;padding:43px 0;background: #15171e;position: relative;}

/*expand collapse*/
.expand-parent{border-top:2px solid #ffed00;}
.expand-item{border-bottom: 2px solid #ffed00}
.expand-btn{display: block;}
.expand-btn-inner{position: relative;max-width: 960px;padding:41px 50px 41px 10px;display: block;margin:0 auto;line-height: 40px;color:#fff;font-family: 'NeuzeitGro-Bol',arial;font-size: 2.250em}
.expand-btn-icon{position: absolute;right:10px;top:50%;margin-top:-16px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.expand-content{padding:20px 0 75px;display: none;}
.expand-content--partnership{padding:0 0 30px;}

.expand-item.expanded .expand-btn-icon--plus{opacity: 0;}

/*ul*/
.ul-title{font-size: 1.125em;font-family: 'NeuzeitGro-Bol',arial;color:#707988;letter-spacing: 0.01em;line-height: 30px;margin:0;}
.ul-parent{padding-left:35px;margin-bottom: 25px;}
.ul-p{padding-left:15px;position: relative;margin-bottom: 0;}
.ul-p:before{content:"";position: absolute;left:0;top:15px;width: 6px;height: 6px;display: block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: #fff;}

/*career*/
.career-intro-parent{padding:70px 0 95px;}
.expand-parent--career{margin-bottom: 100px;}
.career-requirement-parent{margin-bottom: 65px;}
.career-workwithus{padding-bottom: 165px;}

/*quote*/
.overlay-parent--quote{padding:80px 0 10px;}
.overlay-parent--quote.opened{left:0%;}
.quote-back-btn{position: absolute;top:40px;right:60px;color:#fff;font-size: 1.125em;font-family: 'NeuzeitGro-Bol',arial;}
.form-quote{max-width: 880px;margin:40px 0;}
.form-group--document{margin:45px 0;}
.overlay-parent--result{padding:40px 0;left:0%;display: none;}
.quote-docname{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 250px;display: inline-block;}
.attached .btn-primary:before{width: 100%;}
.attached .btn-primary{color:#0d1017;}

/*portfolio*/
.portfolio-header{padding-top:5px;}
.selection-link,.selection-separator{color:#494b50;font-family: 'NeuzeitGro-Bol',arial;letter-spacing: 0.01em;font-size: 1.5em;}
.selection-separator{margin:0 10px;}
.selection-link.selected{color:#fff;}
.desktop .selection-link:hover{color:#fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
/*portfolio*/
/*.section-casestudies-top{height: 100%;width: 100%;left:0;top:0;position: absolute;}*/
.section-topfixed{position: fixed;width: 1000%;left:0;top:0;z-index: 5}
.portfolio-item{/*position: fixed;*/opacity: 0.3;float:left;overflow: visible !important;z-index: 1;/*left:120%;*/position: relative;
	transition: transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
}
/*.portfolio-item-overlay{position: absolute;left:0;top:0;width: 100%;height: 100%;background: #06080b;opacity: 0.3;}*/
.portfolio-item.current{opacity: 1;}
.portfolio-item.active{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
}
/*div[data-selection=casestudies] .portfolio-item.active.current{position: absolute;}*/

.slideshow-header-parent{position: absolute;left:-35px;bottom:50px;opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.slideshow-header{font-size: 4.5em;font-family: 'NeuzeitGro-Bol',arial;margin:0 0 20px;color:#fff;}

.portfolio-item.current .slideshow-header-parent{opacity: 1;}

.portfolio-navi{position: fixed;font-family: 'NeuzeitGro-Bol',arial;font-size: 1.125em;color:#fff;line-height: 22px;top:50%;margin-top:-11px;z-index: 1;}
.portfolio-navi-icon{margin-bottom: 10px;}
.portfolio-navi--next{right:45px;}
.portfolio-navi--prev{left:45px;display: none;}
.portfolio-item.prev.hover{
	transform:translateX(10px);
	-webkit-transform:translateX(10px);
	-moz-transform:translateX(10px);
}
.portfolio-item.next.hover{
	transform:translateX(-10px);
	-webkit-transform:translateX(-10px);
	-moz-transform:translateX(-10px);
}

.portfolio-btn-parent{margin-bottom: 30px;}
.portfolio-btn{margin:0 8px;display: inline-block;position: relative;}
.portfolio-btn img{display: block;}
.portfolio-btn-img{position: absolute;top:0;left:0;opacity: 0}
.portfolio-btn.active .portfolio-btn-img{opacity: 1}

.casestudies-expanded-indicator{position: absolute;top:30px;left:50%;margin-left:-8px;}

/*casestudies*/
.casestudies-expanded-parent{padding-top:145px;}
/*.casestudies-expanded-parent{
	padding-top:0;height:0;
	overflow:hidden;opacity: 0;margin:0 auto;
	transform:translateY(200%);
	-ms-transform:translateY(200%);
	-moz-transform:translateY(200%);
	-webkit-transform:translateY(200%);

	transition: opacity 0.2s linear,transform 0.2s linear,-ms-transform 0.2s linear,-moz-transform 0.2s linear,-webkit-transform 0.2s linear;
	-webkit-transition: opacity 0.2s linear,transform 0.2s linear,-ms-transform 0.2s linear,-moz-transform 0.2s linear,-webkit-transform 0.2s linear;
	-moz-transition: opacity 0.2s linear,transform 0.2s linear,-ms-transform 0.2s linear,-moz-transform 0.2s linear,-webkit-transform 0.2s linear;
	-o-transition: opacity 0.2s linear,transform 0.2s linear,-ms-transform 0.2s linear,-moz-transform 0.2s linear,-webkit-transform 0.2s linear;
}
.casestudies-expanded-parent.expanded{padding-top:145px;display: block;opacity: 1;display:block;height:auto;overflow:visible;
	transform:translateY(0%);
	-ms-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-webkit-transform:translateY(0%);
}*/
/*.casestudies-yellowline{height: 2px;position: absolute;right:60px;width: 1000px;top:3px;background: #ffed00}*/
.casestudies-yellowline{height: 2px;width: 120px;background: #ffed00}
.casestudies-expanded-img{margin:0 auto 40px auto;}
.casestudies-img-parent{margin-top:80px;}
.btn-withicon--closecase{margin:0 auto 40px;}
.js-casestudies-expand{display: none;}

/*clientele*/
.section-portfolio-clientele{padding:90px 0 40px;}
.clientele-item-parent{margin-top:80px;}
.clientele-item{margin-bottom: 60px;}
.clientele-item-title{font-size: 2.250em;font-family: 'NeuzeitGro-Bol',arial;color:#fff;margin:0 0 25px;}
.clientele-item-component{padding:12px 0 ;position: relative;}
.clientele-item-component:before{content:"";background: #ffed00;position: absolute;top:0;left:0;height:1px;width: 20px;}
.clientele-item-component p{font-size: 1.125em;line-height: 22px;}

/*homepage*/
.home-section-padding{padding:120px 0;}
.icon-scroll{position: fixed;position: fixed;bottom: -14px;left:50%;margin-left:-23px;z-index: 5}

/*.homeslider{min-height: 100%;}*/
.home-slide1-line2{margin-left: 60px;display: block;}
.home-slide1-word{position: absolute;}
.home-slide1-line{position: absolute;left: 0;bottom: -70px;}
/*.home-slide1-inner{padding-top:40px;}*/
.loopvideo{position: absolute;top:50%;left:50%;}
.slidesli{background: url('../img/home-slide1.jpg') center/cover no-repeat;}
.slidesli-2{background: url('../img/home-slide2.jpg') center/cover no-repeat;}
.slidesli-3{background: url('../img/home-slide3.jpg') center/cover no-repeat;}
.home-section-padding-brand{background:url('../img/home-whitebg.jpg') bottom center no-repeat #fff;padding-bottom: 160px;}
.home-brand-parent{margin-top:40px;}

/*.home-slide1-inner{
	
}
*/
.home-brand-parent{perspective: 800px;position: relative;}
.home-brand-container{width: 100%;display: block;text-align: center;}
.home-brand-inner{transform-style: preserve-3d;transition: transform 1s;position: relative;display: inline-block;}
.home-brand-inner .home-brand{
  margin: 0;
  display: block;
  /*position: absolute;*/
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.home-brand-inner img{background: #fff;}
.home-brand-inner .home-brand--back {
	backface-visibility: hidden; 
	position: absolute;
	top:0;left:0;
  transform: rotateY( 180deg ) translateZ(1px);
}
.home-brand-container.rotate .home-brand-inner{transform: rotateY( 180deg ) translateZ(1px);}


.home-partnership{background:url('../img/home-partnership.jpg') center/cover no-repeat;}
.partnership-form-after{color:#fff;font-size: 1.125em;margin-top:5px;display: none;}
.form-partnership{margin-bottom: 60px;}
.form-group-2{margin-bottom: 0px;max-width: 713px;width: 100%;position: relative;}
.form-control-2{background: #fff;color:#000;font-size: 1.5em;line-height: 29px;padding:24px 80px 24px 40px;border:none;font-weight: normal;width: 100%;}
.form-group-2-btn{position: absolute;right:0;top:0;width: 80px;height: 100%;background: #ffed00;line-height: 80px;text-align: center;padding:0 10px;border:none;}
.form-group-2-btn img{display: inline-block;}

/*about*/
.section-about-1{padding-top:75px;}
.about-title-line{position: absolute;right:220px;bottom: -60px}
.about-top-article{max-width: 550px;margin:0 auto 130px;text-align: center;}
.black-blue-grad{position: absolute;bottom: 0;min-width: 100%;left:0;}
.section-about-2{background: #4b747f;}
.about-item{margin-top:50px;/*border-left:2px solid #7d9aa2;*/padding:10px 0 10px 30px;position: relative;margin-right:-10px;}
.about-item:before{content:'';position: absolute;left:0;top:0;height: 100%;width: 2px;background: #fff;opacity: 0.2;}
.about-item-img{margin-bottom: 30px;}
.about-item-text{opacity: 0.6;}
.about-item-parent{margin-bottom: 30px;}
.blue-grad{position: absolute;bottom: 0;min-width: 100%;left:0;}
.about-bg3{position: absolute;top: 0;min-width: 100%;left:0;}
.section-about-3{height: 1110px;}
.about-wideningvision{max-width: 700px;padding-top:260px;}
.section-cta{padding:60px 0;background: #0d1017;position: relative;}

/*flexslider*/
.homeslider .slidesli{overflow: hidden;}
.flex-direction-nav a:before{    content: url(../img/icon-prev.png);line-height: 1;text-shadow: none;display: block;font-size: inherit;}
.flex-direction-nav a.flex-next:before{content: url(../img/icon-next.png);}
.flex-direction-nav a{width: 10px;height: 17px;bottom:auto;top:50%;margin-top:-8px;}
.flex-direction-nav .flex-prev{left:50px;}
.flex-direction-nav .flex-next{right:50px;}
.brandslider .flex-direction-nav a:before{content: url(../img/icon-prev-black.png);}
.brandslider .flex-direction-nav a.flex-next:before{content: url(../img/icon-next-black.png);}
.flex-direction-nav{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/*partnership*/
.section-partner{padding-top:75px;}
.partner-intro{max-width: 890px;}
.partnership-img{margin:100px auto 150px;padding:0 10px;}
.expand-content-inner--partnership{max-width: 830px;}

/*solutions*/
.section-solutions-intro{padding-top:40px;}
.section-solutions-approach{margin:160px auto 110px;}
.solutions-approach-text{opacity: 0.6;}
.solutions-approach-item{padding:0 180px 0 120px;position: relative;margin-bottom: 40px;}
.solutions-approach-numbering{position: absolute;line-height: 30px;color:#fff;font-size: 1em;padding-left:30px;border-left:2px solid #ffed00;left:0;top:6px;}
.solutions-approach-img{position: absolute;top:6px;right:50px;}
.section-solutions-focus{padding:160px 0 180px;position: relative;background: #47717c;}
.black-blue-grad-2{position: absolute;left:0;top: 0;min-width: 100%;}

/*story*/
.section-story{padding-top: 40px;}
.story-year-parent{margin-bottom: 200px;}
.story-year-intro{max-width: 580px;width: 100%;float:right;margin:-90px auto 0;}
.story-year-top{margin-bottom: 115px;}
.story-item-row{margin-bottom: 50px;}
.story-item{padding:0 0 0 40px;border-left:2px solid #ffed00;padding-bottom: 1px;margin-left:60px;}
.story-item--down{margin-top:150px;}
.story-item-row--top .story-item{padding-right:40px;margin-left:0;}
.story-item-year{font-family: 'NeuzeitGro-Bol',arial;font-size: 1.5em;color:#ffffff;margin:0 0 20px;}
.story-item-img{margin-bottom: 30px;}
.story-item-title{font-family: 'NeuzeitGro-Bol',arial;font-size: 2.25em;color:#fff;margin:0 0 20px;}
.story-nav-parent{position: fixed;right:65px;top:200px;text-align: center;display: block;}
.story-nav{font-size: 1.125em;color:#707988;line-height: 1;}
.story-nav.current{color:#fff;}
.story-nav-line{background:#707988;width: 2px;height: 28px;margin:5px auto;display: block;}

/*queryloader*/
.queryloader__overlay__bar{width: 50%;left:25%;background: transparent !important; }
.queryloader__overlay__bar .before{position: absolute;content:'';position: absolute;height: 100%;background: #0d1017;left:0;top:0;width: 0%;}

.sound-mute-btn{position: absolute;bottom:20px;right:20px;display: none;z-index: 9;}
.sound-mute-btn .sound-mute-img--off{display: none;}
.sound-mute-btn.muted .sound-mute-img--off{display: block;}
.sound-mute-btn.muted .sound-mute-img--on{display: none;}

/*opacity home*/
.js-textanimate-opacity{
	transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.js-textanimate-opacity.toopacity{opacity: 0.1}

/*u*/
.u-vmid>*{vertical-align: middle;}
.u-bold{font-family: 'NeuzeitGro-Bol',arial;}
.u-inlineblock{display: inline-block;}
.u-lefticon{margin-right:15px;}
.u-lefticon--far{margin-right: 40px;}
.u-lefticon--near{margin-right:10px;}
.u-righticon{margin-left:15px;}
.u-righticon--near{margin-left:10px;}
.u-relative{position: relative;}
.u-nobtm{margin-bottom: 0}

@media only screen and (max-width: 1440px){
	.black-blue-grad{margin-left:-720px;left:50%;}
	.blue-grad{margin-left:-720px;left:50%;}
	.about-bg3{margin-left:-720px;left:50%;}
	.black-blue-grad-2{margin-left:-720px;left:50%;}
}

@media only screen and (max-width: 1199px){
	.flex-direction-nav .flex-prev{left:10px;}
	.flex-direction-nav .flex-next{right:10px;}
	.slidesli-inner{padding:0 20px;}
	.btn-primary--big{padding:24px 24px;}

	.story-nav-parent{right:15px;}
}
@media only screen and (max-width: 1059px){
	.section-story{padding-right:60px;}
}

/*sm*/
@media only screen and (max-width: 991px){
	br {display:none;}
	/*header*/
	header{padding-left:55px;padding-right:10px;}
	.menu-btn-parent{left:10px;}
}

@media only screen and (max-width: 725px){
	.form-label--long{top:0px;}
}

@media only screen and (max-width: 500px){
	/*.form-label--long{font-size: 1.125em;}*/
	/*.form-label--long.focused{font-size: 0.75em;line-height: 14px;}*/
	.form-control--longtext{padding-top:60px;}
}

@media only screen and (max-width: 767px){
	br {display:none;}

	/*guide*/
	.section-title{font-size: 3.75em;line-height: 65px;}
	.section-title-small{font-size: 2.9em;line-height: 52px;}
	.section-title--nearer{margin-bottom: 30px;}
	.btn--full-xs{width: 100%;}
	.text-bigger{line-height: 40px;}
	.text-smaller{font-size: 1.125em;}
	.cta-title{line-height: 60px;margin-bottom: 20px;}

	/*form*/
	.form-control-2{padding-left:30px;}

	/*header*/
	header{padding:20px 10px 20px 55px;}
	.menu-btn-parent{top:27px;}
	.logo-header{max-width: 175px;margin-top:5px;}
	.header-floatleft{padding-top:0px;}
	.nav{font-size: 3.50em;line-height: 68px;}
	.menu-rightside{padding: 65px 0;}
	.overlay-parent--menu{
		transition: all 0.2s linear 0.3s;
	    -webkit-transition: all 0.2s linear 0.3s;
	    -moz-transition: all 0.2s linear 0.3s;
	    -o-transition: all 0.2s linear 0.3s;
	}
	.overlay-parent--menu.opened{
		transition: all 0.2s linear;
	    -webkit-transition: all 0.2s linear;
	    -moz-transition: all 0.2s linear;
	    -o-transition: all 0.2s linear;
	}
	.quote-back-btn{right:10px;}


	/*home*/
	.home-slide1-line2{margin-left:0;}
	.slidesli-inner{padding:0;}
	.home-slide1-line{width: 500px;left:auto;
		width: 770px;
	    bottom: -35px;
	    right: -50px;
	}
	.home-slide1-word{position: relative;max-width: 200px;margin-top:-30px;margin-right:-10px;}
	.home-section-padding{padding:80px 0;}
	.home-brand-parent{margin-top:0;}
	/*.home-brand{margin:10px 0;}*/
	.home-brand-parent:first-child{margin-top:65px;}
	.home-brand-container{margin:10px 0;}
	.home-section-padding-brand{padding:100px 0 170px;}
	.btn-line{padding-left:50px;}
	.btn-line:before{width: 30px;}



	/*flexslider*/
	.flex-direction-nav a{bottom:44px;top:auto;margin-top:0;}
	.brandslider .flex-direction-nav{display: none;}

	

	/*about*/
	.section-about-1{padding-top:25px;}
	.img-about-35{max-width: 230px;margin-left: 25px;margin-bottom: 10px;}
	.about-title-line{
		right: -200px;
	    bottom: 0;
	    width: 1000px;
	    top: 100px;
	}
	.about-item{padding:0 40px;margin-right:0;}
	.about-item:before{height:2px;width: 280px;left:-260px;top: 20px;}
	.about-bg3{left:120%;}
	.about-wideningvision{padding-top:450px;}

	/*story*/
	.section-story{padding:50px 0;}
	.story-year-title{margin-top: -40px;font-size: 3em;line-height: 50px;}
	.story-year-top{margin-bottom: 60px;}

	.story-item-row--top{margin-bottom: 0px;}
	.story-item{margin:0 0 50px 0;padding:0 20px;border:none;position: relative;}
	.story-item:before{position: absolute;content:"";top:12px;height:2px;width: 280px;background: #ffed00;left:-270px;}
	.story-year-intro{margin-top:0;}
	.story-year-parent{margin-bottom: 50px;}
	.story-item-row{margin-bottom: 0px;}

	/*solution*/
	.section-solutions-approach{margin:70px auto 0;}
	.solutions-approach-numbering{position: relative;margin-bottom: 20px;}
	.solutions-approach-item{padding:0;}
	.section-solutions-focus{padding-bottom: 80px;}

	/*partnership*/
	.partnership-img{margin:55px auto 140px;}
	.expand-parent--career{margin-bottom: 50px;}

	/*portfolio*/
	.portfolio-header{position: fixed;top:0;left:0;width: 100%;background: #15171e;padding:20px 10px;display: none;}
	.overlay-close-icon{position: absolute;top:30px;right:10px;}
	.selection-link{display: block;padding:8px 0;}
	.body-wrapper--portfolio{padding-top:110px !important;}
	.slideshow-header-parent{bottom:-45px;left:0;}
	.slideshow-header{font-size: 2.5em;line-height: 45px;}
	/*.casestudies-expanded-parent{padding-top:80px;}*/
	.portfolio-item.active{
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
	}
	.casestudies-expanded-parent{padding:120px 0 0;}
	.casestudies-yellowline{right:100%;margin-right:20px;top:5px;position: absolute;}
	.casestudies-expand-info{padding:0 20px;}

	.portfolio-navi-parents{position: fixed;bottom: 0;left:0;width: 100%;background: #ffed00;height: 80px;}
	.portfolio-navi-parents .portfolio-navi{position: absolute;display: block;top:40px !important;color:#000;}
	.portfolio-navi-icon{display: inline-block ;margin-bottom:0;}
	.casestudies-expanded-indicator{top:50%;margin-top:-5px;}
	.casestudies-expanded-img .casestudies-expanded-img-portrait{margin: 0 auto 30px auto;}

	.casestudies-img-parent{margin-bottom: 80px;}
	.portfolioselection-btn{font-family: 'NeuzeitGro-Bol',arial;font-size: 1.5em;color:#fff;margin-right:10px;top:-10px;display: block;}
	header.expandedportfolio{z-index: 11;}
	.slideshow-header-mob{opacity: 1 !important;}
	.selectedproject-div{margin-bottom: 100px;}
	.section-portfolio-clientele{padding-top:0;}
	.clientele-item-component p{font-size: 1.25em;line-height: 28px;}


	/*portfolio*/
	.section-topfixed{position: relative;top:0 !important;}
	.portfolio-item.active{top:0px !important;}

	/*opacity home*/
	.js-textanimate-opacity.toopacity{opacity: 1}


	/*u*/
	.text-left-xs{text-align: left;}
	.text-right-xs{text-align: right;}
	.u-noright-xs{margin-right:0;}
	.u-marginbtm-xs{margin-bottom: 10px;}
	.visible-xs.u-inlineblock{display: inline-block !important;}

}