*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
svg{max-width:100%}
.cd-nav-trigger{position: relative; z-index:103; margin-left: 20px; width:44px;overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.cd-nav-trigger span{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:38px;height:2px;background-color:#fff}
.cd-nav-trigger span::before,.cd-nav-trigger span: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 .2s,width .2s;-moz-transition:-moz-transform .2s,width .2s;transition:transform .2s,width .2s}
.cd-nav-trigger span::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(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.cd-nav-trigger span::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(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}
.no-touch .cd-nav-trigger:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.no-touch .cd-nav-trigger:hover span::after,.no-touch .cd-nav-trigger:hover span::before{width:50%}
.no-touch .cd-nav-trigger:hover span::before{-webkit-transform:translateX(1px) translateY(1px) rotate(45deg);-moz-transform:translateX(1px) translateY(1px) rotate(45deg);-ms-transform:translateX(1px) translateY(1px) rotate(45deg);-o-transform:translateX(1px) translateY(1px) rotate(45deg);transform:translateX(1px) translateY(1px) rotate(45deg)}
.no-touch .cd-nav-trigger:hover span::after{-webkit-transform:translateX(1px) translateY(-1px) rotate(-45deg);-moz-transform:translateX(1px) translateY(-1px) rotate(-45deg);-ms-transform:translateX(1px) translateY(-1px) rotate(-45deg);-o-transform:translateX(1px) translateY(-1px) rotate(-45deg);transform:translateX(1px) translateY(-1px) rotate(-45deg)}
.cd-nav-container{position:fixed;z-index:104;top:0;right:0;width:80%;height:100%;overflow-y:auto;background-color:#fff;-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(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .4s 0s,box-shadow 0s .4s;-moz-transition:-moz-transform .4s 0s,box-shadow 0s .4s;transition:transform .4s 0s,box-shadow 0s .4s}
.cd-nav-container.is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;box-shadow:-4px 0 30px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .4s 0s,box-shadow 0s 0s;-moz-transition:-moz-transform .4s 0s,box-shadow 0s 0s;transition:transform .4s 0s,box-shadow 0s 0s}
.cd-nav-container header{padding:1.5em 0 0 6.25%;height:68px;position:relative}
.cd-nav-container h3{font-size:1.6rem;font-weight:700;font-family:Lora,serif;text-transform:uppercase;color:#5c4b51}
.cd-nav-container h3 a:hover{ color:#ee780c;}
.cd-close-nav{position:absolute;height:44px;width:44px;right:6.25%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}
.cd-close-nav::after,.cd-close-nav::before{content:'';position:absolute;height:3px;width:32px;left:50%;top:50%;background-color:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cd-close-nav::after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}
.cd-close-nav::before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg)}
.no-touch .cd-close-nav:hover{opacity:.8}
.cd-nav{background-color:#f2f2f2}
.cd-nav::after{clear:both;content:"";display:table}
.cd-nav li{width:50%;float:left;height:calc((100vh - 68px)/ 3);min-height:120px;border:1px solid #fff;border-top:none;border-left:none}
.cd-nav li:nth-of-type(2n){border-right-width:0}
.cd-nav a{position:relative;display:block;width:100%;height:100%;text-align:center;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.no-touch .cd-nav a:hover span i{-webkit-animation:cd-shock .3s;-moz-animation:cd-shock .3s;animation:cd-shock .3s}
.cd-nav li.cd-selected a span *,.no-touch .cd-nav li a:hover span *{stroke:#fff}
.no-touch .cd-nav li a:hover em,.no-touch .cd-nav li a:hover i{color:#fff}
.cd-nav li.cd-selected:nth-of-type(2) a,.no-touch .cd-nav li:nth-of-type(1) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(2) a,.no-touch .cd-nav li:nth-of-type(2) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(3) a,.no-touch .cd-nav li:nth-of-type(3) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(4) a,.no-touch .cd-nav li:nth-of-type(4) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(5) a,.no-touch .cd-nav li:nth-of-type(5) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(6) a,.no-touch .cd-nav li:nth-of-type(6) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(6) a,.no-touch .cd-nav li:nth-of-type(7) a:hover{background-color:#ee780c; color:#fff;}
.cd-nav li.cd-selected:nth-of-type(6) a,.no-touch .cd-nav li:nth-of-type(8) a:hover{background-color:#ee780c; color:#fff;}

.cd-nav em,.cd-nav span{position:absolute}
.cd-nav span{top:calc(50% - 48px);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:48px;width:48px}
.cd-nav span *{-webkit-transition:stroke .2s;-moz-transition:stroke .2s;transition:stroke .2s}
.cd-nav em{width:100%;left:0;top:calc(50% + 15px);color:#5c4b51;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@-webkit-keyframes cd-shock{0%{-webkit-transform:rotate(0)}
30%{-webkit-transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg)}
100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes cd-shock{0%{-moz-transform:rotate(0)}
30%{-moz-transform:rotate(10deg)}
60%{-moz-transform:rotate(-10deg)}
100%{-moz-transform:rotate(0)}
}
@keyframes cd-shock{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
30%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
}
.cd-overlay{position:fixed;height:100%;width:100%;top:0;left:0; z-index:90;cursor:pointer;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .4s 0s,visibility 0s .4s;-moz-transition:opacity .4s 0s,visibility 0s .4s;transition:opacity .4s 0s,visibility 0s .4s}
.cd-overlay.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .4s 0s,visibility 0s 0s;-moz-transition:opacity .4s 0s,visibility 0s 0s;transition:opacity .4s 0s,visibility 0s 0s}
main{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;}
main.scale-down{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
.cd-section{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;overflow-y:auto;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0s .4s;-moz-transition:-moz-transform 0s .4s;transition:transform 0s .4s}
.cd-section.cd-selected{position:relative;z-index:2;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .4s 0s;-moz-transition:-moz-transform .4s 0s;transition:transform .4s 0s;-webkit-overflow-scrolling:touch}
.cd-section header{height:100vh;background:#9e87ce;position:relative}
.cd-section.projects header{background-color:#5c4b51}
.cd-section.about header{background-color:#e0cf75}
.cd-section.services header{background-color:#f5b65a}
.cd-section.careers header{background-color:#f25f5c}
.cd-section.contact header{background-color:#8abeb2}
.cd-title{position:relative;top:48%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center}
.cd-title>*{text-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cd-title h2{font-size:2.8rem;margin-bottom:.8em}
.cd-title a{display:inline-block;padding:1.2em 1.6em;border-radius:50em;border:2px solid rgba(255,255,255,.5);font-weight:700;color:#fff;font-family:Lora,serif}
.no-touch .cd-title a:hover{border-color:#fff}
.cd-title span{vertical-align:middle;display:inline-block}
.cd-content{background-color:#fff;padding:4em 0}
.cd-content p{width:90%;max-width:800px;margin:2em auto;line-height:2;color:#78626a}
.no-js .cd-section,.no-js main{height:auto;overflow:visible}
.no-js .cd-section{position:static;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.no-js .cd-nav-container{width:100%;position:static;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);height:auto;overflow:visible}
.no-js .cd-close-nav{display:none}
.no-js .cd-nav li{width:50%;float:left}
@media only screen and (min-width:700px){
	.cd-section{header:102vh}
	.cd-close-nav{right:7.14%}
	.cd-nav-container{width:60%}
	.cd-nav-container header{height:116px;padding-top:3em}
	.cd-title h2{font-size:5rem;font-weight:300;margin-bottom:.6em}
	.cd-nav li{height:calc((100vh - 116px)/ 3);min-height:200px}
	.cd-nav span{height:64px;width:64px;top:calc(50% - 56px)}
	.cd-nav span i{ font-size:2.5rem; color:#666;}
	.cd-nav em{font-size:2.2rem;font-weight:300;top:calc(50% + 21px)}
	.no-js .cd-nav li{width:33.3%;float:left}
	.no-js .cd-nav li:nth-of-type(2n) a{border-right-width:1px}
}
@media only screen and (min-width:1024px){
	.cd-nav li{width:calc(100%/4);float:left;height:calc((100vh - 116px)/ 2.2);min-height:150px}
	.cd-nav li:nth-of-type(2n){border-right-width:1px}
	.cd-nav li:nth-of-type(4n){border-right-width:0}
	.cd-nav em{font-size:1.5rem}
	.no-js .cd-nav li{width:16.66%;float:left}
	.no-js .cd-nav li:nth-of-type(3n) a{border-right-width:1px solid #e0cf75}
}
@media only screen and (max-width:700px){
	.cd-nav li{height: calc((100vh - 68px)/ 4);min-height: inherit;}
	.cd-nav span .iconfont{ font-size:2rem;}
	
}