/*!
    Theme Name: LAYER
    Theme URI: http://layerdesign.com
    Description: Wordpress theme for LAYER
    Version: 0.5
    Author: Christopher Weir (@dead_pony)
    Author URI: http://christopher-weir.com
    Tags: Angularjs, Angular-js, Blank, HTML5, CSS3, LAYER
*/html{overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body.page-loaded{overflow:visible!important}

pre,textarea{overflow:auto}

svg:not(:root),ul[rn-carousel]{overflow:hidden}

body.page-loaded .loading-overlay{opacity:0!important;pointer-events:none!important}

body .hidden-mobile-inline,body.page-out .icon-wrap{display:none}

.fade-img{opacity:0;-webkit-transition:opacity 1s 0s ease;-moz-transition:opacity 1s 0s ease;-o-transition:opacity 1s 0s ease;-ms-transition:opacity 1s 0s ease;transition:opacity 1s 0s ease}

.fade-img.loaded{opacity:1}

.remove-all-mgn-btm{margin-bottom:0!important}

.section-gap{position:relative;pointer-events:none;width:100%}

.section-gap .position-waypoint{position:absolute;bottom:0;width:100%;height:50px}

@media screen and (min-width:750px){body .hidden-mobile-inline{display:inline-block}

.section-gap .position-waypoint{height:62px}

}

@keyframes spinning_animation{0%{transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0)}

50%{transform:scale(.8) rotate(360deg);-o-transform:scale(.8) rotate(360deg)}

100%{transform:scale(1) rotate(720deg);-o-transform:scale(1) rotate(720deg)}

}

@-webkit-keyframes spinning_animation{0%{-webkit-transform:scale(1) rotate(0)}

50%{-webkit-transform:scale(.8) rotate(360deg)}

100%{-webkit-transform:scale(1) rotate(720deg)}

}

.loading-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000;opacity:1;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;background-color:#fff}

.layer-loading{display:block;height:31px;width:31px;z-index:80;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px}

.layer-loading .layer-loading-icon{border-radius:100%;height:40px;width:40px;margin:-20px auto 0;display:block;position:relative;border:3px solid #e5e5e5}

.layer-loading .layer-loading-icon.spin{animation:2s cubic-bezier(.63,.045,.34,1) 0s normal none infinite spinning_animation;-webkit-animation:2s cubic-bezier(.63,.045,.34,1) 0s normal none infinite spinning_animation}

.layer-loading .layer-loading-icon:before{position:absolute;content:"";border-color:#000 transparent transparent;border-radius:100%;border-style:solid;border-width:3px;display:block;height:100%;width:100%;top:-3px;left:-3px}

.container,sub,sup,ul[rn-carousel]{position:relative}

img,legend{border:0}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */body{-webkit-tap-highlight-color:transparent;margin:0}

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

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

.hidden-xs,[hidden],template{display:none}

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

a{background-color:transparent;color:#000}

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

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

b,optgroup,strong{font-weight:700}

dfn{font-style:italic}

h1{margin:.67em 0}

mark{background:#ff0;color:#000}

small{font-size:80%}

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

sup{top:-.5em}

sub{bottom:-.25em}

figure{margin:1em 40px}

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

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

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

body,h6{line-height:1.6}

button{overflow:visible}

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}

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

input{line-height:normal}

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

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}

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

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

fieldset{border:1px solid silver;margin:0 2px}

legend{padding:0}

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

.container{width:100%;max-width:1480px;margin:0 auto;padding:0 20px;box-sizing:border-box}

ol,p,ul{margin-top:0}

.column,.columns{width:100%;float:left;box-sizing:border-box}

@media (min-width:750px){.container{width:100%;max-width:1520px;padding:0 40px}

.column,.columns{margin-left:4%}

.column:first-child,.columns:first-child{margin-left:0}

.one.column,.one.columns{width:4.66666666667%}

.two.columns{width:13.3333333333%}

.three.columns{width:22%}

.four.columns{width:30.6666666667%}

.five.columns{width:39.3333333333%}

.six.columns{width:48%}

.seven.columns{width:56.6666666667%}

.eight.columns{width:65.3333333333%}

.nine.columns{width:74%}

.ten.columns{width:82.6666666667%}

.eleven.columns{width:91.3333333333%}

.twelve.columns{width:100%;margin-left:0}

.one-third.column{width:30.6666666667%}

.two-thirds.column{width:65.3333333333%}

.one-half.column{width:48%}

.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}

.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}

.offset-by-three.column,.offset-by-three.columns{margin-left:26%}

.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}

.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}

.offset-by-six.column,.offset-by-six.columns{margin-left:52%}

.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}

.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}

.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}

.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}

.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}

.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}

.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}

.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}

}

html{font-size:62.5%}

body{font-size:1.5em;font-weight:300;font-family:sofia-pro,sans-serif;color:#222}

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400}

h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}

h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}

h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}

h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}

h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}

h6{font-size:1.5rem;letter-spacing:0}

@media (min-width:550px){h1{font-size:5rem}

h2{font-size:4.2rem}

h3{font-size:3.6rem}

h4{font-size:3rem}

h5{font-size:2.4rem}

h6{font-size:1.5rem}

}

p strong{font-weight:400}

a:hover{color:#666}

.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}

.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}

.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}

.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}

input[type=text],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],input[type=email],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}

input[type=text],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],input[type=email],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}

textarea{min-height:65px;padding-top:6px;padding-bottom:6px}

input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=email]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}

label,legend{display:block;margin-bottom:.5rem;font-weight:600}

fieldset{padding:0;border-width:0}

input[type=checkbox],input[type=radio]{display:inline}

label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}

ul{list-style:circle inside}

ol{list-style:decimal inside}

