html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

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

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
content:none
}

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

body {
background:#fff;
font-size:13px;
font-family:"Georgia",serif;
font-weight:400;
font-style:normal;
color:#766956;
-webkit-font-smoothing:subpixel-antialiased;
-webkit-text-size-adjust:100%
}

* {
box-sizing:border-box
}

::selection {
background:#FF5232;
color:#fff
}

::-moz-selection {
background:#FF5232;
color:#fff
}

h1,h2,h3,h4,h5,h6 {
color:#766956;
font-family:"TradeGothicLTStdRegular",helvetica,arial,sans-serif;
font-weight:400
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
font-weight:inherit
}

h1 {
font-size:26px;
line-height:33px;
margin-bottom:13px
}

h2 {
font-size:21px;
line-height:25px;
margin-bottom:13px
}

h3 {
font-size:20px;
line-height:20px;
margin-bottom:9px
}

h4 {
font-size:15px;
line-height:18px;
margin-bottom:9px
}

h5 {
font-size:11.7px;
line-height:15.6px;
margin-bottom:4px
}

h6 {
font-size:18px;
line-height:23px
}

p {
line-height:21.45px;
margin:0 0 5px
}

p img {
margin:0
}

p.small {
font-size:90%;
line-height:1.55em
}

p.large {
font-size:110%
}

em,i {
font-style:italic
}

.headline,strong,b {
font-weight:600
}

.highlight {
color:#FF5232;
font-weight:600;
text-transform:uppercase
}

blockquote,blockquote p {
font-size:18px;
line-height:26px
}

blockquote {
margin:0 0 20px;
padding:0 30px
}

blockquote cite {
display:block;
font-size:13px;
color:#555
}

blockquote cite:before {
content:"\2014 \0020"
}

blockquote cite a,blockquote cite a:visited {
color:#555
}

p.blockquote {
font-size:26px;
line-height:32.5px;
margin:0 0 20px;
padding:0;
text-indent:-.25em
}

hr {
border-style:solid;
border-color:#e6e6e6;
border-width:1px 0 0;
clear:both;
margin:10px 0;
height:0
}

img[class*="align-"] {
display:inline-block;
margin:0 10px 10px
}

img.align-right {
float:right;
margin-right:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px
}

img.align-left {
float:left;
margin-left:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px
}

img.responsive-img {
max-width:100%;
height:auto
}

img.responsive-img.vertical {
width:48.8%
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
  img.responsive-img.vertical {
    width:48.8%
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  img.responsive-img.vertical {
    width:49%
  }
}

img.responsive-img.vertical:nth-of-type(1) {
float:left
}

img.responsive-img.vertical:nth-of-type(2) {
float:right
}

a,a:visited {
color:#766956;
text-decoration:none;
outline:0
}

a:hover,a:focus,a:active {
color:#FF5232;
cursor:pointer
}

p a,p a:visited {
line-height:inherit
}

ul,ol {
margin-bottom:10px
}

ul {
list-style:none outside
}

ol {
list-style:decimal
}

ol,ul,ul.square,ul.circle,ul.disc {
margin-left:20px
}

ul,ul.disc {
list-style:disc outside
}

ul.square {
list-style:square outside
}

ul.circle {
list-style:circle outside
}

ul ul,ul ol,ol ol,ol ul {
margin:4px 0 5px 20px
}

ul ul li,ul ol li,ol ol li,ol ul li {
margin-bottom:6px
}

li {
font-size:13px;
line-height:21.45px;
margin-bottom:.15em
}

.button,.button:visited,button,input[type="submit"],input[type="reset"],input[type="button"] {
background-color:#677683;
color:#fff;
display:inline-block;
font-size:13px;
margin-bottom:5px;
position:relative;
text-decoration:none;
cursor:pointer;
line-height:normal;
padding:10px 20px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transform:translateZ(0);
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px
}

.button:hover,.button:visited:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
background-color:#acb5be;
color:#fff!important
}

input[type="submit"] {
border:none;
color:#fff;
font-family:"TradeGothicLTStdRegular",helvetica,arial,sans-serif;
text-align:center
}

input[type="submit"]:hover,input[type="submit"]:active {
background-color:#323232
}

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

fieldset {
margin-bottom:20px
}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="url"],input[type="tel"],input[type="file"],textarea,select,.selectopt {
background-color:#fff;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px;
outline:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
font-size:13px;
font-family:"Georgia",serif;
font-weight:400;
color:#323232;
margin:0 0 10px;
width:100%;
max-width:100%;
display:block;
-webkit-transition:background-color .3s ease-in-out;
-moz-transition:background-color .3s ease-in-out;
-ms-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out;
-webkit-transform:translateZ(0);
-moz-box-sizing:border-box;
box-sizing:border-box
}

input[type="text"]:focus,input[type="text"]:active,input[type="password"]:focus,input[type="password"]:active,input[type="email"]:focus,input[type="email"]:active,input[type="search"]:focus,input[type="search"]:active,input[type="url"]:focus,input[type="url"]:active,input[type="tel"]:focus,input[type="tel"]:active,input[type="file"]:focus,input[type="file"]:active,textarea:focus,textarea:active,select:focus,select:active,.selectopt:focus,.selectopt:active {
border:1px solid #818f9c
}

