<style> @font-face{font-family:'Montserrat-Light';src:url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/Montserrat-Light.woff') format('woff'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/Montserrat-Light.ttf') format('truetype'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Gotham-Medium';src:url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-medium.woff') format('woff'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-medium.ttf') format('truetype'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-medium.svg#gotham-medium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Gotham-Bold';src:url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-bold.woff') format('woff'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-bold.ttf') format('truetype'), url('http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/gotham-bold.svg#gotham-bold') format('svg');font-weight:normal;font-style:normal}
h1,
h2,
h3,
h4{display:block;text-align:center;margin:auto;font-family:'Gotham-Bold';font-weight:normal;position:relative;z-index:3;padding:0;font-size:60px;letter-spacing:5px;color:#fff;background-size:auto auto;text-transform:uppercase}
h1.no-line,
h2.no-line,
h3.no-line,
h4.no-line{border:0}
h1.left,
h2.left,
h3.left,
h4.left{text-align:left}
h1 span,
h2 span,
h3 span,
h4 span{display:block}
h1 .sub,
h2 .sub,
h3 .sub,
h4 .sub{display:block;margin-bottom:15px;font-family:'Montserrat-Light';font-size:45%;color:#808080}
h1 em,
h2 em,
h3 em,
h4 em{font-style:italic}
h1.animate{position:relative;z-index:3;display:block;margin:auto;font-family:'Gotham-Bold';text-align:center;color:#fff;font-size:30px;padding:0;-webkit-text-fill-color:transparent;/*background:url('../img/home-rotate3.gif') repeat;*/-webkit-background-clip:text;background-size:cover}
@media (min-width:768px){h1.animate{font-size:6vw}
}
h1.animate span{display:block}
h1.animate span.small{display:block;margin-top:15px;font-size:18px;-webkit-transform:none;-ms-transform:none;transform:none}
h1 .small{font-size:16px;-webkit-transform:translatex(10px);-ms-transform:translatex(10px);transform:translatex(10px);font-family:'Gotham-Medium'}
h1 .small:after{margin:10px auto 30px;display:block;background:#fff;height:2px;content:' ';width:80px}
@media (max-width:767px){h1{border:0;font-size:30px;display:block;text-align:center;padding:0;margin:auto 50px;width:auto}
h1 .small{font-size:2vh;-webkit-transform:translatex(10px);-ms-transform:translatex(10px);transform:translatex(10px);font-family:'Gotham-Medium'}
h1 .small:after{margin:5px auto 15px;display:block;height:2px;content:' ';width:50px}
}
h2{margin-top:0;text-align:center;font-size:3vw;color:#000;letter-spacing:5px}
@media (max-width:767px){h2{font-size:20px;line-height:28px;letter-spacing:3px}
}
h2 a{display:inline;color:#fff;text-decoration:none}
h3{margin:0 auto 30px;font-size:2vw;letter-spacing:3px;text-shadow:none;line-height:1.4}
h3.emailus{margin:0 auto 30px;font-size:2vw;letter-spacing:3px;text-shadow:none;line-height:1.4}
h3.small{font-size:14px;letter-spacing:2px}
@media (max-width:767px){h3{font-size:16px}
}
h4{font-size:18px}
p,
li{line-height:150%}
h4{font-family:'Gotham-Medium';font-size:16px;letter-spacing:3px}
ul{list-style-type:none;margin:0;padding:0}
.leadin{text-align:center;font-size:18px}
.leadin:after{display:block;width:50%;margin:auto;content:' ';margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #000}
body.single-portfolio #header h1,
article h1,
body.single-portfolio #header h2,
article h2{text-align:center;color:#fff}
body.single-portfolio #header h1 span.small,
article h1 span.small,
body.single-portfolio #header h2 span.small,
article h2 span.small{display:block;margin-top:15px;font-size:18px;font-family:'Gotham-Medium';letter-spacing:5px}
body.single-portfolio #header h1 span.small:after,
article h1 span.small:after,
body.single-portfolio #header h2 span.small:after,
article h2 span.small:after{display:none}
body.single-portfolio #header h1 a,
article h1 a,
body.single-portfolio #header h2 a,
article h2 a{margin:0;text-decoration:none;color:#fff}
@media (max-width:767px){body.single-portfolio #header h1,
article h1,
body.single-portfolio #header h2,
article h2{max-width:90%}
body.single-portfolio #header h1 a,
article h1 a,
body.single-portfolio #header h2 a,
article h2 a{display:block;margin:auto}
body.single-portfolio #header h1 span.small,
article h1 span.small,
body.single-portfolio #header h2 span.small,
article h2 span.small{margin-top:10px;font-size:14px;letter-spacing:3px}
}
html,
body{width:100%;height:100%}
body{margin:0;padding:0;font-family:'Montserrat-Light';font-size:14px;background-repeat:repeat;overflow-x:hidden}
main{position:relative;z-index:1;background:#fff;overflow:hidden}
header{position:fixed;z-index:3;width:60px;height:60px;top:0;right:0}
@media (min-width:992px){header{z-index:999;left:0;top:0;width:100px;height:100px;right:0;left:auto;-webkit-transition:background .5s ease;transition:background .5s ease}
header:hover{cursor:pointer;background:rgba(255, 255, 255, 0.8)}
}
footer{position:relative;z-index:99;background:#fff;margin:0}
footer:after{content:'';background:#111;display:block;position:absolute;bottom:-20px;left:0;right:0;height:50px;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}
footer h4{font-family:'Gotham-Medium';font-weight:300;letter-spacing:3px;margin-bottom:10px;font-size:15px}
footer strong{text-transform:uppercase}
footer p,
footer li,
footer a,
footer h4{display:block;text-align:center;color:#fff;text-decoration:none}
footer.diagonal--even{background:#111 !important;color:#fff}
footer.diagonal--even .section-content{padding-bottom:80px;padding-top:70px}
@media (min-width:992px){footer .section-content{padding:150px 100px 150px 100px}
}
@media (max-width:767px){footer .footer-nav{margin-bottom:30px}
}
footer .footer-nav.wide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:auto}
footer .footer-nav.wide li{width:25%;text-align:center;background:#000;border-right:1px solid rgba(255, 255, 255, 0.2)}
footer .footer-nav.wide li:last-child{border-right:0}
footer .footer-nav.wide li a{color:#fff;text-decoration:none;line-height:50px;font-family:'Montserrat-Light'}
@media (max-width:767px){footer h4{font-family:'Gotham-Bold'}
}
@media (min-width:768px){footer p,
footer li,
footer a,
footer h4{text-align:left}
footer h2{text-align:left}
footer .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;padding-bottom:0;max-width:900px}
footer .footer-nav{width:20%;margin:0 15px}
footer .footer-nav.footer-nav{margin-left:30px}
footer .footer-column{width:30%}
}
@media (min-width:992px){footer .footer-nav.footer-nav{margin-left:70px}
}
img.img-responsive{display:block;width:auto;max-width:100%}
img.desaturate{filter:grayscale(100%);-webkit-filter:grayscale(100%)}
a{color:#4b4b4b;text-decoration:inherit;}
a .img-overlay{visibility:hidden;opacity:0;/*background:url('../../cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/home-rotate3.gif');*/background-size:cover;background-position:50% 50%;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .5s ease;transition:all .5s ease}
a .img-overlay span{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:20px;font-family:'Gotham-Bold';text-transform:uppercase;text-align:center;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transition:all .5s ease;transition:all .5s ease;background:rgba(0, 0, 0, 0.2)}
a .img-overlay span span{display:block;position:static;background:none;margin-top:10px;font-size:14px}
@media (max-width:767px){a .img-overlay span{font-size:12px;line-height:14px}
a .img-overlay span span{font-size:12px}
}
a:hover .img-overlay{visibility:visible;opacity:1}
a:hover .img-overlay span{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background:rgba(0, 0, 0, 0.7)}
a:hover .img-overlay span span{background:none;display:block;position:static}
.logo{position:absolute;top:50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
@media (max-width:767px){.logo{top:70px}
}
.btn{display:block;margin:auto;font-family:'Gotham-Bold';background:#fff;color:#000;-webkit-transition:all .5s ease;transition:all .5s ease}
.btn:hover{background-color:rgba(255, 255, 255, 0.7)}
input[type=submit],
.btn{display:block;max-width:200px;margin-bottom:15px;border:2px solid #000;text-transform:uppercase;text-align:center;text-decoration:none;font-size:14px;color:#000;line-height:40px;letter-spacing:2px}
input[type=submit].btn--large,
.btn.btn--large{line-height:70px;padding:0 40px;font-size:18px;color:#000}
input[type=submit].btn--white,
.btn.btn--white{border-color:#fff;color:#000}
input[type=submit]:hover,
.btn:hover{background:#000;color:#fff}
.columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:15px}
@media (min-width:768px){.columns .column,
.columns .item{margin:15px}
.columns.two-columns .column,
.columns.two-columns .item{width:calc(50% - 30px)}
.columns.three-columns .column,
.columns.three-columns .item{width:calc(33.33% - 30px)}
.columns.four-columns .column{width:25%}
}
.text-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.text-columns .column{width:calc(50% - 10px)}
.text-columns .column:first-child{margin-right:10px}
.text-columns .column:last-child{margin-left:10px}
.container{max-width:90%;margin:auto}
.image-container.slash{position:relative;overflow:visible}
.image-container.slash:before{position:absolute;top:0;left:0;content:' ';width:100px;height:1px;-webkit-transform:translate(-40%, 10px) rotate(-42deg);-ms-transform:translate(-40%, 10px) rotate(-42deg);transform:translate(-40%, 10px) rotate(-42deg);background:#000}
#content{display:block;padding-left:60px;padding-right:60px}
.diagonal{margin:0 -50px;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.diagonal.diagonal--odd{background:#fff;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);margin-top:-200px}
.diagonal.diagonal--even{background:#f1f1f1;-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
.diagonal .section-content{margin:0 auto}
.diagonal.diagonal--even .section-content,
.diagonal.diagonal--odd .section-content{padding:65px 50px 125px 50px}
.diagonal.diagonal--odd .section-content{-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);transform:rotate(-2deg)}
.diagonal.diagonal--even .section-content{-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg)}
@media (min-width:768px){.diagonal.diagonal--odd{margin-top:-200px}
.diagonal.diagonal--odd .section-content,
.diagonal.diagonal--even .section-content{padding:150px 100px 250px 100px}
}
</style>