ol,ul{padding-left:0}

ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}

.button,button,li{margin-bottom:1rem}

code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}

pre>code{display:block;padding:1rem 1.5rem;white-space:pre}

td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}

td:first-child,th:first-child{padding-left:0}

td:last-child,th:last-child{padding-right:0}

fieldset,input,select,textarea{margin-bottom:1.5rem}

blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}

.u-full-width{width:100%;box-sizing:border-box}

.u-max-full-width{max-width:100%;box-sizing:border-box}

.u-pull-right{float:right}

.u-pull-left{float:left}

hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}

.container:after,.row:after,.u-cf{content:"";display:table;clear:both}

@media (min-width:1300px){.container{width:100%;max-width:1520px;padding:0 40px}

}

input[type=range]{width:300px}

ul[rn-carousel]{padding:0;white-space:nowrap;-webkit-perspective:1000px;-ms-perspective:1000px;perspective:1000px;-ms-touch-action:pan-y;touch-action:pan-y}

ul[rn-carousel]>li{color:#000;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;overflow:visible;vertical-align:top;position:absolute;left:0;right:0;white-space:normal;padding:0;margin:0;list-style-type:none;width:100%;height:100%;display:inline-block}

ul[rn-carousel-buffered]>li{display:none}

ul[rn-carousel-transition=hexagon]{overflow:visible}

div.rn-carousel-indicator span{cursor:pointer;color:#666}

div.rn-carousel-indicator span.active{color:#fff}

.rn-carousel-control{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;font-size:2rem;position:absolute;top:40%;opacity:.75;cursor:pointer}

.rn-carousel-control:hover{opacity:1}

.rn-carousel-control.rn-carousel-control-prev{left:.5em}

.rn-carousel-control.rn-carousel-control-prev:before{content:"<"}

.rn-carousel-control.rn-carousel-control-next{right:.5em}

.rn-carousel-control.rn-carousel-control-next:before{content:">"}

.global-footer{width:100%;background-color:#C2C1BD;padding-bottom:50px}

.global-footer .hidden-mobile{display:none;cursor:pointer}

.global-footer header h3{line-height:50px;font-size:16px; font-weight:bold;margin-bottom:0;color:#4D4D4D}

.global-footer img{width:auto;height:100%;display:none;position:absolute;top:0;left:50%;cursor:pointer;z-index:5;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}

.global-footer .container{position:relative}

.global-footer .row{display:table}

.global-footer .meta{position:relative;display:table-cell}

.global-footer .meta p{font-size:16px;line-height:19px;color:#4D4D4D}

.global-footer .meta p a{color:#4D4D4D}

.global-footer .meta p a.remove-underline{text-decoration:none}

.global-footer .meta p a:hover{text-decoration:underline!important}

.global-footer .image-wrap{display:none;width:100%;height:100%;background-image:url(../img/mapx2-1.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center;cursor:pointer}

.global-footer .signup-ios{display:block;position:static;width:100%}

.global-footer .signup-desktop{display:none;position:absolute;bottom:0}

.global-footer form{margin:0}

.global-footer .signup-form p{font-size:16px;color:#4D4D4D;margin-bottom:8px}

.global-footer .signup-form input{border-radius:0}

.global-footer .signup-form input.ng-invalid-email{border-color:red}

.global-footer .signup-form button{border-radius:0;color:#fff;background-color:#4D4D4D;font-size:16px;font-weight:300;text-transform:none;border:1px solid #4D4D4D}

@media screen and (min-width:750px){.global-footer{padding-bottom:62px}

.global-footer .hidden-mobile{display:block}

.global-footer header h3{line-height:62px;font-size:22px}

.global-footer .meta p,.global-footer .signup-form p{line-height:21px;font-size:18px}

.global-footer img{width:auto;height:70%;display:block}

.global-footer .meta{position:relative;width:330px}

.global-footer .image-wrap{display:table-cell}

.global-footer .signup-wrap{position:absolute;left:0;bottom:0}

.global-footer .signup-form button{font-size:18px}

.global-footer .signup-form input{border-radius:0;min-width:300px;width:100%}

}

@media screen and (min-width:850px){.global-footer img{height:100%}

}

<!-- iPhone -->

@media screen and (min-width:1300px){
	
.global-footer{padding-bottom:62px}

.global-footer header h3{line-height:62px;font-size:22px}

.global-footer .meta{position:relative}

.global-footer .meta p,.global-footer .signup-form p{font-size:18px;line-height:21px}

.global-footer .signup-form button{font-size:18px;-webkit-transition:opacity .7s 0s ease;-moz-transition:opacity .7s 0s ease;-o-transition:opacity .7s 0s ease;-ms-transition:opacity .7s 0s ease;transition:opacity .7s 0s ease}

.global-footer .signup-form button:hover{background-color:transparent;color:#4D4D4D}

}

header.global-header{height:50px;width:100%;position:fixed;top:0;left:0;z-index:300;overflow:visible}

header.global-header nav{height:50px;position:relative;box-sizing:border-box;background-color:inherit}

header.global-header nav .inner{width:100%;position:relative;height:50px;background-color:inherit}

header.global-header nav .logo{width:70px;height:50px;position:absolute;left:0;top:0;margin:0;padding-top:0;cursor:pointer;background-repeat:no-repeat;background-image:url(../svg/logo.gif);background-position:center left;background-size:auto 25px}

header.global-header nav .links{width:100%;position:fixed;right:0;top:50px;background-color:inherit;opacity:0;pointer-events:none;-webkit-transition:opacity .7s 0s ease;-moz-transition:opacity .7s 0s ease;-o-transition:opacity .7s 0s ease;-ms-transition:opacity .7s 0s ease;transition:opacity .7s 0s ease}

header.global-header nav .links li{width:100%;background-color:inherit;padding:0 0 10px;margin:0;list-style:none;text-align:center;font-size:17px;color:#4E4E4E;cursor:pointer}

header.global-header nav .links li.social-link-start{border-top:1px solid #4E4E4E;padding-top:5px}

header.global-header nav .links li.social-link a{color:#4E4E4E;text-decoration:none}

header.global-header .close-wrap p a:hover,header.global-header nav .links li.social-link a:hover,header.global-header nav .links li:hover{text-decoration:underline}

header.global-header nav.project-page-nav .links{top:50px}

header.global-header nav .nav-trigger{height:50px;width:10px;cursor:pointer;position:absolute;right:-39px;top:0;outline:0;border:0;padding:0 30px;margin:0}

header.global-header nav .nav-trigger .nav-trigger-cross{width:21px;height:20px;position:absolute;top:50%;left:0;background-repeat:no-repeat;background-image:url(../svg/nav-cross.svg);background-size:21px auto;display:block;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transition:all .3s 0s ease;-moz-transition:all .3s 0s ease;-o-transition:all .3s 0s ease;-ms-transition:all .3s 0s ease;transition:all .3s 0s ease;-ms-transform:translate3d(0,-50%,0) rotate(0);-webkit-transform:translate3d(0,-50%,0) rotate(0);transform:translate3d(0,-50%,0) rotate(0)}

header.global-header nav.active .links{opacity:1;pointer-events:auto}

header.global-header nav.active .nav-trigger .nav-trigger-cross{-ms-transform:translate3d(0,-50%,0) rotate(135deg);-webkit-transform:translate3d(0,-50%,0) rotate(135deg);transform:translate3d(0,-50%,0) rotate(135deg)}

header.global-header .close-wrap{width:100%;height:0;position:absolute;bottom:0;background-color:rgba(255,255,255,.9)}

header.global-header .close-wrap p{float:right;margin:0;font-size:17px}

header.global-header .close-wrap p a{color:#4E4E4E}

@media screen and (min-width:750px){
	
header.global-header,header.global-header nav,header.global-header nav .inner{height:62px}

header.global-header nav .logo{height:70px;background-size:auto 30px}

header.global-header nav .links{position:absolute;top:0;right:21px;width:auto}

header.global-header nav .links li{width:auto;background-color:transparent;line-height:62px;font-size:17px;padding-bottom:0;float:left;padding-right:1.5em;text-align:left}

header.global-header nav .links li.social-link{display:none}

header.global-header nav.project-page-nav .links{top:0}

header.global-header nav .nav-trigger{height:62px;width:21px;padding:0;right:0}

header.global-header .close-wrap{height:0;bottom:0}

header.global-header .close-wrap p{font-size:17px}

header.global-header .close-wrap p a:hover{text-decoration:underline}

}

@media screen and (min-width:1300px){
	
header.global-header,header.global-header nav,header.global-header nav .inner,header.global-header nav .logo{height:65px;-webkit-transition:height .7s 0s ease;-moz-transition:height .7s 0s ease;-o-transition:height .7s 0s ease;-ms-transition:height .7s 0s ease;transition:height .7s 0s ease}

header.global-header nav .links,header.global-header nav .links li{-webkit-transition:all .7s 0s ease;-moz-transition:all .7s 0s ease;-o-transition:all .7s 0s ease;-ms-transition:all .7s 0s ease}

header.global-header nav .links{transition:all .7s 0s ease;right:21px}

header.global-header nav .links li{transition:all .7s 0s ease;line-height:62px;font-size:18px;padding-right:2em}

header.global-header nav .nav-trigger{-webkit-transition:all .7s 0s ease;-moz-transition:all .7s 0s ease;-o-transition:all .7s 0s ease;-ms-transition:all .7s 0s ease;transition:all .7s 0s ease;height:62px;width:21px}

header.global-header nav .nav-trigger span{width:21px}

header.global-header.shrink-header,header.global-header.shrink-header nav,header.global-header.shrink-header nav .inner{height:62px}

header.global-header.shrink-header nav .logo{height:62px;background-size:auto 25px}

header.global-header.shrink-header nav .links{right:21px}

header.global-header.shrink-header nav .links li{line-height:62px}

header.global-header.shrink-header nav .nav-trigger{height:62px}

header.global-header .close-wrap{height:0;bottom:0}

header.global-header .close-wrap p{font-size:18px}

header.global-header .close-wrap p a:hover{text-decoration:underline}

}

.page-template-archive header.global-header,.page-template-index header.global-header{background-color:#f5f5f5}

.single-projects header.global-header{background-color:#eaeaea}

.homepage section{width:100%}

.homepage section .half-width{width:50%}

.homepage section .half-width h2,.homepage section .half-width h3,.homepage section .half-width p{padding:0 20px}

.homepage section header h3{color:#4D4D4D;line-height:50px;font-weight:bold;font-size:16px;margin-bottom:0}

.homepage section header bio{color:#4D4D4D;line-height:1px;font-weight:none;font-size:16px;margin-bottom:0}

.homepage .homepage-intro{background-color:#f5f5f5;padding-top:50px}

.homepage .homepage-intro article{padding-bottom:25px;font-size:16px;line-height:19px}

.homepage .homepage-intro article .inner-wrap{position:relative;display:block}

.homepage .homepage-intro article .meta-wrap{display:block;width:100%;background-color:transparent}

.homepage .homepage-intro article .meta-wrap .meta-wrap-inner{width:100%;height:100%}

.homepage .homepage-intro article .meta-wrap .meta-wrap-inner p{font-size:16px;line-height:19px;color:#4D4D4D;padding:8px 0 0;margin-bottom:0}

.homepage .homepage-intro article img{width:100%;height:auto;display:block;background-size:cover;background-repeat:no-repeat}

.homepage .homepage-approach{background-color:#e9e9e9}

.homepage .homepage-approach article{margin-top:25px}

.homepage .homepage-about .homepage-about-03 #show-more-awards-wrap #show-more-awards-wrap-inner p,.homepage .homepage-approach article:first-child{margin-top:0}

.homepage .homepage-approach article .inner-wrap{position:relative;display:block}

.homepage .homepage-approach article .meta-wrap{display:block;width:100%;background-color:transparent}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner{width:100%;height:100%}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner p{font-size:16px;line-height:19px;color:#4D4D4D;padding:8px 0 0}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-heading{padding-top:8px;padding-bottom:0;margin-bottom:0}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-copy{padding-top:8px;margin-bottom:0}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-client{font-size:16px;line-height:19.2px;display:none}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-client a{color:#fff}

.homepage .homepage-approach article img{width:100%;height:auto;display:block;background-size:cover;background-repeat:no-repeat}

.homepage .homepage-approach article:last-child{margin-bottom:25px}

.homepage .homepage-projects{background-color:#c7c7c7}

.homepage .homepage-projects .hidden-posts{position:relative;height:0;overflow:hidden;-webkit-transition:height 1s 0s ease;-moz-transition:height 1s 0s ease;-o-transition:height 1s 0s ease;-ms-transition:height 1s 0s ease;transition:height 1s 0s ease}

.homepage .homepage-projects .hidden-posts .inner-posts-wrap{overflow:hidden;position:absolute;width:100%}

.homepage .homepage-projects .show-more-posts{width:100%;height:50px}

.homepage .homepage-projects .show-more-posts h3{color:#4D4D4D;font-size:16px;margin-bottom:0;width:100%;text-align:center;text-decoration:underline;cursor:pointer}

.homepage .homepage-projects .project{width:100%;display:inline-block;overflow:hidden;float:left;padding-bottom:25px;box-sizing:border-box;position:relative}

.homepage .homepage-projects .project a{cursor:pointer}

.homepage .homepage-projects .project .inner-wrap{position:relative;display:block;text-decoration:none}

.homepage .homepage-projects .project .meta-wrap{display:block;width:100%}

.homepage .homepage-projects .project .meta-wrap p{font-size:16px;line-height:19px;padding:8px 0 0;color:#4D4D4D;margin-bottom:0}

.homepage .homepage-about .homepage-about-02,.homepage .homepage-about .homepage-about-03{padding-top:0}

.homepage .homepage-about .homepage-about-01,.homepage .homepage-about .homepage-about-02,.homepage .homepage-about .homepage-about-03{padding-bottom:50px;background-color:#B0B0B0}

.homepage .homepage-projects .project .meta-wrap p strong{font-weight:400}

.homepage .homepage-projects .project img{width:100%;height:auto;display:block}

.homepage .homepage-projects .project .inner{width:100%;height:100%}

@media screen and (max-width:750px){.homepage .homepage-projects .project .meta-wrap{background-color:transparent!important}

}

.homepage .homepage-about{background-color:#B0B0B0;color:#FFF}

.homepage .homepage-about header h3{color:#FFF}

.homepage .homepage-about .homepage-about-01 .about-content p{margin-bottom:0;font-size:16px;line-height:19px}

.homepage .homepage-about .homepage-about-02 .about-content p{margin-bottom:0}

.homepage .homepage-about .homepage-about-03 .award-copy span{display:block;width:100%}

.homepage .homepage-about .homepage-about-03 .show-more-btn{cursor:pointer;text-decoration:underline}

.homepage .homepage-about .homepage-about-03 #show-more-awards-wrap{position:relative;overflow:hidden;height:0;-webkit-transition:height 1s 0s ease;-moz-transition:height 1s 0s ease;-o-transition:height 1s 0s ease;-ms-transition:height 1s 0s ease;transition:height 1s 0s ease}

.homepage .homepage-about .homepage-about-03 #show-more-awards-wrap #show-more-awards-wrap-inner{position:absolute}

.homepage .homepage-about .homepage-about-video{padding-bottom:50px;padding-top:50px;background-color:#626061}

.homepage .homepage-about .homepage-about-video .homepage-about-video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}

.homepage .homepage-about .homepage-about-video .homepage-about-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.homepage .homepage-about section article .about-content{width:100%;display:inline-block;overflow:visible;float:left;box-sizing:border-box;position:relative}

.homepage .homepage-about section article .about-content p,.homepage .homepage-about section article .about-content strong{font-size:16px;line-height:19px;vertical-align:text-top}

.homepage .homepage-about section article .about-content img{width:100%;height:auto;display:block}

.homepage .homepage-about section article .about-content.hidden-mobile{display:none}

.homepage .homepage-about section article .about-content .about-client-outer{position:relative;overflow:hidden;-webkit-transition:height 1s 0s ease;-moz-transition:height 1s 0s ease;-o-transition:height 1s 0s ease;-ms-transition:height 1s 0s ease;transition:height 1s 0s ease}

.homepage .homepage-news .news-carousel-wrap,.homepage .homepage-news .news-carousel-wrap ul{-webkit-transition:height 1s 0s ease;-moz-transition:height 1s 0s ease;-o-transition:height 1s 0s ease;-ms-transition:height 1s 0s ease}

.homepage .homepage-about section article .about-content .about-client-outer .about-client-inner{position:absolute}

.homepage .homepage-about section article .about-content .show-clients-btn{text-decoration:underline;cursor:pointer}

.homepage .homepage-about section article .about-content .show-clients-btn:hover{text-decoration:underline}

.homepage .homepage-about section article .about-content .client-image-wrap{width:50%;float:left;padding-right:10px;padding-bottom:10px;box-sizing:border-box}

.homepage .homepage-news{background-color:#f5f5f5}

.homepage .homepage-news header{position:relative}

.homepage .homepage-news header .caroousel-controls{position:absolute;height:50px;width:70px;top:0;right:20px}

.homepage .homepage-news header .caroousel-controls .btns{height:50px;width:35px;position:absolute;cursor:pointer;padding:0;border:none;background-color:transparent;border-radius:0;margin:0;background-size:auto 30px;background-repeat:no-repeat}

.homepage .homepage-news header .caroousel-controls .prev{left:0;background-image:url(../svg/previous.svg);background-position:center left}

.homepage .homepage-news header .caroousel-controls .next{right:0;background-image:url(../svg/next.svg);background-position:center right}

.homepage .homepage-news .news-carousel-wrap{width:100%;height:550px;transition:height 1s 0s ease}

.homepage .homepage-news .news-carousel-wrap .mobile-view-more{position:absolute;bottom:0;width:100%;background-color:#f5f5f5;border:none;border-radius:0;z-index:1;margin-bottom:0;font-weight:300;text-align:left;line-height:16px;height:16px;padding:0 20px 60px;font-size:16px;text-decoration:underline;text-transform:none}

.homepage .homepage-news .news-carousel-wrap ul{margin-bottom:0;height:550px;transition:height 1s 0s ease}

.homepage .homepage-news .news-carousel-wrap ul li{height:550px;-webkit-transition:height 1s 0s ease;-moz-transition:height 1s 0s ease;-o-transition:height 1s 0s ease;-ms-transition:height 1s 0s ease;transition:height 1s 0s ease}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div{width:100%;display:inline-block;overflow:hidden;float:left;box-sizing:border-box}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div p,.homepage .homepage-news .news-carousel-wrap ul li .news-article div strong{font-size:16px;line-height:19px;vertical-align:text-top;color:#4D4D4D}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div img{width:100%;height:auto;display:block}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div .read-more-btn{cursor:pointer;text-decoration:underline}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div .end-of-news,.homepage .homepage-news .news-carousel-wrap ul li .news-article div .read-more-btn-hide,.homepage .homepage-news .news-carousel-wrap ul li .news-article div .read-more-copy{opacity:0}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div .news-meta{padding-top:8px}

.homepage .homepage-news .news-carousel-wrap.active .read-more-btn-show{display:none}

.homepage .homepage-news .news-carousel-wrap.active .read-more-btn-hide,.homepage .homepage-news .news-carousel-wrap.active .read-more-copy{opacity:1!important}

@media screen and (max-width:750px){.news-copy{padding-bottom:50px}

}

@media screen and (min-width:750px){.homepage .homepage-intro-animation{opacity:0;-webkit-transition:opacity 1s 0s ease;-moz-transition:opacity 1s 0s ease;-o-transition:opacity 1s 0s ease;-ms-transition:opacity 1s 0s ease;transition:opacity 1s 0s ease}

.homepage .homepage-intro-animation .meta-wrap .meta-wrap-inner p .line-01{opacity:0;-webkit-transition:opacity 1s 1s ease;-moz-transition:opacity 1s 1s ease;-o-transition:opacity 1s 1s ease;-ms-transition:opacity 1s 1s ease;transition:opacity 1s 1s ease}

.homepage .homepage-intro-animation .meta-wrap .meta-wrap-inner p .line-02{opacity:0;-webkit-transition:opacity 1s 2.2s ease;-moz-transition:opacity 1s 2.2s ease;-o-transition:opacity 1s 2.2s ease;-ms-transition:opacity 1s 2.2s ease;transition:opacity 1s 2.2s ease}

.homepage .homepage-intro-animation .meta-wrap .meta-wrap-inner p .line-03{opacity:0;-webkit-transition:opacity 1s 3.2s ease;-moz-transition:opacity 1s 3.2s ease;-o-transition:opacity 1s 3.2s ease;-ms-transition:opacity 1s 3.2s ease;transition:opacity 1s 3.2s ease}

.homepage .hero-animation-start.child-img-loaded,.homepage .hero-animation-start.child-img-loaded .meta-wrap .meta-wrap-inner p .line-01,.homepage .hero-animation-start.child-img-loaded .meta-wrap .meta-wrap-inner p .line-02,.homepage .homepage-projects .project .meta-wrap,.homepage .homepage-projects .project:hover .meta-wrap{opacity:1}

.homepage section .half-width h2,.homepage section .half-width h3,.homepage section .half-width p{padding:0 30px}

.homepage section header h3{line-height:62px;font-size:22px}

.homepage section header bio{line-height:18px;font-size:20px}

.homepage .homepage-intro{padding-top:62px}

.homepage .homepage-intro article{padding-bottom:62px}

.homepage .homepage-intro article .meta-wrap{display:block;position:absolute;width:50%;height:100%;top:0;left:0;padding-right:15px;box-sizing:border-box}

.homepage .homepage-intro article .meta-wrap .meta-wrap-inner{width:100%;height:100%;background-color:transparent}

.homepage .homepage-intro article .meta-wrap .meta-wrap-inner p{padding:17px;color:#FFF;font-size:22px;font-weight:400;line-height:25px}

.homepage .homepage-approach article{margin-top:62px}

.homepage .homepage-approach article .meta-wrap{display:block;position:absolute;width:50%;height:100%;top:0;left:0;padding-right:15px;box-sizing:border-box}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner{width:100%;height:100%;position:relative}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner p{color:#FFF;padding:17px;font-size:18px;line-height:21px}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-heading{padding-top:17px;padding-bottom:0;margin-bottom:0}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-copy{padding-top:.35em;max-width:80%}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-client{position:absolute;bottom:0;margin-bottom:0;display:block;font-size:22px;line-height:25px}

.homepage .homepage-approach article:last-child{margin-bottom:62px}

.homepage .homepage-projects .inner-posts-wrap{overflow:hidden;z-index:1}

.homepage .homepage-projects .show-more-posts{height:62px;margin-top:-30px;position:relative;z-index:2;background-color:#c7c7c7}

.homepage .homepage-projects .show-more-posts div{margin-top:15px}

.homepage .homepage-projects .show-more-posts h3{font-size:22px}

.homepage .homepage-projects .project{width:50%;display:inline-block;float:left;padding-bottom:30px;padding-right:15px;box-sizing:border-box}

.homepage .homepage-projects .project .meta-wrap{display:block;position:absolute;width:50%;height:100%;top:0;left:0;opacity:1}

.homepage .homepage-projects .project .meta-wrap p{color:#FFF;font-size:18px;padding:17px;line-height:21px}

.homepage .homepage-projects .project .inner{width:100%;height:100%}

.homepage .homepage-projects .project:nth-child(even){padding-left:15px;padding-right:0}

.homepage .homepage-about{background-color:#979797}

.homepage .homepage-about header h3{color:#4D4D4D}

.homepage .homepage-about .homepage-about-01{background-color:#979797;padding-bottom:62px}

.homepage .homepage-about .homepage-about-02{background-color:#a8a8a8;padding-bottom:62px;padding-top:62px}

.homepage .homepage-about .homepage-about-03{background-color:#a0a0a0;padding-bottom:62px;padding-top:62px}

.homepage .homepage-about .homepage-about-video{padding-bottom:62px;padding-top:62px;background-color:#626061}

.homepage .homepage-about section article .about-content{width:50%;display:inline-block;float:left;padding-bottom:0;padding-right:15px;box-sizing:border-box;font-size:18px;line-height:21px}

.homepage .homepage-about section article .about-content .client-image-wrap{width:33%;padding-right:10px;padding-bottom:10px}

.homepage .homepage-about section article .about-content p,.homepage .homepage-about section article .about-content strong{font-size:18px;line-height:21px;margin-top:-5px}

.homepage .homepage-about section article .about-content:nth-child(even){padding-left:15px;padding-right:0}

.homepage .homepage-about section article .about-content.hidden-mobile{display:inline-block}

.homepage .homepage-about section article .about-content .show-clients-btn,.homepage .homepage-news .news-carousel-wrap .mobile-view-more{display:none}

.homepage .homepage-about section article .about-content .about-client-outer{height:auto!important;margin-bottom:-10px}

.homepage .homepage-about section article .about-content .about-client-outer .about-client-inner{position:static}

.homepage .homepage-news header .caroousel-controls{height:62px;right:40px}

.homepage .homepage-news header .caroousel-controls .btns{height:62px;width:35px}

.homepage .homepage-news .news-carousel-wrap,.homepage .homepage-news .news-carousel-wrap ul,.homepage .homepage-news .news-carousel-wrap ul li{height:450px}

.homepage .homepage-news header .caroousel-controls .prev{left:0}

.homepage .homepage-news header .caroousel-controls .next{right:0}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div{width:50%;display:inline-block;float:left;padding-bottom:62px;padding-right:15px;font-size:18px;line-height:21px}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div p,.homepage .homepage-news .news-carousel-wrap ul li .news-article div strong{font-size:18px;line-height:21px;vertical-align:text-top}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div:nth-child(even){padding-left:15px;padding-right:0}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div .news-meta{padding-top:0}

.homepage .homepage-news .news-carousel-wrap.active,.homepage .homepage-news .news-carousel-wrap.active ul,.homepage .homepage-news .news-carousel-wrap.active ul li{height:500px}

}

@media screen and (min-width:950px){.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-client,.homepage .homepage-approach article .meta-wrap .meta-wrap-inner p{font-size:18px;line-height:21px}

}

@media screen and (min-width:1300px){.homepage .homepage-approach-animation{opacity:0;-webkit-transition:opacity 1s 0s ease;-moz-transition:opacity 1s 0s ease;-o-transition:opacity 1s 0s ease;-ms-transition:opacity 1s 0s ease;transition:opacity 1s 0s ease}

.homepage .homepage-approach-animation .meta-wrap .meta-wrap-inner p.line-01{opacity:0;-webkit-transition:opacity 1s .5s ease;-moz-transition:opacity 1s .5s ease;-o-transition:opacity 1s .5s ease;-ms-transition:opacity 1s .5s ease;transition:opacity 1s .5s ease}

.homepage .homepage-approach-animation .meta-wrap .meta-wrap-inner p.line-02{opacity:0;-webkit-transition:opacity 1s 1s ease;-moz-transition:opacity 1s 1s ease;-o-transition:opacity 1s 1s ease;-ms-transition:opacity 1s 1s ease;transition:opacity 1s 1s ease}

.homepage .homepage-approach-animation .meta-wrap .meta-wrap-inner p.line-03{opacity:0;-webkit-transition:opacity 1s 2s ease;-moz-transition:opacity 1s 2s ease;-o-transition:opacity 1s 2s ease;-ms-transition:opacity 1s 2s ease;transition:opacity 1s 2s ease}

.homepage .active.child-img-loaded,.homepage .active.child-img-loaded .meta-wrap .meta-wrap-inner p.line-01,.homepage .active.child-img-loaded .meta-wrap .meta-wrap-inner p.line-02{opacity:1}

.homepage section .half-width h2,.homepage section .half-width h3,.homepage section .half-width p{padding:0 30px}

.homepage section header h3{line-height:62px;font-size:24px}

.homepage section header bio{color:#4D4D4D;line-height:20px;font-size:24px;font-weight:none}

.homepage .homepage-intro{padding-top:62px}

.homepage .homepage-intro article{padding-bottom:62px}

.homepage .homepage-intro article .meta-wrap{padding-right:15px}

.homepage .homepage-intro article .meta-wrap .meta-wrap-inner p{padding:17px;font-size:26px;line-height:29px}

.homepage .homepage-approach article{margin-top:40px}

.homepage .homepage-approach article .meta-wrap{padding-right:15px}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner p{padding:17px;font-size:22px;line-height:25px}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-heading{padding-top:17px;padding-bottom:0;margin-bottom:0}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-copy{padding-top:.35em;max-width:80%}

.homepage .homepage-approach article .meta-wrap .meta-wrap-inner .approach-client{font-size:18px;line-height:21px}

.homepage .homepage-approach article:last-child{margin-bottom:62px}

.homepage .homepage-projects{position:relative}

.homepage .homepage-projects .inner-posts-wrap{overflow:hidden;z-index:1}

.homepage .homepage-projects .show-more-posts{height:62px;margin-top:-30px;position:relative;z-index:2;background-color:#c7c7c7}

.homepage .homepage-projects .show-more-posts div{margin-top:15px}

.homepage .homepage-projects .show-more-posts h3{font-size:22px}

.homepage .homepage-projects .project{padding-bottom:30px;padding-right:15px;font-size:18px}

.homepage .homepage-projects .project .meta-wrap{opacity:0;-webkit-transition:opacity .7s 0s ease;-moz-transition:opacity .7s 0s ease;-o-transition:opacity .7s 0s ease;-ms-transition:opacity .7s 0s ease;transition:opacity .7s 0s ease}

.homepage .homepage-projects .project .meta-wrap p{font-size:18px;padding:17px;line-height:21px}

.homepage .homepage-about section article .about-content:nth-child(even),.homepage .homepage-projects .project:nth-child(even){padding-left:15px}

.homepage .homepage-projects .project .meta-wrap:hover .meta-wrap{opacity:1}

.homepage .homepage-about .homepage-about-01{padding-bottom:62px}

.homepage .homepage-about .homepage-about-02,.homepage .homepage-about .homepage-about-03{padding-bottom:62px;padding-top:62px}

.homepage .homepage-about .homepage-about-video{padding-bottom:62px;padding-top:62px;background-color:#626061}

.homepage .homepage-about section article .about-content{font-size:18px;padding-bottom:0;padding-right:15px}

.homepage .homepage-about section article .about-content .client-image-wrap{width:25%;padding-right:10px}

.homepage .homepage-about section article .about-content p,.homepage .homepage-about section article .about-content strong{font-size:18px;line-height:21px;margin-top:-8px}

.homepage .homepage-news header .caroousel-controls{height:62px;right:40px}

.homepage .homepage-news header .caroousel-controls .btns{height:62px;width:35px}

.homepage .homepage-news header .caroousel-controls .prev{left:0}

.homepage .homepage-news header .caroousel-controls .next{right:0}

.homepage .homepage-news .news-carousel-wrap,.homepage .homepage-news .news-carousel-wrap ul,.homepage .homepage-news .news-carousel-wrap ul li{height:550px}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div{width:50%;display:inline-block;float:left;padding-bottom:62px;padding-right:15px;font-size:18px}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div p,.homepage .homepage-news .news-carousel-wrap ul li .news-article div strong{font-size:18px;vertical-align:text-top}

.homepage .homepage-news .news-carousel-wrap ul li .news-article div:nth-child(even){padding-left:15px;padding-right:0}

.homepage .homepage-news .news-carousel-wrap.active,.homepage .homepage-news .news-carousel-wrap.active ul,.homepage .homepage-news .news-carousel-wrap.active ul li{height:1000px}

}

.project-page .intro-contnt .inner-half p,.project-page .project-content .side-by-side .half-width .quote-copy{font-size:16px;line-height:19px}

.project-page{background-color:#EAEAEA}

.project-page .hero-image{padding-top:50px}

.project-page .hero-image .container img{width:100%;height:auto;display:block}

.project-page .intro-contnt .inner-half{width:100%;display:inline-block;overflow:hidden;float:left;padding:0}

.project-page .intro-contnt .inner-half.left{padding-top:25px}

.project-page .intro-contnt .inner-half.right{padding-bottom:25px}

.project-page .project-content img{width:100%;height:auto;display:block}

.project-page .project-content .full-width-img{margin-bottom:0;padding-bottom:20px}

.project-page .project-content .side-by-side .half-width{width:100%;padding-bottom:20px}

.project-page .project-content .side-by-side .half-width.project-dbl-img{position:relative}

.project-page .project-content .side-by-side .half-width.project-dbl-img .img-add-gap{padding-bottom:20px}

.project-page .project-content .side-by-side .half-width.project-dbl-img .project-dbl-img-gap{display:none}

.project-page .project-content .side-by-side .half-width .image-top{padding-bottom:20px}

.project-page .project-content .video-row{position:relative;margin-bottom:20px}

.project-page .project-content .video-row .divider{position:absolute;height:100%;z-index:200;top:0;left:34%;background-color:#eaeaea;display:none}

.project-page .project-content .video-row .quarter-width-dt{background-size:cover;background-position:center;background-repeat:no-repeat;display:none}

.project-page .project-content .video-row .three-quarter-width{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}

.project-page .project-content .video-row .three-quarter-width iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.project-page .project-content .video-row .full-width iframe{position:absolute;top:0;left:0;width:100%;height:100%}

@media screen and (min-width:750px){.project-page .intro-contnt .inner-half p,.project-page .project-content .side-by-side .half-width .quote-copy{font-size:18px;line-height:21px}

.project-page .hero-image{padding-top:62px}

.project-page .intro-contnt .inner-half{padding:40px 0;width:50%;display:inline-block;float:left}

.project-page .intro-contnt .inner-half.left{padding-top:40px}

.project-page .intro-contnt .inner-half.right{padding-bottom:40px}

.project-page .intro-contnt .inner-half.right p{padding-left:15px}

.project-page .project-content .full-width-img{padding-bottom:30px}

.project-page .project-content .side-by-side .half-width{width:50%;display:inline-block;float:left;padding-bottom:30px;padding-right:15px;box-sizing:border-box}

.project-page .project-content .side-by-side .half-width.project-dbl-img{position:relative}

.project-page .project-content .side-by-side .half-width.project-dbl-img .img-add-gap{padding-bottom:0}

.project-page .project-content .side-by-side .half-width.project-dbl-img .project-dbl-img-gap{height:30px;position:absolute;display:block;z-index:1;top:50%;left:0;width:100%;margin-top:-15px;background-color:#EAEAEA}

.project-page .project-content .side-by-side .half-width .image-top{padding-bottom:30px}

.project-page .project-content .side-by-side .half-width:nth-child(even){padding-left:15px;padding-right:0}

.project-page .project-content .video-row{position:relative;margin-bottom:30px}

.project-page .project-content .video-row .divider{width:30px;display:block;margin-left:-30px;pointer-events:none}

.project-page .project-content .video-row .spacer-div{width:34%;height:1px;float:left;display:block}

.project-page .project-content .video-row .quarter-width-dt{width:34%;position:absolute;z-index:100;left:0;top:0;bottom:0;display:block}

.project-page .project-content .video-row .quarter-width-mb{display:none}

.project-page .project-content .video-row .three-quarter-width{padding-bottom:37.25%}

.project-page .project-content .video-row .full-width{padding-bottom:37.25%}

}

@media screen and (min-width:1300px){.project-page .hero-image{padding-top:62px}

.project-page .project-content .side-by-side .half-width.project-dbl-img{position:relative}

.project-page .project-content .side-by-side .half-width.project-dbl-img .project-dbl-img-gap{height:30px;margin-top:-15px}

.project-page .intro-contnt .inner-half{padding:40px 0}

.project-page .intro-contnt .inner-half.left{padding-top:40px}

.project-page .intro-contnt .inner-half.right{padding-bottom:40px}

.project-page .intro-contnt .inner-half p{font-size:18px}

.project-page .intro-contnt .inner-half.right p{padding-left:15px}

}

.archive .archive-intro{background-color:#f5f5f5;padding-top:50px}

.archive .archive-intro header h3,.archive .archive-intro header h4{color:#4D4D4D;font-weight:300;margin-bottom:0}

.archive .archive-intro header h3{line-height:50px;font-size:16px;font-weight:400}

.archive .archive-intro .archive-wrap{padding-bottom:50px}

.archive .archive-intro .archive-wrap header{width:100%;float:left;display:block;margin-top:0}

.archive .archive-intro .archive-wrap header h3,.archive .archive-intro .archive-wrap header h4{color:#4D4D4D;font-weight:300;line-height:50px;font-size:16px;margin-bottom:0}

.archive .archive-intro .archive-wrap header:first-child{margin-top:0}

.archive .archive-intro .archive-wrap figure{width:100%;display:inline-block;float:left;padding-right:0;box-sizing:border-box;margin:0}

.archive .archive-intro .archive-wrap figure img{width:100%;height:auto;display:block;margin-bottom:8px}

.archive .archive-intro .archive-wrap figure figcaption{font-size:16px;line-height:20.8px;height:72.8px}

.archive .archive-intro .archive-wrap figure figcaption strong{font-weight:400}

@media screen and (min-width:750px){.archive .archive-intro .archive-wrap header h4,.archive .archive-intro header h3{line-height:62px;font-size:22px;margin-bottom:0}

.archive .archive-intro{background-color:#f5f5f5;padding-top:62px}

.archive .archive-intro .archive-wrap{padding-bottom:62px}

.archive .archive-intro .archive-wrap header{width:100%;float:left;display:block;margin-top:62px}

.archive .archive-intro .archive-wrap header:first-child{margin-top:0}

.archive .archive-intro .archive-wrap figure{width:33%;display:inline-block;float:left;padding-right:30px;box-sizing:border-box;margin:0}

.archive .archive-intro .archive-wrap figure img{width:100%;height:auto;display:block;margin-bottom:15px}

.archive .archive-intro .archive-wrap figure figcaption{font-size:18px;line-height:21px;height:81.9px}

}

@media screen and (min-width:1300px){.archive .archive-intro .archive-wrap header h4,.archive .archive-intro header h3{line-height:62px;font-size:22px;margin-bottom:0}

.archive .archive-intro{background-color:#f5f5f5;padding-top:62px}

.archive .archive-intro .archive-wrap{padding-bottom:62px}

.archive .archive-intro .archive-wrap header{width:100%;float:left;display:block;margin-top:62px}

.archive .archive-intro .archive-wrap header:first-child{margin-top:0}

.archive .archive-intro .archive-wrap figure{width:25%;display:inline-block;float:left;padding-right:30px;box-sizing:border-box;margin:0}

.archive .archive-intro .archive-wrap figure img{width:100%;height:auto;display:block;margin-bottom:15px}

.archive .archive-intro .archive-wrap figure figcaption{font-size:18px;line-height:21px;height:81.9px}

}