.selectopt {
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
margin-bottom:10px;
width:100%;
background:100%;
background-image:-moz-linear-gradient(vertical,100% #fff,0% #fff);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(100%,#fff),color-stop(0%,#fff));
background-image:-webkit-linear-gradient(vertical,100% #fff,0% #fff);
background-image:-o-linear-gradient(vertical,100% #fff,0% #fff);
background-image:-ms-linear-gradient(vertical,100% #fff,0% #fff);
background-image:linear-gradient(to bottom,100% #fff,0% #fff);
padding:0 0 0 10px
}

.selectopt.multi {
background-image:none;
background-color:#fff;
padding:0;
width:100%
}

.selectopt.multi option {
padding:.25em
}

select {
background-color:transparent!important;
border:none!important;
background-image:url(../img/arrow-down.png);
background-position:100% 48%;
background-repeat:no-repeat;
display:block;
margin:0;
padding:10px;
-webkit-appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

select:hover {
background-color:#fff;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}

select:focus {
outline:none
}

.selectopt.small,.selectopt.small select {
display:inline-block;
width:auto
}

.selectopt.small select {
padding-right:25px
}

textarea {
min-height:120px
}

label,legend {
color:#323232;
display:block;
font-size:12px;
margin-bottom:5px
}

input[type="checkbox"] {
display:inline;
margin-right:5px
}

label span,legend span {
font-weight:400;
color:#323232
}

label span.req,label span.gfield_required,.validation_message,.validation_error {
color:#e26054;
font-size:13px;
margin-left:.2em
}

.validation_error {
margin:20px 0
}

.radio label,.check label {
dislay:inline;
float:left
}

.check input[type="checkbox"] {
display:inline;
float:left
}

form .form-help {
font-size:11px
}

form ul {
list-style:none;
margin:0
}

form ul:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden
}

form fieldset li {
display:block;
float:left;
box-sizing:border-box;
font-size:12px;
margin-bottom:2.5px;
width:100%
}

form fieldset {
margin-bottom:5px
}

form fieldset.additional {
background-color:#fafafa;
border:1px solid #323232;
padding:10px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px
}

form fieldset.slim li {
margin:0
}

form fieldset.slim .selectopt {
margin-bottom:5px
}

form hr {
background-color:#323232;
height:3px
}

form .inline {
display:inline-block;
margin-right:2em;
width:auto
}

form .multicol {
display:inline-block;
float:left;
box-sizing:border-box;
margin:0;
width:100%
}

form li:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden
}

form .multicol.col2 {
margin-right:1%;
width:49%;
*width:48%
}

form .multicol.col3 {
margin-right:1%;
width:32.333%;
*width:31.333%
}

form .check li {
margin-bottom:0;
width:auto
}

form .check li.listheader {
margin-bottom:10px;
width:100%
}

form input[type="submit"] {
background-color:#323232;
font-size:14px;
padding:10px 25px;
text-transform:capitalize
}

form .error label {
color:#e26054
}

form .ginput_container {
width:auto
}

.errors {
color:#e26054
}

#modalOverlay {
background-color:#fff
}

#modalContainer {
background-color:#fff;
position:absolute;
padding:0;
-webkit-box-shadow:0 0 4px rgba(25,25,25,0.2);
-moz-box-shadow:0 0 4px rgba(25,25,25,0.2);
box-shadow:0 0 4px rgba(25,25,25,0.2);
-webkit-border-radius:3px 0 3px 3px;
-moz-border-radius:3px 0 3px 3px;
-ms-border-radius:3px 0 3px 3px;
-o-border-radius:3px 0 3px 3px;
border-radius:3px 0 3px 3px
}

#modalContainer .modalClose a {
background-color:#818f9c;
background-image:url(../img/closebtn.png)!important;
background-position:center center!important;
background-repeat:no-repeat!important;
display:block;
height:30px;
line-height:30px;
margin:0;
position:absolute;
top:0;
right:-30px;
text-align:center;
text-indent:-9999px;
width:30px;
-webkit-border-radius:0 2px 2px 0;
-moz-border-radius:0 2px 2px 0;
-ms-border-radius:0 2px 2px 0;
-o-border-radius:0 2px 2px 0;
border-radius:0 2px 2px 0
}

#modalContainer .modalClose a:hover {
background-color:#677683!important
}

.subtract_btm {
margin-bottom:-20px!important
}

.remove_btm {
margin-bottom:0!important
}

.half-btm {
margin-bottom:20px!important
}

.add-btm {
margin-bottom:40px!important
}

.add-top {
margin-top:40px!important
}

.half-top {
margin-top:20px!important
}

.brdr-top {
border-top:1px solid #fff
}

.brdr-btm {
border-bottom:1px solid #fff
}

.marker {
background-color:#FF5232;
display:block;
content:'';
height:4px;
margin:1.5em 0;
width:50px
}

.hidden {
display:none
}

.responsive-img {
height:auto;
width:100%
}

.align-center {
text-align:center
}

.align-left {
text-align:left
}

.align-right {
text-align:right
}

.indent-right {
padding-right:30px
}

.indent-left {
padding-left:30px
}

[class*="container"] {
position:relative;
width:980px;
margin:0 auto;
padding:0
}

[class*="container"] .column,[class*="container"] .columns {
float:left;
display:inline;
position:relative
}

[class*="container"] .column.alpha,[class*="container"] .columns.alpha {
margin-left:0
}

[class*="container"] .column.omega,[class*="container"] .columns.omega {
margin-right:0
}

.row {
margin-bottom:20px
}

[class*="container"] .column,[class*="container"] .columns {
margin-left:0;
margin-right:0
}

[class*="container"] .col1.column,[class*="container"] .col1.columns {
width:8.3333333333%
}

[class*="container"] .col2.column,[class*="container"] .col2.columns {
width:16.6666666667%
}

[class*="container"] .col3.column,[class*="container"] .col3.columns {
width:25%
}

[class*="container"] .col4.column,[class*="container"] .col4.columns {
width:33.3333333333%
}

[class*="container"] .col5.column,[class*="container"] .col5.columns {
width:41.6666666667%
}

[class*="container"] .col6.column,[class*="container"] .col6.columns {
width:50%
}

[class*="container"] .col7.column,[class*="container"] .col7.columns {
width:58.3333333333%
}

[class*="container"] .col8.column,[class*="container"] .col8.columns {
width:66.6666666667%
}

[class*="container"] .col9.column,[class*="container"] .col9.columns {
width:75%
}

[class*="container"] .col10.column,[class*="container"] .col10.columns {
width:83.3333333333%
}

[class*="container"] .col11.column,[class*="container"] .col11.columns {
width:91.6666666667%
}

[class*="container"] .col12.column,[class*="container"] .col12.columns {
width:100%
}

[class*="container"] .offset-by-col1 {
padding-left:8.3333333333%
}

[class*="container"] .offset-by-col2 {
padding-left:16.6666666667%
}

[class*="container"] .offset-by-col3 {
padding-left:25%
}

[class*="container"] .offset-by-col4 {
padding-left:33.3333333333%
}

[class*="container"] .offset-by-col5 {
padding-left:41.6666666667%
}

[class*="container"] .offset-by-col6 {
padding-left:50%
}

[class*="container"] .offset-by-col7 {
padding-left:58.3333333333%
}

[class*="container"] .offset-by-col8 {
padding-left:66.6666666667%
}

[class*="container"] .offset-by-col9 {
padding-left:75%
}

[class*="container"] .offset-by-col10 {
padding-left:83.3333333333%
}

[class*="container"] .offset-by-col11 {
padding-left:91.6666666667%
}

@media only screen and (max-width: 767px) {
#studio .grid-feature-column>.column.col8 {
margin-bottom:-2px
}

#studio #studio-feature-nav {
display:none
}

#studio .container.grid .column.col12>.inset .column-body-inner {
padding:20px;
top:0
}

#studio div.close {
z-index:999999;
top:17px;
right:-5px
}

#studio.container.grid .column>.inset {
margin-left:.2%;
margin-right:.8%
}

#studio.container.grid .column.col12>.inset .column-body-inner {
padding:20px;
top:0
}

#studio.container.grid .column.col12>.inset .column-body-inner p {
display:none
}

#studio.container.grid .column.col12>.inset .column-body-inner h3 {
font-size:18px;
line-height:20px
}

#studio.container.grid .column.col12>.inset .column-body-inner h3 span {
font-size:15px
}
}

[class*="container"]:after,section:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden
}

.clearfix,.row {
zoom:1
}

.clearfix:before,.clearfix:after,.row:before,.row:after {
content:"\0020";
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}

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

.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}

html:not(.home) {
overflow-y:scroll
}

body,html {
font-family:"TradeGothicLTStdRegular";
font-weight:400
}

body p,html p {
font-family:Georgia,serif;
font-weight:400
}

.top-nav {
background:#FFF;
font-family:"TradeGothicLTStdCondensed";
overflow:hidden;
text-transform:uppercase;
width:100%;
position:fixed;
top:0;
z-index:1000000
}

.top-nav a {
color:#766956;
font-size:26px;
line-height:1em
}

.top-nav a:hover,.top-nav a.active {
color:#FF5232
}

.top-nav ul {
-webkit-transition:margin .5s ease;
-moz-transition:margin .5s ease;
-ms-transition:margin .5s ease;
-o-transition:margin .5s ease;
transition:margin .5s ease;
-webkit-transform:translateZ(0);
list-style:none;
float:left;
margin:40px 0 0 50px
}

.top-nav ul>li {
display:inline-block;
margin-right:33px
}

.top-nav ul>li:last-child {
margin-right:0
}

.top-nav .logo-left {
display:block;
float:left;
-webkit-transition:padding .5s ease;
-moz-transition:padding .5s ease;
-ms-transition:padding .5s ease;
-o-transition:padding .5s ease;
transition:padding .5s ease;
-webkit-transform:translateZ(0);
padding:21px 0 21px 49px
}

.top-nav .logo-left img {
height:56px
}

.top-nav .logo-right {
float:right;
margin:39px 63px 0 0
}

.top-nav .logo-right img {
width:273px
}

.top-nav .logo-right.txt {
margin-right:53px;
letter-spacing:.2px
}

.top-nav .logo-right.txt span {
color:#FF5232;
padding:0 2px
}

.top-nav .logo-right.txt img {
width:101px;
padding-left:5px
}

.footer {
color:#766956;
font-family:"" TradeGothicLTStdRegular "Regular",sans-serif;
position:relative;
width:100%;
background:#FFF;
font-size:11px;
text-transform:uppercase;
height:29px
}

