@import url(https://fonts.googleapis.com/css?family=Orbitron:400,700,500,900);
@font-face {font-family: 'HelveticaBold'; src: url('fonts/HelveticaBold.eot'); src: url('fonts/HelveticaBold.eot') format('embedded-opentype'), url('fonts/HelveticaBold.woff2') format('woff2'), url('fonts/HelveticaBold.woff') format('woff'), url('fonts/HelveticaBold.ttf') format('truetype'), url('fonts/HelveticaBold.svg#HelveticaBold') format('svg');}
@font-face {font-family: 'HelvLightRegular'; src: url('fonts/HelvLightRegular.eot'); src: url('fonts/HelvLightRegular.eot') format('embedded-opentype'), url('fonts/HelvLightRegular.woff2') format('woff2'), url('fonts/HelvLightRegular.woff') format('woff'), url('fonts/HelvLightRegular.ttf') format('truetype'), url('fonts/HelvLightRegular.svg#HelvLightRegular') format('svg');}
.clearBoth {clear:both;}
.safeArea {width:1200px; margin:0 auto;}
.helvLight, .quickLinks a, .officeItem a, .teamDescription p, .teamPosition, .credHeadInfos h4, .creadHeadLeft, .section1Menu a, p, .credContent{font-family: 'HelvLightRegular';}
.helvBold, .teamTitle, .credHeadInfos h3, .listingDefault li{font-family: 'HelveticaBold';}
.orbitroNormal {font-family: 'Orbitron', sans-serif; font-weight: 400;}
.orbitroMedium {font-family: 'Orbitron', sans-serif;  font-weight: 500;}
.orbitroBold, .copyRights, .submitForm input, .closeDetails, .expColTitle, .introText, h2, h2 span {font-family: 'Orbitron', sans-serif; font-weight: 700;}
.orbitroUltraBold {font-family: 'Orbitron', sans-serif;  font-weight: 900;}
.hiddenHeader {position:fixed; top:-130px; left:0; width:100%; background-color:#fff; height: 130px; z-index: 111;}
.hiddenHeader .logo {float:left; margin-top:25px;}
.hiddenMenu {float: right;}
.hiddenMenu a{margin:50px 0 50px 10px; line-height: 100%; color:#000; font-size: 24px; display: inline-block; padding-left: 10px; border-left:1px solid #000;}
.hiddenMenu a:first-child {border-left:0; margin-left: 0; padding-left:0;}
.fullImage img{width:100%;}
.centeredContent {position:absolute; top:70%; opacity:0;transform:translateY(-50%);text-align: center; width:100%;}
.introLogo, .introText {vertical-align:middle;display:inline-block;}
.introLogo {padding-right:20px; margin-right:20px; border-right: 1px solid #fff;}
.introLogo img{display: block}
.introText {color:#fff; font-size:20px; text-transform: uppercase;}
.burgerIcon {cursor:pointer;position:absolute; top:62px; right:72px; width:105px; height: 68px; background-color:rgba(255,255,255,0.15); z-index: 11;}
.burgerIcon span{height: 4px; width:40px; background-color:#fff; left:0; right:0; margin:auto; display: block; position: absolute;}
.burgerIcon.opened span{background-color:rgba(0,0,0,0.4);}
.burgerIcon span:nth-child(1){top:22px;}
.burgerIcon span:nth-child(2){top:31px;}
.burgerIcon span:nth-child(3){top:40px;}
.section1Menu {position:absolute; right:215px; top:85px;}
.section1Menu a{color:#000; font-size: 24px; display: inline-block; padding-right: 10px; margin-right: 10px; border-right:1px solid #000; line-height: 100%; position:relative; right:-20px; opacity:0;}
.section1Menu a:last-child {border-right:0; margin-right: 0; padding-right:0;}
.section{padding:155px 0 0;}
#section1{padding:0; position: relative;}
p, .credContent{padding:0 25px 20px; font-size: 17px; color:rgba(0,0,0,0.8);}
strong{padding:0 25px 20px; display: inline-block;}
.expColTitle {transition:all linear 300ms;text-align: center; color:#fff; background-color: #000; padding:60px 0; font-size: 50px; text-transform: uppercase; cursor: pointer;}

.expColTitle.whiteClosed{background-color:#fff; color:#000;}
.expColTitle:hover {background-color:#fafafa; color:#000;}
.expColTitle.whiteClosed:hover{background-color:#000; color:#fff;}
.expColTitle.whiteClosed.active{background-color:#000; color:#fff;}
.expColContent{display: none; padding:80px 0;}
h2{color:#000;font-size: 34px; margin-bottom: 50px; text-transform: uppercase;}
h2 span{background-color:#000; color:#fff; display: inline-block; padding:0 10px;}
.listingDefault li{color:rgba(0,0,0,0.6); font-size: 17px;    margin-bottom: 42px;line-height: 22px; padding-left: 25px; margin-left: 25px; background:url(../images/listing-bg.png) no-repeat 0 2px;}
.credHeading {margin-bottom: 50px;}
.credItem {margin-bottom: 40px; padding-bottom:40px; border-bottom:2px solid #000;}
.credContent {padding:0 0 0 25px;}
.creadHeadLeft {float: left; background-color: #000; color:#fff; font-size: 38px; line-height: 100%; padding: 10px; margin-right:25px;}
.credHeadInfos h3{font-size: 36px; color:#000; line-height: 100%;}
.credHeadInfos h4{font-size: 24px; color:#000; line-height: 100%;}
#section5 {background-color: #000; padding-bottom: 155px; }
#section5 .safeArea{position: relative;}
#section5 h2{color:#fff;}
#section5 h2 span{background-color:#fff; color:#000;}
.teamSlider .slides li{text-align: center; position: relative; opacity:0.7;transition:all linear 300ms;}
.teamSlider .slides li:hover {opacity:1;}
.flex-control-nav {display: none;}
.flex-direction-nav a{background:url(../images/slider-arrows.png) no-repeat 0 0 / 200% auto; display: block; width:69px; height: 138px; font-size: 0; position:absolute; top:50%; margin-top: -64px;}
.flex-direction-nav a.flex-disabled {opacity: 0.2;}
.flex-direction-nav a.flex-prev {background-position:0 0;  left:-90px;}
.flex-direction-nav a.flex-next {background-position:100% 0; right:-90px;}
.teamImage {margin-bottom:30px;width:390px; height: 390px; overflow: hidden; border-radius: 50%;}
.teamSlider .slides li:hover .teamImage img{transform:scale(1.2);}
.teamImage img{width:100%; transition:all linear 300ms;}
.teamTitle {font-size: 26px; color:#fff;}
.teamPosition{color:#fff; font-size: 24px;}
a.teamLink {display: block;height: 100%;position: absolute;top: 0;width: 100%; z-index: 1;}
.teamDetails {background: #000 none repeat scroll 0 0;height: 0%; top:0; bottom:0; margin:auto; position: absolute;top: 70px;width: 100%;z-index: 11;}
.teamDetails::before {background-color: #000; content: ""; height: 100%; left: -200px;position: absolute; top: 0; width: 200px; z-index: 112;}
.teamDetails::after {background-color: #000;content: "";height: 100%;right: -200px;position: absolute; top: 0; width: 200px;z-index: 112;}
.teamLeft {padding-top:40px;display:inline-block; width:400px; vertical-align: middle; text-align: center; opacity:0; position: relative;top:50px;}
.teamRight {display:inline-block; width:600px; vertical-align: middle; color:#fff; opacity:0;position: relative;top:50px;}
.teamDescription p{color:#fff; font-size:14px;}
.closeDetails {background:url(../images/close-team.png) no-repeat; width:62px; height: 62px; font-size: 0; position:absolute; top:-20px; right:0; padding:5px 20px; cursor: pointer; opacity: 0; top:-50px; font-size: 0;}
#section6 {margin-bottom:155px;}
#section6 .mapContainer{position:relative; padding-top: 550px;}
.mapHolder {background:url(../images/map.png) no-repeat 0 0 /100% auto; width:500px; height:500px; position: absolute; top:0; right:0;}
.officeItem {background: #000 none repeat scroll 0 0;color: #fff;position: absolute;padding:20px;}
.officeItem h4{font-size: 18px; margin-bottom: 10px;}
.officeItem p, .officeItem a {color:#fff; font-size:16px; padding:0;}
.officeItem.leftOffice {left: -157px;top: 120px;}
.officeItem.rightOffice {right: -87px;top: 93px;}
.contactForm {width:70%;}
.inputField input{width:50%; border:1px solid rgba(0,0,0,0.4); height: 45px; line-height: 45px; padding:0 20px; box-sizing:border-box; margin-bottom: 10px;}
.textareaField textarea{width:100%; height: 200px; border:1px solid rgba(0,0,0,0.4); line-height: 45px; padding:0 20px; box-sizing:border-box; margin-bottom: 10px; background-color:rgba(230,230,230,0.4);}
.submitForm input{background-color:#000; cursor: pointer; color:#fff; border:none; font-size: 18px; padding:5px 20px; transition:all linear 300ms;}
.submitForm input:hover {background-color:rgba(230,230,230,0.4); color:#000;}
#section7 {background-color: #000; padding-bottom: 155px; }
#section7 .safeArea{position: relative;}
#section7 h2{color:#fff;}
#section7 h2 span{background-color:#fff; color:#000;}
.quickLinks a{color:#fff; transition:all linear 300ms; font-size: 20px; display: block; padding-left: 25px;}
.quickLinks a:hover {color:#ccc}
.copyRights {bottom: -100px; color: #fff; font-size: 18px; position: absolute;right: 0;}