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

*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-size: 62.5%;
}
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body {
font-size: 1.6rem;
font-family: 'Roboto', sans-serif;
color: #000;
background-color: #ffffff;
}

body, html {
overflow-x: hidden;
}

a {
color: : #9cb3a8;
text-decoration: none;
}
main {
position: relative;
z-index: 2;
height: 100vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
background-color: #ffffff;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.7s;
-moz-transition: -moz-transform 0.7s;
transition: transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
main h1, main p {}
main h1 {}
main p {}
.navigation-is-open main {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
@media only screen and (min-width: 768px) {
main {}
main h1 {}
main p {}
}



/*========================================================HOME PAGE=============================================================*/
.page2-contant{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-35%);}
.page2-contant a{color: #218792;font-size: 20px;}
.one{width: 70%;height: 100vh;background:#62BCC7;position: relative;}
.one img{width: 50%;position: absolute;left: 190px;top: 90px;}
.one p{position: absolute;bottom: 120px;left: 70%;color: #fff;font-size: 30px;text-transform: uppercase;}
.two{width: 30%;height: 50vh;background:#218792;position: absolute;top: 0;right: 0;}
.two p{color: #fff;text-transform: uppercase;font-size: 30px;margin-top: 37%;}
.three{width: 30%;height: 50vh;background:#218792;position: absolute;bottom: 0;right: 0;}
.three p{color: #fff;text-transform: uppercase;font-size: 30px;margin-top: 37%;}
.client-logo-layer1{width: 100%;float: left;}
.client-logo-layer1 ul{list-style: none;}
.client-logo-layer1 li{width: 20%;float: left;padding:30px;}
.loader{width: 100%;height: 100vh;background:#000;position: absolute;z-index: 999;top: 0;left: 0; }
.lineshow{width: 100%;position: absolute;top: 50%;left: 0%;overflow: hidden;}
.close{width: 100%;position: relative;top: 49.9%;left:0%;overflow: hidden; z-index: 1;float: right;opacity: 1 !important;}
#menubutton{top:-50px; opacity: 0;transform: scale(0.2);}
.dots-image{
text-align: left;position: absolute;z-index: 2;bottom: 0;
/*transform: rotateX(180deg);*/
}
.dots-image svg{
width:1243px;
height:700px;
/*transform: rotateX(180deg);*/
}
.clientlogomain h3{    text-align: center;
font-size: 355px;
padding: 120px 110px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
background: #000;
color: #fff;
width: 100%;
height: 100vh;
opacity: 0.1;}
.navigation{width: 50%;/*background: #fff;*/height: 100vh;position: absolute;top: 0;right: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,4c88b4+38,50bcb8+80,50bcb8+80 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #4c88b4 38%, #50bcb8 80%, #50bcb8 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#4c88b4 38%,#50bcb8 80%,#50bcb8 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#4c88b4 38%,#50bcb8 80%,#50bcb8 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#50bcb8',GradientType=0 ); /* IE6-9 */}
section {opacity: 0;transition: opacity 0.8s;transition-delay: 0s;} 
section.active{opacity: 1;transition: opacity 2s;transition-delay: 1s;}



/*========================================================ABOUT PAGE=============================================================*/
.about-page1{width: 100%;height: 100vh;position: relative;} 
.content-page1{width: 1200px;height: 580px;padding: 20px 90px;color: #000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.content-page1 h3{text-align: center;font-size: 355px;padding: 120px 110px;position: absolute;z-index: -1;top: 0;left: 0;background: #000;color: #e0e0;
width: 100%;height: 100%;opacity: 0;} 
.content-page1 .bigcom {width: 80%;float: left;position: relative;left: -6%;font-size: 60px;color: #000;letter-spacing: 3px;opacity: 0;margin-top: 20px;}
.content-page1 .bigcom img{width:500px} 
.content-page1 .smallcom {width: 80%;float: left;position: relative;top: -110px;right: -245px;opacity: 0;margin-top: 20px;}
.content-page1 .smallcom img{width: 540px;} 
.content-page1 .every-brand{width: 48.5%;
    float: right;
    font-size: 18px;
    letter-spacing: 4px;
    line-height: 24px;
    opacity: 0;
    margin-top: 20px;
    color: #000;
    background: #fff;
    text-align: left;
    position: relative;
    top: -150px;} 
.content-page1 .our-teams{    width: 45%;
    float: right;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 4px;
    opacity: 0;
    text-align: right;
    margin-top: 80px;
    position: relative;
    top: -130px;
    background: #fff;} 
.content-page2{width: 100%;height: 100%;padding: 70px 90px;color: #000;text-align: center;}
.content-page2 h3{text-align: center;font-size: 355px;padding: 120px 110px;position: absolute;z-index: -1;top: 0;left: 0;background: #000;color: #e0e0;
width: 100%;height: 100%;opacity: 0.1;}
.content-page2 .our-teams{font-size: 18px;line-height: 28px;padding: 40px 190px;margin-top: 30px;opacity: 0;color: #000;letter-spacing: 2px;}
.content-page3{width: 100%;height: 580px;padding: 52px 90px;color: #000;text-align: left;}
.content-page3 h3{text-align: center;font-size: 195px;padding: 120px 110px;position: absolute;z-index: -1;top: 0;left: 0;background: #000;color: #e0e0;
width: 100%;height: 100%;opacity: 0.1;}
.content-page3 .our-teams{font-size: 19px;width: 82%;line-height: 28px;padding-left: 10%;padding-top: 20px;} 
.content-page3 .our-philosophy{width: 100%;/*margin: 0 22%;*/text-align: center;}
.content-page3 .our-philosophy h1{font-size: 32px;padding: 30px 0;margin-top: 30px;opacity: 0;font-weight: bold;}
.content-page3 .our-philosophy .discover{width: 100%;}
.content-page3 .our-philosophy .discover h1{font-size: 42px;padding: 0;line-height: 25px;}
.content-page3 .our-philosophy .discover p{line-height: 25px;background:#ffffff;font-size: 18px;padding: 12px 120px;letter-spacing:2px;opacity: 0;margin-top: 30px}
.content-page3 .our-philosophy .analyse{width: 100%;float: left;margin-top: 40px;}
.content-page3 .our-philosophy .analyse h1{font-size: 42px;padding: 0;opacity: 0;margin-top: 30px;line-height: 25px;}
.content-page3 .our-philosophy .analyse p{line-height: 25px;background:#ffffff;font-size: 18px;padding: 12px 120px;letter-spacing:2px;opacity: 0;margin-top: 30px}
.content-page4 {width: 100%;height: 100%;padding: 70px 90px;color: #000;text-align: left;}
.content-page4 h3 {text-align: center;font-size: 230px;padding: 100px 0px;position: absolute;z-index: -1;top: 0;left: 0;background: #000;color: #e0e0;
width: 100%;height: 100vh;opacity: 1;}
.content-page4 .our-philosophy {width: 100%;padding: 0 9%;text-align: center;}
.content-page4 .our-philosophy .discover {width: 100%;float: left;}
.content-page4 .our-philosophy h1 {font-size: 32px;padding: 30px 0;margin-top: 30px;opacity: 0;}
.content-page4 .our-philosophy .discover h1 {font-size: 30px;padding: 0;font-weight: bold;}
.content-page4 .our-philosophy .discover p {line-height: 21px;font-size: 18px;padding: 15px 50px;opacity: 0;letter-spacing:2px;margin-top: 30px;}
.content-page4 .our-philosophy .analyse {width: 100%;float: left;}
.content-page4 .our-philosophy .analyse h1 {font-size: 30px;padding: 0;opacity: 0;margin-top: 30px;font-weight: bold;}
.content-page4 .our-philosophy .analyse p {line-height: 21px;font-size: 18px;padding: 15px 5px;letter-spacing:2px;opacity: 0;margin-top: 30px;}



nav a {position: relative;display: inline-block;margin: 15px 25px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;
letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 1.35em;}
nav a:hover, nav a:focus {outline: none;}
.cl-effect-3 a {padding:0;}
.cl-effect-3 a::after {position: absolute;top: 47%;left: 0;width: 100%;height: 4px;background: rgb(245, 244, 244);content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}
.cl-effect-3 a:hover::after, .cl-effect-3 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);
transform: translateY(0px);}

/*========================================================ALL CSS FOR RESPONSIVE PAGE=============================================================*/

@media only screen and (max-width: 767px) {
main {height: auto !important;}
section {opacity: 1;transition: opacity 0.3s;transition-delay: 0s;} 
body.disabled-onepage-scroll .main section.page3 .page_container {width: 100%;}
.dots-image img{width: 150px;}
.page2-contant {text-align: justify;font-size: 25px;line-height: 32px;padding: 0;}
.one {width: 100%;height: 50vh;background: #62BCC7;position: relative;}
.two {width: 100%;height: 50vh;background: #f00;position: relative;top: -110px;left: 0;}
.three {width: 100%;height: 50vh;background: #218792;position: relative;top: -215px;right: 0;}
.clientlogomain h3{font-size: 30px;position: absolute;top: 10px;left: 15px;color:#fff;}
.one img {width: 50%;position: absolute;left: 80px;top: 40px;}
.one p {position: absolute;bottom: 20px;left: 30%;}
.client-logo-layer1 li{width: 50%;}
nav ul {border:0;}
.navigation{width: 100%;}
.disabled-onepage-scroll .onepage-wrapper .section {position: inherit !important;top: 0 !important;left: 0 !important;}
}






















nav a {position: relative;display: inline-block;margin: 15px 25px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;
letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 1.35em;}
nav a:hover, nav a:focus {outline: none;}
#cd-nav .cd-half-1 nav {position: absolute;right: 15%;top:20%;text-align: left;}
#cd-nav .nav-home{position: relative;text-align: center;line-height: 60px;margin: 0;}
#cd-nav .cd-half-1 nav h3{font-size: 24px;color: #ffffff;padding: 15px 0px 10px 0px;text-shadow: none;}
.cd-half-block nav ul li{display: block;}
#cd-nav .cd-half-1 nav h3 svg{font-size: 28px;color:#fff;}
#cd-nav .cd-half-1 nav p{font-size: 20px;color: #fff;padding: 0px 0px 0px 0px;}
#cd-nav .cd-half-1 nav a {text-decoration: none;position: relative;color: #fff;font-size: 20px;}
#cd-nav .cd-half-1 nav a:after {content: '';width: 100%;position: absolute;left: 0;bottom: -1px;border-width: 0 0 1px;border-style: solid;}
@media screen and (max-width: 768px){
#cd-nav .nav-home {position: absolute;margin: 50% 10%;text-align: center;top:0px;}
#cd-nav .cd-half-1 nav h3 {font-size: 24px;}
#cd-nav .cd-half-1 nav h3 svg {font-size: 28px;}
#cd-nav .cd-half-1 nav p,#cd-nav .cd-half-1 nav a {font-size: 20px;text-align: center;padding: 0px;}
nav ul {width: 260px;padding: 0;position: absolute;left: 50%;margin-left: -130px;top: 0;z-index: 9;border: 0px solid #1e5486;
background: transparent;-webkit-border-radius: none;-moz-border-radius: none;-moz-box-shadow: none;box-shadow: none;}
nav li a {border: none!important;text-shadow: none;}
.cd-nav .cd-primary-nav a {font-family: 'Roboto', sans-serif;font-size: 3rem;color: #ffffff;display: inline-block;padding: 0px}
.cd-nav .cd-primary-nav li {margin: 0.2em 0;}
#cd-nav .cd-half-1 nav a:after {width: 0;}
#cd-nav .cd-half-1 nav {position: absolute;margin: 50% 22%;text-align: center;top:0;right: 0;}
}
@media screen and (max-width: 767px){
#cd-nav .nav-home {position: absolute;margin: 0;text-align: center;top:0px;left: 0;}
#cd-nav .cd-half-1 nav h3 {font-size: 18px;}
#cd-nav .cd-half-1 nav h3 svg {font-size: 20px;}
#cd-nav .cd-half-1 nav p {font-size: 15px;}
#cd-nav .cd-half-1 nav a {font-size: 15px;text-align: center;}
nav ul {width: 100%;padding: 0;position: absolute;left: 0;margin-left: 0;top: 0;z-index: 9;border: 0px solid #1e5486;
background: transparent;-webkit-border-radius: none;-moz-border-radius: none;-moz-box-shadow: none;box-shadow: none;}
nav li a {border: none!important;text-shadow: none;}
.cd-nav .cd-primary-nav a {font-family: 'Roboto', sans-serif;font-size: 2rem;color: #ffffff;display: inline-block;padding: 0px}
.cd-nav .cd-primary-nav li {margin: 0.2em 0;}
#cd-nav .cd-half-1 nav a:after {width: 0;}
#cd-nav .cd-half-1 nav {position: absolute;margin: 9% 22%;text-align: center;top:0;right: 0;}
#cd-nav .cd-half-1 nav a {font-size: 15px;text-align: center;padding: 0px;}
}
@media screen and (max-width: 567px){
#cd-nav .nav-home {position: absolute;margin: 5% 0%;text-align: center;top:0;left:0;}
nav ul {width: 260px;padding: 0;position: absolute;left: 50%;margin-left: -130px;top: 0;z-index: 9;border: 0px solid #1e5486;
background: transparent;-webkit-border-radius: none;-moz-border-radius: none;-moz-box-shadow: none;box-shadow: none;}
#cd-nav .cd-half-1 nav {position: absolute;margin: 80% 0%;text-align: center;top:0;right: 0;}
#cd-nav .cd-half-1 nav a:after {content: '';width: 0%;}
nav li {display: block;margin: 0;}
nav a{line-height: 1px;}
#cd-nav .cd-half-1 nav h3{font-size: 18px;color: #fff;padding: 5px 0px 1px 0px;text-shadow: none;}
#cd-nav .cd-half-1 nav h3 svg{font-size: 22px;}
#cd-nav .cd-half-1 nav p{font-size: 16px;color: #fff;padding: 0px 0px 0px 0px;}
#cd-nav .cd-half-1 nav a{font-size: 15px;padding: 16px 0px;}
.cd-nav .cd-primary-nav li {margin: -42px !important;}
.cd-nav .cd-primary-nav li a {text-shadow: none;}
.cd-nav .cd-primary-nav {margin-top: 80px;}
.cd-nav .cd-navigation-wrapper {padding: 0}
}
















.cd-nav-trigger {
position: fixed;
z-index: 3;
right: 1%;
top: 20px;
height: 44px;
width: 44px;
background-color: #F1F0EF;
border-radius: 50%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
/*background: #1e5799;
background: -moz-linear-gradient(top, #1e5799 0%, #4c88b4 38%, #50bcb8 80%, #50bcb8 80%);
background: -webkit-linear-gradient(top, #1e5799 0%,#4c88b4 38%,#50bcb8 80%,#50bcb8 80%);
background: linear-gradient(to bottom, #1e5799 0%,#4c88b4 38%,#50bcb8 80%,#50bcb8 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#50bcb8',GradientType=0 );*/
}
.cd-nav-trigger .cd-nav-icon {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 22px;
height: 2px;
background-color: #000000;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: inherit;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
-moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-o-transform: translateY(-6px);
transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateY(6px);
-moz-transform: translateY(6px);
-ms-transform: translateY(6px);
-o-transform: translateY(6px);
transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
top: -2px;
}
.cd-nav-trigger svg {
position: absolute;
top: 0;
left: 0;
}
.cd-nav-trigger circle {
-webkit-transition: stroke-dashoffset 0.4s 0s;
-moz-transition: stroke-dashoffset 0.4s 0s;
transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
width: 50%;
-webkit-transition: -webkit-transform 0.5s, width 0.5s;
-moz-transition: -moz-transform 0.5s, width 0.5s;
transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
/*  stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 0.4s 0.3s;
-moz-transition: stroke-dashoffset 0.4s 0.3s;
transition: stroke-dashoffset 0.4s 0.3s;*/
}
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
top: 12px;
}
}

.cd-nav {
position: fixed;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #1e5799;
background: -moz-linear-gradient(top, #1e5799 0%, #4c88b4 38%, #50bcb8 80%, #50bcb8 80%);
background: -webkit-linear-gradient(top, #1e5799 0%,#4c88b4 38%,#50bcb8 80%,#50bcb8 80%);
background: linear-gradient(to bottom, #1e5799 0%,#4c88b4 38%,#50bcb8 80%,#50bcb8 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#50bcb8',GradientType=0 );
visibility: hidden;
-webkit-transition: visibility 0s 0.7s;
-moz-transition: visibility 0s 0.7s;
transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
/* all navigation content */
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 40px 5% 40px calc(5% + 80px);
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: -webkit-transform 0.7s;
-moz-transition: -moz-transform 0.7s;
transition: transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-nav h2 {
position: relative;
margin-bottom: 1.7em;
font-size: 1.3rem;
font-weight: 800;
color: #080b0f;
text-transform: uppercase;
}
.cd-nav h2::after {
/* bottom separation line */
content: '';
position: absolute;
left: 0;
bottom: -20px;
height: 1px;
width: 60px;
background-color: currentColor;
}
.cd-nav .cd-primary-nav {
margin-top: 60px;
margin-left: 60px;
}
.cd-nav .cd-primary-nav li {
margin: 1.6em 0;
}
.cd-nav .cd-primary-nav a {
font-family: 'Roboto', sans-serif;
font-size: 2.4rem;
color: #fff;
display: inline-block;
}
.cd-nav .cd-primary-nav a.selected {
color: #fff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
color: #fff;
transition-duration: 1s;
}
.cd-nav .cd-contact-info {
margin-top: 80px;
}
.cd-nav .cd-contact-info li {
font-family: 'Roboto', sans-serif;
margin-bottom: 1.5em;
line-height: 1.2;
color: rgba(255, 255, 255, 0.3);
}
.cd-nav .cd-contact-info a {
color: #ffffff;
}
.cd-nav .cd-contact-info span {
display: block;
}
.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
.cd-nav .cd-navigation-wrapper {
padding: 62px 20%;
}
.cd-nav .cd-navigation-wrapper::after {
clear: both;
content: "";
display: table;
}
.cd-nav .cd-half-block {
width: 50%;
float: left;
}
.cd-nav .cd-primary-nav {
margin-top: 0;
}
.cd-nav h2 {
font-size: 1.5rem;
margin-bottom: 5.6em;
}
.cd-nav .cd-primary-nav li {
margin: 0em 0;
list-style: none;
}
.cd-nav .cd-primary-nav a {
font-size: 3.4rem;
font-weight: 200;
}
.cd-nav .cd-contact-info {
margin-top: 120px;
text-align: right;
}
.cd-nav .cd-contact-info li {
margin-bottom: 2.4em;
}
.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
font-size: 2rem;
}
}

.no-js main {
height: auto;
overflow: visible;
}

.no-js .cd-nav {
position: static;
visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
height: auto;
overflow: visible;
padding: 100px 5%;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}