.footer.fixed {
position:fixed;
bottom:0
}

.footer span.left {
position:absolute;
margin:10px 0 0 50px
}

.footer span.right {
position:absolute;
right:0;
margin:10px 50px 0 0
}

.footer a {
color:#766956
}

.reverse-copy h1,.bkg-red h1,.container.grid .column-body[class*="caption-block"] h1,.grid-feature-column .column-body>.inset h1,.phil-content .column-body>.inset h1,.bkg-brown h1,.container.grid .column-body.snapshot .column-body-inner h1,.reverse-copy h2,.bkg-red h2,.container.grid .column-body[class*="caption-block"] h2,.grid-feature-column .column-body>.inset h2,.phil-content .column-body>.inset h2,.bkg-brown h2,.container.grid .column-body.snapshot .column-body-inner h2,.reverse-copy h3,.bkg-red h3,.container.grid .column-body[class*="caption-block"] h3,.grid-feature-column .column-body>.inset h3,.phil-content .column-body>.inset h3,.bkg-brown h3,.container.grid .column-body.snapshot .column-body-inner h3,.reverse-copy h4,.bkg-red h4,.container.grid .column-body[class*="caption-block"] h4,.grid-feature-column .column-body>.inset h4,.phil-content .column-body>.inset h4,.bkg-brown h4,.container.grid .column-body.snapshot .column-body-inner h4,.reverse-copy h5,.bkg-red h5,.container.grid .column-body[class*="caption-block"] h5,.grid-feature-column .column-body>.inset h5,.phil-content .column-body>.inset h5,.bkg-brown h5,.container.grid .column-body.snapshot .column-body-inner h5,.reverse-copy h6,.bkg-red h6,.container.grid .column-body[class*="caption-block"] h6,.grid-feature-column .column-body>.inset h6,.phil-content .column-body>.inset h6,.bkg-brown h6,.container.grid .column-body.snapshot .column-body-inner h6,.reverse-copy p,.bkg-red p,.container.grid .column-body[class*="caption-block"] p,.grid-feature-column .column-body>.inset p,.phil-content .column-body>.inset p,.bkg-brown p,.container.grid .column-body.snapshot .column-body-inner p,.reverse-copy a,.bkg-red a,.container.grid .column-body[class*="caption-block"] a,.grid-feature-column .column-body>.inset a,.phil-content .column-body>.inset a,.bkg-brown a,.container.grid .column-body.snapshot .column-body-inner a {
color:#fff;
border-color:#fff!important
}

.column-format h1,.reverse-copy h1,.bkg-red h1,.container.grid .column-body[class*="caption-block"] h1,.grid-feature-column .column-body>.inset h1,.phil-content .column-body>.inset h1,.bkg-brown h1,.container.grid .column-body.snapshot .column-body-inner h1,.container.grid .column-body h1,.container.grid .column-body-inner h1,.container.grid .column-body-expand h1,.column-format h2,.reverse-copy h2,.bkg-red h2,.container.grid .column-body[class*="caption-block"] h2,.grid-feature-column .column-body>.inset h2,.phil-content .column-body>.inset h2,.bkg-brown h2,.container.grid .column-body.snapshot .column-body-inner h2,.container.grid .column-body h2,.container.grid .column-body-inner h2,.container.grid .column-body-expand h2,.column-format h3,.reverse-copy h3,.bkg-red h3,.container.grid .column-body[class*="caption-block"] h3,.grid-feature-column .column-body>.inset h3,.phil-content .column-body>.inset h3,.bkg-brown h3,.container.grid .column-body.snapshot .column-body-inner h3,.container.grid .column-body h3,.container.grid .column-body-inner h3,.container.grid .column-body-expand h3 {
font-family:"" TradeGothicLTStdRegular "Regular",sans-serif;
text-transform:uppercase
}

.column-format h2,.reverse-copy h2,.bkg-red h2,.container.grid .column-body[class*="caption-block"] h2,.grid-feature-column .column-body>.inset h2,.phil-content .column-body>.inset h2,.bkg-brown h2,.container.grid .column-body.snapshot .column-body-inner h2,.container.grid .column-body h2,.container.grid .column-body-inner h2,.container.grid .column-body-expand h2,.column-format h3,.reverse-copy h3,.bkg-red h3,.container.grid .column-body[class*="caption-block"] h3,.grid-feature-column .column-body>.inset h3,.phil-content .column-body>.inset h3,.bkg-brown h3,.container.grid .column-body.snapshot .column-body-inner h3,.container.grid .column-body h3,.container.grid .column-body-inner h3,.container.grid .column-body-expand h3 {
font-size:16px
}

.column-format p,.reverse-copy p,.bkg-red p,.container.grid .column-body[class*="caption-block"] p,.grid-feature-column .column-body>.inset p,.phil-content .column-body>.inset p,.bkg-brown p,.container.grid .column-body.snapshot .column-body-inner p,.container.grid .column-body p,.container.grid .column-body-inner p,.container.grid .column-body-expand p {
line-height:1.55em;
margin-bottom:1.55em
}

.column-format p:last-of-type,.reverse-copy p:last-of-type,.bkg-red p:last-of-type,.grid-feature-column .column-body>.inset p:last-of-type,.phil-content .column-body>.inset p:last-of-type,.bkg-brown p:last-of-type,.container.grid .column-body.snapshot .column-body-inner p:last-of-type,.container.grid .column-body p:last-of-type,.container.grid .column-body-inner p:last-of-type,.container.grid .column-body-expand p:last-of-type {
margin-bottom:0
}

.column-format a,.reverse-copy a,.bkg-red a,.container.grid .column-body[class*="caption-block"] a,.grid-feature-column .column-body>.inset a,.phil-content .column-body>.inset a,.bkg-brown a,.container.grid .column-body.snapshot .column-body-inner a,.container.grid .column-body a,.container.grid .column-body-inner a,.container.grid .column-body-expand a {
text-decoration:underline
}

.column-format a.more,.reverse-copy a.more,.bkg-red a.more,.grid-feature-column .column-body>.inset a.more,.phil-content .column-body>.inset a.more,.bkg-brown a.more,.container.grid .column-body.snapshot .column-body-inner a.more,.container.grid .column-body a.more,.container.grid .column-body-inner a.more,.container.grid .column-body-expand a.more {
color:#FF5232;
display:inline-block;
font-family:"" TradeGothicLTStdRegular "Regular",sans-serif;
font-size:11px;
margin-top:20px;
text-decoration:none;
text-transform:uppercase
}

.caption-format,.container.grid .column-body.snapshot .column-body-inner {
font-size:12px;
line-height:1.45em;
margin-bottom:1.45em
}

.underline-header,.column-format h1,.reverse-copy h1,.bkg-red h1,.container.grid .column-body[class*="caption-block"] h1,.grid-feature-column .column-body>.inset h1,.phil-content .column-body>.inset h1,.bkg-brown h1,.container.grid .column-body.snapshot .column-body-inner h1,.container.grid .column-body h1,.container.grid .column-body-inner h1,.container.grid .column-body-expand h1,.column-format h2,.reverse-copy h2,.bkg-red h2,.container.grid .column-body[class*="caption-block"] h2,.grid-feature-column .column-body>.inset h2,.phil-content .column-body>.inset h2,.bkg-brown h2,.container.grid .column-body.snapshot .column-body-inner h2,.container.grid .column-body h2,.container.grid .column-body-inner h2,.container.grid .column-body-expand h2,.column-format h3,.reverse-copy h3,.bkg-red h3,.container.grid .column-body[class*="caption-block"] h3,.grid-feature-column .column-body>.inset h3,.phil-content .column-body>.inset h3,.bkg-brown h3,.container.grid .column-body.snapshot .column-body-inner h3,.container.grid .column-body h3,.container.grid .column-body-inner h3,.container.grid .column-body-expand h3 {
border-bottom:1px solid #766956;
display:block;
line-height:1em;
padding-bottom:14px;
margin-bottom:14px
}

