article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}

audio,canvas,video{display:inline-block}

audio:not([controls]){display:none;height:0}

[hidden],template{display:none}

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body{margin:0}

a{background:transparent}

a:focus{outline:0}

a:active,a:hover{outline:0}

h1{font-size:2em;margin:0.67em 0}

abbr[title]{border-bottom:1px dotted}

b,strong,.strong{font-weight:bold}

dfn,em,.em{font-style:italic}

hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}

p{-webkit-hyphens:none;-epub-hyphens:none;-moz-hyphens:none;hyphens:none}

pre{margin:0}

code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}

pre{white-space:pre-wrap}

q{quotes:"\201C" "\201D" "\2018" "\2019"}

q:before,q:after{content:'';content:none}

small,.small{font-size:75%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sup{top:-0.5em}

sub{bottom:-0.25em}

dl,menu,ol,ul{margin:1em 0}

dd{margin:0}

menu{padding:0 0 0 40px}

ol,ul{padding:0;list-style-type:none}

nav ul,nav ol{list-style:none;list-style-image:none}

img{border:0}

svg:not(:root){overflow:hidden}

figure{margin:0}

fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}

legend{border:0;padding:0}

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}

button,input{line-height:normal}

button,select{text-transform:none}

button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}

button[disabled],html input[disabled]{cursor:default}

input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}

input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

textarea{overflow:auto;vertical-align:top}

table{border-collapse:collapse;border-spacing:0}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.image-replacement,.ir{text-indent:100%;white-space:nowrap;overflow:hidden}

.clearfix,.cf{zoom:1}

.clearfix:before,.clearfix:after,.cf:before,.cf:after{content:"";display:table}

.clearfix:after,.cf:after{clear:both}

span.amp{font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;font-style:italic}

