/**
 * Theme Name: Adelaide Development Company
 * Theme URI: http://www.adelaidedevelopment.com.au/
 * Author: Blacksheep Advertising
 * Author URI: http://blacksheepadvertising.com.au
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}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"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/** Fonts **/

@font-face {
    font-family: 'GillSansMTBold';
    src: url('fonts/gillsansmtbold.eot');
    src: url('fonts/gillsansmtbold.eot') format('embedded-opentype'),
    url('fonts/gillsansmtbold.woff') format('woff'),
    url('fonts/gillsansmtbold.ttf') format('truetype'),
    url('fonts/gillsansmtbold.svg#GillSansMTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMTLight';
    src: url('fonts/gillsansmtlight.eot');
    src: url('fonts/gillsansmtlight.eot') format('embedded-opentype'),
    url('fonts/gillsansmtlight.woff') format('woff'),
    url('fonts/gillsansmtlight.ttf') format('truetype'),
    url('fonts/gillsansmtlight.svg#GillSansMTLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMTLight';
    src: url('fonts/gillsansmtlightitalic.eot');
    src: url('fonts/gillsansmtlightitalic.eot') format('embedded-opentype'),
    url('fonts/gillsansmtlightitalic.woff') format('woff'),
    url('fonts/gillsansmtlightitalic.ttf') format('truetype'),
    url('fonts/gillsansmtlightitalic.svg#GillSansMTLightItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}


/** General **/
html { height: 100%; }
body { color: #001329; font-family: 'GillSansMTLight', Futura, Arial, sans-serif; height: 100%; overflow-x: hidden !important; }
.container { max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.container:before, .container:after { display: table; content: " "; }
.row { margin-right: -10px; margin-left: -10px; }
.row:before, .row:after { display: table; content: " "; }

/** Text **/
a { outline: 0; text-decoration: none; color: #926f55; }
h1 { font-size: 20px; font-weight: normal; }

/** Header **/

header { text-align: center; position: relative; z-index: 20; }
header .logo h1 { display: inline-block; margin: 0; padding: 40px 0 30px 0; }
header .logo h1 img { width: 326px; height: auto; display: block; }
header .logo > .mobile-menu-btn {
    position: absolute;
    left: 25px;
    top: 19px;
    display: block;
    width: 42px;
    height: 41px;
    border: 1px solid #9f7154;
    display: none;
}
header .logo > .mobile-menu-btn:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 30px;
    height: 7px;
    background: #9f7154;
    box-shadow: 0 11px 0 0 #9f7154, 0 22px 0 0 #9f7154;
}
header .logo .mobile-navigation {
    visibility: hidden;
    display: none;
    position: absolute;
    top: 79px;
    right: 0;
    left: 0;
    height: 999em;
    background-color: #00345b;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
header .logo .mobile-navigation:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #00345b transparent;
    position: absolute;
    top: -10px;
    left: 35px;
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.show-nav header .logo .mobile-navigation,
.show-nav header .logo .mobile-navigation:before {
    opacity: 1;
    visibility: visible;
}
header .logo .mobile-navigation ul {
    padding: 0;
    margin: 20px 26px 20px 26px;
    list-style: none;
}
header .logo .mobile-navigation li {
    margin-bottom: 11px;
}
header .logo .mobile-navigation li a {
    display: block;
    padding: 0 25px;
    margin: 0 24px;
    position: relative;
    line-height: 44px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #ffffff;
    text-transform: uppercase;
    min-height: 46px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
header .logo .mobile-navigation li a:before,
header .logo .mobile-navigation li a:after {
    content: '';
    width: 24px;
    height: 46px;
    display: block;
    position: absolute;
    top: -1px;
    background-image: url(img/btn-sprite.png);
    background-repeat: no-repeat;
}
header .logo .mobile-navigation li a:before { left: -24px; background-position: -24px 0px; }
header .logo .mobile-navigation li a:after { right: -24px; background-position: 0px 0px; }
header .logo .mobile-navigation li a.residentialdevelopments {
    line-height: 18px;
    padding: 4px 0;
}
header .logo .mobile-navigation li a.commercial,
header .logo .mobile-navigation li a.residentialdevelopments,
header .logo .mobile-navigation li a.rural {
    background-color: #9f7154;
    border-top: 1px solid #9f7154;
    border-bottom: 1px solid #9f7154;
}
header .logo .mobile-navigation li a.commercial:before,
header .logo .mobile-navigation li a.residentialdevelopments:before,
header .logo .mobile-navigation li a.rural:before {
    background-position: -24px -46px;
}
header .logo .mobile-navigation li a.commercial:after,
header .logo .mobile-navigation li a.residentialdevelopments:after,
header .logo .mobile-navigation li a.rural:after {
    background-position: 0px -46px;
}
header .logo .mobile-navigation .mobile-menu-btn { text-transform: uppercase; color: #ffffff; font-size: 14px; letter-spacing: 0.2em; }
header .logo .mobile-navigation .mobile-menu-btn span { color: #926f55; }
header .slideshow-wrapper { width: 100%; overflow: hidden; position: relative; max-height: 470px; }
header .slideshow-wrapper > img { width: 100%; height: auto; display: block; }
header .slideshow { max-width: 1650px; position: absolute; top: 0; }
header .navigation {
    background: #00345b; /* Old browsers */
    position: relative;
    z-index: 2;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMGIyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM0NWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #000b25 0%, #00345b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000b25), color-stop(100%,#00345b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000b25 0%,#00345b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000b25 0%,#00345b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #000b25 0%,#00345b 100%); /* IE10+ */
    background: linear-gradient(to right, #000b25 0%,#00345b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b25', endColorstr='#00345b',GradientType=1 ); /* IE6-8 */
}
header .navigation h2 {
    margin: 0;
    border-bottom: 1px solid #ffffff;
    display: block;
    padding: 15px 0;
    color: #926f55;
    text-transform: uppercase;
    font-style: italic;
    font-size: 28px;
    letter-spacing: 0.28em;
}
header .navigation nav { margin: 0; padding: 170px 0 10px 0; display: block; text-align: justify; }
header .navigation nav:after { content: ""; display: inline-block; width: 100%; }
header .navigation nav a {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    min-width: 5%;
    letter-spacing: 0.2em;
    height: 46px;
    padding: 0 3%;
    border: 1px solid #ffffff;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    color: #ffffff;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
header .navigation nav a:hover,
header .navigation nav a.current {
    border: 1px solid #9f7154;
    background-color: #9f7154;
}
header .navigation nav a > span {
    width: 100%;
    display: table;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
    height: 46px;
}
header .navigation nav a span span {
    display: table-cell;
    vertical-align: middle;
}
header .navigation nav a.commercial,
header .navigation nav a.residentialdevelopments,
header .navigation nav a.rural { min-width: 20%; }
header .navigation nav a:before {
    content: "";
    position: absolute;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 40%;
    width: 100%;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
    height: 150px;
    left: -54px;
    bottom: 60px;
    pointer-events: none;
}
header .navigation nav a.commercial,
header .navigation nav a.residentialdevelopments,
header .navigation nav a.rural { min-width: 20%; max-width: 20%; }
header .navigation nav a.commercial:before { background-image: url(img/icon-comm.png); }
header .navigation nav a.residentialdevelopments:before { background-image: url(img/icon-resi.png); background-size: 55%; }
header .navigation nav a.rural:before { background-image: url(img/icon-rural.png); background-size: 50%; }
/*header .navigation nav a span {
    display: block;
    padding: 0 25px;
    position: relative;
    line-height: 44px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    letter-spacing: 0.2em;
}
header .navigation nav a span:hover,
header .navigation nav a.current span { background-color: #9f7154; border-top: 1px solid #9f7154; border-bottom: 1px solid #9f7154; }
header .navigation nav a span:hover:before,
header .navigation nav a.current span:before { background-position: -24px -46px; }
header .navigation nav a span:hover:after,
header .navigation nav a.current span:after{ background-position: 0px -46px; }
header .navigation nav a span:before,
header .navigation nav a span:after {
    content: '';
    width: 24px;
    height: 46px;
    display: block;
    position: absolute;
    top: -1px;
    background-image: url(img/btn-sprite.png);
    background-repeat: no-repeat;
}
header .navigation nav a span:before { left: -24px; background-position: -24px 0px;}
header .navigation nav a span:after { right: -24px; background-position: 0px 0px; }*/

/** Main **/

main { padding: 0 0 60px 0; position: relative; z-index: 10; }
main h1.title {
    margin: 0;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 18px 0;
    letter-spacing: 0.17em;
    background: #7a4931; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhNDkzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTZiNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #7a4931 0%, #9a6b4f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7a4931), color-stop(100%,#9a6b4f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #7a4931 0%,#9a6b4f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #7a4931 0%,#9a6b4f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #7a4931 0%,#9a6b4f 100%); /* IE10+ */
    background: linear-gradient(to right,  #7a4931 0%,#9a6b4f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a4931', endColorstr='#9a6b4f',GradientType=1 ); /* IE6-8 */
}
main h1.title span { display: block; padding: 0 15px; letter-spacing: 0.2em; }
.single-project main h1.title span { text-align: left; }
main article .column {
    width: 50%;
    display: inline-block;
    padding: 0 10px 0 10px;;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
main article h2 { text-transform: uppercase; color: #926f55; font-weight: normal; font-size: 35px; line-height: 1.65; letter-spacing: 0.2em; margin: 30px 0 0 0; }
main article p { font-size: 18px; line-height: 1.7; margin: 15px 0; width: 95%; }
main article ul { padding: 0 0 0 17px; }
main article li { font-size: 18px; line-height: 1.7; margin: 0 0 7px 0; width: 95%; }
main article h3.title {
    border: 1px solid #9f7154;
    line-height: 1.1;
    color: #9f7154;
    height: 46px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    display: table;
    padding: 0 27px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    margin: 20px -13px 20px -13px;
    box-sizing: border-box;
    width: 100%;
}

main article h3.title span {
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
}

/** Homepage **/

main .key-projects { padding: 40px 0 0 0; }
main .key-projects h1 { margin: 0 10px 20px 10px;  }
main .project {
    width: 50%;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
main .project h3 {
    background-color: #00345b;
    margin: 0;
    position: absolute;
    height: 63px;
    line-height: 63px;
    padding: 0 0 0 50px;
    font-weight: normal;
    color: #ffffff;
    border-top: 1px solid #00345b;
    border-left: 1px solid #00345b;
    min-width: 45%;
    letter-spacing: 0.05em;
}
main .project h3:before,
main .project h3:after {
    content: '';
    width: 34px;
    height: 62px;
    position: absolute;
    top: 0;
    background-image: url(img/btn-sprite.png);
    background-repeat: no-repeat;
}
main .project h3:before { left: 0; background-position: -82px 0px; background-color: #ffffff; }
main .project h3:after { right: -34px; top: -1px; background-position: -48px 0px; }
main .project:hover h3 { background-color: #9f7154; border-top: 1px solid #9f7154; border-left: 1px solid #9f7154;}
main .project:hover h3:before { background-position: -82px -62px; }
main .project:hover h3:after { background-position: -48px -62px; }
main .project img { display: block; width: 100%; height: auto; }

/** About **/

main article .block h3.title { padding: 0 30px 0 30px; margin: 20px 24px 0 0; width: auto; }
#about main article #acf-map { margin: 0 0 20px 0; height: 400px; }

/** Projects **/

.single-project main article .column { width: 37%; }
.single-project main article nav { width: 26%; display: inline-block; }
.single-project main article nav h1 {
    display: block;
    margin: 27px 24px 0 24px;
    position: relative;
    line-height: 44px;
    color: #9f7154;
    border-top: 1px solid #9f7154;
    border-bottom: 1px solid #9f7154;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.2em;
    padding-left: 30px;
}
.single-project main article nav h1:before,
.single-project main article nav h1:after {
    content: '';
    width: 24px;
    height: 46px;
    display: block;
    position: absolute;
    top: -1px;
    background-image: url(img/btn-sprite.png);
    background-repeat: no-repeat;
}
.single-project main article nav h1:before { left: -24px; background-position: -24px -138px; }
.single-project main article nav h1:after { right: -24px; background-position: 0px -138px; }
.single-project main article nav ul { list-style: none; margin: 5px 0 15px 0; padding: 0 24px 0 54px; }
.single-project main article nav ul li { border-top: 1px solid #9f7154; margin: 0; }
.single-project main article nav ul li:first-child { border-top: none; }
.single-project main article nav ul li a {
    padding: 5px 30px 5px 0;
    display: block;
    color: #001329;
    text-transform: uppercase;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -ie-transition-duration: 0.2s;
}
.single-project main article nav ul li a:hover { padding: 5px 30px 5px 8px; }
.single-project main article #acf-map { height: 400px; }

/** Contact **/

main article #acf-map { height: 250px; margin: 20px 0; }
main article .location {
    width: 50%;
    display: inline-block;
    padding: 0 0 0 20px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
main article .location p { margin: 0; font-size: 16px; line-height: 1.6; }
main article .location p span { float: left; display: block; width: 23%; }
main article .location address { font-style: normal; }
main article .location:first-child h3 {
    border: 1px solid #00345b;
    color: #ffffff;
    background-color: #00345b;
}
main article .location:first-child h3:before { background-position: -24px -92px; }
main article .location:first-child h3:after { background-position: 0px -92px; }

/** Footer **/

footer .inner {
    padding: 20px 0 200px 0;
    border-top: 1px solid #969696;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #818181;
}
footer a { color: #818181; }
footer p { margin: 0 0 10px 0; }
footer nav { float: left; padding-right: 7%; }
footer nav ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; }
footer nav ul li a { color: #818181; letter-spacing: 0.19em; }
footer nav ul li a:hover { color: #926f55; }
footer nav ul li { margin: 2px 0; }
footer nav ul li.menu-item-17,
footer nav ul li.menu-item-41 { display: none; }
footer nav ul ul li a { text-transform: none; letter-spacing: 0.07em; }
footer .switch { float: left; padding-left: 13%; font-size: 12px; }
footer .switch a { display: block; color: #9f7154; }
footer ul.logos { float: right; list-style: none; margin: 0; }
footer ul.logos li { float: left; padding-left: 40px; }
footer ul.logos li:first-child { padding-left: 0; }
footer ul.logos li img { display: block; }
footer ul.logos li.udia img { width: 62px; }
footer ul.logos li.property-council img { width: 74px; }
footer ul.logos li.hia img { width: 49px; }


/** Map **/

main article #acf-map .bubble { box-sizing: content-box; text-align: center; color: #926f55; }
main article #acf-map .bubble a { text-decoration: underline; }



/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
    display: none;
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    height: 1310px;
    overflow: hidden;
    top: -351px;
    left: -57px;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item img {
    opacity: 1;
    display: block;
    width: 120%;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    position: relative;
    top: 251px;
    left: -16%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel .owl-rtl {
    direction: rtl;
}
.owl-carousel .owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

@media handheld, only screen and (max-width: 1670px) {
    .owl-carousel .owl-item { left: -200px; }
}

@media handheld, only screen and (max-width: 1570px) {
    /* Header */
    header .logo h1 img { width: 235px; }
    .owl-carousel .owl-item { left: -257px; }
    .owl-carousel .owl-item img { width: 130%; }
}

@media handheld, only screen and (max-width: 1240px) {

    .container { padding: 0 25px; }

    /* Header */
    header .navigation nav { padding: 170px 10px 15px 10px; }
    header .navigation h2 { font-size: 25px; }
    header .navigation nav a { padding: 0 2%; }

    /* Main */
    main article h2 { font-size: 33px; line-height: 1.5; letter-spacing: 0.18em; }
    main article p { font-size: 16px; line-height: 1.6; }
    main article li { font-size: 16px; line-height: 1.6; }

    /* About */
    main article .block h3.title { margin: 20px 24px 0 24px; }

    /* Contact */
    main article .location h3 { font-size: 15px; }
}



@media handheld, only screen and (max-width: 1050px) {
    /* Header */
    header .navigation nav { padding: 140px 10px 10px 10px; }
    header .navigation nav a { padding: 0 1%; }
    header .navigation nav a span { font-size: 12px; line-height: 14px; }
    header .navigation nav a:before { left: -54px; }
    header .navigation h2 { font-size: 21px; }
    .owl-carousel .owl-item img { width: 140%; }

    /* Contact */
    main article .location h3 { font-size: 13px; letter-spacing: 0.15em; }

    /* Main */
    main article h2 { font-size: 27px; }
    main article p { font-size: 15px; line-height: 1.4; }
    main article li { font-size: 15px; line-height: 1.4; }

    .single-project main article nav h1 {
        font-size: 13px;
        letter-spacing: 0.2em;
        padding-left: 10px;
    }
    .single-project main article nav ul {
        font-size: 13px;
        padding: 0 24px 0 34px;
    }
}

@media handheld, only screen and (max-width: 900px) {
    main article .location { width: 100%; }
    main article .location h3 { font-size: 16px; letter-spacing: 0.2em; }
}

@media handheld, only screen and (max-width: 800px) {
    header .logo h1 { padding: 25px 0 20px 0; }
    header .logo h1 img { width: 235px; }
    header .navigation nav a span { font-size: 10px; line-height: 13px; }
    header .navigation nav a.commercial,
    header .navigation nav a.residentialdevelopments,
    header .navigation nav a.rural { min-width: 21%; max-width: 21%; }
    header .navigation nav { padding: 110px 24px 0px 24px; }

    /* Main */
    main article h2 { font-size: 24px; letter-spacing: 0.17em; }
}

@media handheld, only screen and (max-width: 700px) {
    /* Header */
    header .logo {
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 4px 17px 0 rgba(0,52,91,0.6);
    }
    header .logo h1 img { width: 172px; }
    header .logo h1 { padding: 20px 0 10px 0; }
    header .logo > .mobile-menu-btn { display: block; }
    header .logo .mobile-navigation { display: block; }
    header .navigation { display: none; }
    .home header .navigation { display: block; }
    header .navigation .container { padding: 0; }
    header .navigation h2 { display: none; }
    header .navigation nav { padding: 0; }
    header .navigation nav:after { content: normal; }
    header .navigation nav a {
        width: 100%;
        background-color: #ffffff;
        color: #9f7154;
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
        transform: skew(0deg);
    }
    header .navigation nav a > span {
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
        transform: skew(0deg);
    }
    header .navigation nav a:hover, header .navigation nav a.current { background-color: #ffffff; border: 1px solid #ffffff; }
    header .navigation nav a:before { width: 32%; bottom: 6px; left: 5%; height: 34px; }
    header .navigation nav a.commercial:before { background-size: 26px; }
    header .navigation nav a.residentialdevelopments:before { background-size: 38px; }
    header .navigation nav a.rural:before { background-size:  38px; bottom: 8px; }
    header .navigation nav a.commercial,
    header .navigation nav a.residentialdevelopments,
    header .navigation nav a.rural {
        max-width: 80%;
        width: 80%;
        margin: 13px auto;
        background-color: transparent;
        color: #ffffff;
        display: block;
        -webkit-transform: skew(-25deg);
        -moz-transform: skew(-25deg);
        -o-transform: skew(-25deg);
        transform: skew(-25deg);
    }
    header .navigation nav a.commercial > span,
    header .navigation nav a.residentialdevelopments > span,
    header .navigation nav a.rural > span {
        -webkit-transform: skew(25deg);
        -moz-transform: skew(25deg);
        -o-transform: skew(25deg);
        transform: skew(25deg);
    }
    header .navigation nav a.commercial:after,
    header .navigation nav a.residentialdevelopments:after,
    header .navigation nav a.rural:after {
        content: '';
        width: 0px;
        height: 46px;
        display: block;
        position: absolute;
        top: -1px;
        left: 46%;
        margin-left: -24px;
        border-right: 1px solid #ffffff;
    }
    header .navigation nav a span:before,
    header .navigation nav a span:after { content: none; }
    header .navigation nav a.commercial span:before,
    header .navigation nav a.residentialdevelopments span:before,
    header .navigation nav a.rural span:before,
    header .navigation nav a.commercial span:after,
    header .navigation nav a.residentialdevelopments span:after,
    header .navigation nav a.rural span:after { content: ''; }
    header .navigation nav a span { font-size: 14px; line-height: 17px; }
    header .navigation nav a.commercial { margin-top: 10px; }
    header .navigation nav a.rural { margin-bottom: 10px; }
    header .navigation nav a.commercial > span,
    header .navigation nav a.rural > span,
    header .navigation nav a.residentialdevelopments > span {
        width: 100%;
        padding: 0 0 0 42%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    header .navigation nav a span:hover:before { background-position: -24px 0px; }
    header .navigation nav a span:hover:after { background-position: 0px 0px; }
    .slideshow-wrapper { margin-top: 79px; }

    /* Main */
    main .project,
    main article .column,
    .single-project main article .column { width: 100%; }
    .single-project main article nav { width: 90%; margin: 0 5%; }
    main article p { font-size: 16px; line-height: 1.6; }
    main article li { font-size: 16px; line-height: 1.6; }

    /* Slideshow */
    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        height: auto;
        top: 0;
        left: 0;
    }
    .owl-carousel .owl-item img {
        width: 100%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        top: 0;
        left: 0;
    }

    /* Footer */
    footer nav { width: 50%; padding: 0; }
    footer .switch { width: 100%; padding: 40px 0 0 0; }
    footer ul.logos { width: 100%; text-align: center; padding: 60px 0 0 0;  }
    footer ul.logos li {  display: inline-block; float: none; padding-left: 12%; }
    footer .switch p { width: 50%; display: inline-block; }

}

@media handheld, only screen and (max-width: 500px) {
    footer .switch p { width: 100%; }
}

@media handheld, only screen and (max-width: 400px) {
    /* Header */
    header .navigation nav a.commercial span,
    header .navigation nav a.rural span { font-size: 12px; }
    header .navigation nav a.residentialdevelopments span { font-size: 12px; }
    header .navigation nav a:before { width: 28%; }
    header .slideshow-wrapper > img,
    .owl-carousel .owl-item { height: 200px; }
    .owl-carousel .owl-item img { transform: scale(3.2); -webkit-transform: scale(3.2); -moz-transform: scale(3.2); }

    /* Main */
    main article h2 { font-size: 23px; letter-spacing: 0.13em; }

    /* Footer */
    footer .inner { padding: 20px 0 40px 0; }
}