.bkg-tan {
background-color:#f4f5ef
}

.bkg-red,.container.grid .column-body[class*="caption-block"],.grid-feature-column .column-body>.inset,.phil-content .column-body>.inset {
background-color:#FF5232
}

.bkg-brown {
background-color:#766956
}

.container.grid {
display:block;
position:relative;
overflow-y:auto;
overflow-x:hidden;
width:auto;
margin-top:105px;
-webkit-transition:margin-top .6s ease-in-out;
-moz-transition:margin-top .6s ease-in-out;
-ms-transition:margin-top .6s ease-in-out;
-o-transition:margin-top .6s ease-in-out;
transition:margin-top .6s ease-in-out;
-webkit-transform:translateZ(0)
}

@media screen and (max-width: 1024px) {
.container.grid {
margin-top:73px
}
}

@media screen and (max-width: 479px) {
.container.grid {
margin-top:89px
}
}

.container.grid .row {
margin:0;
margin-left:-5px;
margin-right:-5px
}

.container.grid .inner-grid {
line-height:1%;
overflow:auto;
padding-bottom:0;
position:relative;
top:0;
left:-.3%;
right:-.3%;
width:101%
}

.container.grid .column>.inset {
display:block;
line-height:1%;
overflow:hidden;
margin-left:.9%;
margin-right:1%;
margin-bottom:2%
}

@media screen and (max-width: 479px) {
.container.grid .column>.inset {
margin-bottom:0
}
}

.container.grid .column-body,.container.grid .column-body-inner,.container.grid .column-body-expand {
overflow:hidden;
padding:30px;
position:relative
}

.container.grid .column-body.reset,.container.grid .column-body-inner.reset,.container.grid .column-body-expand.reset {
padding:0
}

.container.grid .column-body.project {
display:block;
overflow:hidden;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
-webkit-transform:translateZ(0)
}

.container.grid .column-body.project:hover {
background-color:#FF5232
}

.container.grid .column-body.project:hover h3 {
color:#fff
}

.container.grid .column-body.project h3 {
border:none;
display:block;
font-size:12px;
line-height:1em;
margin-bottom:0;
padding:10px 15px;
text-transform:uppercase
}

.container.grid .column-body.profile,.container.grid .column-body-expand.profile {
background-color:#f4f5ef;
overflow:hidden;
position:relative
}

.container.grid .column-body.profile .column-body-inner {
overflow:hidden;
position:absolute;
bottom:0;
left:180px;
right:0
}

.container.grid .column-body.profile h3 {
color:#FF5232;
border:none;
margin-bottom:0;
text-transform:uppercase
}

.container.grid .column-body.profile h3 span {
color:#766956;
display:block;
font-size:12px;
margin-top:.5em
}

.container.grid .column-body .close {
display:block;
height:30px;
width:30px;
position:absolute;
top:27px;
right:7px;
color:#FF5232;
font-family:sans-serif;
font-size:17px;
cursor:pointer;
z-index:9999
}

.container.grid .column-body[class*="caption-block"] {
position:absolute;
width:50%
}

.container.grid .column-body.caption-block-topleft {
top:0;
left:0
}

.container.grid .column-body.caption-block-btmright {
bottom:0;
right:0
}

.container.grid .column-body.snapshot {
background-color:rgba(255,82,50,0.8);
display:block;
overflow:hidden;
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}

.container.grid .column-body.snapshot .more-images {
display:none
}

.container.grid .column-body.snapshot .column-body-inner {
display:block;
padding:25px 20px
}

.container.grid .column-body.snapshot .column-body-inner.title {
position:absolute;
bottom:0;
left:0;
padding:30px
}

.container.grid .column-body.snapshot .column-body-inner.title h3 {
border:none;
font-size:30px;
padding:0;
margin:0
}

.container.grid .column-body.snapshot.square {
left:5px
}

#portfolio .col6.feature .imageset,#portfolio .gridcol.col6,#portfolio .gridcol.col3 {
display:none
}

body.port .footer {
display:none
}

.imageset {
line-height:1%;
overflow:hidden
}

.imageset img {
height:auto;
width:100%
}

.imageset span.leftcol,.imageset .rightcol {
display:block;
padding-top:8px
}

@media screen and (max-width: 479px) {
.imageset span.leftcol,.imageset .rightcol {
padding:0
}
}

.imageset span.leftcol>img {
padding-right:5px
}

@media screen and (max-width: 479px) {
.imageset span.leftcol>img {
padding:0
}
}

.imageset span.rightcol>img {
padding-left:5px
}

@media screen and (max-width: 479px) {
.imageset span.rightcol>img {
padding:0
}
}

.imageset img.vertical {
width:50%
}

.container.grid .column>.inset.imageset {
margin:-1% .4% 1% -1%
}

@media screen and (max-width: 479px) {
.container.grid .column>.inset.imageset {
padding-bottom:1px;
margin-bottom:5px!important
}
}

.project-details-stub {
top:-50px;
-webkit-transition:top .5s ease-out .9s;
-moz-transition:top .5s ease-out .9s;
-ms-transition:top .5s ease-out .9s;
-o-transition:top .5s ease-out .9s;
transition:top .5s ease-out .9s;
-webkit-transform:translateZ(0);
position:absolute;
background:#FF5232;
z-index:9;
color:#fff;
padding:10px 20px 6px
}

.project-details-stub h1 {
color:#fff;
text-transform:uppercase;
font-size:12px;
margin:0
}

.project-details-stub h1 a {
color:#fff;
font-family:Helvetica,Arial,sans-serif
}

.project-details-stub h1 a span {
padding-left:10px
}

.project-details-stub.show {
top:0
}

.project-details.left {
left:0
}

@media only screen and (max-width: 767px) {
.project-details.left {
position:relative;
top:0
}
}

.project-details {
position:absolute;
background:#FF5232;
z-index:10;
color:#fff;
left:-100%;
width:73%;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out;
-webkit-transform:translateZ(0);
padding:50px 30px 50px 50px
}

@media only screen and (max-width: 767px) {
.project-details {
left:0;
top:-100%;
-webkit-transition:none 0 linear;
-moz-transition:none 0 linear;
-ms-transition:none 0 linear;
-o-transition:none 0 linear;
transition:none 0 linear;
-webkit-transform:translateZ(0)
}
}

.project-details a:link,.project-details a:active,.project-details a:visited {
color:inherit;
text-decoration:underline
}

.project-details a.close {
font-size:20px;
color:#fff;
position:absolute;
top:14px;
right:20px;
font-family:"TradeGothicLTStdRegular";
font-weight:700;
font-size:16px;
text-decoration:none
}

.project-details h1 {
text-transform:uppercase;
color:#fff;
font-weight:400;
font-family:"TradeGothicLTStdRegular";
font-size:22px;
width:70%
}

.project-details .description {
width:70%;
float:left;
margin-right:30px
}

.project-details .description p.press-awards {
font-family:"TradeGothicLTStdRegular";
text-transform:uppercase;
color:#766956;
font-size:12px;
margin:20px 0 0
}

.project-details .credits {
border-left:1px solid #FFF;
overflow:auto;
font-family:"TradeGothicLTStdRegular";
text-transform:uppercase
}

.project-details .credits ul {
list-style:none;
margin-top:13px;
margin-left:0
}

.project-details .credits ul li {
color:#fff;
font-size:12px;
margin-bottom:0;
padding-left:13px
}

.project-details .credits ul li p {
font-family:"TradeGothicLTStdRegular";
line-height:13px
}

.project-details .credits ul li:first-child {
color:#766956
}

.project-details .credits ul:first-child {
margin-top:0
}

.news-images {
overflow:hidden
}

img.mag-left {
float:left;
width:46%
}

img.mag-right {
float:right;
width:52%
}