@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('../fonts/proxima-nova-regular.eot');
	src: url('../fonts/proxima-nova-regulard41d.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/proxima-nova-regular.woff') format('woff'),
	     url('../fonts/proxima-nova-regular.ttf') format('truetype'),
	     url('../fonts/proxima-nova-regular.svg#ywftsvg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.mono{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:4px;opacity:0.7;font-size:0.8rem}

@media (max-width: 767px){.m-all{float:left;padding-right:0.75em;width:100%;padding-right:0}

.m-1of2{float:left;padding-right:0.75em;width:50%}

.m-1of3{float:left;padding-right:0.75em;width:33.33%}

.m-2of3{float:left;padding-right:0.75em;width:66.66%}

.m-1of4{float:left;padding-right:0.75em;width:25%}

.m-3of4{float:left;padding-right:0.75em;width:75%}

}

@media (min-width: 768px) and (max-width: 1029px){.t-all{float:left;padding-right:0.75em;width:100%;padding-right:0}

.t-1of2{float:left;padding-right:0.75em;width:50%}

.t-1of3{float:left;padding-right:0.75em;width:33.33%}

.t-2of3{float:left;padding-right:0.75em;width:66.66%}

.t-1of4{float:left;padding-right:0.75em;width:25%}

.t-3of4{float:left;padding-right:0.75em;width:75%}

.t-1of5{float:left;padding-right:0.75em;width:20%}

.t-2of5{float:left;padding-right:0.75em;width:40%}

.t-3of5{float:left;padding-right:0.75em;width:60%}

.t-4of5{float:left;padding-right:0.75em;width:80%}

}

@media (min-width: 1030px){.d-all{float:left;padding-right:0.75em;width:100%;padding-right:0}

.d-1of2{float:left;padding-right:0.75em;width:50%}

.d-1of3{float:left;padding-right:0.75em;width:33.33%}

.d-2of3{float:left;padding-right:0.75em;width:66.66%}

.d-1of4{float:left;padding-right:0.75em;width:25%}

.d-3of4{float:left;padding-right:0.75em;width:75%}

.d-1of5{float:left;padding-right:0.75em;width:20%}

.d-2of5{float:left;padding-right:0.75em;width:40%}

.d-3of5{float:left;padding-right:0.75em;width:60%}

.d-4of5{float:left;padding-right:0.75em;width:80%}

.d-1of6{float:left;padding-right:0.75em;width:16.6666666667%}

.d-1of7{float:left;padding-right:0.75em;width:14.2857142857%}

.d-2of7{float:left;padding-right:0.75em;width:28.5714286%}

.d-3of7{float:left;padding-right:0.75em;width:42.8571429%}

.d-4of7{float:left;padding-right:0.75em;width:57.1428572%}

.d-5of7{float:left;padding-right:0.75em;width:71.4285715%}

.d-6of7{float:left;padding-right:0.75em;width:85.7142857%}

.d-1of8{float:left;padding-right:0.75em;width:12.5%}

.d-1of9{float:left;padding-right:0.75em;width:11.1111111111%}

.d-1of10{float:left;padding-right:0.75em;width:10%}

.d-1of11{float:left;padding-right:0.75em;width:9.09090909091%}

.d-1of12{float:left;padding-right:0.75em;width:8.33%}

}

.full{width:100%;float:left}

.last-col{float:right;padding-right:0 !important}

.black-btn,a.black-btn:visited{display:inline-block;position:relative;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;text-decoration:none;color:#000;font-size:0.9em;line-height:34px;font-weight:normal;padding:0 24px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:0;cursor:pointer;border:1px solid #000;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out}

.black-btn:hover,a.black-btn:hover:visited,.black-btn:focus,a.black-btn:focus:visited{color:#000;text-decoration:none}

.black-btn:visited,a.black-btn:visited{color:#000}

.black-btn:active,a.black-btn:active:visited{top:1px}

.black-btn,a.black-btn:visited{background-color:#000;color:#fff;border-color:#000}

.black-btn:hover,.black-btn:focus,a.black-btn:visited:hover,a.black-btn:visited:focus{background-color:#fff;color:#000}

.black-btn:active,a.black-btn:visited:active{color:#000}

input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,.field{display:block;font-size:1em;border-radius:0;vertical-align:middle;box-shadow:none;border:0}

input[type="text"].error,input[type="text"].is-invalid,input[type="password"].error,input[type="password"].is-invalid,input[type="datetime"].error,input[type="datetime"].is-invalid,input[type="datetime-local"].error,input[type="datetime-local"].is-invalid,input[type="date"].error,input[type="date"].is-invalid,input[type="month"].error,input[type="month"].is-invalid,input[type="time"].error,input[type="time"].is-invalid,input[type="week"].error,input[type="week"].is-invalid,input[type="number"].error,input[type="number"].is-invalid,input[type="email"].error,input[type="email"].is-invalid,input[type="url"].error,input[type="url"].is-invalid,input[type="search"].error,input[type="search"].is-invalid,input[type="tel"].error,input[type="tel"].is-invalid,input[type="color"].error,input[type="color"].is-invalid,select.error,select.is-invalid,textarea.error,textarea.is-invalid,.field.error,.field.is-invalid{color:red;border-color:red;background-color:#fff;background-position:99% center;background-repeat:no-repeat;background-image:url(data:image/png;outline-color:red}

input[type="text"].success,input[type="text"].is-valid,input[type="password"].success,input[type="password"].is-valid,input[type="datetime"].success,input[type="datetime"].is-valid,input[type="datetime-local"].success,input[type="datetime-local"].is-valid,input[type="date"].success,input[type="date"].is-valid,input[type="month"].success,input[type="month"].is-valid,input[type="time"].success,input[type="time"].is-valid,input[type="week"].success,input[type="week"].is-valid,input[type="number"].success,input[type="number"].is-valid,input[type="email"].success,input[type="email"].is-valid,input[type="url"].success,input[type="url"].is-valid,input[type="search"].success,input[type="search"].is-valid,input[type="tel"].success,input[type="tel"].is-valid,input[type="color"].success,input[type="color"].is-valid,select.success,select.is-valid,textarea.success,textarea.is-valid,.field.success,.field.is-valid{color:green;border-color:green;background-color:#fff;background-position:99% center;background-repeat:no-repeat;background-image:url(data:image/png;;outline-color:green}

input[type="text"][disabled],input[type="text"].is-disabled,input[type="password"][disabled],input[type="password"].is-disabled,input[type="datetime"][disabled],input[type="datetime"].is-disabled,input[type="datetime-local"][disabled],input[type="datetime-local"].is-disabled,input[type="date"][disabled],input[type="date"].is-disabled,input[type="month"][disabled],input[type="month"].is-disabled,input[type="time"][disabled],input[type="time"].is-disabled,input[type="week"][disabled],input[type="week"].is-disabled,input[type="number"][disabled],input[type="number"].is-disabled,input[type="email"][disabled],input[type="email"].is-disabled,input[type="url"][disabled],input[type="url"].is-disabled,input[type="search"][disabled],input[type="search"].is-disabled,input[type="tel"][disabled],input[type="tel"].is-disabled,input[type="color"][disabled],input[type="color"].is-disabled,select[disabled],select.is-disabled,textarea[disabled],textarea.is-disabled,.field[disabled],.field.is-disabled{cursor:not-allowed;border-color:#000;opacity:0.6}

input[type="text"][disabled]:focus,input[type="text"][disabled]:active,input[type="text"].is-disabled:focus,input[type="text"].is-disabled:active,input[type="password"][disabled]:focus,input[type="password"][disabled]:active,input[type="password"].is-disabled:focus,input[type="password"].is-disabled:active,input[type="datetime"][disabled]:focus,input[type="datetime"][disabled]:active,input[type="datetime"].is-disabled:focus,input[type="datetime"].is-disabled:active,input[type="datetime-local"][disabled]:focus,input[type="datetime-local"][disabled]:active,input[type="datetime-local"].is-disabled:focus,input[type="datetime-local"].is-disabled:active,input[type="date"][disabled]:focus,input[type="date"][disabled]:active,input[type="date"].is-disabled:focus,input[type="date"].is-disabled:active,input[type="month"][disabled]:focus,input[type="month"][disabled]:active,input[type="month"].is-disabled:focus,input[type="month"].is-disabled:active,input[type="time"][disabled]:focus,input[type="time"][disabled]:active,input[type="time"].is-disabled:focus,input[type="time"].is-disabled:active,input[type="week"][disabled]:focus,input[type="week"][disabled]:active,input[type="week"].is-disabled:focus,input[type="week"].is-disabled:active,input[type="number"][disabled]:focus,input[type="number"][disabled]:active,input[type="number"].is-disabled:focus,input[type="number"].is-disabled:active,input[type="email"][disabled]:focus,input[type="email"][disabled]:active,input[type="email"].is-disabled:focus,input[type="email"].is-disabled:active,input[type="url"][disabled]:focus,input[type="url"][disabled]:active,input[type="url"].is-disabled:focus,input[type="url"].is-disabled:active,input[type="search"][disabled]:focus,input[type="search"][disabled]:active,input[type="search"].is-disabled:focus,input[type="search"].is-disabled:active,input[type="tel"][disabled]:focus,input[type="tel"][disabled]:active,input[type="tel"].is-disabled:focus,input[type="tel"].is-disabled:active,input[type="color"][disabled]:focus,input[type="color"][disabled]:active,input[type="color"].is-disabled:focus,input[type="color"].is-disabled:active,select[disabled]:focus,select[disabled]:active,select.is-disabled:focus,select.is-disabled:active,textarea[disabled]:focus,textarea[disabled]:active,textarea.is-disabled:focus,textarea.is-disabled:active,.field[disabled]:focus,.field[disabled]:active,.field.is-disabled:focus,.field.is-disabled:active{background-color:#075986}

input[type="password"]{letter-spacing:0.3em}

textarea{max-width:100%;min-height:120px;line-height:1.5em}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;background-repeat:no-repeat;background-position:97.5% center}

.rangeslider,.rangeslider__fill{display:block}

.rangeslider{position:relative;z-index:1000}

.rangeslider--horizontal{height:20px;width:100%;cursor:pointer;display:block}

.rangeslider--horizontal:after{content:'';display:block;position:absolute;left:0;top:0;height:5px;width:100%;background:#333;top:50%;margin-top:-2px}

.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}

.rangeslider--disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:0.4}

.rangeslider__fill{background:#fff;position:absolute}

.rangeslider--horizontal .rangeslider__fill{top:0;height:5px;top:50%;margin-top:-2px;z-index:1}

.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}

.rangeslider__handle{background:white;cursor:pointer;display:inline-block;width:4px;height:25px;position:absolute;z-index:2}

.rangeslider__handle:after{content:"";display:block;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url();background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.13)), color-stop(100%, rgba(255,255,255,0)));background-image:-moz-linear-gradient(rgba(0,0,0,0.13), rgba(255,255,255,0));background-image:-webkit-linear-gradient(rgba(0,0,0,0.13), rgba(255,255,255,0));background-image:linear-gradient(rgba(0,0,0,0.13), rgba(255,255,255,0));-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}

.rangeslider--horizontal .rangeslider__handle{top:-3px;touch-action:pan-y;-ms-touch-action:pan-y}

.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}

input[type="range"]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgba(255,0,255,0.9);-webkit-box-shadow:0 0 8px rgba(255,0,255,0.9);box-shadow:0 0 8px rgba(255,0,255,0.9)}

body,html{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-weight:normal;font-size:13pt;height:100%;line-height:1.5;color:#a3a1a1;height:100%;background:#fff}

#site--container,#site--container-inner{height:100%}

*:focus{outline:none}

#main{height:100%;width:100%;-webkit-transition:transform,0.4s;-moz-transition:transform,0.4s}

#main:after{content:'';display:block;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;z-index:-10;top:0;left:0;-webkit-transition:opacity,0.4s;-moz-transition:opacity,0.4s}

*:focus{outline:0}

img{border:0;max-width:100%;height:auto}

.full{float:left;width:100%}

.overflow-hidden{overflow:hidden}

.section{position:relative;padding:50px 0}

.section h2{font-size:1.1em}

.display-mobile{display:block}

.display-tablet,.display-tablet-landscape,.display-desktop{display:none}

.entry-title a,.entry-title a:visited{color:inherit}

.entry-title a:hover,.entry-title a:visited:hover{color:inherit}

.pagination-links .pagination ul.page-numbers li{display:inline-block;padding:5px}

.single .entry-content blockquote{margin:0 0 1.5em 0.75em;padding:0 0 0 0.75em;border-left:3px solid #31aff5;color:#B7B7B7}

.single .entry-content dl dt{font-weight:bold}

.single .entry-content dl dd{padding-left:15px}

.single .entry-content ul{list-style-type:disc;list-style-position:inside;padding-left:15px}

.single .entry-content ol{list-style-type:decimal;list-style-position:inside;padding-left:15px}

.single .entry-content table{width:100%;border:1px solid #B7B7B7;margin-bottom:20px}

.single .entry-content table caption{margin:0 0 7px;font-size:0.75em;color:#9fa6b4;text-transform:uppercase;letter-spacing:1px}

.single .entry-content tr{border-bottom:1px solid #B7B7B7}

.single .entry-content tr:nth-child(even){background-color:#f8f9fa}

.single .entry-content td{padding:7px;border-right:1px solid #B7B7B7}

.single .entry-content td:last-child{border-right:0}

.single .entry-content th{background-color:#f8f9fa;border-bottom:1px solid #B7B7B7;border-right:1px solid #B7B7B7}

.single .entry-content th:last-child{border-right:0}

.single .entry-content pre{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;background:#000;color:#f8f9fa;font-size:0.9em;padding:20px;margin:0 0 20px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}

.wp-caption{max-width:100%;position:relative}

.wp-caption img{max-width:100%;margin-bottom:0;width:100%;vertical-align:bottom}

.wp-caption p.wp-caption-text{font-size:0.9em;text-align:left;position:absolute;bottom:0;background:rgba(0,0,0,0.6);color:#fff;left:0;right:0;padding:10px 20px;margin:0}

.wrap{width:85%;margin:0 auto}

a,a:visited{color:#000;text-decoration:none;-webkit-transition:color 0.65s ease-in-out;-moz-transition:color 0.65s ease-in-out}

a:link,a:visited:link{-webkit-tap-highlight-color:transparent}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{text-rendering:optimizelegibility;font-weight:normal;color:#000;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a{text-decoration:none}

h1,.h1{font-size:2em}

h2,.h2{font-size:1.2em}

h3,.h3{font-size:1.3em}

h4,.h4{font-size:1.1em}

h5,.h5{font-size:0.8em}

.nav{border-bottom:0;margin:0}

.nav li a{display:block;color:#000;text-decoration:none;padding:0.75em}

.nav li a:hover,.nav li a:focus{color:inherit}

.nav li ul.sub-menu,.nav li ul.children{line-height:1.5}

.nav li ul.sub-menu li a,.nav li ul.children li a{padding-left:30px}

.footer-nav{border-bottom:0;margin:0}

.footer-nav li a{display:block;padding:0.2em 0}

.footer{clear:both}

#global--header{position:relative;z-index:1000;top:0;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

#global--header .wrap{margin:30px auto;position:relative;line-height:1}

#global--header .wrap #logo{position:relative;top:2px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

#global--header .wrap #menu--toggle-container{float:right;display:block;position:absolute;bottom:3px;right:0;color:rgba(0,0,0,0.5)}

#global--header .wrap #menu--toggle-container a{cursor:pointer;display:inline-block;vertical-align:top;color:rgba(0,0,0,0.5)}

#global--header .wrap #menu--toggle-container #menu--toggle{position:relative;padding-right:24px;margin-right:6px;width:74px;height:15px}

#global--header .wrap #menu--toggle-container #menu--toggle:before{content:'Menu';position:absolute;margin-right:5px;top:0;color:#000;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;opacity:0;left:0;font-size:0.95em;-moz-transform:translate(0, 4px);-o-transform:translate(0, 4px);-ms-transform:translate(0, 4px);-webkit-transform:translate(0, 4px);transform:translate(0, 4px);display:none}

#global--header .wrap #menu--toggle-container #menu--toggle.video--close:before{content:'Close'}

#global--header .wrap #menu--toggle-container #menu--toggle:hover:before{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

#global--header .wrap #menu--toggle-container #menu--toggle.clicked .toggle:before{-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;bottom:0}

#global--header .wrap #menu--toggle-container #menu--toggle.clicked .toggle:after{top:5px;bottom:0;-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

#global--header .wrap #menu--toggle-container #menu--toggle.clicked:hover .toggle{height:12px;margin-top:0}

#global--header .wrap #menu--toggle-container #menu--toggle .toggle{width:16px;height:12px;display:block;position:absolute;right:0;top:2px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#global--header .wrap #menu--toggle-container #menu--toggle .toggle:after,#global--header .wrap #menu--toggle-container #menu--toggle .toggle:before{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;content:'';display:block;width:100%;height:2px;background:#000;position:absolute;left:0}

#global--header .wrap #menu--toggle-container #menu--toggle .toggle:before{bottom:0}

#global--header .wrap #menu--toggle-container #project--toggle{position:relative;display:inline-block;width:20px;height:18px}

#global--header .wrap #menu--toggle-container #project--toggle span{width:5px;height:12px;display:block;float:left;position:relative;right:0;top:2px;margin-left:5px}

#global--header .wrap #menu--toggle-container #project--toggle span:after,#global--header .wrap #menu--toggle-container #project--toggle span:before{content:'';display:block;width:100%;height:3px;background:#000;position:absolute;left:0}

#global--header .wrap #menu--toggle-container #project--toggle span:before{bottom:0}

#global--header .wrap #menu--toggle-container #project--toggle.clicked{width:16px}

#global--header .wrap #menu--toggle-container #project--toggle.clicked span{width:100%;position:absolute}

#global--header .wrap #menu--toggle-container #project--toggle.clicked span:after,#global--header .wrap #menu--toggle-container #project--toggle.clicked span:before{height:2px;top:5px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

#global--header .wrap #menu--toggle-container #project--toggle.clicked span:before{-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

#global--header .wrap #menu--toggle-container #project--toggle.clicked span:first-child{opacity:0}

#global--header.global--header-home{position:fixed !important}

#global--header.global--header-white{color:#fff}

#global--header.global--header-white a{color:#fff}

#global--header.global--header-white .wrap #menu--toggle-container{color:rgba(255,255,255,0.5)}

#global--header.global--header-white .wrap #menu--toggle-container a{color:rgba(255,255,255,0.5)}

#global--header.global--header-white .wrap #menu--toggle-container #menu--toggle:before{color:#fff}

#global--header.global--header-white .wrap #menu--toggle-container #menu--toggle .toggle{-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#global--header.global--header-white .wrap #menu--toggle-container #menu--toggle .toggle:after,#global--header.global--header-white .wrap #menu--toggle-container #menu--toggle .toggle:before{background:#fff}

#global--header.global--header-white .wrap #menu--toggle-container #project--toggle span:after,#global--header.global--header-white .wrap #menu--toggle-container #project--toggle span:before{background:#fff}

#global--header.main--nav-active{opacity:1 !important;-moz-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-webkit-transform:translate(0, 0) !important;transform:translate(0, 0) !important;color:#fff}

#global--header.main--nav-active a{color:#fff}

#global--header.main--nav-active .wrap #menu--toggle-container{color:rgba(255,255,255,0.5)}

#global--header.main--nav-active .wrap #menu--toggle-container a{color:rgba(255,255,255,0.5)}

#global--header.main--nav-active .wrap #menu--toggle-container #menu--toggle:before{color:#fff;content:'Close'}

#global--header.main--nav-active .wrap #menu--toggle-container #menu--toggle .toggle:after,#global--header.main--nav-active .wrap #menu--toggle-container #menu--toggle .toggle:before{background:#fff}

#global--header.main--nav-active .wrap #menu--toggle-container #project--toggle span:after,#global--header.main--nav-active .wrap #menu--toggle-container #project--toggle span:before{background:#fff}

#logo{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:1.7rem}

#hero{top:0;left:0;width:100%;height:100%;background:#000;color:#fff;position:relative;overflow:hidden;position:fixed;top:0;left:0}

#hero .mobile--bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/loggistica.website.jpg);background-position:bottom;background-size:cover;opacity:0.3}

#hero video,#hero iframe{display:none;position:absolute;top:0;left:0;min-width:100%;min-height:100%;position:absolute;width:auto;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

#hero .fade{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);-webkit-backface-visibility:hidden}

#hero .ch{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:1rem;z-index:1;color:#fff;width:100%;text-align:center}

#hero .ch span{font-size:30vw;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;z-index:2;margin:0;line-height:1;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;display:block}

#hero .ch h1{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;position:absolute;color:#fff;text-align:center;z-index:1;width:100%;margin:0;opacity:0;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%) scale(0.98, 0.98);-o-transform:translate(-50%, -50%) scale(0.98, 0.98);-ms-transform:translate(-50%, -50%) scale(0.98, 0.98);-webkit-transform:translate(-50%, -50%) scale(0.98, 0.98);transform:translate(-50%, -50%) scale(0.98, 0.98);font-size:1.8em}

#hero .ch:hover span{-moz-transform:scale(0.9, 0.9);-o-transform:scale(0.9, 0.9);-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);opacity:0 !important}

#hero #hero--footer{position:absolute;bottom:0;left:0;width:100%;bottom:30px;z-index:1;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;color:rgba(255,255,255,0.4)}

#hero #hero--footer .wrap{position:relative}

#hero #hero--footer .wrap a img{-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

#hero #hero--footer .wrap a:hover{color:#fff}

#hero #hero--footer .wrap a:hover img{opacity:1}

#hero #scroll{position:absolute;right:0;bottom:0;color:rgba(255,255,255,0.4);-webkit-transition:color 0.4s;-moz-transition:color 0.4s}

#hero #scroll img{content:'';display:inline-block;width:12px;height:12px;background-image:url(../img/arrow-down.svg);background-position:center;background-repeat:no-repeat;background-size:contain;vertical-align:middle;margin-right:10px;position:relative;top:-1px}

#hero #scroll .bold{color:#fff}

#hero #scroll span{display:none}

#hero #now--playing,#hero #now--playing-mobile{position:absolute;color:rgba(255,255,255,0.4);-webkit-transition:color 0.4s;-moz-transition:color 0.4s;bottom:0}

#hero #now--playing span,#hero #now--playing-mobile span{color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;display:inline-block;margin-right:8px}

#hero #now--playing:hover,#hero #now--playing-mobile:hover{color:#fff}

#hero #now--playing img,#hero #now--playing-mobile img{display:inline-block;vertical-align:middle;width:18px;height:auto;position:relative;top:-1px;margin-right:10px}

#hero #now--playing-mobile:before{content:'';display:inline-block;vertical-align:middle;width:10px;height:10px;background-image:url(../img/play.svg);background-size:contain;background-repeat:no-repeat;margin-right:10px}

#introduction--section{padding:60px 0}

#introduction--section .wrap h2{margin-top:0}

#introduction--section .wrap a{display:table;margin-top:20px;color:#a3a1a1;border-bottom:1px solid #a3a1a1}

#work--grid article{width:100%;float:left;position:relative;color:rgba(255,255,255,0.5);background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;background-color:#f7f7f7}

#work--grid article figure{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}

#work--grid article:after{padding-bottom:60%;width:100%;content:'';display:block}

#work--grid article .inner{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;padding:30px;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#work--grid article h2{margin:0;font-size:1.1em;color:#fff}

#work--grid article ul{margin:0;list-style:none;padding:0}

#work--grid article ul li{display:inline-block}

#work--grid article ul li:after{content:'/';display:inline-block;margin-left:5px}

#work--grid article ul li:last-child:after{display:none}

#work--grid article:hover .inner{opacity:1}

#global--footer{background:#000;color:#fff}

#global--footer .copyright{width:100%;float:right;font-size:0.9em;margin:30px 0 30px 0}

#global--footer #global--footer-cta{padding:200px 0;position:relative}

#global--footer #global--footer-cta .image--fade{width:100%;height:100%;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/studio3.jpg);background-size:cover;background-position:center;opacity:0.15;display:none}

#global--footer #global--footer-cta .wrap{position:relative;z-index:1;color:#fff;text-align:center}

#global--footer #global--footer-cta .wrap h3{color:rgba(255,255,255,0.3);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;margin:0;font-size:1.7em}

#global--footer #global--footer-cta .wrap h3 a{color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;display:inline-block;line-height:1}

#global--footer #global--footer-cta .wrap h3 a:after{border-color:#fff;display:block}

#global--footer #global--footer-menu{padding:50px 0;color:rgba(255,255,255,0.3)}

#global--footer #global--footer-menu .wrap #global--footer-logo{image:url(../img/byBennassar.jpg);width:70px;height:70px;text-align:center;display:block;line-height:75px;vertical-align:middle;float:left;padding-left:5px;margin-bottom:50px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#global--footer #global--footer-menu .wrap #global--footer-logo:hover{opacity: 0.5}

#global--footer #global--footer-menu .wrap ul{float:left;margin:0;padding:0;position:relative;width:50%;top:-8px}

#global--footer #global--footer-menu .wrap ul.clear{clear:left}

#global--footer #global--footer-menu .wrap ul li{font-size:0.95em;line-height:1.8}

#global--footer #global--footer-menu .wrap ul li:first-child{font-size:1em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#fff}

#global--footer #global--footer-menu .wrap ul li a{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;color:rgba(255,255,255,0.3)}

#global--footer #global--footer-menu .wrap ul li a:hover{color:#fff}

body.main--nav-active{overflow:hidden}

body.main--nav-active #main{overflow:auto}

body.main--nav-active #site--container,body.main--nav-active #site--container-inner{overflow:hidden}

body.projects--nav-active #main{overflow:hidden;-moz-transform:translate(-84vw, 0);-o-transform:translate(-84vw, 0);-ms-transform:translate(-84vw, 0);-webkit-transform:translate(-84vw, 0);transform:translate(-84vw, 0)}

body.projects--nav-active #main:after{opacity:1;z-index:100}

body.projects--nav-active #projects--nav{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

body.projects--nav-active #projects--nav article{-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,-webkit-transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s;transition:opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,-webkit-transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s;transition:transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s;transition:transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,-webkit-transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s}

body.projects--nav-active #projects--nav article:nth-child(1){-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s}

body.projects--nav-active #projects--nav article:nth-child(2){-moz-transition-delay:0.2s;-o-transition-delay:0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s}

body.projects--nav-active #projects--nav article:nth-child(3){-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}

body.projects--nav-active #projects--nav article:nth-child(4){-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s}

body.projects--nav-active #projects--nav article:nth-child(5){-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s}

body.projects--nav-active #projects--nav article:nth-child(6){-moz-transition-delay:0.6s;-o-transition-delay:0.6s;-webkit-transition-delay:0.6s;transition-delay:0.6s}

body.projects--nav-active #projects--nav article:nth-child(7){-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}

body.projects--nav-active #projects--nav article:nth-child(8){-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-webkit-transition-delay:0.8s;transition-delay:0.8s}

body.projects--nav-active #projects--nav article:nth-child(9){-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s}

body.projects--nav-active #projects--nav article:nth-child(10){-moz-transition-delay:1s;-o-transition-delay:1s;-webkit-transition-delay:1s;transition-delay:1s}

body.projects--nav-active #projects--nav article:nth-child(11){-moz-transition-delay:1.1s;-o-transition-delay:1.1s;-webkit-transition-delay:1.1s;transition-delay:1.1s}

body.projects--nav-active #projects--nav article:nth-child(12){-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-webkit-transition-delay:1.2s;transition-delay:1.2s}

body.projects--nav-active #projects--nav article:nth-child(13){-moz-transition-delay:1.3s;-o-transition-delay:1.3s;-webkit-transition-delay:1.3s;transition-delay:1.3s}

body.projects--nav-active #projects--nav article:nth-child(14){-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.4s;transition-delay:1.4s}

body.projects--nav-active #projects--nav article:nth-child(15){-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-webkit-transition-delay:1.5s;transition-delay:1.5s}

body.projects--nav-active #projects--nav article:nth-child(16){-moz-transition-delay:1.6s;-o-transition-delay:1.6s;-webkit-transition-delay:1.6s;transition-delay:1.6s}

body.projects--nav-active #projects--nav article:nth-child(17){-moz-transition-delay:1.7s;-o-transition-delay:1.7s;-webkit-transition-delay:1.7s;transition-delay:1.7s}

body.projects--nav-active #projects--nav article:nth-child(18){-moz-transition-delay:1.8s;-o-transition-delay:1.8s;-webkit-transition-delay:1.8s;transition-delay:1.8s}

#projects--nav{position:fixed;top:0;right:0;width:85vw;z-index:10;-moz-transform:translate(85vw, 0);-o-transform:translate(85vw, 0);-ms-transform:translate(85vw, 0);-webkit-transform:translate(85vw, 0);transform:translate(85vw, 0);-webkit-transition:transform,0.4s;-moz-transition:transform,0.4s;height:100%;background:#000;overflow:scroll;-webkit-overflow-scrolling:touch}

#projects--nav::-webkit-scrollbar{display:none}

#projects--nav .inner{width:100%;height:100%}

#projects--nav article{width:100%;float:left;background-size:cover;background-position:center;color:#fff;position:relative;height:20vh;min-height:165px;overflow:hidden;opacity:0;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s}

#projects--nav article.view--all{background:#121212}

#projects--nav article.view--all:before{content:'';display:block;width:100%;height:100%;background:#000;z-index:1;position:absolute;top:0;left:0;-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#projects--nav article.view--all .full--link{z-index:2}

#projects--nav article.view--all .inner{z-index:1;opacity:1;text-align:center;align-items:center;justify-content:center;font-size:1.1em;background:transparent;color:rgba(255,255,255,0.3);flex-wrap:wrap;height:auto;position:absolute;top:50%;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}

#projects--nav article.view--all .inner span{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#fff;display:block}

#projects--nav article.view--all:hover:before{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

#projects--nav article:after{content:'';display:block;width:100%}

#projects--nav article .inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:25px;font-size:0.9em;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;background:rgba(0,0,0,0.5);cursor:pointer}

#projects--nav article .inner h2{color:#fff;margin:0}

#projects--nav article .inner ul{margin:0;line-height:1.3;margin-top:5px}

#projects--nav article .inner ul li{display:inline-block;color:rgba(255,255,255,0.5)}

#projects--nav article .inner ul li:after{content:'/';display:inline-block;margin-left:5px}

#projects--nav article .inner ul li:last-child:after{display:none}

#projects--nav article:hover .inner{opacity:1}

#page--hero,.page--hero,.single--article-featured-image{background:#f7f7f7;float:left;width:100%;background-size:cover;background-position:center;position:relative}

#page--hero .inner,.page--hero .inner,.single--article-featured-image .inner{background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%}

#page--hero:after,.page--hero:after,.single--article-featured-image:after{content:'';display:block;padding-bottom:60%}

.aside--left,.aside--right{margin:0}

.image--section{width:100%}

.image--section figure{width:100%;float:left;position:relative;background-color:#f7f7f7}

.image--section figure:after{content:'';display:block;padding-bottom:66%}

.image--section figure .inner{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}

.image--section figure.image--1of2{width:50%}

.image--section figure.image--1of2:after{padding-bottom:75%}

.section{width:100%;float:left}

.list ul{margin:0}

.list ul li{line-height:2}

.list ul li a{color:#a3a1a1}

.list ul li a:hover{color:#000}

.grey{background:#f7f7f7}

.people--grid{width:100%;float:left;margin:0}

.people--grid li{width:50%;float:left}

.people--grid li figure{width:100%;padding-bottom:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background:#f7f7f7}

.people--grid li figure .inner{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}

.people--grid li .caption{width:100%;float:left;background:#fff;padding:30px 0 30px 0}

.people--grid li .caption h3,.people--grid li .caption h4{margin:0;font-size:1em}

.people--grid li .caption h4{color:#a3a1a1;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.people--grid li:nth-child(2n+1) .caption{padding-left:20px}

.padding--right{padding-right:10%}

.page--section h2{margin-bottom:10px}

#services--section .aside--left{display:none}

#services--section h2{margin-top:0}

#services--section .full{margin-bottom:30px}

#services--section .full:last-child{margin-bottom:0}

#instagram{text-align:center;background:#f7f7f7;overflow:hidden;padding:0}

#instagram i{margin-right:15px}

#instagram .wrap{width:100%;padding:0 0}

#instagram .wrap .watermark{-moz-transform:translate(0, 50%);-o-transform:translate(0, 50%);-ms-transform:translate(0, 50%);-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}

#instagram .title{font-size:1em}

#instagram .title a{color:#000;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#instagram .title a:hover{opacity:0.3}

#instafeed{width:100%;float:left;margin:0 0 0 0;position:relative;z-index:1;margin-bottom:-1px}

#instafeed a{display:block;float:left;width:50%;height:0;padding-bottom:50%;position:relative}

#instafeed a:last-child{display:none}

#instafeed a img{width:100%;height:auto}

#instafeed a .container{position:absolute;text-align:left;font-size:0.8em;top:0;left:0;width:100%;height:100%;background:#000;padding:30px;color:#fff;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#instafeed a .container .likes{position:absolute;bottom:30px;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#instafeed a .container .likes i{font-size:0.85em;display:inline-block;vertical-align:middle;margin-right:10px}

#instafeed a .container .likes .comments{margin-left:20px;display:inline-block}

#instafeed a .container .likes .comments i{font-size:1em;position:relative;top:-2px}

.quote{background:#000;color:#fff}

.quote blockquote{font-size:1.65em;margin:50px 0;line-height:1.3}

.quote blockquote span{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:1rem;font-style:normal;display:block;opacity:0.5;margin-top:40px}

.quote .aside--right{width:76.5%;padding-right:7%}

.bold{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#instagram--title{padding:50px 0;line-height:1}

#instagram--title h2{margin-bottom:0}

#instagram--title .aside--left,#instagram--title .aside--right{width:auto;float:left}

#instagram--title .aside--right{position:relative;top:2px;float:right}

#instagram--title a{-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

#instagram--title a:hover{opacity:0.5}

.introduction--section-centered{text-align:center;width:60%;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000;margin:20vh auto;font-size:1.65em}

.home .loading{overflow:hidden}

.home .loading #hero video{opacity:0}

.home .loading-1 #hero #hero--footer{opacity:0}

.home .loading-1 #global--header{opacity:0}

#home--container{width:100%;position:absolute;top:100%;background:#fff;z-index:1000}

.full--link{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}

#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;z-index:1001;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#loading .loading--title{text-align:center;margin:0 auto;font-size:1.3em;height:100%;display:flex;align-items:center;justify-content:center;width:80%;line-height:1.2}

#loading .loading--title #ch{display:block;background-image:url(../img/icon.png);background-position:center;background-repeat:no-repeat;width:88px;height:88px;background-size:contain;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#loading.show{opacity:1;z-index:1000}

#loading--wipe{width:100%;height:100%;background:rgba(255,255,255,0.08);content:'';display:block;position:absolute;z-index:1;left:0;top:0;-moz-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:all 5s;-moz-transition:all 5s}

#global--nav{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#000;color:#fff;display:none}

#global--nav.show #main--nav li{-webkit-transition:opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s,-webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s;transition:opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s,-webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s;transition:transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s,opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s;transition:transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s,opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s,-webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.65s;opacity:1;-moz-transform:translate(0, 0px);-o-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}

#global--nav.show #main--nav li:nth-child(1){-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s}

#global--nav.show #main--nav li:nth-child(2){-moz-transition-delay:0.2s;-o-transition-delay:0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s}

#global--nav.show #main--nav li:nth-child(3){-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}

#global--nav.show #main--nav li:nth-child(4){-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s}

#global--nav.show #main--nav li:nth-child(5){-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s}

#global--nav.show #main--nav li:nth-child(6){-moz-transition-delay:0.6s;-o-transition-delay:0.6s;-webkit-transition-delay:0.6s;transition-delay:0.6s}

#global--nav.show #main--nav li:nth-child(7){-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}

#global--nav.show #main--nav li:nth-child(8){-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-webkit-transition-delay:0.8s;transition-delay:0.8s}

#global--nav.show #main--nav li:nth-child(9){-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s}

#global--nav.show #main--nav li:nth-child(10){-moz-transition-delay:1s;-o-transition-delay:1s;-webkit-transition-delay:1s;transition-delay:1s}

#global--nav.show #main--nav li:nth-child(11){-moz-transition-delay:1.1s;-o-transition-delay:1.1s;-webkit-transition-delay:1.1s;transition-delay:1.1s}

#global--nav.show #main--nav li:nth-child(12){-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-webkit-transition-delay:1.2s;transition-delay:1.2s}

#global--nav.show #main--nav li:nth-child(13){-moz-transition-delay:1.3s;-o-transition-delay:1.3s;-webkit-transition-delay:1.3s;transition-delay:1.3s}

#global--nav.show #main--nav li:nth-child(14){-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.4s;transition-delay:1.4s}

#global--nav.show #main--nav li:nth-child(15){-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-webkit-transition-delay:1.5s;transition-delay:1.5s}

#global--nav.show #main--nav li:nth-child(16){-moz-transition-delay:1.6s;-o-transition-delay:1.6s;-webkit-transition-delay:1.6s;transition-delay:1.6s}

#global--nav.show #main--nav li:nth-child(17){-moz-transition-delay:1.7s;-o-transition-delay:1.7s;-webkit-transition-delay:1.7s;transition-delay:1.7s}

#global--nav.show #main--nav li:nth-child(18){-moz-transition-delay:1.8s;-o-transition-delay:1.8s;-webkit-transition-delay:1.8s;transition-delay:1.8s}

#global--nav .wrap{position:absolute;top:0;left:0;height:100%;right:0}

#global--nav .main--nav-footer{position:absolute;bottom:30px;text-align:center;width:100%;color:#a3a1a1;opacity:0.4;font-size:0.8em}

#global--nav #main--nav{position:relative;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;margin:0}

#global--nav #main--nav:hover li a{opacity:0.3}

#global--nav #main--nav li{display:block;opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px);-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s;position:relative}

#global--nav #main--nav li:hover a{opacity:1}

#global--nav #main--nav li a{color:#fff;font-size:1.7em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;display:block;padding:0 30px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;position:relative;z-index:1}

#global--nav #main--nav li:hover span{opacity:1}

#global--nav #main--nav span{display:none;color:rgba(255,255,255,0.3);opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#work--title{display:none;background:#f7f7f7;padding:30px 0}

#work--title h2{font-size:1.15em;float:left;margin:0}

#work--title #work--filter{width:50%;display:none;float:right}

#work--title #work--filter:hover a span{opacity:0.3}

#work--title #work--filter:hover a:after{opacity:0.1}

#work--title #work--filter a{padding:0 10px;position:relative;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#work--title #work--filter a span{opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#work--title #work--filter a:after{content:'/';display:inline-block;margin-left:20px;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#work--title #work--filter a:last-child:after{display:none}

#work--title #work--filter a:hover span{opacity:1}

#work--title #work--filter a.active{opacity:1;margin-right:20px;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;padding-left:3px}

#work--title #work--filter a.active:after{content:''}

#single--project-intro .wrap .aside--left h2{font-size:1.3em;color:#000;margin:0;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;line-height:1.3;margin-bottom:20px}

#single--project-intro .wrap .aside--left .single--project-services-list{margin:50px 0 0 0;font-size:0.9em}

#single--project-intro .wrap .aside--left .single--project-services-list h3{font-size:1em;margin:0 0 10px 0}

#single--project-intro .wrap .aside--left .single--project-services-list span:after{content:'/';display:inline-block;margin-left:5px}

#single--project-intro .wrap .aside--left .single--project-services-list span:last-child:after{display:none}

#single--project-intro .wrap .aside--right a{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;margin-top:30px}

#single--project-intro .wrap .aside--right p:first-child{margin-top:0}

#single--project-intro .wrap .aside--right p:last-child{margin-bottom:0}

.project-section{width:100%;float:left;margin:20px 0}

.project-section .slider{width:100%;overflow:hidden;position:relative}

.project-section .slider .slick-arrow{background:#000;background-color:#000;border:0;text-indent:-1000em;width:30px;height:30px;display:block;float:left;background-image:url(../img/arrow-right.svg);background-size:auto 50%;background-position:center;background-repeat:no-repeat;margin-left:1px;z-index:10;position:absolute;top:0;right:0}

.project-section .slider .slick-arrow.slick-prev{margin-right:30px;background-image:url(../img/arrow-left.svg)}

.project-section .slider .slick-slide{width:100%;float:left;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f7f7f7}

.project-section .slider .slick-slide.portrait{background-size:auto 100%}

.project-section .slider .slick-slide.landscape{background-size:cover}

.project-section .slider .slick-slide:after{content:'';width:100%;display:block;padding-bottom:60%}

.project-section.testimonial .wrap{padding:40px 0;width:75%}

.project-section.testimonial .wrap blockquote{width:100%;max-width:100%;padding:0;margin:0;line-height:1.5}

.project-section.testimonial .wrap blockquote p{margin:0;display:inline}

.project-section.testimonial .wrap blockquote:before{content:'“';display:inline}

.project-section.testimonial .wrap blockquote:after{content:'”';display:inline}

.project-section.testimonial .wrap .source{display:block;margin-top:50px;font-size:0.9rem;text-transform:capitalize}

.project-section.testimonial .wrap .source:before{content:'';display:inline-block;width:15px;height:2px;vertical-align:middle;opacity:0.5;position:relative;top:-1px;margin-right:10px;background:#a3a1a1}

.project-section.bg-color{padding:40px 0}

.project-section h2.aside{width:100%;color:#a3a1a1;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.project-section.project-intro{margin:0}

.project-section.project-intro h2.aside{margin-bottom:40px;display:none}

.project-section.project-intro .button{margin-top:50px;font-size:1.1rem;display:block;border-bottom:2px solid #000;width:auto;display:table}

.project-section.project-intro .wrap{padding:30px 0 20px 0}

.project-section.project-intro .services-list{margin-top:30px;color:#000;opacity:1;line-height:2;display:none}

.project-section.project-intro .services-list span{display:block}

.project-section.project-intro .col-aside{font-size:1.3rem;line-height:1.4}

.project-section.project-intro .col-aside>div{display:block;padding-top:30px;font-size:1rem;line-height:1.5}

.project-section.project-intro .col-aside .intro-second{display:block;padding-top:30px;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:1.4rem;opacity:0.8}

.project-section.project-intro .col-aside p{margin:0}

.project-section .col-aside{width:100%;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.project-section .column{float:left;width:100%;margin-bottom:40px}

.project-section .column.empty{display:none}

.project-section .column:last-child{margin-bottom:0}

.project-section .column h2{color:#000;font-size:1em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.project-section .column img{vertical-align:bottom}

.project-section .column.last{float:right}

.project-section .column.justify-column{width:100%;margin:0 auto;float:none;padding:0 0}

.project-section blockquote{font-size:1.2em;color:#000;max-width:90%;padding-right:0%;margin:40px auto;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.project-section blockquote span{font-size:1rem;color:#7f7f7f;display:block;margin-top:50px;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.project-section blockquote span:before{top:-1px;position:relative;content:'';display:inline-block;width:17px;height:1px;background:#7f7f7f;vertical-align:middle;margin-right:20px;opacity:0.7}

.project-section .image-column.center img{display:block;margin:0 auto}

.project-section .image-column img{width:100%;height:auto;display:block;margin:0 auto}

.project-section .image-column .screenshot{position:relative;border-top:0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding-bottom:25px;border:1px solid rgba(0,0,0,0.05)}

.project-section .image-column .screenshot.mobile{border:3px solid rgba(0,0,0,0.07);padding:55px 10px;width:80%;max-width:280px;margin:0 auto;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px}

.project-section .image-column .screenshot.mobile video{width:100%;height:auto}

.project-section .image-column .screenshot.mobile.white{border-color:rgba(255,255,255,0.3)}

.project-section .image-column .screenshot.mobile.white:after{border-color:rgba(255,255,255,0.6)}

.project-section .image-column .screenshot.mobile.white:before{background:rgba(255,255,255,0.6)}

.project-section .image-column .screenshot.mobile:after{content:'';display:block;bottom:9px;width:30px;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:4px solid rgba(0,0,0,0.09);position:absolute;left:50%;margin-left:-17px}

.project-section .image-column .screenshot.mobile:before{content:'';display:block;width:50px;height:5px;background:rgba(0,0,0,0.09);-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;position:absolute;top:30px;left:50%;margin-left:-25px}

.project-section .image-column .screenshot.mobile .screenshot-inner{top:0}

.project-section .image-column .screenshot.mobile .toolbar{display:none}

.project-section .image-column .screenshot.mobile img{vertical-align:bottom;border:1px solid rgba(0,0,0,0.05)}

.project-section .image-column .screenshot img{position:relative;width:100%;height:auto}

.project-section .image-column .screenshot .screenshot-inner{position:relative;overflow:hidden !important;top:15px}

.project-section .image-column .screenshot .screenshot-inner::-webkit-scrollbar{display:none}

.project-section .image-column .screenshot .toolbar{content:'';display:block;height:15px;width:100%;background:rgba(0,0,0,0.07);position:absolute;top:0;left:0;z-index:1;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}

.project-section .image-column .screenshot .toolbar:after{content:'';display:block;position:absolute;right:0;top:4px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#fff;width:5px;height:5px;margin:0 5px}

.project-section .image-column .screenshot .toolbar:before{content:'';display:block;position:absolute;right:0;top:4px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#fff;width:5px;height:5px;margin:0 15px 0 0}

.project-section .image-column .screenshot.scroll.long{border:0}

.project-section .image-column .screenshot.scroll.long .toolbar{display:none}

.project-section .image-column .screenshot.scroll.long .screenshot-inner{top:0}

.project-section .image-column .screenshot.scroll.long .screenshot-inner:after{padding-bottom:150%}

.project-section .image-column .screenshot.scroll img{position:absolute;left:0}

.project-section .image-column .screenshot.scroll.mobile .screenshot-inner{padding-bottom:100%}

.project-section .image-column .screenshot.scroll .screenshot-inner{cursor:url(../img/scroll.png),move !important}

.project-section .image-column .screenshot.scroll .screenshot-inner:after{width:100%;content:'';display:block;padding-bottom:62.5%}

.next-project{overflow:hidden;width:100%;background:#121212;float:left;color:rgba(255,255,255,0.3);position:relative;cursor:pointer;max-height:450px}

.next-project .max{position:absolute;width:100%;height:100%;left:0;top:0}

.next-project .full--link{z-index:10}

.next-project:hover .next-project-info:after{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

.next-project:after{content:'';display:block;padding-bottom:50%}

.next-project figure{width:40%;position:absolute;top:0;left:0;height:100%;background-size:cover;background-position:center;z-index:2}

.next-project .next-project-info{position:absolute;right:0;top:0;width:60%;height:100%;cursor:pointer;line-height:1.3}

.next-project .next-project-info .inner{display:block;position:absolute;top:50%;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);left:0;right:0;width:100%;z-index:1;padding:0 50px}

.next-project .next-project-info:before{content:'';position:absolute;bottom:0;left:0;width:100%;z-index:1}

.next-project .next-project-info:after{content:'';width:100%;height:100%;background:#000;position:absolute;top:0;left:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}

.next-project .next-project-info span,.next-project .next-project-info h2{position:relative;z-index:1}

.next-project .next-project-info h2{color:#fff;font-size:1em;margin-top:5px;margin-bottom:5px}

.blackbg{background:#000;color:rgba(255,255,255,0.3)}

.blackbg h2{color:#fff}

#project--planner{
	display: none;
	background: #000;
	color: rgba(255,255,255,0.3);
	text-align: center;
	padding: 80px 0;
	font-size: 1.2em;
	line-height: 1.3;
	position: relative
}

#project--planner .wrap{position:static}

#project--planner .error-message{display:block;color:red;font-size:1rem;position:absolute;left:0;right:0;margin:30px auto 0}

#project--planner #textarea--toggle{cursor:pointer;border-bottom:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

#project--planner #textarea--toggle:hover{opacity:0.5}

#project--planner .textarea--container{border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:10px;width:500px;margin:0 auto;display:none}

#project--planner textarea{background:transparent;margin:30px auto 0 auto;color:#fff;height:100px;min-height:100px;width:100%;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#project--planner .agree{display:inline-block;padding:0;position:relative;cursor:pointer}

#project--planner .agree a{padding-bottom:5px;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,0.3)}

#project--planner .agree input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

#project--planner .agree input[type="checkbox"]+span::before{content:'';-webkit-transition:all 0.3s;-moz-transition:all 0.3s;display:inline-block;background:#fff;width:30px;vertical-align:middle;height:30px;margin-right:10px;position:relative;top:-1px;margin-right:20px}

#project--planner .agree input[type="checkbox"]+span::after{content:'';display:inline-block;position:absolute;left:0;margin-top:4px;background:url(../img/check.svg);vertical-align:middle;background-size:19px auto;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;width:30px;height:30px;opacity:0}

#project--planner .agree input[type="checkbox"]:checked+span::after{opacity:1}

#project--planner #project--planner-services .input--container{margin-top:10px}

#project--planner #project--planner-services .note{margin-top:-30px}

#project--planner .next--section{display:block}

#project--planner .project--planner-review .ty-message{display:none}

#project--planner .project--planner-review.loading:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background-image:url(../img/loading.svg);background-repeat:no-repeat;background-size:45px auto;background-position:center;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;opacity:1}

#project--planner .project--planner-review:after{opacity:0}

#project--planner .project--planner-review span,#project--planner .project--planner-review a{color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#project--planner .project--planner-review a{border-bottom:1px solid #fff;cursor:pointer}

#project--planner .project--planner-review #review--services{display:inline-block}

#project--planner .project--planner-review #review--services span:after{content:' and ';display:inline}

#project--planner .project--planner-review #review--services span:first-child:after{content:', '}

#project--planner .project--planner-review #review--services span:last-child:after{content:''}

#project--planner .project--planner-review #review--services span.service--1of2:first-child:after{content:' and '}

#project--planner .project--planner-review #review--services span.service--1of2:last-child:after{content:''}

#project--planner .project--planner-section,#project--planner .project--planner-review{display:none}

#project--planner .project--planner-section.active,#project--planner .project--planner-review.active{display:block}

#project--planner .project--planner-section.project--planner-section-range,#project--planner .project--planner-review.project--planner-section-range{position:relative;top:-50px}

#project--planner a,#project--planner input{color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#project--planner .input--container-range{display:block;width:100%;max-width:500px;margin:0 auto 0 auto;position:relative;position:absolute;bottom:-45px;left:0;right:0}

#project--planner .input--container-range input[type='range']{-webkit-appearance:none;background-color:transparent;width:80%;height:5px;background:#333;overflow:visible;margin:0 auto;cursor:pointer;position:relative;border-bottom:0}

#project--planner .input--container-range input[type='range']:before{content:'';position:absolute;left:0;display:block;top:-5px;height:16px;width:3px;background:#333}

#project--planner .input--container-range input[type='range']:after{content:'';position:absolute;right:0;display:block;top:-5px;height:16px;width:3px;background:#333}

#project--planner .input--container-range input[type='range']::-webkit-slider-thumb{background:#fff;-webkit-appearance:none;width:3px;height:16px;z-index:5;position:relative}

#project--planner .input--container{position:relative;display:table;margin:0 auto}

#project--planner .input--container span{-webkit-transition:border-color 0.3s ease;-moz-transition:border-color 0.3s ease}

#project--planner .input--container.has-error>span{border-color:red}

#project--planner .input--container .note{position:absolute;font-size:1rem;left:0;text-align:left;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;top:0;-moz-transform:translate(0, -100%);-o-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%);display:none;color:rgba(255,255,255,0.3);white-space:nowrap}

#project--planner .input--container input,#project--planner .input--container .input--span{top:0;left:0;opacity:0;height:40px;min-width:10px}

#project--planner .input--container .input--placeholder-radio{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;border:1px solid rgba(255,255,255,0);padding:8px 0;margin:5px;position:relative;top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;cursor:pointer;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;opacity:0.5;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}

#project--planner .input--container .input--placeholder-radio:hover{color:#fff;opacity:1}

#project--planner .input--container .input--placeholder-radio.active{opacity:1;padding:8px 10px;color:#fff;border:1px solid rgba(255,255,255,0.2)}

#project--planner .input--container .input--placeholder{z-index:1;position:relative;display:block;margin:0 auto;top:0;padding-bottom:5px;cursor:pointer}

#project--planner .input--container .input--placeholder:after{content:'';display:inline-block;height:100%;width:1px;background:#fff;position:absolute;right:0;top:0;animation:blinker 1s linear infinite}

#project--planner .range--placeholder{color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

#project--planner #project--planner-nav{position:absolute;bottom:50px;left:0;right:0;margin:0 auto;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

#project--planner #project--planner-nav.hide{opacity:0}

#project--planner #project--planner-nav span.skip{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:0.9rem;color:#fff;display:inline-block;vertical-align:middle;top:-5px;position:relative;margin-left:15px;display:none;cursor:pointer;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

#project--planner #project--planner-nav span.skip:hover{opacity:0.5}

#project--planner #project--planner-nav a{cursor:pointer;width:30px;height:30px;display:inline-block;background:#fff;background-image:url(../img/chevron--left.svg);background-position:center;background-size:23% auto;background-repeat:no-repeat;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;margin-left:1px}

#project--planner #project--planner-nav a.prev{background-image:url(../img/chevron--right.svg)}

#project--planner #project--planner-nav a.disabled{opacity:0.3}

#project--planner #project--planner-nav a.next.disabled{opacity:1;background:transparent;width:150px;position:relative}

#project--planner #project--planner-nav a.next.disabled:after{content:'Send Enquiry';position:absolute;font-size:1rem;top:6px;line-height:1;left:20px}

#project--planner #project--planner-nav a.next.inactive{opacity:.3;filter:alpha(opacity=30)}

#project--planner input,#project--planner .input--placeholder,#project--planner .input--span{border-bottom:1px solid rgba(255,255,255,0.3);background:transparent;width:auto;display:inline-block;color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;line-height:40px;height:40px}

#project--planner input::-webkit-input-placeholder,#project--planner .input--placeholder::-webkit-input-placeholder,#project--planner .input--span::-webkit-input-placeholder{color:#fff}

#project--planner input:-moz-placeholder,#project--planner .input--placeholder:-moz-placeholder,#project--planner .input--span:-moz-placeholder{color:#fff}

#project--planner input::-moz-placeholder,#project--planner .input--placeholder::-moz-placeholder,#project--planner .input--span::-moz-placeholder{color:#fff}

#project--planner input:-ms-input-placeholder,#project--planner .input--placeholder:-ms-input-placeholder,#project--planner .input--span:-ms-input-placeholder{color:#fff}

#project--planner .next--section{cursor:pointer}

@keyframes blinker{50%{opacity:0}

}

.contact--section h2{margin-top:0}

.contact--section .row{margin-bottom:30px}

.contact--section .row .spacer{display:none}

.contact--section .row a{display:block}

.contact--section a{color:#a3a1a1}

.contact--section a:hover{color:#000}

.contact--section .aside--right{padding-right:0}

.contact--section .aside--left{padding-right:15%;margin-bottom:30px}

.contact--section .aside--left .desktop{display:none}

.contact--section .aside--right .d-1of2.last-col .row:last-child{margin-bottom:0}

.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.pace-inactive{display:none}

.pace .pace-progress{background:#fff;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:5px}

#nprogress{pointer-events:none}

#nprogress .bar{background:#fff;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}

.nprogress-custom-parent{overflow:hidden;position:relative}

.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}

@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}

100%{-webkit-transform:rotate(360deg)}

}

@keyframes nprogress-spinner{0%{transform:rotate(0deg)}

100%{transform:rotate(360deg)}

}

.blog--post{width:100%;float:left;position:relative}

.blog--post:hover figure{opacity:0.5}

.blog--post .blog--post-image-container{background:#f7f7f7}

.blog--post figure{width:100%;background-size:cover;background-position:center;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s}

.blog--post figure:after{content:'';display:block;padding-bottom:50%}

.blog--post h4,.blog--post h3{margin:0}

.blog--post h4{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#a3a1a1;font-size:1em}

.blog--post h3{font-size:1em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

.blog--post:nth-child(3n+1){clear:both}

.blog--post .caption{padding:30px}

.ajax--load-bar{text-align:center}

.ajax--load-bar img{width:40px;height:auto;display:block;margin:0 auto;opacity:0.15;display:none}

.ajax--load-bar.active{padding:40px 0;background:#f7f7f7}

.ajax--load-bar.active img{display:block}

.single--article-content-container{margin:40px auto 60px auto;width:100%;float:left}

.single--article-content-container .entry-title{margin:0;font-size:1.5em;line-height:1.3}

.single--article-content-container h1{font-size:1.5em}

.single--article-content-container h3{font-size:1em}

.single--article-content-container .wrap{width:30%}

.single--article-content-container .single--article-meta{width:100%;float:left;margin:20px 0;border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);font-size:0.9em}

.single--article-content-container .single--article-meta span{display:none}

.single--article-content-container .single--article-meta img{width:50px;height:50px;display:inline-block;vertical-align:middle;margin-right:20px}

.single--article-content-container .single--article-meta .social--share{float:right;max-width:50%;margin:10px 0 0 0;position:relative}

.single--article-content-container .single--article-meta .social--share li{display:inline-block;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.single--article-content-container .single--article-meta .social--share li a{margin-left:-3px;width:30px;text-align:center;line-height:33px;height:30px;color:#000;background:#f7f7f7;display:block;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

.single--article-content-container .single--article-meta .social--share li a:hover{background:#000;color:#fff}

.single--article-content-container .single--article-meta .social--share li:first-child{margin-left:1px;margin-right:-1px}

.single--article-content-container .single--article-meta .social--share li:first-child a{margin-left:1px}

.single--article-content-container .single--article-meta .social--share i{display:none}

.page-container{width:100%;float:left;margin-top:50px;overflow:hidden}

.page-container h1{font-size:1.7em;margin:10px 0 20px 0;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px}

.page-container .updated{font-size:0.8em;margin-bottom:50px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;margin-bottom:30px}

.page-container.form-page{overflow:visible}

.page-container.legal .page_hero{border-bottom:1px solid rgba(0,0,0,0.1)}

.page-container.legal .page_hero h2.aside{width:100%;font-size:0.8rem;opacity:0.8;margin-bottom:30px}

.page-container.legal .page_hero .col-aside{width:100%;float:left}

.page-container.legal .page_hero .col-aside .updated-on{font-size:0.8rem;color:#a3a1a1;padding:30px 0 0 0;opacity:0.5}

.page-container.legal section{color:#a3a1a1;width:100%;float:left;position:relative;font-size:0.95em}

.page-container.legal section h1,.page-container.legal section h2,.page-container.legal section h3,.page-container.legal section h4,.page-container.legal section h5,.page-container.legal section h6{color:#000;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:1em;position:relative}

.page-container.legal section.legal-section{margin:0px 0 30px 0;width:100%;float:left;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:0px}

.page-container.legal section.legal-section .section-side{width:100%;font-size:0.8em;padding:0;margin-top:20px}

.page-container.legal section.legal-section h2{margin:0}

.page-container.legal section.legal-section:last-child{border-bottom:0}

.page-container.legal section .heading{margin-left:0;width:100%;float:left;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;font-size:1rem}

.page-container.legal section .section-content{width:100%;float:left}

.page-container.legal section>p{margin-bottom:40px}

.page-container.legal section h2{margin-bottom:30px;padding-left:30px;text-transform:capitalize}

.page-container.legal section h2 .counter{opacity:1}

.page-container.legal section .child{margin:0 0 20px 0;padding-left:30px;border-top:0;padding-top:0}

.page-container.legal section .child.with-title{padding-left:0}

.page-container.legal section .second-child{margin:30px 0 0 0;font-size:1em}

.page-container.legal section .second-child .child{padding-left:40px;font-size:1em;margin-bottom:10px}

.page-container.legal section .second-child .child:last-child{margin-bottom:0}

.page-container.legal section p:first-child{margin-top:0}

.page-container.legal section p:last-child{margin-bottom:0}

.page-container.legal .counter{display:inline-block;float:left;font-size:0.7em;position:absolute;top:3px;left:0;opacity:0.5}

.page-container.legal .content{width:100%;float:left}

.os-animation{opacity:0}

.single-proposal .form-wrapper{padding-bottom:60px}

.single-proposal .page-hero .aside-right{color:rgba(0,0,0,0.35);font-size:1.1rem;line-height:1.5}

.single-proposal .page-hero .aside-right a{border-bottom:2px solid rgba(0,0,0,0.07)}

.single-proposal .page-hero .aside-right a:hover{color:#000}

.single-proposal .page-hero .form-col{margin-top:34px}

.single-proposal .page-hero form{float:left;width:100%;margin-bottom:60px}

.single-proposal .page-hero form label{font-size:16px !important}

.single-proposal .page-hero form input{font-size:16px}

.single-proposal .page-hero form .submit-button{margin-top:60px}

.single-proposal .form-page .submit-button{-webkit-transition:all,0.4s;-moz-transition:all,0.4s;background:transparent;-webkit-appearance:none;border:0;float:left;margin:0;padding:0px 0 5px 0;border-bottom:1px solid rgba(0,0,0,0.1);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000;margin-top:30px}

.single-proposal .form-page .heading{width:100%;float:left;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:30px}

.single-proposal .form-page .heading h3{font-size:1em;padding-top:12px;margin:0}

.single-proposal .form-page #gform_confirmation_message_1{padding-top:12px}

.single-proposal .form-page #gform_1 ul{margin:0;padding:0}

.single-proposal .form-page #gform_1 .gform_footer,.single-proposal .form-page #gform_1 .gform_body{float:left;width:100%}

.single-proposal .form-page #gform_1 input[type="submit"]{-webkit-transition:all,0.4s;-moz-transition:all,0.4s;background:transparent;-webkit-appearance:none;border:0;float:left;margin:0;padding:0px 0 5px 0;border-bottom:1px solid rgba(0,0,0,0.1);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000;margin-top:30px}

.single-proposal .form-page #gform_ajax_spinner_1{margin-top:28px;margin-left:10px;max-width:20px}

.single-proposal .form-page .form-col{position:relative;margin:20px 0}

.single-proposal .form-page .form-col.full{overflow:visible}

.single-proposal .form-page .form-col label{position:absolute;top:0;left:0;opacity:0;padding-top:12px;padding-bottom:0px;line-height:1;cursor:text;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;color:#000;width:100%;color:rgba(0,0,0,0.4);font-family:"Demi",Helvetica,Arial,sans-serif;opacity:0.7}

.single-proposal .form-page .form-col label.focus-textarea{color:#000;opacity:1 !important;border-color:rgba(0,0,0,0.1) !important}

.single-proposal .form-page .form-col label.focus{top:-32px;color:#000;opacity:1}

.single-proposal .form-page .form-col input:placeholder-shown+label{top:-32px;color:rgba(0,0,0,0.4);opacity:0.7}

.single-proposal .form-page .form-col input::-webkit-input-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;line-height:1.5}

.single-proposal .form-page .form-col input:-moz-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;line-height:1.5}

.single-proposal .form-page .form-col input::-moz-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;line-height:1.5}

.single-proposal .form-page .form-col input:-ms-input-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;line-height:1.5}

.single-proposal .form-page .form-col input:focus::-webkit-input-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus:-moz-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus::-moz-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus:-ms-input-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus+label{color:#000;opacity:1;border-color:rgba(0,0,0,0.1)}

.single-proposal .form-page .form-col textarea{width:100%;float:left;padding:15px;padding-top:65px}

.single-proposal .form-page .form-col textarea:placeholder-shown+label{top:0;color:rgba(0,0,0,0.4);opacity:0.7}

.single-proposal .form-page .form-col textarea::-webkit-input-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

.single-proposal .form-page .form-col textarea:-moz-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

.single-proposal .form-page .form-col textarea::-moz-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

.single-proposal .form-page .form-col textarea:-ms-input-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

.single-proposal .form-page .form-col textarea:focus::-webkit-input-placeholder{opacity:1}

.single-proposal .form-page .form-col textarea:focus:-moz-placeholder{opacity:1}

.single-proposal .form-page .form-col textarea:focus::-moz-placeholder{opacity:1}

.single-proposal .form-page .form-col textarea:focus:-ms-input-placeholder{opacity:1}

.single-proposal .form-page .form-col textarea:focus+label,.single-proposal .form-page .form-col textarea:focus.focus{color:#000;opacity:1;border-color:rgba(0,0,0,0.1)}

.single-proposal .form-page .form-col#field_1_4 .gfield_label{display:none}

.single-proposal .form-page .form-col#field_1_5 label{position:absolute;left:0;padding:20px 0 15px 0;margin:0 15px;width:calc(100% - 30px);line-height:1;opacity:0.7;cursor:text;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;border-bottom:1px solid transparent}

.single-proposal .form-page .form-col .gfield_radio{width:100%;float:left}

.single-proposal .form-page .form-col .gfield_radio li{position:relative;width:100%;float:left;margin:10px 0}

.single-proposal .form-page .form-col .gfield_radio li label{cursor:pointer;position:relative;width:100%;float:left;padding:0 0 0 25px;line-height:1.4;font-size:0.9em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:rgba(0,0,0,0.4);opacity:1}

.single-proposal .form-page .form-col .gfield_radio li label a{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000;-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

.single-proposal .form-page .form-col .gfield_radio li label a:hover{color:rgba(0,0,0,0.4)}

.single-proposal .form-page .form-col .gfield_radio li input[type="radio"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.single-proposal .form-page .form-col .gfield_radio li span{display:block;position:absolute;left:0;top:0}

.single-proposal .form-page .form-col .gfield_radio li span::before{content:'';-webkit-transition:all 0.3s;-moz-transition:all 0.3s;display:inline-block;background:rgba(0,0,0,0.1);width:16px;vertical-align:middle;height:16px;margin-right:10px;position:relative;top:-1px;margin-right:10px}

.single-proposal .form-page .form-col .gfield_radio li span::after{content:'';display:inline-block;position:absolute;left:0;margin-top:3px;background:url(../img/check2.svg);vertical-align:middle;background-size:auto 40%;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;width:16px;height:16px;opacity:0}

.single-proposal .form-page .form-col .gfield_radio li input[type="radio"]:checked+label span::after{opacity:1}

.single-proposal .form-page .form-col .gfield_radio li input[type="radio"]:checked+label span::before{background:#000}

.single-proposal .form-page .form-col .gfield_radio li:hover input[type="radio"]+label span::before{background:#000}

.page-container.form-page input[type="text"],.page-container.form-page input[type="password"],.page-container.form-page input[type="datetime"],.page-container.form-page input[type="datetime-local"],.page-container.form-page input[type="date"],.page-container.form-page input[type="month"],.page-container.form-page input[type="time"],.page-container.form-page input[type="week"],.page-container.form-page input[type="number"],.page-container.form-page input[type="email"],.page-container.form-page input[type="url"],.page-container.form-page input[type="search"],.page-container.form-page input[type="tel"],.page-container.form-page input[type="color"],.page-container.form-page select,.page-container.form-page textarea,.page-container.form-page .field,.page-container.form-page .checkbox,.page-container.form-page .true-false{display:block;border:0;border-bottom:1px solid rgba(0,0,0,0.1);background:transparent;line-height:normal;padding:10px 0;width:100%;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}

.page-container.form-page input[type="text"]:focus,.page-container.form-page input[type="text"]:active,.page-container.form-page input[type="password"]:focus,.page-container.form-page input[type="password"]:active,.page-container.form-page input[type="datetime"]:focus,.page-container.form-page input[type="datetime"]:active,.page-container.form-page input[type="datetime-local"]:focus,.page-container.form-page input[type="datetime-local"]:active,.page-container.form-page input[type="date"]:focus,.page-container.form-page input[type="date"]:active,.page-container.form-page input[type="month"]:focus,.page-container.form-page input[type="month"]:active,.page-container.form-page input[type="time"]:focus,.page-container.form-page input[type="time"]:active,.page-container.form-page input[type="week"]:focus,.page-container.form-page input[type="week"]:active,.page-container.form-page input[type="number"]:focus,.page-container.form-page input[type="number"]:active,.page-container.form-page input[type="email"]:focus,.page-container.form-page input[type="email"]:active,.page-container.form-page input[type="url"]:focus,.page-container.form-page input[type="url"]:active,.page-container.form-page input[type="search"]:focus,.page-container.form-page input[type="search"]:active,.page-container.form-page input[type="tel"]:focus,.page-container.form-page input[type="tel"]:active,.page-container.form-page input[type="color"]:focus,.page-container.form-page input[type="color"]:active,.page-container.form-page select:focus,.page-container.form-page select:active,.page-container.form-page textarea:focus,.page-container.form-page textarea:active,.page-container.form-page .field:focus,.page-container.form-page .field:active,.page-container.form-page .checkbox:focus,.page-container.form-page .checkbox:active,.page-container.form-page .true-false:focus,.page-container.form-page .true-false:active{border-bottom:1px solid #000}

.page-container.form-page input[type="text"].error-message,.page-container.form-page input[type="password"].error-message,.page-container.form-page input[type="datetime"].error-message,.page-container.form-page input[type="datetime-local"].error-message,.page-container.form-page input[type="date"].error-message,.page-container.form-page input[type="month"].error-message,.page-container.form-page input[type="time"].error-message,.page-container.form-page input[type="week"].error-message,.page-container.form-page input[type="number"].error-message,.page-container.form-page input[type="email"].error-message,.page-container.form-page input[type="url"].error-message,.page-container.form-page input[type="search"].error-message,.page-container.form-page input[type="tel"].error-message,.page-container.form-page input[type="color"].error-message,.page-container.form-page select.error-message,.page-container.form-page textarea.error-message,.page-container.form-page .field.error-message,.page-container.form-page .checkbox.error-message,.page-container.form-page .true-false.error-message{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.page-container.form-page .checkbox,.page-container.form-page .true-false{border:none !important;text-align:center;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;position:relative;top:-7px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;cursor:pointer;padding:0;opacity:1}

.page-container.form-page .checkbox input[type="checkbox"],.page-container.form-page .checkbox input[type="radio"],.page-container.form-page .true-false input[type="checkbox"],.page-container.form-page .true-false input[type="radio"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.page-container.form-page .checkbox input[type="checkbox"]+span::after,.page-container.form-page .checkbox input[type="radio"]+span::after,.page-container.form-page .true-false input[type="checkbox"]+span::after,.page-container.form-page .true-false input[type="radio"]+span::after{content:'';display:inline-block;position:relative;top:-1px;background:url(../img/check.svg);width:12px;margin-left:-10px;height:12px;vertical-align:middle;background-size:12px auto;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;opacity:0}

.page-container.form-page .checkbox input[type="checkbox"]:checked+span::after,.page-container.form-page .checkbox input[type="radio"]:checked+span::after,.page-container.form-page .true-false input[type="checkbox"]:checked+span::after,.page-container.form-page .true-false input[type="radio"]:checked+span::after{margin-left:10px;color:#000;border-color:#cecece;cursor:pointer;opacity:1}

.page-container.form-page .checkbox input[type="checkbox"]+span,.page-container.form-page .checkbox input[type="radio"]+span,.page-container.form-page .true-false input[type="checkbox"]+span,.page-container.form-page .true-false input[type="radio"]+span{display:block;padding:13px 10px;color:rgba(0,0,0,0.4);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;opacity:0.7;border:1px solid rgba(0,0,0,0.1)}

.page-container.form-page .checkbox input[type="checkbox"]:checked+span,.page-container.form-page .checkbox input[type="radio"]:checked+span,.page-container.form-page .true-false input[type="checkbox"]:checked+span,.page-container.form-page .true-false input[type="radio"]:checked+span{background:#000;border-color:#000;color:#fff;opacity:1}

.page-container.form-page .checkbox:hover input[type="checkbox"]+span,.page-container.form-page .checkbox:hover input[type="radio"]+span,.page-container.form-page .true-false:hover input[type="checkbox"]+span,.page-container.form-page .true-false:hover input[type="radio"]+span{color:#000;opacity:1;border-color:#cecece}

.page-container.form-page .checkbox:hover input[type="checkbox"]:checked+span,.page-container.form-page .checkbox:hover input[type="radio"]:checked+span,.page-container.form-page .true-false:hover input[type="checkbox"]:checked+span,.page-container.form-page .true-false:hover input[type="radio"]:checked+span{color:#fff;border-color:#000}

.page-container.form-page .true-false input[type="radio"]+span{padding-right:30px;padding-left:30px}

.page-container.form-page .true-false.inline{margin-right:10px !important}

.page-container.form-page #project-planner .form-fields .form-row .form-col .checkbox,.page-container.form-page #project-planner .form-fields .form-row .form-col .true-false{opacity:1}

.page-container.form-page #project-planner .form-fields .form-row .form-col .checkbox:hover,.page-container.form-page #project-planner .form-fields .form-row .form-col .true-false:hover{opacity:1}

.page-container.form-page .agree{float:left;padding:30px 0;font-size:0.9em;position:relative;top:3px;cursor:pointer;line-height:1.4}

.page-container.form-page .agree input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.page-container.form-page .agree input[type="checkbox"]+span::before{content:'';-webkit-transition:all 0.3s;-moz-transition:all 0.3s;display:inline-block;background:rgba(0,0,0,0.1);width:16px;vertical-align:middle;height:16px;margin-right:10px;position:relative;top:-1px;margin-right:10px}

.page-container.form-page .agree input[type="checkbox"]+span::after{content:'';display:inline-block;position:absolute;left:0;margin-top:3px;background:url(../img/check2.svg);vertical-align:middle;background-size:auto 40%;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;width:16px;height:16px;opacity:0}

.page-container.form-page .agree input[type="checkbox"]:checked+span::after{opacity:1}

.page-container.form-page .agree input[type="checkbox"]:checked+span::before{background:#000}

.page-container.form-page .agree:hover input[type="checkbox"]+span::before{background:#000}

.page-container.form-page .agree a{color:#000;-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

.page-container.form-page .agree a:hover{color:rgba(0,0,0,0.4)}

.page-container.form-page .agree.checked span{background:#000}

.page-container.form-page .agree.checked span:after{opacity:1}

.page-container.form-page .agree a{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000 !important}

.page-container.form-page .agree a:hover{color:rgba(0,0,0,0.4) !important}

.page-container.form-page .range-slider{margin-top:8px;display:block;width:100%;float:left}

.page-container.form-page .range-slider .rangeslider--horizontal:after{background:#cecece}

.page-container.form-page .range-slider .rangeslider__handle{background:#000}

.page-container.form-page .range-slider .rangeslider__fill{background:#000}

.page-container.form-page .range-slider .output{float:right;width:18%;color:rgba(51,51,51,0.4);padding:0px 0 0 0;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;position:relative}

.page-container.form-page .range-slider .output:before{content:'';display:block;border-right:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);left:-5px;margin-top:-1px}

.page-container.form-page .range-slider .output span{display:block;text-align:center;background:#000;color:#fff;padding:4px 8px 3px 8px;height:100%;font-size:1rem}

.page-container.form-page textarea{height:200px;border:1px solid rgba(0,0,0,0.1);padding:20px}

.page-container.form-page textarea:focus{border-color:#000}

.page-container.form-page input:-webkit-autofill,.page-container.form-page input:-webkit-autofill:hover,.page-container.form-page input:-webkit-autofill:focus,.page-container.form-page input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:0 0 0px 1000px #fff inset !important}

.page-container.form-page .select-holder{color:rgba(0,0,0,0.4);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;top:-7px;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:0;position:relative;border-color:rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;z-index:11;border:none !important;cursor:pointer}

.page-container.form-page .select-holder .select-input{padding:0;cursor:pointer;padding:0 20px;margin-bottom:0 !important;height:46px;line-height:46px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;border:none !important;background-color:rgba(0,0,0,0.1);background-image:url(../img/chevron-down-light.svg);background-repeat:no-repeat;background-position:center right 20px;background-size:14px auto;display:block}

.page-container.form-page .select-holder .select-input:hover,.page-container.form-page .select-holder .select-input:focus,.page-container.form-page .select-holder .select-input:active,.page-container.form-page .select-holder .select-input.selected{opacity:1;color:#000;cursor:pointer;background-image:url(../img/chevron-down.svg)}

.page-container.form-page .select-holder .select-input:hover::-webkit-input-placeholder,.page-container.form-page .select-holder .select-input:focus::-webkit-input-placeholder,.page-container.form-page .select-holder .select-input:active::-webkit-input-placeholder,.page-container.form-page .select-holder .select-input.selected::-webkit-input-placeholder{color:#000}

.page-container.form-page .select-holder .select-input:hover:-moz-placeholder,.page-container.form-page .select-holder .select-input:focus:-moz-placeholder,.page-container.form-page .select-holder .select-input:active:-moz-placeholder,.page-container.form-page .select-holder .select-input.selected:-moz-placeholder{color:#000}

.page-container.form-page .select-holder .select-input:hover::-moz-placeholder,.page-container.form-page .select-holder .select-input:focus::-moz-placeholder,.page-container.form-page .select-holder .select-input:active::-moz-placeholder,.page-container.form-page .select-holder .select-input.selected::-moz-placeholder{color:#000}

.page-container.form-page .select-holder .select-input:hover:-ms-input-placeholder,.page-container.form-page .select-holder .select-input:focus:-ms-input-placeholder,.page-container.form-page .select-holder .select-input:active:-ms-input-placeholder,.page-container.form-page .select-holder .select-input.selected:-ms-input-placeholder{color:#000}

.page-container.form-page .select-holder .select-input::-webkit-input-placeholder{color:rgba(0,0,0,0.4);opacity:1 !important}

.page-container.form-page .select-holder .select-input:-moz-placeholder{color:rgba(0,0,0,0.4);opacity:1 !important}

.page-container.form-page .select-holder .select-input::-moz-placeholder{color:rgba(0,0,0,0.4);opacity:1 !important}

.page-container.form-page .select-holder .select-input:-ms-input-placeholder{color:rgba(0,0,0,0.4);opacity:1 !important}

.page-container.form-page .select-holder input[type="radio"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.page-container.form-page .select-holder .select-options{position:absolute;font-size:0.9em;z-index:10;margin-top:0;width:100%;background:#f9f9f9;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:rgba(0,0,0,0.4);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:10px 0}

.page-container.form-page .select-holder .select-options .option,.page-container.form-page .select-holder .select-options .option-depth-0{padding:5px 20px;cursor:pointer;display:block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

.page-container.form-page .select-holder .select-options .option:hover,.page-container.form-page .select-holder .select-options .option-depth-0:hover{color:#000;background:rgba(5,5,5,0.1)}

.page-container.form-page select{color:rgba(0,0,0,0.4);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;top:-7px;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:15px 20px;position:relative;background-color:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;z-index:11;background-image:url(../img/chevron-down-light.svg);background-repeat:no-repeat;background-position:center right 20px;background-size:14px auto;border:none !important}

.page-container.form-page select .first-option.active{opacity:1;color:#fff;background:#000}

.page-container.form-page select .first-option.active:after{background-image:url(../img/chevron-down-white-light.svg);opacity:1}

.page-container.form-page select .first-option:after{display:block;position:absolute;right:0;top:0;height:100%;width:50px;content:'';background-image:url(../img/chevron-down.svg);background-repeat:no-repeat;background-position:center right 20px;background-size:14px auto;line-height:1;opacity:0.5;top:-1px}

.page-container.form-page select:hover,.page-container.form-page select:focus,.page-container.form-page select:active{opacity:1;color:#000;cursor:pointer;background-image:url(../img/chevron-down.svg)}

.page-container.form-page select .options{visibility:hidden;opacity:0;position:absolute;font-size:0.9em;z-index:10;top:0;margin-top:0;width:100%;background:rgba(13,13,13,0.1);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:rgba(0,0,0,0.4);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:10px 0}

.page-container.form-page select .options .option{padding:5px 20px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

.page-container.form-page select .options .option:hover{color:#000;background:rgba(5,5,5,0.1)}

.page-container.form-page .submit-button{-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

.page-container.form-page .submit-button:disabled{opacity:0.5}

.page-container.form-page .submit{position:relative}

.page-container.form-page span.error-message{background:#000;color:#fff;display:block;font-size:0.8em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;text-align:left;float:left;width:100%;padding:10px 15px;margin-bottom:5px;position:relative}

.page-container.form-page span.error-message:before{content:'';display:block;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:0;left:20px;margin-top:-10px}

.page-container{width:100%;float:left;margin-top:100px;overflow:hidden}

.page-container.form-page{overflow:visible}

.page-container.form-page h2{margin-top:-5px}

.page-container.legal .page_hero{border-bottom:1px solid rgba(0,0,0,0.1)}

.page-container.legal .page_hero h2.aside{width:100%;font-size:0.8rem;opacity:0.8;margin-bottom:30px}

.page-container.legal .page_hero .col-aside{width:100%;float:left}

.page-container.legal .page_hero .col-aside .updated-on{font-size:0.8rem;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:rgba(0,0,0,0.4);padding:30px 0 0 0;opacity:0.5}

.page-container.legal section{color:rgba(0,0,0,0.4);width:100%;float:left;position:relative;font-size:0.95em}

.page-container.legal section h1,.page-container.legal section h2,.page-container.legal section h3,.page-container.legal section h4,.page-container.legal section h5,.page-container.legal section h6{color:#000;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:1em;position:relative}

.page-container.legal section.legal-section{margin:0px 0 30px 0;width:100%;float:left;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:0px}

.page-container.legal section.legal-section .section-side{width:100%;font-size:0.8em;padding:0;margin-top:20px}

.page-container.legal section.legal-section h2{margin:0}

.page-container.legal section .heading{margin-left:0;width:100%;float:left;margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;font-size:1rem}

.page-container.legal section .section-content{width:100%;float:left}

.page-container.legal section>p{margin-bottom:40px}

.page-container.legal section h2{margin-bottom:30px;padding-left:30px;text-transform:capitalize}

.page-container.legal section h2 .counter{opacity:1}

.page-container.legal section .child{margin:0 0 20px 0;padding-left:30px;border-top:0;padding-top:0}

.page-container.legal section .child.with-title{padding-left:0}

.page-container.legal section .second-child{margin:30px 0 0 0;font-size:1em}

.page-container.legal section .second-child .child{padding-left:40px;font-size:1em;margin-bottom:10px}

.page-container.legal section .second-child .child:last-child{margin-bottom:0}

.page-container.legal section p:first-child{margin-top:0}

.page-container.legal section p:last-child{margin-bottom:0}

.page-container.legal .counter{display:inline-block;float:left;font-size:0.7em;position:absolute;top:3px;left:0;opacity:0.5}

.page-container.legal .content{width:100%;float:left}

#project-planner{width:100%;float:left;margin-bottom:40px}

#project-planner section{width:100%;float:left;margin-bottom:10px}

#project-planner section.conditional{display:none}

#project-planner section#section_4{position:relative;z-index:10}

#project-planner section#section_4 .form-row .form-col .form-col:first-child{position:relative;z-index:100}

#project-planner header{width:100%;float:left;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:30px}

#project-planner header h3{font-size:1em;padding-top:12px;margin:0}

#project-planner header .subtitle{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:rgba(0,0,0,0.4);font-size:0.9em;margin-top:5px;display:block}

#project-planner header .label{color:#000;width:100%;color:rgba(0,0,0,0.4);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;opacity:0.5;display:block;margin-top:20px}

#project-planner .form-fields{width:100%;float:left}

#project-planner .form-fields .form-row{width:100%;float:left;margin-bottom:10px}

#project-planner .form-fields .form-row.conditional{display:none}

#project-planner .form-fields .form-row .form-col{position:relative;margin-bottom:10px}

#project-planner .form-fields .form-row .form-col .score{padding-top:12px;width:100%;float:left;margin-bottom:30px}

#project-planner .form-fields .form-row .form-col .score span.score_label{display:block;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;opacity:0.7;color:rgba(0,0,0,0.4);margin-bottom:30px;width:100%;padding-bottom:14px;position:relative}

#project-planner .form-fields .form-row .form-col .score span.score_label:after{position:absolute;top:0;left:0;width:93%;border-bottom:1px solid #cecece;content:'';display:block;margin-top:38px;opacity:0.6}

#project-planner .form-fields .form-row .form-col .score .check{display:inline-block;width:12px;height:12px;background:rgba(0,0,0,0.1);-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:1px solid rgba(0,0,0,0.1);-webkit-transition:all,0.4s;-moz-transition:all,0.4s}

#project-planner .form-fields .form-row .form-col .score input[type=radio]{position:absolute;visibility:hidden}

#project-planner .form-fields .form-row .form-col .score input[type=radio]:checked ~ .check{background:#000;border-color:#000}

#project-planner .form-fields .form-row .form-col .score input[type=radio]:checked ~ label{color:#000;opacity:1}

#project-planner .form-fields .form-row .form-col .score .score_inputs{position:relative;width:100%;float:left}

#project-planner .form-fields .form-row .form-col .score span{width:20%;float:left;display:block;border:0;position:relative}

#project-planner .form-fields .form-row .form-col .score span label{display:inline-block;width:100%;height:100%;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;opacity:0.6;cursor:pointer;padding-left:20px;-webkit-transition:all,0.4s;-moz-transition:all,0.4s;position:absolute;left:0;top:0}

#project-planner .form-fields .form-row .form-col .range-slider input[type='range']{width:100%;top:0;margin-bottom:30px;float:left}

#project-planner .form-fields .form-row .form-col .range-slider .output{float:left;clear:both;width:auto}

#project-planner .form-fields .form-row .form-col input{font-size:0.95em;margin-bottom:10px}

#project-planner .form-fields .form-row .form-col input.hidden{visibility:hidden;position:absolute;top:0;z-index:-1}

#project-planner .form-fields .form-row .form-col input[type="checkbox"]{border-bottom:1px solid rgba(0,0,0,0.1)}

#project-planner .form-fields .form-row .form-col input::-webkit-input-placeholder{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0}

#project-planner .form-fields .form-row .form-col input:-moz-placeholder{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0}

#project-planner .form-fields .form-row .form-col input::-moz-placeholder{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0}

#project-planner .form-fields .form-row .form-col input:-ms-input-placeholder{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0}

#project-planner .form-fields .form-row .form-col input:placeholder-shown+label{top:0;color:rgba(0,0,0,0.4);opacity:0.7}

#project-planner .form-fields .form-row .form-col .form-col:last-child{margin-bottom:0}

#project-planner .form-fields .form-row .form-col.d-1of1,#project-planner .form-fields .form-row .form-col.d-1of2,#project-planner .form-fields .form-row .form-col.d-1of3,#project-planner .form-fields .form-row .form-col.d-1of4{width:100%;float:left}

#project-planner .form-fields .form-row .form-col.d-1of1{width:100%}

#project-planner .form-fields .form-row .form-col.list label{border-bottom:1px solid rgba(0,0,0,0.1);display:block;padding-bottom:12px}

#project-planner .form-fields .form-row .form-col.list ul{margin:20px 0;width:100%;float:left}

#project-planner .form-fields .form-row .form-col.list ul li{float:left;width:24.25%;color:#000;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;padding:10px 0;margin:10px 1% 10px 0;color:rgba(0,0,0,0.4);opacity:0.7;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-align:center;border:1px solid rgba(0,0,0,0.1);cursor:pointer}

#project-planner .form-fields .form-row .form-col.list ul li:last-child{margin-right:0}

#project-planner .form-fields .form-row .form-col.list ul li:after{content:'';display:inline-block;position:relative;top:-1px;background:url(../img/check.svg);width:12px;margin-left:-10px;height:12px;vertical-align:middle;background-size:12px auto;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;opacity:0}

#project-planner .form-fields .form-row .form-col.list ul li:hover,#project-planner .form-fields .form-row .form-col.list ul li.checked{opacity:1;color:#000;border-color:#cecece;cursor:pointer}

#project-planner .form-fields .form-row .form-col.list ul li.checked{color:#fff;background:#000;border-color:#000}

#project-planner .form-fields .form-row .form-col.list ul li.checked:after{margin-left:10px;opacity:1}

#project-planner .form-fields .form-row .form-col .question{width:100%;float:left;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0}

#project-planner .form-fields .form-row .form-col.d-1of2 label{width:calc(100% - 0.75em)}

#project-planner .form-fields .form-row .form-col label{color:#000;width:100%;color:rgba(0,0,0,0.4);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;opacity:0.7}

#project-planner .form-fields .form-row .form-col label.inline{width:100%;float:left;margin-bottom:20px}

#project-planner .form-fields .form-row .form-col label.input{position:absolute;top:0;left:0;opacity:0;padding-top:12px;padding-bottom:0px;line-height:1;cursor:text;-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

#project-planner .form-fields .form-row .form-col label.textarea{padding-bottom:20px;display:block}

#project-planner .form-fields .form-row .form-col textarea{width:100%;float:left;padding:15px;padding-top:65px}

#project-planner .form-fields .form-row .form-col textarea+label{position:absolute;left:0;padding:20px 0 15px 0;margin:0 15px;width:calc(100% - 30px);line-height:1;opacity:0.7;cursor:text;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;border-bottom:1px solid transparent}

#project-planner .form-fields .form-row .form-col textarea:placeholder-shown+label{top:0;color:rgba(0,0,0,0.4);opacity:0.7}

#project-planner .form-fields .form-row .form-col textarea::-webkit-input-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

#project-planner .form-fields .form-row .form-col textarea:-moz-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

#project-planner .form-fields .form-row .form-col textarea::-moz-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

#project-planner .form-fields .form-row .form-col textarea:-ms-input-placeholder{font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;padding-top:13px;position:relative;top:-13px;line-height:1.5}

#project-planner .form-fields .form-row .form-col textarea:focus::-webkit-input-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col textarea:focus:-moz-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col textarea:focus::-moz-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col textarea:focus:-ms-input-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col textarea:focus+label{color:#000;opacity:1;border-color:rgba(0,0,0,0.1)}

#project-planner .form-fields .form-row .list{margin-top:20px}

#project-planner .form-fields .form-row .list label{margin-bottom:0px;display:block}

#project-planner .form-fields .form-row .list input{padding-top:10px;margin-bottom:0}

#project-planner .form-fields .form-row .list div{position:relative}

#project-planner .form-fields .form-row .list .remove-field{position:absolute;right:0;top:20px;width:0px;padding:5px;display:block;z-index:1}

#project-planner .form-fields .form-row .list .remove-field:before,#project-planner .form-fields .form-row .list .remove-field:after{content:'';width:100%;height:1px;background:#000;opacity:0.4;display:block;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:0}

#project-planner .form-fields .form-row .list .remove-field:after{-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

#project-planner .form-fields .form-row .list .add-to-list{display:block;float:right;width:20px;height:20px;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;position:relative;margin-top:20px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;cursor:pointer;line-height:1.45}

#project-planner .form-fields .form-row .list .add-to-list:after{content:'+';color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;display:block;position:absolute;top:0;text-align:center;left:0;width:100%}

#project-planner .form-fields .form-row:first-child .form-col .question{padding-top:0;border-top:0;position:relative;margin-top:-29px}

#project-planner .form-fields .form-row .title{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;padding:0 0 12px 0;width:100%;float:left;margin-bottom:35px;border-bottom:1px solid rgba(0,0,0,0.1);color:rgba(38,38,38,0.4)}

#project-planner .form-fields .form-row .checkbox{white-space:nowrap}

#project-planner .form-fields .form-row .inline{display:inline-block !important;width:auto !important;vertical-align:middle !important;top:0;margin-right:10px}

#project-planner .submit{width:100%;color:rgba(0,0,0,0.4)}

#project-planner .submit.loading .form-col{margin-top:30px}

#project-planner .submit.loading .submit-button{opacity:0}

#project-planner .submit.loading .loader{left:50%;top:10px}

#project-planner .submit .submit-button{-webkit-transition:all,0.4s;-moz-transition:all,0.4s;float:left;margin:0;padding:0px 0 5px 0;border-bottom:1px solid rgba(0,0,0,0.1);font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000}

#project-planner input[type="submit"]{background:transparent;-webkit-appearance:none;border:0}

#project-planner .file-upload{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,0.1);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;cursor:pointer;background:#f7f7f7}

#project-planner .file-upload:hover{border-color:#000}

#project-planner .file-upload:hover:before{color:#000}

#project-planner .file-upload.drag-over{border-color:#000}

#project-planner .file-upload:after{content:'';display:block;width:100%;padding-bottom:25%;cursor:pointer}

#project-planner .file-upload:before{content:'Drag to Upload';position:absolute;top:0;bottom:0;text-align:center;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;width:100%;color:rgba(0,0,0,0.4);height:20px;display:block;margin:auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s}

.page-template-hosting .introduction,.page-template-hosting #premium-hosting{width:100%;float:left;background:#f7f7f7;padding:50px 0 80px 0;color:rgba(0,0,0,0.4)}

.page-template-hosting .introduction h1,.page-template-hosting #premium-hosting h1{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;margin:0;font-size:1.5em;color:#000}

.page-template-hosting .introduction h2,.page-template-hosting #premium-hosting h2{font-size:1.4em;margin:40px 0}

.page-template-hosting .introduction .d-1of2{width:100%;font-size:1.1em}

.page-template-hosting .introduction .d-1of2.last-col{font-size:1rem;margin-top:25px}

.page-template-hosting #premium-hosting{background:#000;padding:70px 0;color:#666;border-bottom:1px solid rgba(255,255,255,0.1)}

.page-template-hosting #premium-hosting .price{background:#fff;color:#000}

.page-template-hosting #premium-hosting .price:before{border-bottom-color:#fff}

.page-template-hosting #premium-hosting .full{width:100%;float:left;border-top:1px solid #333;margin-top:40px;padding-top:40px}

.page-template-hosting #premium-hosting h1{color:#fff}

.page-template-hosting #premium-hosting h2{color:#fff;opacity:0.8}

.page-template-hosting #premium-hosting h3{color:#fff;font-size:1.2em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.page-template-hosting #premium-hosting .row .d-1of2{width:100%}

.page-template-hosting #premium-hosting .row .d-1of2 p{width:100%}

.page-template-hosting #hosting-details .accordion{margin:0;margin-bottom:50px;width:100%;float:left}

.page-template-hosting #hosting-details .accordion li{width:100%;float:left}

.page-template-hosting #hosting-details .accordion h3{font-size:1.1em}

.page-template-hosting #hosting-details .accordion .desc{width:100%;float:left;margin:10px 0 10px 0;opacity:1;color:rgba(0,0,0,0.4)}

.page-template-hosting #hosting-details .accordion .desc .d-1of3{padding-right:60px}

.page-template-hosting #hosting-details .accordion .desc .d-1of3.last-col{padding-right:60px !important}

.page-template-hosting #hosting-details .accordion .desc h4{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000;font-size:1em}

.page-template-hosting .profile figure{width:200px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background-size:cover;background-position:center;display:block;margin:0 0 30px 0;-webkit-backface-visibility:hidden}

.page-template-hosting .profile figure:after{content:'';width:100%;padding-bottom:100%;display:block}

.page-template-hosting .profile h3,.page-template-hosting .profile h4{margin:0;font-size:1em}

.page-template-hosting .profile h3{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000}

.page-template-hosting .profile div{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1)}

.page-template-hosting .section-title{font-size:1.4rem;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000;margin-bottom:40px;width:100%}

.page-template-hosting .page-section{width:100%;float:left}

.page-template-hosting .page-section .wrap{padding:50px 0}

.page-template-hosting .price{display:table;background:#000;color:#fff;padding:10px;font-size:0.8em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;line-height:1;margin-top:20px;position:relative}

.page-template-hosting .price:before{content:'';display:block;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:0;left:20px;margin-top:-7px}

.page-template-hosting .accordion .col{width:100%;float:right;margin-top:30px}

.page-template-hosting .accordion>li{list-style:none;padding:20px 0;border-top:1px solid rgba(0,0,0,0.1);position:relative;cursor:pointer}

.page-template-hosting .accordion>li a{color:#000;border-bottom:1px solid #000;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

.page-template-hosting .accordion>li a:hover{color:rgba(0,0,0,0.4);border-color:rgba(0,0,0,0.4)}

.page-template-hosting .accordion>li ul li:before{padding:0;content:'';display:inline-block;width:15px;height:1px;background:rgba(0,0,0,0.1);vertical-align:middle;margin-right:13px}

.page-template-hosting .accordion>li.active:hover:before{opacity:0 !important}

.page-template-hosting .accordion>li.active:after{content:'-' !important}

.page-template-hosting .accordion>li h3{position:relative;z-index:2;margin:0;font-size:1rem;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.page-template-hosting .accordion>li p:first-child{margin-top:0}

.page-template-hosting .accordion>li .desc{opacity:0.5;margin:15px 20px 0px 0;position:relative;z-index:2;display:none;line-height:1.8}

.page-template-hosting .accordion>li:before{position:absolute;height:100%;width:100%;padding:2px 15px;left:-15px;bottom:-2px;content:'';background:#f7f6f6;opacity:0;z-index:1;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;height:0;cursor:pointer}

.page-template-hosting .accordion>li:after{font-size:1.5rem;content:'+';position:absolute;right:0;top:24px;line-height:1;display:inline-block;z-index:2;opacity:0.2;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;color:#000}

.page-template-hosting .accordion>li:hover:before,.page-template-hosting .accordion>li:hover:after{opacity:1;height:100%}

.page-template-hosting .accordion>li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}

.aoty-sidebar{position:fixed;right:0;top:0;height:100%;width:70px;background:#fff;margin-right:-8%}

.aoty-sidebar:before{content:'CHANGE TEAM MEMBER';position:absolute;left:0;top:50%;-moz-transform:translate(-50%, -50%) rotate(270deg);-o-transform:translate(-50%, -50%) rotate(270deg);-ms-transform:translate(-50%, -50%) rotate(270deg);-webkit-transform:translate(-50%, -50%) rotate(270deg);transform:translate(-50%, -50%) rotate(270deg);margin-left:-30px;white-space:nowrap;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;opacity:0.2;font-size:0.7rem;letter-spacing:3px}

.aoty-sidebar .toggle{display:block;width:30%;position:absolute;top:50%;left:50%;cursor:pointer;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

.aoty-sidebar .toggle span{display:block;width:100%;height:2px;background:#000;margin-bottom:6px}

.people-nav{position:fixed;top:0;background:#fff;right:0;height:100%;z-index:999;padding:80px 100px 50px 50px;opacity:0;-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-box-shadow:0 0 1000px transparent;-moz-box-shadow:0 0 1000px transparent;box-shadow:0 0 1000px transparent;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}

.people-nav.show{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-box-shadow:0 0 1000px rgba(0,0,0,0.3);-moz-box-shadow:0 0 1000px rgba(0,0,0,0.3);box-shadow:0 0 1000px rgba(0,0,0,0.3)}

.people-nav li{list-style:none;margin-bottom:40px}

.people-nav img{display:inline-block;width:50px;height:auto;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;vertical-align:middle}

.people-nav div{display:inline-block;vertical-align:middle;margin-left:30px;opacity:0.5}

.people-nav div h3,.people-nav div h4{font-size:0.8rem;margin:0}

.people-nav div h3{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif}

.people-nav div h4{color:rgba(0,0,0,0.4)}

.people-nav .close{position:absolute;right:30px;top:30px;font-size:2em;line-height:1;display:block;cursor:pointer}

#aoty{height:100%;width:100%}

#aoty .slick-list,#aoty .slick-track{height:100%;position:absolute;left:0;top:0}

#aoty section{width:100%;height:100%;float:left;position:relative;overflow:hidden}

#aoty section #logo{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:2em}

#aoty section#intro{text-align:center;background:#000;color:#fff}

#aoty section#intro .montage{position:absolute;top:0;left:0;width:100%;height:100%}

#aoty section#intro .montage img{width:33.33333%;height:auto;float:left;opacity:0.1;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-webkit-backface-visibility:hidden}

#aoty section#intro .montage img.active,#aoty section#intro .montage img:hover{opacity:0.4}

#aoty section#intro h1.mono{font-size:10vmin;position:relative;z-index:2;line-height:13vh;text-align:justify;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-weight:bold;opacity:1;letter-spacing:20px;color:#fff;margin:0;position:absolute;top:50%;width:90%;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);left:0;right:0;margin:0 auto;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:13vh}

#aoty section#intro h1.mono span{position:absolute;left:0;bottom:0;font-size:0.8rem;line-height:16vh;letter-spacing:10px;color:yellow}

#aoty section#intro .wrap{top:0;position:absolute;height:100%;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

#aoty section .wrap{position:absolute;top:40%;left:0;right:0;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}

#aoty section.albums{border-bottom:1px solid rgba(0,0,0,0.1);padding:0}

#aoty section.albums .wrap{width:100%;max-width:100%;height:100%;top:0;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

#aoty section.albums .flickity-viewport{margin:0 auto;right:0}

#aoty section.albums .album{width:100%;float:left;opacity:0.5;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;cursor:pointer;-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95);height:100%;position:relative}

#aoty section.albums .album .inner{position:absolute;top:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;width:80%}

#aoty section.albums .album.is-selected{opacity:1;cursor:default;-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}

#aoty section.albums .album .album-cover{width:100%;background-size:cover;background-repeat:no-repeat;display:inline-block;vertical-align:middle;box-shadow:0px 0px 40px rgba(0,0,0,0.3);position:relative;z-index:1;margin-top:40px}

#aoty section.albums .album .album-cover:after{content:'';display:block;width:100%;padding-bottom:100%}

#aoty section.albums .album .track{margin-top:30px;width:100%;float:left}

#aoty section.albums .album .track img{display:inline-block;width:50px;height:50px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;vertical-align:middle}

#aoty section.albums .album .track .player{display:inline-block;vertical-align:middle}

#aoty section.albums .album .track .play{width:50px;height:50px;cursor:pointer;background:#000;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;display:inline-block;vertical-align:middle;margin-right:20px;position:relative}

#aoty section.albums .album .track .play.stop:after{border:0;width:16px;height:16px;background:#fff;margin-left:0}

#aoty section.albums .album .track .play:after{border-left:15px solid #fff;border-bottom:10px solid transparent;border-top:10px solid transparent;content:'';display:block;position:absolute;top:50%;left:50%;margin-left:2px;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

#aoty section.albums .album .track .track-info{display:none;vertical-align:middle}

#aoty section.albums .album .track .track-info h3,#aoty section.albums .album .track .track-info h4{margin:0;font-size:0.85rem}

#aoty section.albums .album .track .track-info h4{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;margin-bottom:0px}

#aoty section.albums .album .count{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;position:absolute;top:0px;left:0;display:block;color:#cecece;line-height:1;-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%}

#aoty section.albums .album .album-info{text-align:center}

#aoty section.albums .album .album-info h2,#aoty section.albums .album .album-info h3{margin:0}

#aoty section.albums .album .album-info h2{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;position:relative;z-index:1;margin-top:30px}

#aoty section.albums .album .album-info h3{color:rgba(0,0,0,0.4);font-size:1.1rem;opacity:0.8;position:relative;z-index:1}

#aoty section footer{position:absolute;bottom:0;left:0;right:0;width:87%;margin:0 auto;padding-bottom:60px;font-size:0.8rem;color:rgba(0,0,0,0.4)}

#aoty section footer .spotify{position:absolute;right:0;top:20px;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;font-size:0.7rem;color:rgba(0,0,0,0.2);cursor:pointer}

#aoty section footer .spotify:hover img{opacity:1}

#aoty section footer .spotify img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;display:inline-block;vertical-align:middle;width:34px;height:auto;margin-left:5px;opacity:0.15}

#aoty section footer .nav{display:none;position:absolute;left:50%;top:0;opacity:0.5;line-height:1.4;margin-top:20px;-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}

#aoty section footer .nav figure{margin:0;padding:0;display:inline-block;vertical-align:middle;position:relative;width:60px;height:26px;top:1px}

#aoty section footer .nav figure span{position:absolute;bottom:0;width:12px;height:12px;background:rgba(0,0,0,0.3)}

#aoty section footer .nav figure span.span-1{top:0;bottom:auto;left:14px}

#aoty section footer .nav figure span.span-2{left:0;bottom:0}

#aoty section footer .nav figure span.span-3{left:14px;bottom:0}

#aoty section footer .nav figure span.span-2{left:28px;bottom:0}

#aoty section footer .nav .label{display:inline-block;vertical-align:middle}

#aoty section footer .links{position:absolute;right:0;top:0;width:200px;text-align:right;display:none}

#aoty section footer .links a{display:inline-block;width:50px;height:50px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#000;vertical-align:middle;position:relative;margin:0 0 0 10px;top:5px;-webkit-backface-visiblity:hidden}

#aoty section footer .links a.chaptr:before{content:'Visit Chaptr';position:absolute;top:0;left:50%;-moz-transform:translate(-50%, -100%);-o-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);white-space:nowrap;padding:7px 7px 5px 7px;text-transform:uppercase;letter-spacing:1px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;line-height:0.8;font-size:0.55rem;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-webkit-backface-visiblity:hidden}

#aoty section footer .links a.chaptr:after{content:'Ch.';color:#fff;position:absolute;text-align:center;top:50%;left:50%;font-size:0.9rem;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

#aoty section footer .links a.playlist{background:#2EBD59;background-image:url(../img/spotify.svg);background-size:40% auto;background-position:center;background-repeat:no-repeat;-webkit-backface-visiblity:hidden}

#aoty section footer .links a.playlist:before{content:'Listen to the playlist';position:absolute;top:0;left:50%;-moz-transform:translate(-50%, -100%);-o-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);white-space:nowrap;padding:7px 7px 5px 7px;text-transform:uppercase;letter-spacing:1px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;line-height:0.8;font-size:0.55rem;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-webkit-backface-visiblity:hidden}

#aoty section footer .links a:hover:before{opacity:1;margin-top:-10px}

#aoty section footer .profile{display:none}

#aoty section footer .profile div{border-top:0;padding-top:0}

#aoty section footer .profile .info,#aoty section footer .profile img{display:inline-block;vertical-align:middle}

#aoty section footer .profile .info{display:none;margin-left:20px;margin-top:5px}

#aoty section footer .profile .info h3,#aoty section footer .profile .info h4{margin-top:0}

#aoty section footer img{width:70px;height:70px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;overflow:hidden}

#aoty #thanks{height:auto !important}

#aoty #thanks .inner{padding:100px 0;text-align:center}

#aoty #thanks .inner .col{display:block;margin:0 auto;padding:0 50px;line-height:1;position:relative}

#aoty #thanks .inner .col .full-link{z-index:1}

#aoty #thanks .inner .col figure{margin:0 15px 0 0;width:50px;height:50px;background:#2EBD59;display:inline-block;vertical-align:middle;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;position:relative}

#aoty #thanks .inner .col.chaptr figure{background:#000}

#aoty #thanks .inner .col.chaptr figure:after{content:'Ch.';color:#fff;position:absolute;text-align:center;top:50%;left:50%;font-size:0.8em;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

#aoty #thanks .inner .col.playlist figure{background-image:url(../img/spotify.svg);background-size:40% auto;background-position:center;background-repeat:no-repeat}

#aoty #thanks .fp-tableCell{height:auto !important}

#aoty-banner{display:none;width:100%;float:left;background:#222;color:#fff;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;position:relative;font-size:0.65em;text-transform:uppercase;letter-spacing:1px;font-weight:bold;color:rgba(255,255,255,0.5);z-index:10000}

#aoty-banner .title{margin-right:100px;color:#fff}

#aoty-banner .title span{width:20px;height:2px;position:relative;top:-1px;margin:0 4px;background:#fff;vertical-align:middle;display:inline-block}

#aoty-banner .wrap{padding:5px 0}

#aoty-banner .wrap a{float:right;color:yellow}

.max{width:100%}

.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button{opacity:0;pointer-events:none;width:5px}

#video--player{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:100;display:none}

#video--player .wrap{display:none;width:100%;height:100%;margin-top:90px;max-width:100%;position:absolute;width:100%;margin:0;max-height:calc(100% - 220px);top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden}

#video--player .wrap .plyr{height:100%;position:absolute;top:0;left:0;width:100%}

#video--player .wrap.plyr--stopped .plyr__play-large:after{display:block !important}

#video--player .plyr__video-embed{top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

#video--player .plyr__controls{display:none !important}

#video--player .plyr__play-large:after{content:'Resume' !important;display:none !important}

.border--top{border-top:1px solid rgba(26,26,26,0.1)}

.postid-9 .page--hero,.postid-38 .page--hero{background-position:top}

#project--tile-2,#project--tile-3{background-position:top !important}

#single--project-container{background:#fff}

.error404{color:#fff;background:#000;min-height:800px;position:relative}

.error404 #page-not-found{text-align:center;position:absolute;top:40%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

.error404 #page-not-found pre{display:block;margin:0 auto;font-size:0.5rem}

.error404 #page-not-found img{width:70px;height:auto;margin-bottom:50px}

.error404 #page-not-found h2{color:#fff;font-size:2em;margin-top:0}

.error404 #global--footer{position:absolute;bottom:0}

.error404 #global--header{opacity:1 !important;-moz-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-webkit-transform:translate(0, 0) !important;transform:translate(0, 0) !important;color:#fff}

.error404 #global--header a{color:#fff}

.error404 #global--header .wrap #menu--toggle-container{color:rgba(255,255,255,0.5)}

.error404 #global--header .wrap #menu--toggle-container a{color:rgba(255,255,255,0.5)}

.error404 #global--header .wrap #menu--toggle-container #menu--toggle:before{color:#fff;content:'Close'}

.error404 #global--header .wrap #menu--toggle-container #menu--toggle .toggle:after,.error404 #global--header .wrap #menu--toggle-container #menu--toggle .toggle:before{background:#fff}

.error404 #global--header .wrap #menu--toggle-container #project--toggle span:after,.error404 #global--header .wrap #menu--toggle-container #project--toggle span:before{background:#fff}

pre{display:block;white-space:pre;margin:1em 0px 1em;font-size:0.9rem;letter-spacing:0;line-height:1;text-align:left;font-family:monospace}

.border--link{display:table;width:auto}

.border--link:after{content:'';display:block;height:2px;background:#000;width:0px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

.border--link:hover:after{width:100%}

#now--playing{display:none}

@media only screen and (min-width: 320px) and (max-width: 340px){#instagram--title .aside--right{display:block;float:left;width:100%;margin-top:10px}

#people--grid li .caption{font-size:0.9em}

}

input[type="range"]:focus+.rangeslider .rangeslider__handle{-webkit-box-shadow:0 0 0 transparent !important;-moz-box-shadow:0 0 0 transparent !important;box-shadow:0 0 0 transparent !important}

.rangeslider__handle:after{display:none}

.initial--click:after{content:'';display:block;width:0;height:2px;background:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}

.initial--click:hover:after{width:100%}

@media only screen and (min-width: 768px){body{font-size:14pt}

.section{padding:60px 0}

.display-tablet{display:block}

.display-mobile,.display-tablet-landscape,.display-desktop{display:none}

.wrap{width:94%}

.nav{border:0;float:right}

.nav ul{background:#fff;margin-top:0}

.nav li{float:left;position:relative}

.nav li a{padding:0.55em 1.5em;color:#000;-webkit-transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out}

.nav li a:hover,.nav li a:focus{color:#31aff5}

.nav li ul.sub-menu,.nav li ul.children{margin-top:0;border:1px solid #ccc;position:absolute;visibility:hidden;z-index:8999}

.nav li ul.sub-menu li a,.nav li ul.children li a{padding-left:10px;border-right:0;display:block;width:180px;border-bottom:1px solid #ccc;font-size:0.9em}

.nav li ul.sub-menu li:last-child a,.nav li ul.children li:last-child a{border-bottom:0}

.nav li ul.sub-menu ul.sub-menu,.nav li ul.sub-menu ul.children,.nav li ul.children ul.sub-menu,.nav li ul.children ul.children{top:0;left:100%;margin-top:-1px}

.nav li:hover>ul{top:auto;visibility:visible}

#instafeed a{width:25%;padding-bottom:25%}

.project-section.testimonial blockquote{font-size:1.5rem}

.project-section.project-intro .wrap{padding:60px 0}

.project-section.project-intro .col-aside{font-size:1.6em;line-height:1.45}

.project-section.project-intro .col-aside>div{font-size:1.1rem}

#hero video{display:block}

#hero canvas{display:none}

#hero .ch:hover h1{opacity:1;-moz-transform:translate(-50%, -50%) scale(1, 1);-o-transform:translate(-50%, -50%) scale(1, 1);-ms-transform:translate(-50%, -50%) scale(1, 1);-webkit-transform:translate(-50%, -50%) scale(1, 1);transform:translate(-50%, -50%) scale(1, 1)}

#hero #scroll{display:inline-block}

#hero #scroll span{display:inline-block}

#hero #scroll img{top:-1px}

#hero #hero--footer{bottom:40px;font-size:0.95em}

#introduction--section{padding:70px 0}

#introduction--section h2{font-size:1.3em;color:#000;margin:0;font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;line-height:1.3;margin-bottom:20px}

#introduction--section .wrap .d-1of2{padding-right:15% !important}

#project--planner{padding:200px 0;font-size:1.7em}

#project--planner #project--planner-services .input--container{margin-top:0}

#project--planner .next--section{display:inline-block}

#project--planner .input--container{display:inline-block}

#project--planner .input--container .input--placeholder{display:inline-block}

#project--planner .input--container .input--placeholder-radio{margin:0;top:0}

#project--planner .input--container-range{bottom:-80px}

#logo{font-size:1.4rem}

#global--nav #main--nav{top:50%}

#global--nav #main--nav li{display:inline-block}

#global--nav #main--nav li a{font-size:1.7em;padding:0 15px}

#global--nav .main--nav-footer{font-size:0.9em;bottom:60px}

#global--footer #global--footer-menu{border-top:1px solid rgba(255,255,255,0.1);padding:60px 0;font-size:0.95em}

#global--footer #global--footer-menu .wrap ul{width:auto;float:right;margin-left:5%;top:-4px;min-width:15%;margin-bottom:0}

#global--footer #global--footer-menu .wrap ul.clear{clear:none}

#global--header .wrap{margin:40px auto}

#global--header .wrap #menu--toggle-container #menu--toggle{margin-right:10px}

#global--header .wrap #menu--toggle-container #menu--toggle:before{display:block}

#loading .loading--title{font-size:1.5em;width:60%}

.aside--left,.aside--right{width:40%;float:left;margin:0}

.aside--right{width:60%;padding-right:8%;float:right}

.aside--right.list{padding-right:0}

.people--grid li .caption{padding:30px 0}

.people--grid li:nth-child(2n+1) .caption{padding-left:40px}

#services--section .aside--left{display:block}

#services--section .full{margin-bottom:60px}

#projects--nav{width:60vw;-moz-transform:translate(60vw, 0);-o-transform:translate(60vw, 0);-ms-transform:translate(60vw, 0);-webkit-transform:translate(60vw, 0);transform:translate(60vw, 0)}

#projects--nav article{height:20vh;min-height:230px}

#projects--nav article .inner{padding:40px}

body.projects--nav-active #main{overflow:hidden;-moz-transform:translate(-60vw, 0);-o-transform:translate(-60vw, 0);-ms-transform:translate(-60vw, 0);-webkit-transform:translate(-60vw, 0);transform:translate(-60vw, 0)}

body.projects--nav-active #main:after{opacity:1;z-index:100}

body.projects--nav-active #projects--nav{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}

body.projects--nav-active #projects--nav article{-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,-webkit-transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s;transition:opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,-webkit-transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s;transition:transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s;transition:transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,opacity 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,-webkit-transform 0.4s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s}

body.projects--nav-active #projects--nav article:nth-child(1){-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s}

body.projects--nav-active #projects--nav article:nth-child(2){-moz-transition-delay:0.2s;-o-transition-delay:0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s}

body.projects--nav-active #projects--nav article:nth-child(3){-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}

body.projects--nav-active #projects--nav article:nth-child(4){-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s}

body.projects--nav-active #projects--nav article:nth-child(5){-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s}

body.projects--nav-active #projects--nav article:nth-child(6){-moz-transition-delay:0.6s;-o-transition-delay:0.6s;-webkit-transition-delay:0.6s;transition-delay:0.6s}

body.projects--nav-active #projects--nav article:nth-child(7){-moz-transition-delay:0.7s;-o-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}

body.projects--nav-active #projects--nav article:nth-child(8){-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-webkit-transition-delay:0.8s;transition-delay:0.8s}

body.projects--nav-active #projects--nav article:nth-child(9){-moz-transition-delay:0.9s;-o-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s}

body.projects--nav-active #projects--nav article:nth-child(10){-moz-transition-delay:1s;-o-transition-delay:1s;-webkit-transition-delay:1s;transition-delay:1s}

body.projects--nav-active #projects--nav article:nth-child(11){-moz-transition-delay:1.1s;-o-transition-delay:1.1s;-webkit-transition-delay:1.1s;transition-delay:1.1s}

body.projects--nav-active #projects--nav article:nth-child(12){-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-webkit-transition-delay:1.2s;transition-delay:1.2s}

body.projects--nav-active #projects--nav article:nth-child(13){-moz-transition-delay:1.3s;-o-transition-delay:1.3s;-webkit-transition-delay:1.3s;transition-delay:1.3s}

body.projects--nav-active #projects--nav article:nth-child(14){-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.4s;transition-delay:1.4s}

body.projects--nav-active #projects--nav article:nth-child(15){-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-webkit-transition-delay:1.5s;transition-delay:1.5s}

body.projects--nav-active #projects--nav article:nth-child(16){-moz-transition-delay:1.6s;-o-transition-delay:1.6s;-webkit-transition-delay:1.6s;transition-delay:1.6s}

body.projects--nav-active #projects--nav article:nth-child(17){-moz-transition-delay:1.7s;-o-transition-delay:1.7s;-webkit-transition-delay:1.7s;transition-delay:1.7s}

body.projects--nav-active #projects--nav article:nth-child(18){-moz-transition-delay:1.8s;-o-transition-delay:1.8s;-webkit-transition-delay:1.8s;transition-delay:1.8s}

#instafeed a:hover .container{opacity:0.9}

#instagram--title .aside--left,#instagram--title .aside--right{width:50%}

#instagram--title .aside--left{width:40%}

#instagram--title .aside--right{width:60%}

#people--title h2{margin-bottom:0}

#work--title{padding:40px 0}

#work--title h2{font-size:1em}

#work--title #work--filter{display:none}

#work--grid article{width:33.33%}

#work--grid article:after{padding-bottom:66%}

#work--grid article .inner{padding:35px}

.contact--section .aside--left,.contact--section .aside--right{width:100%}

.contact--section .aside--left{padding-right:0;margin-bottom:50px}

.contact--section .row .spacer{display:block}

#page--hero,.page--hero,.single--article-featured-image{min-height:400px}

#page--hero:after,.page--hero:after,.single--article-featured-image:after{height:calc(50vh - 106px);padding-bottom:0}

.blog--post{width:50%}

.blog--post:nth-child(3n+1){clear:none}

.blog--post:nth-child(2n+1) .caption{padding-left:35px}

.blog--post .caption{padding:40px 40px 40px 0}

.page-container .page-hero{border-bottom:0;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid rgba(0,0,0,0.1);overflow:hidden}

.page-container .page-hero .aside-left{float:left;width:30%;position:relative;top:40px}

.page-container .page-hero .aside-right{float:right;width:70%}

.page-container h1{font-size:2.5em;margin:10px 0 0 0;padding-bottom:0px;border-bottom:0}

.page-container .updated{margin-bottom:0;padding-bottom:0;border-bottom:0}

.page-container.legal section{width:90%;font-size:1em}

.page-container.legal section.legal-section{margin:30px 0;padding-bottom:30px}

.page-container.legal section.legal-section .section-side{width:100%;font-size:0.8em;padding:25px 30px 30px 0;border-top:1px dotted rgba(0,0,0,0.1);margin-top:30px}

.page-container.legal section .heading{width:30%;padding-right:50px;margin-bottom:0px;border-bottom:none}

.page-container.legal section .section-content{width:70%}

.page-container.legal section .child{padding-left:50px;margin:0 0 30px 0}

.page-container.legal section .child .second-child{margin:40px 0 0 0}

.page-container.legal section .child .second-child .child{padding-left:60px;margin-bottom:20px}

#single--project-intro .wrap .aside--left{padding-right:14%}

#single--project-intro .wrap .aside--left h2{font-size:1.7em}

#single--project-intro .wrap .aside--right{padding-right:5%}

#single--project-intro .wrap .aside--right a{margin-top:50px}

.next-project:after{padding-bottom:25%}

.next-project figure{width:50%}

.next-project .next-project-info{width:50%;padding:0;font-size:1.2em}

.next-project .next-project-info .inner{display:flex;align-items:center;justify-content:center}

.next-project .next-project-info span{white-space:nowrap}

.next-project .next-project-info h2{max-width:60%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

.next-project .next-project-info h2{margin-left:10px;margin-bottom:0;margin-top:0}

#nprogress .bar{height:5px}

.single--article-content-container .entry-title{font-size:2em}

.single--article-content-container .single--article-meta{margin:30px 0}

.single--article-content-container .single--article-meta span{display:inline-block}

.single--article-content-container .wrap{width:90%}

.form-page .page-hero{padding-bottom:50px;margin-bottom:80px}

.form-page .page-hero .aside-left{top:0}

.form-page .page-hero .aside-right{width:65%;padding-right:10%}

#aoty section#intro .montage img{width:12.5%}

#aoty section#intro h1.mono{font-size:15vmin;line-height:19vh;letter-spacing:40px;padding-bottom:0;right:0px}

#aoty section#intro h1.mono span{left:auto;right:25px;font-size:1.1rem}

#aoty section footer .profile{display:block}

#aoty section footer .profile .info{display:inline-block}

#aoty section footer .links{display:block}

#aoty section footer .nav{display:block}

#aoty section.albums .flickity-viewport{overflow:visible;width:93%}

#aoty section.albums .album{width:100%}

#aoty section.albums .album .inner{position:absolute;top:42%;-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);width:100%;height:80%;left:0;max-height:calc(100% - 290px)}

#aoty section.albums .album .album-cover,#aoty section.albums .album .album-cover-container{height:100%;width:auto;margin-top:0;top:0}

#aoty section.albums .album .album-cover-container{max-width:50%}

#aoty section.albums .album .count{font-size:30vh;-moz-transform:translate(78%, -45%);-o-transform:translate(78%, -45%);-ms-transform:translate(78%, -45%);-webkit-transform:translate(78%, -45%);transform:translate(78%, -45%);top:0;right:0;margin-top:0}

#aoty section.albums .album .count.mobile{display:none}

#aoty section.albums .album .album-cover-container{display:inline-block;vertical-align:middle;position:relative}

#aoty section.albums .album .album-info{text-align:left;width:45%;line-height:1.3;display:inline-block;vertical-align:middle;padding-left:6%}

#aoty section.albums .album .album-info h2{margin:0;margin-bottom:10px}

#aoty section.albums .album .album-info h3{margin:0}

#aoty section.albums .album .track{margin-top:30px}

#aoty section.albums .album .track h4{margin-bottom:10px}

#aoty section.albums .album .track img{display:none}

#aoty section.albums .album .track .track-info{display:inline-block}

#aoty #thanks .inner .col{display:inline-block}

#aoty-banner{display:block;position:fixed}

.image--section figure.image--1of2{max-height:500px}

}

@media only screen and (min-width: 1024px){.display-tablet-landscape{display:block}

.display-mobile,.display-tablet,.display-desktop{display:none}

}

@media only screen and (min-width: 1030px){.display-desktop{display:block}

.display-mobile,.display-tablet-landscape,.display-tablet{display:none}

.section{padding:100px 0}

.section.reduced--padding{padding:70px 0}

#hero .ch h1{font-size:2.1em}

}

@media only screen and (min-width: 1030px) and (min-height: 900px){#hero .ch span{font-size:20vh}

#hero .ch h1{font-size:2.3em}

}

@media only screen and (min-width: 1030px){#logo{font-size:1.6rem}

.project-section{margin:0}

.project-section.fixed-grid .column{float:left}

.project-section.fixed-grid .image-column.column-1of2{width:50%;margin:0}

.project-section.fixed-grid .image-column.column-1of3{width:33.3333333%;margin:0}

.project-section.testimonial .wrap{width:60%;padding:150px 0 150px 0}

.project-section.testimonial .wrap blockquote{font-size:1.5rem}

.project-section.testimonial .wrap .source{font-size:1rem;margin:50px 0 0 0}

.project-section.padding_top{padding-top:80px}

.project-section.padding_bottom{padding-bottom:80px}

.project-section.padding_left{padding-left:80px}

.project-section.padding_right{padding-right:80px}

.project-section.padding_all{padding:80px}

.project-section.extra_padding_bottom{padding-bottom:130px}

.project-section.padding_reduced_top{padding-top:30px}

.project-section.padding_reduced_bottom{padding-bottom:30px}

.project-section.padding_reduced_right{padding-right:30px}

.project-section.padding_reduced_left{padding-left:30px}

.project-section h2.aside{width:35%}

.project-section .col-aside{width:60%;padding-bottom:50px}

.project-section .col-aside>div{font-size:1.1rem}

.project-section .column-1of1{width:100%}

.project-section .column-1of2{width:50%}

.project-section .column-1of2.padding_all{padding:50px 60px}

.project-section .column-1of3{width:33.3333%}

.project-section .column-1of4{width:25%}

.project-section .column-1of5{width:20%}

.project-section .column{margin-bottom:0}

.project-section .column.justify-column{width:60%;margin:0 auto;float:none;padding:50px 0}

.project-section .column.padding_top{padding-top:80px}

.project-section .column.padding_bottom{padding-bottom:80px}

.project-section .column.padding_left{padding-left:80px}

.project-section .column.padding_right{padding-right:80px}

.project-section .column.padding_all{padding:80px}

.project-section .image-column.column-1of2{width:49%}

.project-section .image-column.column-1of2 .screenshot{margin-bottom:20px;padding-bottom:15px}

.project-section .image-column.column-1of2 .screenshot.long{padding-bottom:0}

.project-section .image-column.column-1of2 .screenshot.mobile{width:90%;max-width:280px}

.project-section .image-column.column-1of2 .screenshot .toolbar{height:15px}

.project-section .image-column.column-1of2 .screenshot .toolbar:after,.project-section .image-column.column-1of2 .screenshot .toolbar:before{top:4px;width:7px;height:6px}

.project-section .image-column.column-1of2 .screenshot .toolbar:before{margin-right:15px}

.project-section .image-column.column-1of2 .screenshot .toolbar:after{margin-right:5px}

.project-section .image-column.column-1of2 .screenshot .screenshot-inner{top:15px}

.project-section .image-column.column-1of3{width:30.3333333%;margin:0 4.5% 0 0}

.project-section .image-column.column-1of3.last{margin-right:0}

.project-section .image-column .screenshot{padding-bottom:25px}

.project-section .image-column .screenshot .screenshot-inner{top:25px}

.project-section .image-column .screenshot.mobile{padding:55px 10px}

.project-section .image-column .screenshot.mobile .screenshot-inner{top:0}

.project-section .image-column .screenshot .toolbar{height:25px}

.project-section .image-column .screenshot .toolbar:after{top:7px;width:10px;height:10px;margin:0 7px}

.project-section .image-column .screenshot .toolbar:before{top:7px;width:10px;height:10px;margin:0 24px 0 0}

.project-section.project-intro .wrap{padding:100px 0}

.project-section.project-intro h2.aside{font-family: 'Proxima Nova Regular',Helvetica,Arial,sans-serif;color:#000}

.project-section.project-intro .services-list{display:block}

.project-section blockquote{font-size:1.2em;max-width:70%;padding-right:10%;margin:80px auto;line-height:1.7}

#introduction--section{padding:120px 0}

#work--grid article{max-height:500px;background:#fff}

#work--grid article .inner{padding:50px}

#global--footer #project--planner{display:block}

#global--footer #project--planner .wrap{position:static}

#global--footer .wrap{position:relative}

#global--footer .copyright{position:absolute;bottom:0;margin:0;left:0}

#global--footer #global--footer-menu{font-size:1em}

#global--footer #global--footer-menu .wrap ul{min-width:20%}

#global--footer #global--footer-menu .wrap ul.clear{min-width:10%;margin-left:10%}

#projects--nav{width:40vw}

#projects--nav{-moz-transform:translate(40vw, 0);-o-transform:translate(40vw, 0);-ms-transform:translate(40vw, 0);-webkit-transform:translate(40vw, 0);transform:translate(40vw, 0)}

#projects--nav article{min-height:250px}

body.projects--nav-active #main{-moz-transform:translate(-40vw, 0);-o-transform:translate(-40vw, 0);-ms-transform:translate(-40vw, 0);-webkit-transform:translate(-40vw, 0);transform:translate(-40vw, 0)}

#global--nav #main--nav li a{font-size:2.1em;padding:0 30px}

#loading .loading--title{font-size:1.7em}

.aside--left,.aside--right{width:50%}

.aside--right{padding-right:14%}

#page--hero,.page--hero,.single--article-featured-image{min-height:450px}

#page--hero:after,.page--hero:after,.single--article-featured-image:after{height:calc(60vh - 104px)}

.people--grid li{width:33.33%}

.people--grid li .caption{padding:30px 0}

.people--grid li:nth-child(2n+1) .caption{padding-left:0}

.people--grid li:nth-child(4n+1) .caption{padding-left:50px}

#instagram--title{padding:70px 0}

#instagram--title .aside--left,#instagram--title .aside--right{width:50%}

.contact--section .aside--left{margin-bottom:0px;padding-right:15%}

.contact--section .aside--left .desktop{display:inline}

.contact--section .aside--left .mobile{display:none}

.contact--section .aside--left,.contact--section .aside--right{width:50%}

#work--title{display:block}

#work--title #work--filter{display:block}

#work--title #work--filter a.active{margin-right:10px}

#work--title #work--filter a{padding:0 5px}

.blog--post{width:33.333333%}

.blog--post:nth-child(2n+1) .caption{padding-left:0}

.blog--post:nth-child(3n+1){clear:both}

.blog--post:nth-child(3n+1) .caption{padding-left:40px}

.single--article-content-container{margin:80px auto 120px auto}

.single--article-content-container .wrap{width:70%}

.single--article-content-container .entry-title{margin:20px 0}

.single-proposal .form-page .gform_wrapper{float:right;width:70%}

.single-proposal .form-page .heading{width:30%;margin-bottom:0;border-bottom:0}

.single-proposal .form-page .form-col{margin-top:0;margin-bottom:50px}

.single-proposal .form-page .form-col label.focus{top:-32px;color:#000;opacity:1}

.single-proposal .form-page .form-col label.focus-textarea{top:0;color:#000;opacity:1}

.single-proposal .form-page .form-col input:focus::-webkit-input-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus:-moz-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus::-moz-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus:-ms-input-placeholder{opacity:1}

.single-proposal .form-page .form-col input:focus:placeholder-shown+label{top:-32px;color:#000;opacity:1}

.single-proposal .form-page .form-col textarea{padding:20px;padding-top:65px}

.single-proposal .form-page .form-col textarea+label{margin:0 20px;width:calc(100% - 40px)}

.single-proposal .form-page .form-col textarea::-webkit-input-placeholder{font-size:1em}

.single-proposal .form-page .form-col textarea:-moz-placeholder{font-size:1em}

.single-proposal .form-page .form-col textarea::-moz-placeholder{font-size:1em}

.single-proposal .form-page .form-col textarea:-ms-input-placeholder{font-size:1em}

.single-proposal .form-page .form-col#field_1_5 label{margin:0 20px;width:calc(100% - 40px)}

#project-planner header{width:30%;margin-bottom:0;border-bottom:0}

#project-planner section{margin-bottom:50px}

#project-planner section.submit{margin-bottom:0;padding-top:30px}

#project-planner .form-fields{width:65%;float:right}

#project-planner .form-fields .form-row{margin-bottom:50px}

#project-planner .form-fields .form-row .inline.checkbox,#project-planner .form-fields .form-row .inline.true-false{padding-right:30px;padding-left:30px}

#project-planner .form-fields .form-row .form-col{margin-bottom:0}

#project-planner .form-fields .form-row .form-col.d-1of2.last-col .score{position:relative}

#project-planner .form-fields .form-row .form-col .range-slider input[type='range']{width:80% !important;top:14px;margin-bottom:0}

#project-planner .form-fields .form-row .form-col .range-slider .output{float:right;width:18%;margin-left:10px}

#project-planner .form-fields .form-row .form-col.d-1of2{width:50%}

#project-planner .form-fields .form-row .form-col.d-1of4{width:25%}

#project-planner .form-fields .form-row .form-col label.inline{padding:0;margin-right:30px;max-width:60%;width:auto;margin-bottom:0;float:none}

#project-planner .form-fields .form-row .form-col.d-1of3{width:33.333333%}

#project-planner .form-fields .form-row .form-col label.input{position:absolute;top:-32px;opacity:0.7;padding-top:8px;padding-bottom:13px}

#project-planner .form-fields .form-row .form-col textarea{padding:20px;padding-top:65px}

#project-planner .form-fields .form-row .form-col textarea+label{margin:0 20px;width:calc(100% - 40px)}

#project-planner .form-fields .form-row .form-col textarea::-webkit-input-placeholder{font-size:1em}

#project-planner .form-fields .form-row .form-col textarea:-moz-placeholder{font-size:1em}

#project-planner .form-fields .form-row .form-col textarea::-moz-placeholder{font-size:1em}

#project-planner .form-fields .form-row .form-col textarea:-ms-input-placeholder{font-size:1em}

#project-planner .form-fields .form-row .form-col input{margin-bottom:0}

#project-planner .form-fields .form-row .form-col input:focus::-webkit-input-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col input:focus:-moz-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col input:focus::-moz-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col input:focus:-ms-input-placeholder{opacity:1}

#project-planner .form-fields .form-row .form-col input:focus+label{top:-32px;color:#000;opacity:1}

#project-planner .form-fields .form-row .list{margin-top:0}

#project-planner .form-fields .form-row .list label{margin-bottom:10px}

#project-planner .form-fields .form-row .list input{padding-top:20px}

#project-planner .submit{border-top:1px solid rgba(0,0,0,0.1)}

#project-planner .submit .submit-button{float:right;padding-top:30px}

.page-template-hosting #premium-hosting .full{padding-right:70px}

.page-template-hosting #premium-hosting p{width:50%}

.page-template-hosting #premium-hosting .row .d-1of2{width:47%}

.page-template-hosting #premium-hosting .row .d-1of2:nth-of-type(2){float:right}

.page-template-hosting .introduction .d-1of2{float:left;width:45%;padding-top:20px}

.page-template-hosting .introduction .d-1of2.last-col{padding-top:0;width:35%;float:right;position:relative;top:-25px}

#aoty section.albums .flickity-viewport{overflow:visible;width:87%}

#aoty section.albums .album{width:90%}

#aoty section.albums .album .album-info{width:35%;left:47%}

#aoty section#intro h1.mono{font-size:14vmin;line-height:25vh}

}

@media only screen and (min-width: 1030px) and (max-height: 900px){#hero .ch span{font-size:30vh}

}

@media only screen and (min-width: 1030px) and (min-height: 700px){#aoty section#intro h1.mono{font-size:9vh;line-height:20vh}

}

@media only screen and (min-width: 1030px) and (max-height: 735px){#aoty section.albums .album .count{font-size:22vh}

#aoty section footer{padding-bottom:40px}

}

@media only screen and (min-width: 1030px) and (min-height: 780px){#aoty .wrap{max-width:1740px}

#aoty section footer{max-width:1740px}

#aoty section.albums .wrap{max-width:1740px}

#aoty section.albums .album{width:100%}

#aoty section.albums .album .count{font-size:20vh;-moz-transform:translate(66%, -50%);-o-transform:translate(66%, -50%);-ms-transform:translate(66%, -50%);-webkit-transform:translate(66%, -50%);transform:translate(66%, -50%)}

#aoty section.albums .album .inner{max-height:500px}

}

@media only screen and (min-width: 1030px) and (min-width: 1700px){#aoty section.albums .flickity-viewport{width:100%}

#aoty section.albums .album{width:55%}

#aoty section.albums .album .album-cover{max-width:100%;height:auto}

#aoty section.albums .album .album-cover-container{max-width:50%}

}

@media only screen and (min-width: 1030px) and (min-height: 1200px){#aoty section#intro .montage img{width:16.6666667%}

}

@media only screen and (min-width: 1030px){#now--playing{display:block}

#now--playing-mobile{display:none}

#video--player{background:#000}

#video--player .wrap{display:block}

#hero .mobile--bg{display:none}

}

@media only screen and (min-width: 1240px){.wrap{max-width:1700px;width:93%}

.max{max-width:1700px;margin:0 auto}

}

@media only screen and (min-width: 1240px) and (min-width: 1400px){#projects--nav{width:700px;-moz-transform:translate(700px, 0);-o-transform:translate(700px, 0);-ms-transform:translate(700px, 0);-webkit-transform:translate(700px, 0);transform:translate(700px, 0)}

body.projects--nav-active #main{-moz-transform:translate(-700px, 0);-o-transform:translate(-700px, 0);-ms-transform:translate(-700px, 0);-webkit-transform:translate(-700px, 0);transform:translate(-700px, 0)}

}

@media only screen and (min-width: 1240px){#work--title{display:block}

#work--title #work--filter a.active{margin-right:20px}

#work--title #work--filter a{padding:0 10px}

.people--grid,#instafeed,.max,#page--hero .inner{max-width:1700px;margin:0 auto;float:none;left:0;right:0}

}