#news .column-body h3,#studio .column-body h3 {
line-height:14px;
font-weight:400;
font-family:"TradeGothicLTStdRegular";
font-size:14px
}

#news .column-body h3 span,#studio .column-body h3 span {
display:block;
font-family:"TradeGothicLTStdBold";
font-size:15px;
padding-bottom:4px
}

#news .column-body.bkg-tan h3,#studio .column-body.bkg-tan h3 {
color:#FF5232
}

#news .column-body.bkg-red h3,#news .container.grid .column-body[class*="caption-block"] h3,.container.grid #news .column-body[class*="caption-block"] h3,#news .grid-feature-column .column-body>.column-body.inset h3,.grid-feature-column #news .column-body>.column-body.inset h3,#news .phil-content .column-body>.column-body.inset h3,.phil-content #news .column-body>.column-body.inset h3,#studio .column-body.bkg-red h3,#studio .container.grid .column-body[class*="caption-block"] h3,.container.grid #studio .column-body[class*="caption-block"] h3,#studio .grid-feature-column .column-body>.column-body.inset h3,.grid-feature-column #studio .column-body>.column-body.inset h3,#studio .phil-content .column-body>.column-body.inset h3,.phil-content #studio .column-body>.column-body.inset h3 {
color:#fff
}

#news .grid-feature-column .column.col4,#studio .grid-feature-column .column.col4 {
width:32.3333%
}

#news .grid-feature-column .column.col8,#studio .grid-feature-column .column.col8 {
float:right
}

#studio.container.grid .column.col12>.inset {
margin-left:.3%;
margin-bottom:1.3%
}

@media screen and (max-width: 1024px) {
#studio.container.grid .column.col12>.inset .column-body-inner {
padding:20px
}
}

@media screen and (max-width: 1024px) {
#studio.container.grid .column.col12>.inset .column-body-inner h3 {
padding-bottom:5px
}
}

#studio.container.grid .column.col12>.inset .column-body-inner p {
font-family:Georgia,serif;
font-weight:400;
font-size:15px;
margin-bottom:5px
}

@media screen and (max-width: 1200px) {
#studio.container.grid .column.col12>.inset .column-body-inner p {
line-height:16px;
font-size:14px
}
}

@media screen and (max-width: 1024px) {
#studio.container.grid .column.col12>.inset .column-body-inner p {
line-height:15px;
font-size:13px
}
}

@media screen and (max-width: 930px) {
#studio.container.grid .column.col12>.inset .column-body-inner p {
line-height:14px;
font-size:12px
}
}

@media screen and (max-width: 768px) {
#studio.container.grid .column.col12>.inset .column-body-inner p {
line-height:18px;
font-size:15px
}
}

@media screen and (max-width: 510px) {
#studio.container.grid .column.col12>.inset .column-body-inner p {
line-height:15px;
font-size:13px
}
}

#studio .column-body h3 span {
font-family:"TradeGothicLTStdRegular";
font-size:12px
}

.grid-feature-column,.phil-content {
display:table;
width:100%
}

.grid-feature-column .column,.phil-content .column {
display:table-cell;
height:100%;
line-height:1%
}

.grid-feature-column .inset,.phil-content .inset {
display:block;
height:100%;
margin-left:1%;
margin-right:1%;
margin-bottom:1%
}

.grid-feature-column .column-body>.inset,.phil-content .column-body>.inset {
color:#fff;
padding:75px 40px 0;
overflow:visible!important;
overflow-y:auto!important;
-webkit-transition:padding .7s ease-in-out;
-moz-transition:padding .7s ease-in-out;
-ms-transition:padding .7s ease-in-out;
-o-transition:padding .7s ease-in-out;
transition:padding .7s ease-in-out;
-webkit-transform:translateZ(0)
}

@media screen and (max-width: 1400px) {
.grid-feature-column .column-body>.inset,.phil-content .column-body>.inset {
padding-top:60px
}
}

@media screen and (max-width: 1250px) {
.grid-feature-column .column-body>.inset,.phil-content .column-body>.inset {
padding-top:50px
}
}

@media screen and (max-width: 1130px) {
.grid-feature-column .column-body>.inset,.phil-content .column-body>.inset {
padding-top:30px;
padding-right:20px;
padding-left:20px
}
}

@media screen and (max-width: 1024px) {
.grid-feature-column .column-body>.inset,.phil-content .column-body>.inset {
padding-top:20px;
padding-right:10px;
padding-left:10px
}
}

@media screen and (min-width: 900px) and (max-width: 1024px) {
.grid-feature-column .column-body>.inset h1,.phil-content .column-body>.inset h1 {
padding-bottom:5px;
margin-bottom:5px
}

.grid-feature-column .column-body>.inset p,.phil-content .column-body>.inset p {
line-height:12px
}
}

.imagesplit {
overflow:hidden
}

.imagesplit img {
height:auto;
width:100%
}

.imagesplit span.leftcol,.imagesplit .rightcol,.imagesplit span.topcol,.imagesplit .btmcol {
display:block;
overflow:hidden;
position:relative
}

.imagesplit span.leftcol>img {
margin-left:-5px
}

@media screen and (max-width: 479px) {
.imagesplit span.leftcol>img {
margin-left:0
}
}

.imagesplit span.rightcol>img {
margin-left:7px
}

@media screen and (max-width: 479px) {
.imagesplit span.rightcol>img {
margin-left:0
}
}

.imagesplit span.btmcol {
margin-bottom:-5px
}

.imagesplit span.topcol>img {
margin-top:-5px;
padding-bottom:5px
}

.imagesplit span.btmcol>img {
padding-top:5px
}

.imagegrid {
overflow:hidden
}

.imagegrid img {
height:auto;
width:100%
}

.imagegrid span.leftcol,.imagegrid span.rightcol {
display:block;
overflow:hidden;
position:relative
}

.imagegrid span.leftcol.top,.imagegrid span.rightcol.top {
padding-bottom:5px!important
}

.imagegrid span.leftcol.btm,.imagegrid span.rightcol.btm {
padding-top:5px!important
}

.imagegrid span.leftcol {
padding-right:5px
}

@media screen and (max-width: 479px) {
.imagegrid span.leftcol {
padding-right:0
}
}

.imagegrid span.rightcol {
padding-left:5px
}

@media screen and (max-width: 479px) {
.imagegrid span.rightcol {
padding-left:0
}
}

.imagegrid span[class*="rightcol"]>img {
margin-left:0
}

.imagegrid .column {
cursor:default
}

.imagegrid .column-body {
right:5px!important;
bottom:10px!important
}

@media screen and (max-width: 479px) {
.imagegrid .column-body {
right:0!important
}
}

.imagegrid .leftcol.top .column-body {
right:5px!important;
bottom:5px!important
}

@media screen and (max-width: 479px) {
.imagegrid .leftcol.top .column-body {
right:0!important
}
}

.imagegrid .rightcol.top .column-body {
left:5px!important;
bottom:5px!important;
right:0!important
}

@media screen and (max-width: 479px) {
.imagegrid .rightcol.top .column-body {
left:0!important
}
}

.imagegrid .leftcol.btm .column-body {
right:5px!important;
top:5px;
bottom:0!important
}

@media screen and (max-width: 479px) {
.imagegrid .leftcol.btm .column-body {
right:0!important
}
}

.imagegrid .rightcol.btm .column-body {
left:5px!important;
top:5px;
right:0!important;
bottom:0!important
}

@media screen and (max-width: 479px) {
.imagegrid .rightcol.btm .column-body {
left:0!important
}
}

.imagesplit .leftcol .column-body {
right:5px!important
}

@media screen and (max-width: 479px) {
.imagesplit .leftcol .column-body {
right:0!important
}
}

.imagesplit .rightcol .column-body {
left:5px!important
}

@media screen and (max-width: 479px) {
.imagesplit .rightcol .column-body {
left:0!important
}
}

.imagesplit .topcol .column-body {
bottom:5px!important
}

.imagesplit .btmcol .column-body {
top:5px!important
}

#snapshots.container.grid .column {
cursor:default
}

#snapshots.container.grid .column>.inset {
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
cursor:default
}

#snapshots.container.grid .column>.inset .column-body {
display:none;
cursor:default
}

#gallery {
z-index:10000;
display:none;
top:50000px;
position:absolute
}

#gallery.active {
top:0
}

#gallery .slides {
z-index:10000;
background-color:#FFF
}

#gallery div.mc-image {
display:none
}

#gallery div.mc-image:first-child {
display:block
}

#gallery-nav {
position:absolute;
top:10px
}

@media screen and (max-width: 768px) {
#gallery-nav {
position:relative;
top:inherit;
margin:21px auto 0
}
}

@media only screen and (max-width: 767px) {
#gallery-nav {
display:none
}
}

#studio-feature-nav {
position:absolute;
bottom:10px;
z-index:999999;
margin-left:46%
}

.port-detail-nav {
z-index:10000;
position:fixed;
bottom:0;
height:31px;
transition:bottom .5s ease-in-out
}

.port-detail-nav ul {
list-style:none;
margin:2px 10px;
padding:0;
overflow:hidden;
float:left
}

.port-detail-nav ul li {
float:left;
width:8px;
height:8px;
background:#FF5232;
margin:0 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}

.port-detail-nav ul li a {
display:block
}

.port-detail-nav ul li.activeSlide {
background-color:#f2f0ee
}

.port-detail-nav .close-wrapper {
position:absolute;
right:0;
top:0
}

@media screen and (max-width: 768px) {
.port-detail-nav .close-wrapper {
right:-10px
}
}

.port-detail-nav .close-x {
position:absolute;
right:60px;
display:block;
top:12px;
color:#FF5232
}

.port-detail-nav .close {
position:absolute;
right:20px;
display:block;
top:12px
}

.port-detail-nav a.arrow-left {
background:url(../images/arrow-left.png) 50% 0 no-repeat
}

.port-detail-nav a.arrow-right {
background:url(../images/arrow-right.png) 50% 0 no-repeat
}

.port-detail-nav a.arrow-left,.port-detail-nav a.arrow-right {
width:20px;
height:20px;
border-radius:0;
background-size:39%;
display:block;
float:left
}

.port-detail-nav .name {
color:#FF5232;
margin:12px 0 0 50px;
display:block
}

@media screen and (max-width: 768px) {
.port-detail-nav .name {
width:100%;
margin-left:10px
}
}

.port-detail-nav.off {
transition:bottom .5s ease-in-out;
bottom:-31px
}

.gallery-img {
cursor:pointer
}

.mc-hide-scrolls {
overflow:hidden
}

body .mc-cycle {
height:100%;
left:0;
overflow:hidden;
position:fixed;
top:0;
width:100%;
z-index:-1
}

div.mc-image {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
height:100%;
overflow:hidden;
width:100%
}

.port div.mc-image.horizontal {
background-size:cover
}

.port div.mc-image.vertical {
background-size:70vh
}

.mc-old-browser .mc-image {
overflow:hidden
}

#home.slideshow {
display:none;
position:fixed!important
}

#home.slideshow .mc-image {
cursor:default
}

#home.slideshow * {
display:none
}

#home.slideshow :first-child {
display:block
}

html.no-js #home.slideshow {
display:block
}

#home-news {
background:#FF5232;
padding:40px;
position:absolute;
z-index:10000;
width:400px;
right:0;
margin-top:-200px;
-webkit-transition:margin .9s ease-out 1s;
-moz-transition:margin .9s ease-out 1s;
-ms-transition:margin .9s ease-out 1s;
-o-transition:margin .9s ease-out 1s;
transition:margin .9s ease-out 1s;
-webkit-transform:translateZ(0)
}

@media only screen and (max-width: 767px) {
#home-news {
display:none
}
}

#home-news a {
color:#fff;
overflow:auto;
display:block
}

#home-news a h1 {
background-image:url(../images/arrow-right-orange.png);
background-position:100% 0;
background-repeat:no-repeat;
background-size:9%;
text-transform:uppercase;
color:#fff;
font-size:16px;
border-bottom:1px solid #fff;
padding-bottom:7px
}

#home-news p {
color:#fff
}

#home-news.fadein {
margin-top:100px
}

.social-icons {
position:absolute;
z-index:9999999999;
bottom:50px;
right:30px;
display:none
}

.social-icons a {
display:block;
width:33px;
height:33px;
float:left;
background:url(../images/social-houzz.png) 0 0 no-repeat;
background-size:100%;
text-indent:-10000px;
margin-left:10px
}

.social-icons a.icon-houzz {
background-image:url(../images/social-houzz.png)
}

.social-icons a.icon-facebook {
margin-left:0;
background-image:url(../images/social-facebook.png)
}

.social-icons a.icon-instagram {
background-image:url(../images/social-instagram.png)
}

.social-icons a.icon-pinterest {
background-image:url(../images/social-pinterest.png);
margin-left:13px
}

.container.grid .phil-content .column-body {
background-color:#FF5232;
color:#fff;
padding:0
}

.container.grid .phil-content .column-body .inset {
padding:40px 30px 10px
}

.container.grid .phil-content .stacked .column>.inset {
margin-bottom:4%;
margin-top:-2%
}

.container.grid .phil-content .column>.inset {
margin-left:.3%
}

#philosophy .block {
overflow:auto;
margin-bottom:.7%
}

@media only screen and (max-width: 900px) {
#philosophy .block {
margin-bottom:0
}
}

#philosophy .block h1 {
font-size:23px
}

#philosophy .col12.column {
width:100%
}

#philosophy .project-details-stub {
padding-bottom:10px
}

#philosophy .project-details-stub h3 {
color:#fff;
text-transform:uppercase;
font-size:12px;
margin:0
}

#philosophy .project-details-stub h3 a {
color:#fff;
font-family:Helvetica,Arial,sans-serif
}

@media only screen and (max-width: 900px) {
#philosophy .project-details-stub {
display:none
}
}

#philosophy .col4 .project-details-stub {
width:50%
}

#philosophy .col8 .project-details-stub {
width:25%
}

#philosophy a.plus span {
position:absolute;
right:15px
}

#philosophy .project-details {
width:103%;
left:-110%;
height:1200px
}

@media only screen and (max-width: 900px) {
#philosophy .project-details {
left:auto;
padding:40px 30px;
order:2;
top:0;
position:relative;
height:auto
}
}

@media only screen and (min-width: 900px) and (max-width: 1299px) {
#philosophy .project-details {
padding:20px 10px 0 30px
}

#philosophy .project-details h1 {
font-size:15px;
padding-bottom:8px;
margin-bottom:8px
}

#philosophy .project-details p {
line-height:1em;
font-size:11px;
margin-bottom:1.1em
}
}

#philosophy .project-details a.close {
top:20px
}

@media only screen and (max-width: 900px) {
#philosophy .project-details a.close {
display:none
}
}

#philosophy .project-details .description {
width:100%
}

#philosophy .project-details .description p {
line-height:1.3em
}

#philosophy .project-details.left {
left:-2.8%
}

@media only screen and (max-width: 900px) {
#philosophy .project-details.left {
left:auto
}
}

#philosophy.container.grid .column>.inset {
margin-bottom:0;
overflow:hidden;
position:relative
}

@media only screen and (max-width: 900px) {
#philosophy.container.grid .column>.inset {
display:flex;
flex-flow:column
}
}

#philosophy.container.grid .col4 .column>.inset {
margin-right:0
}

@media only screen and (max-width: 900px) {
#philosophy.container.grid .col4.column,#philosophy.container.grid .col8.column {
width:100%
}

#philosophy.container.grid .col4.column .column-body,#philosophy.container.grid .col8.column .column-body {
margin-bottom:0!important;
height:auto!important
}

#philosophy.container.grid .col4.column .column-body .txt_wrap,#philosophy.container.grid .col8.column .column-body .txt_wrap {
top:0;
-webkit-transform:translateY(0);
transform:translateY(0);
margin-bottom:30px
}

#philosophy.container.grid .col8.column>.inset {
margin-left:0;
margin-right:0;
margin-top:7px
}

#philosophy.container.grid .phil-content .column {
display:block
}

#philosophy.container.grid .stacked .column>.inset {
margin-top:7px
}
}

#philosophy.container.grid .phil-content .column>.inset {
margin-left:0
}

#philosophy.container.grid .phil-content .col4.column>.inset {
margin-left:.9%
}

#philosophy.container.grid .phil-content .col8.column>.inset {
margin-left:1%
}

@media only screen and (max-width: 900px) {
#philosophy.container.grid .phil-content .col8.column>.inset {
margin-left:0
}
}

#philosophy.container.grid .phil-content .col8.column.one>.inset {
margin-left:0
}

#philosophy.container.grid .col4 .column-body {
margin-bottom:19px
}

@media only screen and (min-width: 900px) and (max-width: 1299px) {
#philosophy.container.grid .col4 .column-body .inset {
padding:20px 20px 0
}
}

@media only screen and (max-width: 900px) {
#philosophy.container.grid .col4.stacked {
margin-top:7px
}

#philosophy.container.grid .col4.stacked .column>.inset {
margin-top:0
}
}

#philosophy.container.grid .col4 .column-body .txt_wrap {
position:relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}

@media only screen and (min-width: 1300px) and (max-width: 1450px) {
#philosophy.container.grid .col4 .column-body .txt_wrap h1 {
font-size:19px;
padding-bottom:8px;
margin-bottom:8px
}

#philosophy.container.grid .col4 .column-body .txt_wrap p {
line-height:1.3em;
margin-bottom:1.1em
}
}

@media only screen and (min-width: 1100px) and (max-width: 1299px) {
#philosophy.container.grid .col4 .column-body .txt_wrap h1 {
font-size:17px;
padding-bottom:8px;
margin-bottom:8px
}

#philosophy.container.grid .col4 .column-body .txt_wrap p {
line-height:1em;
margin-bottom:1.1em;
font-size:11px
}
}

@media only screen and (min-width: 900px) and (max-width: 1100px) {
#philosophy.container.grid .col4 .column-body .txt_wrap h1 {
font-size:15px;
padding-bottom:8px;
margin-bottom:8px
}

#philosophy.container.grid .col4 .column-body .txt_wrap p {
line-height:1em;
font-size:11px;
margin-bottom:1.1em
}
}

.process .intro {
width:50%;
margin:143px auto 150px;
overflow:auto
}

@media only screen and (min-width: 200px) and (max-width: 899px) {
.process .intro {
margin-top:30px;
margin-bottom:30px;
width:88%
}
}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
.process .intro {
margin-top:50px;
margin-bottom:50px;
width:70%
}
}

@media only screen and (min-width: 1151px) {
.process .intro {
margin:143px auto 150px
}
}

.process .intro h2 {
text-transform:uppercase;
font-size:24px;
text-align:center
}

.process .intro p {
width:45%;
float:left;
margin-left:15px
}

@media only screen and (max-width: 899px) {
.process .intro p {
width:100%;
float:none;
margin-left:0
}
}

.process .intro p:first-child {
margin-left:0
}

.process .image-text {
width:49.6%;
margin:0;
float:left;
margin-bottom:.7%;
line-height:0
}

@media only screen and (max-width: 1000px) {
.process .image-text {
width:100%;
margin-bottom:10px
}
}

.process div.image-text:nth-child(odd) {
margin-left:.8%
}

@media only screen and (max-width: 1000px) {
.process div.image-text:nth-child(odd) {
margin-left:0
}
}

.process .text-block {
background-color:#FF5232;
color:#fff;
padding:40px 80px;
height:340px
}

@media only screen and (max-width: 1000px) {
.process .text-block {
height:auto;
padding:40px 30px
}
}

@media only screen and (min-width: 1000px) and (max-width: 1150px) {
.process .text-block {
padding:20px 40px
}
}

.process .text-block .inner {
position:relative
}

@media only screen and (min-width: 1000px) {
.process .text-block .inner {
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}

.process .text-block h2 {
color:#fff;
text-transform:uppercase;
font-size:14px;
border-bottom:1px solid #fff;
padding-bottom:5px;
display:inline
}

.process .text-block h2 span {
font-family:TradeGothicLTStdBold,Helvetica,Arial,sans-serif
}

.process .text-block h3 {
text-transform:uppercase;
color:#fff;
margin:20px 0
}

@media only screen and (min-width: 900px) and (max-width: 1199px) {
.container.grid .column-body.snapshot .column-body-inner.title h3 {
font-size:18px
}

#news .col3 {
width:50%
}
}

@media only screen and (max-width: 1199px) {
.project-details {
width:73%;
padding:50px
}

.project-details h1 {
width:100%
}

.project-details .description {
width:97%;
float:none;
margin-right:30px
}

.project-details .credits {
border-left:none;
border-top:1px solid #FFF;
margin-top:30px;
padding-top:30px
}

.project-details .credits ul {
width:50%;
float:left;
margin-top:13px;
margin-left:0;
margin-bottom:0
}

.project-details .credits ul li {
padding-left:0
}

.project-details .credits ul:first-child {
margin-top:0
}
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
.container.grid .column-body.snapshot .column-body-inner.title h3 {
font-size:22px
}

.container.grid .column-body.project h3 {
padding:11px 12px 9px;
font-size:11.1px
}

#news .col3 {
width:33.33333%
}

#portfolio .grid-feature-column .col6.feature {
width:66.66666%
}

#portfolio .grid-feature-column .col6.side {
width:33.33333%
}

#portfolio .grid-feature-column .col6.side .col6 {
width:100%
}

#portfolio .gridcol.col3 {
width:33.33333%
}
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
.container.grid .column-body.snapshot .column-body-inner.title h3 {
font-size:28px
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.top-nav a {
font-size:24px
}

.top-nav .logo-right {
margin-right:23px
}

.top-nav .logo-left {
padding-left:30px
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.top-nav a {
font-size:25px
}

.top-nav .logo-right {
display:none
}

.top-nav .logo-left {
padding-left:40px
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.top-nav ul {
margin-top:27px;
-webkit-transition:margin .5s ease;
-moz-transition:margin .5s ease;
-ms-transition:margin .5s ease;
-o-transition:margin .5s ease;
transition:margin .5s ease;
-webkit-transform:translateZ(0)
}

.top-nav a {
font-size:25px
}

.top-nav .logo-right {
display:none
}

.top-nav .logo-left {
padding-left:40px;
padding-top:8px;
padding-bottom:2px;
-webkit-transition:padding .5s ease;
-moz-transition:padding .5s ease;
-ms-transition:padding .5s ease;
-o-transition:padding .5s ease;
transition:padding .5s ease;
-webkit-transform:translateZ(0)
}

.footer span.right {
margin:10px 50px 0 10px;
display:block;
position:relative;
display:none
}

.container.grid .column-body.project h3 {
padding:11px 12px 9px;
font-size:11px
}

[class*="container"] .col3.column,[class*="container"] .col3.columns {
width:33.3333%
}

.container.grid .column>.inset {
margin-left:.7%
}

.grid-feature-column .column-body>.inset h1 {
font-size:20px
}

.grid-feature-column .column-body>.inset p {
font-size:13px;
line-height:1.4em
}

#news .col3 {
width:50%
}

#portfolio .grid-feature-column .col6.feature {
width:100%
}

#portfolio .grid-feature-column .col6.side {
width:100%
}

#portfolio .grid-feature-column .col6.side .col6 {
width:50%
}

#portfolio .gridcol.col3 {
width:50%
}
}

@media only screen and (max-width: 767px) {
#portfolio .grid-feature-column .col6.feature {
width:100%
}

#portfolio .grid-feature-column .col6.side {
width:100%
}
}

@media only screen and (max-width: 767px) and (max-width: 479px) {
#portfolio .grid-feature-column .col6.side {
margin-bottom:0
}
}

@media only screen and (max-width: 767px) {
#portfolio .grid-feature-column .col6.side .col6 {
width:100%
}

#portfolio .gridcol.col3 {
width:100%
}

[class*="container"] .col6.column {
width:100%
}

#studio .grid-feature-column .inset.imageset {
margin-bottom:-1.5%
}

.grid-feature-column>.column {
width:100%!important;
margin-bottom:1%
}

.grid-feature-column>.column .inset {
padding-bottom:10px;
margin-bottom:2%
}

.grid-feature-column>.column .inset h1 {
margin:10px 30px
}

.grid-feature-column>.column .inset p {
padding:0 30px 30px;
margin-bottom:0
}

.grid-feature-column .caption .inset {
padding-top:40px!important
}

.grid-feature-column .imageset span.leftcol,.grid-feature-column .imageset span.rightcol {
display:block
}

.top-nav ul {
margin-top:27px;
-webkit-transition:margin .5s ease;
-moz-transition:margin .5s ease;
-ms-transition:margin .5s ease;
-o-transition:margin .5s ease;
transition:margin .5s ease;
-webkit-transform:translateZ(0)
}

.top-nav a {
font-size:25px
}

.top-nav .logo-right {
display:none
}

.top-nav .logo-left {
padding-left:40px;
padding-top:8px;
padding-bottom:2px;
-webkit-transition:padding .5s ease;
-moz-transition:padding .5s ease;
-ms-transition:padding .5s ease;
-o-transition:padding .5s ease;
transition:padding .5s ease;
-webkit-transform:translateZ(0)
}

.top-nav .logo-right {
display:none
}

.footer {
height:auto;
padding-bottom:10px
}

.footer span.left {
position:relative;
margin:10px 0 0 10px;
display:block
}

.footer span.right {
margin:10px 50px 0 10px;
display:block;
position:relative;
display:none
}

#news .col3 {
width:100%
}

img.mag-left {
width:47.6%
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container.grid .column>.inset {
margin-right:0;
margin-left:0;
margin-bottom:1%
}
}

@media only screen and (max-width: 767px) {
.top-nav ul {
margin-top:14px;
margin-left:40px;
margin-bottom:0;
width:70%
}

.top-nav ul li {
display:block;
float:left
}
}

@media only screen and (max-width: 479px) {
#hamburger {
display:block;
background:url(data:image/png;base64,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);
width:24px;
height:24px;
background-size:100%;
position:fixed;
top:32px;
right:20px;
z-index:9999999
}

.top-nav .logo-left {
padding-top:18px;
padding-bottom:8px
}

.top-nav ul {
display:none;
margin-top:8px;
margin-left:40px;
margin-bottom:10px;
width:90%
}

.top-nav ul li {
margin-right:25px
}

.top-nav ul.on {
display:block
}

.grid-feature-column .imageset {
margin-bottom:8px!important
}

.grid-feature-column .imageset>.column {
width:100%
}

.grid-feature-column .imageset>.column span.leftcol>img {
margin-left:0!important;
margin-top:2px;
padding:0
}

.grid-feature-column .imageset>.column span.rightcol>img {
margin-left:0!important;
margin-top:2px;
padding:0
}

.project-details {
width:100%;
padding:20px
}

.project-details .credits ul {
width:100%;
float:none;
margin-top:13px;
margin-left:0;
margin-bottom:0
}

.project-details .credits ul li {
padding-left:0
}
}

@media only screen and (min-width: 768px) and (max-width: 1118px) {
.logo-right {
display:none
}
}

#snapshot-modal {
display:none
}

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:top
}

.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}

.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
border:10px solid #FFF
}

.fancybox-opened {
z-index:8030
}

.fancybox-outer,.fancybox-inner {
position:relative
}

.fancybox-inner {
overflow:hidden
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}

.fancybox-error {
color:#444;
margin:0;
padding:15px;
white-space:nowrap
}

.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}

.fancybox-image {
max-width:100%;
max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(../images/fancybox_sprite.png)
}

#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8060
}

#fancybox-loading div {
width:44px;
height:44px;
background:url(../images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
background:url(/assets/images/x.png) no-repeat;
background-color:#ff5232;
background-size:100%;
width:20px;
height:20px;
display:inline;
z-index:8040;
position:absolute;
top:0;
right:0;
cursor:pointer
}

.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url(../images/blank.gif);
-webkit-tap-highlight-color:transparent;
z-index:8040
}

.fancybox-prev {
left:0
}

.fancybox-next {
right:0
}

.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}

.fancybox-prev span {
left:10px;
background-position:0 -36px
}

.fancybox-next span {
right:10px;
background-position:0 -72px
}

.fancybox-nav:hover span {
visibility:visible
}

.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}

.fancybox-lock {
overflow:hidden!important;
width:auto
}

.fancybox-lock body {
overflow:hidden!important
}

.fancybox-lock-test {
overflow-y:hidden!important
}

.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background-color:rgba(255,255,255,0.8)
}

.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}

.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}

.fancybox-title {
visibility:hidden;
position:relative;
text-shadow:none;
z-index:8050;
width:100%;
position:relative;
right:initial;
margin-top:6px
}

.fancybox-opened .fancybox-title {
visibility:visible
}

.fancybox-title-float-wrap {
position:relative;
bottom:0;
background:#fff;
z-index:8050;
text-align:left;
text-transform:uppercase;
font-size:11px
}

.fancybox-title-float-wrap .child {
display:inline-block;
padding:0 10px;
background:transparent;
color:#766956;
line-height:16px;
text-transform:none
}

.fancybox-title-float-wrap .child .cap-title {
color:#FF5232;
display:block;
text-transform:uppercase;
padding-bottom:5px;
padding-top:3px
}

.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}

.fancybox-title-inside-wrap {
padding-top:10px
}

.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,.fancybox-prev span,.fancybox-next span {
background-image:url(../images/fancybox_sprite@2x.png);
background-size:44px 152px
}

#fancybox-loading div {
background-image:url(../images/fancybox_loading@2x.gif);
background-size:24px 24px
}
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
div.fancybox-inner {
width:auto!important;
height:auto!important
}

div.fancybox-wrap.fancybox-mobile.fancybox-type-image.fancybox-opened {
width:100%!important;
left:0!important
}
}

#portfolio.archive .inner-grid {
  height: 80vh;
}

#portfolio.archive .inner-grid .access-form {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#portfolio.archive .inner-grid .access-form a {
  color: #FF5232;
  text-decoration: underline;
}

#portfolio.archive .inner-grid .access-form input {
  display: block;
  margin: 0 auto;
}
#portfolio.archive .inner-grid .access-form input[type=text] {
  border: 1px solid #acb5be;
  margin-bottom: 10px;
  width: 150px;
}


.copy-clipboard {
  height: 24px;
  width: 24px;
  background: url(../images/ic_link_orange_24dp_2x.png) 0 0 no-repeat;
  background-size: 24px;
  position: absolute;
  bottom: 3px;
  left: 83%;
  cursor: pointer;
}



.portfolio-nav {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 8px;
}
.portfolio-nav a {
  display: table-cell;
  background: #FF5232;
  color: #fff;
  padding: 8px 0px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
}
.portfolio-nav a:hover,
.portfolio-nav a.active {
  background: #FFF;
  color: #FF5232;
}
@media (min-width: 500px) {
  .portfolio-nav a:hover:before,
  .portfolio-nav a.active:before
   {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    height: 1px;
    background: #FF5232;
    left: 0;
  }
  .portfolio-nav a:hover:after,
  .portfolio-nav a.active:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #FF5232;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
.portfolio-nav a {
  width: 100%;
  display: block;
  margin-bottom: 1px;
}
}