/* --------------- SET CHARACTER FORMAT FOR CSS DOC ------------- */
@charset "utf-8";

/* --------------- IMPORT STYLE SHEETS ------------- */
@import url("normalize.css");
@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400');

/* --------------- MEDIA STYLES -------------- */
@media all{
    html, body {}
    body{}
}

/* --------------- MORE PRESET STYLES -------------- */
body{font-size: 14px; line-height: 22px; color: #666; background-color: #FFF; font-family: Arial, Helvetica, sans-serif;}
.content-wrapper{width: 100%; background: #FFF url(../images/basic/nav-bg.png) top repeat-x;}
.main-container{max-width: 1370px; width: 65%; min-width: 900px; margin: auto;}
.page-content-holder{max-width: 950px; width: 100%; min-width: 900px; margin: auto;}
.nav-container{width: 100%;}
.banner-container{max-width: 1370px; width: 100%; min-width: 900px; margin: auto;}
/*.footer-container{max-width: 1370px; width: 71.4%; min-width: 900px; margin: auto;}*/
.footer-container{max-width: 1370px; width: 65%; min-width: 900px; margin: auto;}
#desktop-footer{display: table;}
#mobile-footer{display: none;}

.desktop-filter{display: block;}
.mobile-filter{display: none;}

/* --------------- HEADER STYLES -------------- */
h1, h2, h3, h4, h5, h6{font-family: "Oxygen", Arial, Helvetica, sans-serif;}
.header-style h1{font-size: 50px; line-height: 60px; margin-top: -16px;}
.header-style h2{font-size: 30px; line-height: 38px;}
.header-style h3{}
.header-style h4{}
.header-style h5{}
.header-style h6{}
.header-style h1, .header-style h2, .header-style h3, .header-style h4, .header-style h5, .header-style h6{font-weight: bold !important; position: relative; padding-bottom: 15px; margin-bottom: 20px; color: #333;}
.header-style h1 span, .header-style h2 span, .header-style h3 span, .header-style h4 span, .header-style h5 span, .header-style h6 span{font-weight: normal; color: #666;}
.header-style h1:after, .header-style h2:after, .header-style h3:after, .header-style h4:after, .header-style h5:after, .header-style h6:after{content: ''; display: block; background-color: #ffcc00; width: 85px; height: 3px; position: absolute; left: 0; bottom: 0;}

/* --------------- TOP NAVIGATION STYLES -------------- */
#mobile-nav{display: none;}
#desktop-nav{display: block;}

.top-nav{padding: 10px 0;}
.logo{float: left;}
.tag-line{float: left; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-weight: 400; margin: 28px 0 0 10px;}
.top-social-networks{float: right; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none;}
.top-social-networks a{text-decoration: none;}
.top-social-networks .top-social-link{color: #666;}
.top-social-networks .top-social-link:hover{text-decoration: underline;}
.top-social-link{float: left; padding: 10px 0 0 40px; margin: 17px 0 0 30px; height: 32px;}
.facebook-icon{background: url(../images/basic/facebook.png) no-repeat center left;}

/* --------------- MAIN NAVIGATION STYLES -------------- */
#main-nav-holder{width: 100%; height: 50px; left: 0; text-align: center;}
#main-long-bg{position: fixed; top: 0; z-index: 20; width: 100%; height: 50px; left: 0; background-color: #1F487C; display: none;}
.main-nav-holder-fixed{position: fixed; top: 0; z-index: 20;}
.main-nav-holder-fixed #menu-bar{max-width: 1370px; /*width: 100%;*/ /*min-width: 900px;*/ margin: auto; /*display: block;*/}

.mobile-nav-holder-fixed{position: fixed; top: 0; z-index: 20;}

#menu-bar {/*width: 100%;*/ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 50px; line-height: 100%; background: #1F487C; border: solid 0px #6D6D6D; position:relative; z-index:999;}
#menu-bar li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; position: relative; list-style: none;}
#menu-bar a {font-weight: normal; font-family: arial; font-style: normal; font-size: 12px; color: #C9C9CB; text-decoration: none; display: block; padding: 18px 13px 18px 13px;  margin: 0; margin-bottom: 0px;}
#menu-bar li ul li a {margin: 0;}
#menu-bar .active a, #menu-bar li:hover > a {background: #FFCC00; color: #333333;}
#menu-bar ul li:hover a, #menu-bar li:hover li a {background: none; border: none; color: #666; text-align: left;}
#menu-bar ul a:hover {background: #1F487C !important; color: #C9C9CB !important;}
#menu-bar ul li.active a{background: #1F487C !important; color: #C9C9CB !important;}
#menu-bar li:hover > ul {display: block;}
#menu-bar ul {background: #FFCC00; display: none; margin: 0; padding: 0; width: 250px; position: absolute; top: 50px; left: 0;}
#menu-bar ul li {float: none; margin: 0; padding: 0;}
#menu-bar ul a {padding:18px 15px; color:#333333 !important; font-size:14px; font-style:normal; font-family:arial; font-weight: normal;}
#menu-bar ul li:first-child > a {}
#menu-bar ul li:last-child > a {}
#menu-bar:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#menu-bar {display: inline-block;}
html[xmlns] #menu-bar {display: block;}
* html #menu-bar {height: 1%;}

/* --------------- CONTENT STYLES --------------- */
.page-content-holder-margin{margin-top: 52px;}
.page-content-holder-padding{padding: 50px 0;}
.page-content-grey{background-color: #eeeff0;}
.page-content-blue{background-color: #1f487c;}

.feature-block-2{width: 49%; position: relative; overflow: hidden; padding-bottom: 300px;}
.feature-block-2-left{float: left;}
.feature-block-2-right{float: right;}
.feature-block-2 img{height: 300px;}

.feature-block-3{width: 32%; position: relative; overflow: hidden; padding-bottom: 300px;}
.feature-block-3-left{float: left;}
.feature-block-3-right{float: right;}
.feature-block-3-left-margin{margin-left: 2%;}
.feature-block-3 img{height: 300px;}
.feature-block-3-margin{margin: 0 10px;}

.bottom-featured-properties{margin-top: 20px;}
.feature-block-section-price-holder{position: absolute; top: 0; left: 10px; font-weight: bold;}
.feature-block-section{float: left; padding: 12px 17px; color: #333; background-color: #ffcc00; text-transform: uppercase;}
.feature-block-price{float: left; padding: 12px 17px; color: #FFF; background-color: #1f487c;}
.feature-block-price span{color: #ffcc00;}
.feature-overlay{position: absolute; width: 100%; height: 100%; background: url(../images/basic/feature-overlay.png) bottom repeat-x;}
.feature-block-external{padding: 18px 17px; background-color: #ffcc00; float: left;}
.feature-block-external:hover{background-color: #333;}
.feature-block-external img.off{display:block;}
.feature-block-external:hover img.off{display:none;}
.feature-block-external img.on{display:none;}
.feature-block-external:hover img.on{display:block;}
.feature-property-title{position: absolute; bottom: 15px; left: 20px; color: #FFF; font-size: 20px; line-height: 26px; max-width: 60%;}
.feature-property-title:hover{text-decoration: underline;}

.feature-block-links{position: absolute; right: 0; bottom: -52px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.feature-blocks:hover .feature-block-links{bottom: 0;}
.feature-block-links img{height: 16px;}
.feature-block-download{padding: 18px 17px; background-color: #1f487c; float: left;}
.feature-block-download:hover{background-color: #333;}
.feature-block-download img.off{display:block;}
.feature-block-download:hover img.off{display:none;}
.feature-block-download img.on{display:none;}
.feature-block-download:hover img.on{display:block;}
.feature-blocks img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.feature-blocks:hover img.center-img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.similar-block-3{width: 32%;}
.similar-block-3-left{float: left;}
.similar-block-3-right{float: right;}
.similar-block-3-left-margin{margin-left: 2%;}
.similar-block-3 img{height: 160px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.similar-block-3:hover img{-webkit-transform:scale(1.25); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.similar-block-3-margin{margin: 0 10px;}
.similar-block-content-image{position: relative; overflow: hidden; padding-bottom: 150px; width: 100%; margin-bottom: 10px;}
.similar-block-links{margin-top: 10px;}
.similar-block-links a{display: inline-block; padding: 8px 12px; border: 1px solid #1f487c; text-decoration: none; color: #1f487c;}
.similar-block-links a:hover{background-color: #1f487c; color: #c9c9cb;}

.extra-feature-block{display: table; width: 49%; height: 300px; background-color: #1f487c; text-align: center; color: #FFF;}
.extra-feature-block-content{display: table-cell; vertical-align: middle; padding: 50px;}
.extra-feature-block-content h3{font-size: 24px; line-height: 32px; margin-bottom: 20px;}
.extra-feature-block-links{margin-top: 20px;}
.extra-feature-block-links a{display: inline-block; padding: 8px 12px; border: 1px solid #ffcc00; color: #ffcc00; font-size: 12px; margin-right: 16px; text-decoration: none; text-transform: uppercase;}
.extra-feature-block-links a:hover{background-color: #ffcc00; color: #333;}

.page-content h1{font-size: 40px; line-height: 48px; margin-bottom: 20px; font-weight: normal; color: #333;}
.page-content h2{font-size: 36px; line-height: 44px; margin-bottom: 20px; font-weight: normal; color: #333;}
.page-content h3, .page-content h4{font-size: 28px; line-height: 36px; margin-bottom: 20px; font-weight: normal; color: #333;}
.page-content h5, .page-content h6{font-size: 24px; line-height: 30px; margin-bottom: 20px; font-weight: normal; color: #333;}
.page-content p{margin-bottom: 20px;}
.page-content a{color: #1f487c; font-weight: bold;}
.page-content a:hover{text-decoration: none;}
.page-content ul{margin: 0 0 20px 15px;}
.page-content ol{margin: 0 0 20px 15px;}
.page-content .overflow-table{overflow-x: auto; clear: both;}
.page-content table{margin-bottom:  20px; border-width: 0px; border-color: #1f487c; width: 100%;}
.page-content table td{padding: 7px 10px; border-width: 1px; border-color: #1f487c; text-align: left; vertical-align: top;}
.page-content table tr th{background: #1f487c; color: #dce1e0; padding: 10px; text-align: left; font-weight: bold; text-transform: uppercase;}
.page-content table tr:nth-child(odd){background-color: #d9d9d9;}
.page-content-title{font-size: 30px; line-height: 38px; margin-bottom: 20px; font-family: "Oxygen", Arial, Helvetica, sans-serif; color: #333;}
.page-content-image-left{float: left; width: 320px; position: relative; overflow: hidden; padding-bottom: 200px; margin: 0 20px 20px 0;}
.page-content-image-right{float: right; width: 320px; position: relative; overflow: hidden; padding-bottom: 200px; margin: 0 0 20px 20px;}
.page-content-image-left img, .page-content-image-right img{height: 220px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.page-content-image-left:hover img, .page-content-image-right:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.page-content-image-title{position: absolute; bottom: 0; width: 100%; margin: 0 10px 10px 10px; color: #FFF;}
.page-content-download-holder{display: inline-block; margin-bottom: 25px; padding: 8px 12px; font-size: 12px; background-color: #ffcc00;}
.page-content-download-holder:hover{background-color: #333;}
.page-content-download-holder img{height: 16px; float: left; margin-top: 4px;}
.page-content-download-holder a{color: #333; text-decoration: none;}
.page-content-download-holder:hover a{color: #FFF;}
.page-content-download-content{text-transform: uppercase; float: left; margin-left: 15px; margin-top: 2px;}
.page-content-download-holder img.off{display:block;}
.page-content-download-holder:hover img.off{display:none;}
.page-content-download-holder img.on{display:none;}
.page-content-download-holder:hover img.on{display:block;}
.page-content-youtube{margin-bottom: 25px;}
.page-content-youtube iframe{width: 100%; height: 500px;}
.gallery-holder{margin-bottom: 25px;}
.page-content-reduce-bottom-margin{margin-bottom: -20px;}
.page-banner-image{position: relative; overflow: hidden; padding-bottom: 300px;}

.sub-page-block-holder{border-bottom: 1px solid #cc1208; margin-bottom: 15px;}
.sub-page-block-holder h2{font-size: 24px; line-height: 32px;}
.sub-page-block-holder h2 a{text-decoration: none; color: #333;}
.sub-page-block-holder h2 a:hover{text-decoration: underline;}
.sub-page-block-image img{display: block; height: 250px;}
.sub-page-block-image{width: 25%; height: 125px; float: left; margin: 0 15px 15px 0; position: relative; overflow: hidden;}
.sub-page-block-content{float: left; width: 72%;}
.sub-page-block-content-full{float: left; width: 100%;}
.sub-page-block-link{float: right;}
.sub-page-block-link a{padding: 6px 13px; background-image: url(../images/basic/form-button-bg.jpg); color: #dce1e0; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 12px;}
.sub-page-block-link a:hover{background-image: url(../images/basic/form-button-bg-hover.jpg);}

.blue-call-to-action{display: table; margin: auto; max-width: 1370px;}
.call-to-action-content{font-size: 16px; line-height: 28px; color: #FFF; font-weight: bold; float: left; margin-right: 40px; padding: 19px 0;}
.call-to-action-link{float: left;}
.call-to-action-link a{padding: 23px 30px; display: block; font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; color: #1f487c; background-color: #ffcc00; }
.call-to-action-link a:hover{background-color: #333; color: #999;}

.small-left-col{float: left; width: 30%;}
.large-right-col{float: right; width: 65%;}

.right-block-content-container{margin-top: 25px;}
.right-block-content-container .right-block-small-image img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.right-block-content-container:hover .right-block-small-image img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.right-block-small-image{float: left; width: 35%; position: relative; overflow: hidden; padding-bottom: 75px; margin-right: 15px;}
.right-block-small-image img{height: 150px;}
.right-block-content{float: left; padding: 5px 0; width: 59%;}
.right-block-content-full{width: 100%;}
.right-block-small-title a{color: #1f487c; text-decoration: none; font-weight: bold;}
.right-block-small-title a:hover{text-decoration: underline;}

.project-property-header-left{float: left; max-width: 55%;}
.project-property-header-right{float: right; max-width: 45%;}
.project-property-price-holder{background-color: #1f487c; padding: 21px 20px; margin-top: -50px;}
.project-property-price-top-text{font-weight: bold; color: #c9c9cb;}
.project-property-price-main-text{font-size: 40px; line-height: 48px; color: #fff; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-weight: bold;}
.project-property-price-main-text span{color: #ffcc00;}
.price-option-small-indicator{font-size: 18px; line-height: 26px; color: #fff !important;}

.tab-holder{margin-bottom: 20px;}
.tab-block-holder{float: left; width: 25%;}
.tab-select-holder{display: none; font-family: "Oxygen", Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; margin-bottom: 20px;}
.tab-select-holder select{padding: 13px 10px;font-weight: bold; font-size: 24px; color: #333; background-color: transparent; border: 0; border: none; width: 100%; text-transform: uppercase;}
.tab-single-block-holder{width: 100%; background-color: #1f487c;}
.tab-single-block-content-holder{font-size: 18px; padding: 19px 20px; margin: 1px 0; position: relative; text-transform: uppercase;}
.tab-single-block-arrow-right{width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 20px solid #ffcc00; position: absolute; right: -20px; top: 0; display: none;}
.tab-block-holder a{color: #FFF; text-decoration: none;}
.tab-block-holder a:hover{color: #333;}
.tab-single-block-holder:hover{background-color: #ffcc00;}
.tab-single-block-holder:hover .tab-single-block-arrow-right{display: block;}
.tab-block-holder a.active{color: #333;}
.tab-block-holder a.active .tab-single-block-holder{background-color: #ffcc00;}
.tab-block-holder a.active .tab-single-block-arrow-right{display: block;}
.tab-block-content-holder{float: right; width: 75%;}
.tab-block-single-content-holder{padding: 20px 40px; border: 1px solid #eeeff0;}
.tab-block-single-content-holder p{margin: 20px 0 0 0;}
.tab-block-single-content-holder .page-content-download-holder{margin: 20px 0 0 0;}
.tab-block-single-content-left{float: left; width: 48%;}
.tab-block-single-content-right{float: right; width: 48%;}
.tab-block-single-content-image-holder img{width: 100%;}
.tab-block-holder a .tab-single-block-content-holder:first-child {margin: 0 0 1px 0;}
.tab-block-holder a .tab-single-block-content-holder:last-child {margin: 1px 0 0 0;}

.project-property-enquiry-form-left{float: left; width: 70%}
.project-property-enquiry-form-left p{margin-bottom: 20px;}
.project-property-enquiry-form-right{float: right; width: 25%}
.project-property-enquiry-staff-image{position: relative; overflow: hidden; padding-bottom: 190px; width: 190px; -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; border: 1px solid #1f487c; margin: auto;}
.project-property-enquiry-staff-image img{height: 200px; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.project-property-enquiry-form-right:hover .project-property-enquiry-staff-image img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.project-property-enquiry-staff-info-holder{text-align: center; margin-top: 20px;}
.project-property-enquiry-staff-name{font-size: 20px; line-height: 28px; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-weight: bold;}
.project-property-enquiry-staff-name a{color: #666; text-decoration: none;}
.project-property-enquiry-staff-name a:hover{text-decoration: underline;}
.project-property-enquiry-staff-name span{font-weight: 300;}
.project-property-enquiry-staff-position{margin-top: 10px;}
.project-property-enquiry-staff-contact{margin-top: 10px;}

.specific-link-holder{padding: 13px 0; font-size: 12px; text-transform: uppercase; display: table; margin: auto;}
.specific-link-holder a{color: #c9c9cb; text-decoration: none;}
.specific-link-holder a:hover .specific-link{background: #c9c9cb; color: #333;}
.specific-link{float: left; border: 1px solid #c9c9cb; padding: 8px 10px; margin: 0 5px;}
.specific-link img{float: left; height: 16px; margin-top: 3px;}
.specific-link-text{float: left; margin-left: 10px;}
.specific-link-holder a img.off{display:block;}
.specific-link-holder a:hover img.off{display:none;}
.specific-link-holder a img.on{display:none;}
.specific-link-holder a:hover img.on{display:block;}

.staff-container{margin-top: 30px;}
.staff-holder-left{float: left; width: 23%}
.staff-holder-right{float: right; width: 23%}
.staff-holder-left-margin{margin-left: 2.5%;}
.staff-image{position: relative; overflow: hidden; padding-bottom: 190px; width: 190px; -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; border: 1px solid #1f487c; margin: auto;}
.staff-image img{height: 200px; webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.staff-holder-left:hover .staff-image img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.staff-holder-right:hover .staff-image img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.staff-info-holder{text-align: center; margin-top: 20px;}
.staff-name{font-size: 20px; line-height: 28px; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-weight: bold;}
.staff-name a{color: #666; text-decoration: none;}
.staff-name a:hover{text-decoration: underline;}
.staff-name span{font-weight: 300;}
.staff-position{margin-top: 10px;}
.staff-contact{margin-top: 10px;}
.staff-link{margin-top: 15px;}
.staff-link a{padding: 8px 12px; border: 1px solid #1F487C; color: #1F487C; text-decoration: none; display: inline-block;}
.staff-link a:hover{background-color: #1f487c; color: #c9c9cb;}

.vacancy-left-holder{float: left; width: 48%;}
.vacancy-right-holder{float: right; width: 48%;}
.vacancy-holder h2{line-height: 36px;}
.vacancy-holder h2 a{text-decoration: none; color: #666;}
.vacancy-holder h2 a:hover{text-decoration: underline;}
.vacancy-top-details{margin-top: 20px;}
.vacancy-detail-left{float: left; width: 48%; margin-bottom: 10px;}
.vacancy-detail-right{float: right; width: 48%; margin-bottom: 10px;}
.vacancy-description{margin-top: 10px;}
.vacancy-link{margin-top: 20px;}
.vacancy-link a{padding: 8px 12px; padding: 8px 12px; border: 1px solid #1F487C; color: #1F487C; text-decoration: none; display: inline-block;}
.vacancy-link a:hover{background-color: #1f487c; color: #c9c9cb;}

/* --------------- FORM STYLES --------------- */
.form-holder .form-input-width{width: 45%;}
.form-holder .input-left{float: left;}
.form-holder .input-right{float: right;}
.form-holder .form-input input{width: 93%; padding: 3.5%; border: 0; border: none; background: transparent; border-bottom: 1px solid #666; outline: none; margin-bottom: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #666;}
.form-holder .form-input input:hover{border-color: #1f487c;}
.form-holder .form-input input:focus{border-color: #ffcc00;}
.form-holder .input-full-width input{width: 98%; padding: 1%;}
.form-holder textarea {width: 98%; padding: 1%; border: 0; border: none; background: transparent; border-bottom: 1px solid #666; outline: none; resize: none; margin-bottom: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #666;}
.form-holder textarea:hover{border-color: #1f487c;}
.form-holder textarea:focus{border-color: #ffcc00;}
.form-holder select{width: 100%; padding: 3.5%; border: 0; border: none; background: transparent; border-bottom: 1px solid #666; outline: none; margin-bottom: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #666;}
.form-holder select:hover{border-color: #1f487c;}
.form-holder select:focus{border-color: #ffcc00;}
.form-holder .form-buttons input{float: right; padding: 11px; background: transparent; color: #666; border: 1px solid #666; outline: none; margin-left: 10px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.form-holder .form-buttons input:hover{color: #FFF; background: #1f487c; border-color: #1f487c;}
.form-holder .form-buttons input:focus{color: #333; background: #ffcc00; border-color: #ffcc00;}
.form-holder .red-border{border-color: #cc1208 !important;}
.form-holder .file-input input{border: 1px solid #1F487C; color: #1f487c; width: 100%; padding: 2%; margin-top: 15px;}
.form-holder .file-input input:hover{background-color: #1f487c; color: #c9c9cb; border: 1px solid #1F487C;}
.form-holder .file-input input:focus{background-color: #1f487c; color: #c9c9cb; border: 1px solid #1F487C;}
#selected-file{display: none;}
.application-form-holder{margin-top: 20px;}
.contact-person-holder{width: 98%; padding: 1%; margin-bottom: 10px; font-size: 18px; line-height: 26px;}

/* --------------- SLIDER STYLES --------------- */
.reduce-top-margin{margin-top: -25px;}
.reduce-bottom-margin{margin-bottom: -22px;}
.slide-content-holder{position: relative;}
.slide-overlay{position: absolute; width: 100%; height: 100%; background-image: url(../images/basic/slide-overlay.png); z-index: 5;}
.slide-content-holder .slide-parent img {display: block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.slide-content-holder:hover .slide-parent img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.slide-content-holder .slide-parent {position: relative; overflow: hidden; padding-bottom: 600px;}
.center-img {position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; min-height: 100%; min-width: 100%;}
.slide-content-parent{display: table; position: absolute; height: 600px; z-index: 5; width: 100%;}
.slide-content{display: table-cell; vertical-align: middle; color: #FFF;}
.slide-content-size{width: 45%;}
.slide-section{margin-bottom: 5px; color: #ffcc00; font-weight: bold;}
.slide-content h1, .slide-content h2{font-size: 50px; line-height: 60px; font-weight: 300; margin-bottom: 15px;}
.slide-content h1 a, .slide-content h2 a{color: #FFF; text-decoration: none;}
.slide-content h1 a:hover, .slide-content h2 a:hover{text-decoration: underline;}
.slide-links{margin-top: 15px;}
.slide-links a{display: inline-block; padding: 8px 12px; border: 1px solid #ffcc00; color: #ffcc00; font-size: 12px; margin-right: 16px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.slide-links a:hover{background-color: #ffcc00; color: #333;}
.slide-content-left{float: left;}
.slide-content-right{float: right;}

.banner-links{margin-top: 25px;}
.banner-links a{color: #c9c9cb; text-decoration: none;}
.banner-single-link{background-color: #ffcc00; float: left; width: 40px; position: relative; overflow: hidden; margin-right: 10px;}
.banner-single-link img{float: left; padding: 12px; height: 16px;}
.banner-single-link-text{position: absolute; top: 0; left: 40px; text-transform: uppercase; font-size: 12px; padding: 9px;}
.banner-download-brochure{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.banner-download-brochure:hover{width: 210px; background-color: #1f487c;}
.banner-download-brochure .banner-single-link-text{width: 170px;}
.banner-download-brochure img.off{display:block;}
.banner-download-brochure:hover img.off{display:none;}
.banner-download-brochure img.on{display:none;}
.banner-download-brochure:hover img.on{display:block;}

.banner-gallery{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5 ease; transition: all 0.5s ease;}
.banner-gallery:hover{width: 170px; background-color: #1f487c;}
.banner-gallery .banner-single-link-text{width: 130px;}
.banner-gallery img.off{display:block;}
.banner-gallery:hover img.off{display:none;}
.banner-gallery img.on{display:none;}
.banner-gallery:hover img.on{display:block;}

.banner-more-info{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5 ease; transition: all 0.5s ease;}
.banner-more-info:hover{width: 160px; background-color: #1f487c;}
.banner-more-info .banner-single-link-text{width: 120px;}
.banner-more-info img.off{display:block;}
.banner-more-info:hover img.off{display:none;}
.banner-more-info img.on{display:none;}
.banner-more-info:hover img.on{display:block;}

.banner-enquire{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5 ease; transition: all 0.5s ease;}
.banner-enquire:hover{width: 160px; background-color: #1f487c;}
.banner-enquire .banner-single-link-text{width: 120px;}
.banner-enquire img.off{display:block;}
.banner-enquire:hover img.off{display:none;}
.banner-enquire img.on{display:none;}
.banner-enquire:hover img.on{display:block;}

#property-slider-top-links{font-family: "Oxygen", Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; margin-bottom: 20px;}
#property-slider-top-links a{padding: 13px 10px; display: inline-block; font-weight: bold; font-size: 16px; color: #999; text-decoration: none;}
#property-slider-top-links a:first-child{padding: 13px 10px 13px 0;}
#property-slider-top-links a:hover, #property-slider-top-links a.active{border-bottom: 3px solid #ffcc00; color: #1f487c; padding-bottom: 10px;}

#property-slider-top-select{font-family: "Oxygen", Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; margin-bottom: 20px;}
#property-slider-top-select select{padding: 13px 10px; font-weight: bold; font-size: 16px; color: #999; background-color: transparent; border: 0; border: none; width: 60%;}

.properties-slider-content-holder{width: 100%; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); margin:5px 10px;}
.properties-slider-content-holder .properties-slider-image-holder img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.properties-slider-content-holder:hover .properties-slider-image-holder img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.properties-slider-image-holder{position: relative; overflow: hidden; padding-bottom: 145px;}
.properties-slider-image-holder img{display: block; height: 170px;}
.properties-slider-title-link-holder{background-color: #fff;}
.properties-slider-title{float: left; max-width: 70%;line-height: 16px; padding: 10px 5px 10px 10px;}
.properties-slider-title a{color: #1f487c; text-decoration: none;}
.properties-slider-title a:hover{text-decoration: underline;}
.properties-slider-link{float: right; background-color: #ffcc00; /*padding: 18px;*/}
.properties-slider-link img{height: 16px;}
.properties-slider-link img.off{display:block;}
.properties-slider-link:hover img.off{display:none;}
.properties-slider-link img.on{display:none;}
.properties-slider-link:hover img.on{display:block;}
.properties-slider-title-link-holder a:hover .properties-slider-link{background-color: #333;}

.news-article-container{ margin-top: 40px;}
.news-media-slider-container{position: relative;}
.news-media-slider-container .news-media-slider-image img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.news-media-slider-container:hover .news-media-slider-image img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}
.news-media-slider-image{border-bottom: 3px solid #1f487c; position: relative; overflow: hidden; padding-bottom: 195px;}
.news-media-slider-image img{height: 280px; display: block;}
.news-media-slider-date{position: absolute; top: 183px; left: 30px; font-weight: bold; color: #c9c9cb; background-color: #1f487c; padding: 3px 15px;}
.news-media-slider-date-no-image{position: absolute; top: -35px; left: 0; font-weight: bold; color: #c9c9cb; background-color: #1f487c; padding: 3px 15px;}
.news-media-slider-content{margin-top: 35px;}
.news-media-slider-text{margin-top: 10px;}
.news-media-slider-category{margin-top: 10px;}
.news-media-slider-category a{text-decoration: none; color: #1f487c;}
.news-media-slider-category a:hover{text-decoration: underline;}
.news-media-slider-title a{color: #1f487c; font-size: 20px; line-height: 28px; text-decoration: none;}
.news-media-slider-title a:hover{text-decoration: underline;}
.news-article-left{float: left; width: 32%;}
.news-article-right{float: right; width: 32%;}
.news-article-margin-left{margin-left: 2%;}
.news-article-left .news-media-slider-date-no-image{top: 0;}
.news-article-right .news-media-slider-date-no-image{top: 0;}
.news-article-category{margin-bottom: 20px;}
.news-article-category a{color: #1f487c; text-decoration: none;}
.news-article-category a:hover{text-decoration: underline;}

/* --------------- FOOTER STYLES --------------- */
.footer-yellow-bg{background-color: #ffcc00; color: #333;}
.footer-blue-bg{background-color: #1f487c; color: #fff;}
.footer-cols{float: left; width: 33.33%; height: 360px;}
.footer-col-content{padding: 50px;}
.first-footer-col{padding: 50px 50px 50px 0;}
.last-footer-col{padding: 50px 0 50px 50px;}
.footer-col-content h3{font-size: 20px; line-height: 28px; font-weight: bold; position: relative; padding-bottom: 15px; margin-bottom: 20px;}
.footer-col-content h3:after{content: ''; display: block; background-color: #1383cb; width: 85px; height: 3px; position: absolute; left: 0; bottom: 0;}
.footer-yellow-bg .footer-col-content h3 span{font-weight: 400; color: #1f487c;}
.footer-blue-bg .footer-col-content h3 span{font-weight: 400; color: #ffcc00;}
.footer-yellow-bg .footer-col-content h3:after{background-color: #1f487c;}
.footer-blue-bg .footer-col-content h3:after{background-color: #ffcc00;}
.footer-paragraph-color{color: #c9c9cb;}
.footer-col-content .sitemap-holder ul{list-style-type: none; font-family: "Oxygen", Arial, Helvetica, sans-serif; font-weight: 400;}
.footer-col-content .sitemap-holder ul li a{color: #c9c9cb; text-decoration: none;}
.footer-col-content .sitemap-holder ul li a:hover{text-decoration: underline;}
.footer-col-content .sitemap-holder ul li span{color: #ffcc00; font-size: 12px;}

.copyright-holder{padding: 19px 0; background-color: #333; color: #999;}
.copyright-holder a{color: #999;}
.copyright-holder a:hover{text-decoration: none;}
.copyright-left{float: left;}
.copyright-right{float: right;}

.footer-times  ul {max-width: 40em; padding: 0; overflow-x: hidden; overflow-y: hidden; list-style: none}
.footer-times ul li:before {float: left; width: 0; white-space: nowrap; content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
.footer-times ul span:first-child {padding-right: 0.33em; background: #1f487c}
.footer-times ul li span{color: #fff; font-size: 14px;}
.footer-times ul span + span {float: right; padding-left: 0.33em; background: #1f487c}

/* --------------- LOAD MORE STYLES --------------- */
.load-more-loader{text-align:center; display:none; margin-top: 40px;}
.loadmore-style{width:100%; border:0; color:#FFF; padding:11px 17px; outline:none; cursor:pointer; margin-top: 0px; background-color: transparent; border: 1px solid #1f487c; color: #1f487c; margin-top: 20px;}
.loadmore-style:hover{background-color:#1f487c; color: #c9c9cb; text-decoration:none;}

/* --------------- ERROR STYLES --------------- */
.messageRightContentBoxContainerApprove{border: 3px solid #1f700f; width:95%; margin-left:auto; margin-right:auto; padding:2%; color:#333; margin-bottom:20px; text-align:center; margin-top:20px; margin-bottom: 20px;}

.messageRightContentBoxContainerError{border: 3px solid #cc1208; width:95%; margin-left:auto; margin-right:auto; padding:2%; color:#333; margin-top:20px; margin-bottom:20px;}
.messageRightContentBoxContainerError .message{padding-bottom:5px; margin-bottom:10px; text-align:left;}
.messageRightContentBoxContainerError .errorMessage{ margin-left:20px;}
.messageRightContentBoxContainerError .errorMessage ul{margin: 0}
.messageRightContentBoxContainerError .errorMessage li{padding-bottom:5px; text-align:left;}

.no-content-warning{text-align: center; padding: 11px; border: 2px solid #1F487C; font-weight: bold; font-size: 16px;}

/* --------------- CSS SPINNER STYLES --------------- */
.sk-circle {margin: 100px auto; width: 40px; height: 40px; position: relative;}
.sk-circle .sk-child {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.sk-circle .sk-child:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; /*background-color: #1f487c;*/ background-color: #FFCC00; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.sk-circle .sk-circle3 {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.sk-circle .sk-circle4 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sk-circle .sk-circle5 {-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.sk-circle .sk-circle6 {-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-circle .sk-circle7 {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-circle .sk-circle8 {-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-circle .sk-circle9 {-webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-circle .sk-circle10 {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-circle .sk-circle11 {-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-circle .sk-circle12 {-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-circle .sk-circle2:before {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {-webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-circle .sk-circle4:before {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {-webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* --------------- CLEAR STYLE --------------- */
.clear{clear:both;}
.hidden{display: none;}
.bottom-margin{margin-bottom: 20px;}

/* --------------- RESPONSIVE STYLES --------------- */
/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px) {
    /*.main-container{border: 1px solid red;}*/
    .main-container{max-width: 90%; width: 90%; min-width: 90%;}
    .banner-container{max-width: 100%; width: 100%; min-width: 100%;}
    .home-slider-holder .bx-wrapper .bx-pager{max-width: 100%; width: 100%; min-width: 100%;}
    .home-slider-holder .bx-wrapper .bx-controls-direction{max-width: 100%; width: 100%; min-width: 100%;}
    .reduce-top-margin{margin-top: 65px;}

    .slide-content-right{float: none;}
    .slide-content-left{float: none;}
    .slide-content-size{margin: auto;}
    .slide-content-size p{font-size: 16px; line-height: 24px;}

    .header-style h2{font-size: 26px; line-height: 34px;}

    #desktop-nav{display: none;}
    #mobile-nav{display: block;}
    .top-nav-holder{height: 65px; background-color: #fff; border-bottom: 2px solid #1f487c; width: 100%}
    .mobile_logo{float: left;}
    .mobile_logo img{height: 45px; margin-left: 15px; margin-top: 5px;}
    .mobile_nav_holder{position:relative; top: 5px; padding: 0 2% 0 1%; height: 55px;}
    .drop_down_nav{width:60%; position:fixed; z-index:10; top:0; left:0; background-color:#1f487c; font-size:18px; display:none; border:1px solid #333; overflow:auto; height:100%;}
    .drop_down_nav ul{list-style-type:none; z-index:10;}
    .drop_down_nav ul li{border-top:1px solid #333;}
    .drop_down_nav ul li a{color:#FFF; text-decoration:none; padding: 2%; display:inline-block; width:96%;}
    .drop_down_nav ul li a:hover{background-color:#ffcc00; color:#333;}
    .drop_down_nav ul li ul li:not(.active) a{background-color:#1f487c; color: #FFF;}
    .drop_down_nav ul li ul li a{padding-left: 5%; width: 93%; background: url(../images/basic/option-indicator-icon.png) no-repeat top 20px left 5.5%;}
    .drop_down_nav ul li ul li a:hover{color:#333; background: url(../images/basic/option-indicator-icon-dark.png) no-repeat top 20px left 5.5% #ffcc00;}
    .drop_down_nav ul li.active a{background-color:#ffcc00; color:#333; max-width:100%;}
    .drop_down_nav ul li ul li.active a{background: url(../images/basic/option-indicator-icon-dark.png) no-repeat top 20px left 5.5% #ffcc00; color:#333 !important; max-width:100%;}
    .nav_right_border{border:none;}
    .close-button-nav{}
    .close-button-nav img{float:right; padding:5px;}
    #nav_icon{cursor: pointer; margin-top: 7px; margin-left: 10px; float: left;}
    .close-button-nav{cursor: pointer;}

    .mobile-top-margin{margin-top: 65px;}

    .header-style h1{font-size: 40px; line-height: 50px;}

    #desktop-footer{display: none;}
    #mobile-footer{display: block;}
    .footer-cols{width: 33.3%; height: 360px;}
    .footer-col-content{padding: 25px;}
    .footer-cols .top-social-networks{float: none; margin-top: 10px;}
    .footer-cols .top-social-link{margin: 0; float: none;}

    .right-block-content{width: 55%;}

    .page-content table{border-width: 1px; border-color: #122b4a;}
    .page-content table td{border-width: 1px; border-color: #122b4a;}

    .staff-holder-left-margin{margin-left: 0px;}
    .staff-info-holder{margin-top: 40px;}

    .form-holder .form-input-width{width: 100%;}
    .form-holder .file-input input{padding: 15px !important; width: 100% !important;}
    .form-buttons{text-align: center;}
    .form-holder .form-buttons input{float: none;}

    .project-property-enquiry-form-left{width: 60%;}
    .project-property-enquiry-form-right{width: 35%;}

    .similar-block-3{width: 30%;}
    .similar-block-3-left-margin{margin-left: 5%;}

    .project-property-price-main-text{font-size: 34px; line-height: 42px;}

    .form-holder select{padding: 3%;}

    .feature-blocks:hover img.center-img,
    .similar-block-3:hover img,
    .page-content-image-left:hover img,
    .page-content-image-right:hover img,
    .right-block-content-container:hover .right-block-small-image img,
    .project-property-enquiry-form-right:hover .project-property-enquiry-staff-image img,
    .staff-holder-left:hover .staff-image img,
    .staff-holder-right:hover .staff-image img,
    .slide-content-holder:hover .slide-parent img,
    .properties-slider-content-holder:hover .properties-slider-image-holder img,
    .news-media-slider-container:hover .news-media-slider-image img {
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .properties-slider-image-holder img{display: block; height: 300px;}

    @media all and (orientation:portrait) {
        .call-to-action-content{float: none; margin-right: 0px;}
        .call-to-action-link{float: none; width: 111%; margin: 0 -5.5%; text-align: center;}
        .call-to-action-link a{font-size: 16px;}

        .slide-content-size{width: 100%;}

        .drop_down_nav ul li a{color:#FFF; text-decoration:none; padding: 3%; display:inline-block; width:94%;}
        .drop_down_nav ul li ul li a{padding-left: 8%; width: 89%;}

        .staff-holder-left{float: left; width: 46%; margin: 0 2%;}
        .staff-holder-right{float: left; width: 46%; margin: 0 2%;}
        .staff-image{margin-bottom: 10px;}

        .vacancy-container{margin-bottom: -20px;}
        .vacancy-left-holder{float: none; width: 100%; margin-bottom: 40px;}
        .vacancy-right-holder{float: none; width: 100%; margin-bottom: 40px;}

        .form-holder .form-input input{width: 94%; padding: 3%}
        .form-holder select{padding: 3%}
        .form-holder textarea{width: 94%; padding: 3%}

        .listings-holder .feature-block-3{width: 100%; margin-top: 20px;}
        .listings-holder .feature-block-3-left{float: none;}
        .listings-holder .feature-block-3-right{float: none;}
        .listings-holder .feature-block-3-left-margin{margin-left: 0;}

        .project-property-header-left{max-width: 50%;}
        .project-property-header-right{max-width: 45%;}

        .news-article-container{margin-top: 80px;}
        .news-article-left{width: 100%; float: none;}
        .news-article-margin-left{margin-left: 0px;}
        .news-article-left .news-media-slider-date-no-image{top: -40px;}
        .news-media-slider-content{margin-top: 70px;}
        .news-media-slider-image{margin-top: 20px; margin-bottom: -40px;}
        .news-media-slider-holder .news-media-slider-content{margin-top: 35px;}
        .news-media-slider-holder .news-media-slider-image{margin-bottom: 0px;}
        .news-media-slider-image img{height: 450px;}
    }

    @media all and (orientation:landscape) {
        .slide-content-size{width: 80%;}

        .drop_down_nav ul li a{color:#FFF; text-decoration:none; padding: 2%; display:inline-block; width:96%;}
        .drop_down_nav ul li ul li a{padding-left: 8%; width: 90%;}
        .staff-image{margin-bottom: 10px; padding-bottom: 160px; width: 160px;}

        .form-holder .form-input input{width: 94%; padding: 3%}
        .form-holder select{padding: 3%}
        .form-holder textarea{width: 94%; padding: 3%;}

        .project-property-header-left{max-width: 60%;}
        .project-property-header-right{max-width: 35%;}
    }
}

/* Mobile */
@media all and (min-width : 300px) and (max-width : 767px) {
    .main-container{max-width: 90%; width: 90%; min-width: 90%;}
    .banner-container{max-width: 100%; width: 100%; min-width: 100%;}
    .home-slider-holder .bx-wrapper .bx-pager{max-width: 100%; width: 100%; min-width: 100%;}
    .home-slider-holder .bx-wrapper .bx-controls-direction{max-width: 100%; width: 100%; min-width: 100%;}
    .reduce-top-margin{margin-top: 65px;}

    .slide-content-right{float: none;}
    .slide-content-left{float: none;}
    .slide-content-size{width: 100%;}
    .slide-content-size p{display: none;}
    .slide-links a{display: block; margin-bottom: 10px; text-align: center;}
    .slide-content-parent{height: 450px;}
    .slide-content-holder .slide-parent{padding-bottom: 450px;}
    .bx-viewport{height: 450px !important;}
    .slide-content h1, .slide-content h2{font-size: 40px; line-height: 50px;}
    .slide-content-holder .slide-parent img{height: 460px;}

    .feature-block-2{width: 100%; margin-top: 20px;}
    .feature-block-2-left{float: none; margin-top:0;}
    .feature-block-2-right{float: none;}
    .feature-block-3{width: 100%; margin-top: 20px;}
    .feature-block-3-left{float: none;}
    .feature-block-3-right{float: none;}
    .feature-block-3-left-margin{margin-left: 0;}

    .call-to-action-content{float: none; margin-right: 0px;}
    .call-to-action-link{float: none; width: 111%; margin: 0 -5.5%; text-align: center;}
    .call-to-action-link a{font-size: 18px; font-weight: bold;}

    #desktop-footer{display: none;}
    #mobile-footer{display: block;}
    .footer-cols{float: none; width: 100%; height: auto;}
    .footer-col-content{padding: 25px;}
    .footer-cols .top-social-networks{float: none; margin-top: 10px;}
    .footer-cols .top-social-link{margin: 0; float: none;}

    .copyright-left{float: none; text-align: center;}
    .copyright-right{float: none; text-align: center; margin-top: 10px;}

    .small-left-col{float: none; width: 100%;}
    .right-block-small-title a{font-size: 18px;}
    .large-right-col{float: none; width: 100%; margin-top: 20px;}

    .desktop-filter{display: none;}
    .mobile-filter{display: block;}
    .properties-slider-title{width: 70%;}

    .news-media-slider-text{width: 95%;}

    .page-banner-image img{height: 310px;}

    #desktop-nav{display: none;}
    #mobile-nav{display: block;}
    .top-nav-holder{height: 65px; background-color: #fff; border-bottom: 2px solid #1f487c; width: 100%}
    .mobile_logo{float: left;}
    .mobile_logo img{height: 45px; margin-left: 15px; margin-top: 5px;}
    .mobile_nav_holder{position:relative; top: 5px; padding: 0 2% 0 1%; height: 55px;}
    .drop_down_nav{width:60%; position:fixed; z-index:10; top:0; left:0; background-color:#1f487c; font-size:18px; display:none; border:1px solid #333; overflow:auto; height:100%;}
    .drop_down_nav ul{list-style-type:none; z-index:10;}
    .drop_down_nav ul li{border-top:1px solid #333;}
    .drop_down_nav ul li a{color:#FFF; text-decoration:none; padding: 5%; display:inline-block; width:90%;}
    .drop_down_nav ul li a:hover{background-color:#ffcc00; color:#333;}
    .drop_down_nav ul li ul li:not(.active) a{background-color:#1f487c; color: #FFF;}
    .drop_down_nav ul li ul li a{padding-left: 15%; width: 80%; background: url(../images/basic/option-indicator-icon.png) no-repeat top 20px left 7%;}
    .drop_down_nav ul li ul li a:hover{color:#333; background: url(../images/basic/option-indicator-icon-dark.png) no-repeat top 20px left 7% #ffcc00;}
    .drop_down_nav ul li.active a{background-color:#ffcc00; color:#333; max-width:100%;}
    .drop_down_nav ul li ul li.active a{background: url(../images/basic/option-indicator-icon-dark.png) no-repeat top 20px left 5.5% #ffcc00; color:#333 !important; max-width:100%;}
    .nav_right_border{border:none;}
    .close-button-nav{}
    .close-button-nav img{float:right; padding:5px;}
    #nav_icon{cursor: pointer; margin-top: 7px; margin-left: 10px; float: left;}
    .close-button-nav{cursor: pointer;}

    .similar-block-3-left{float: none;}
    .similar-block-3-right{float: none;}
    .similar-block-3{width: 100%;}
    .similar-block-3-left-margin{margin-left: 0; margin-top: 20px;}

    .mobile-top-margin{margin-top: 65px;}

    .header-style h1{font-size: 40px; line-height: 50px;}

    .vacancy-container{margin-bottom: -20px;}
    .vacancy-left-holder{float: none; width: 100%; margin-bottom: 40px;}
    .vacancy-right-holder{float: none; width: 100%; margin-bottom: 40px;}

    .staff-holder-left-margin{margin-left: 0px;}
    .staff-info-holder{margin-top: 40px;}
    .staff-image{margin-bottom: 10px;}

    .form-holder .form-input-width{width: 100%;}
    .form-holder .file-input input{padding: 15px; width: 100% !important;}
    .form-buttons{text-align: center;}
    .form-holder .form-buttons input{float: none;}

    .project-property-header-left{float: none; max-width: 100%;}
    .project-property-header-right{float: none; max-width: 100%;}
    .project-property-price-holder{margin-top: 0; margin-bottom: 20px;}

    .banner-download-brochure:hover, .banner-gallery:hover, .banner-more-info:hover, .banner-enquire:hover{width: 40px;}

    .specific-link-holder{display: block;}
    .specific-link{float: none; margin: 5px 0;}

    .project-property-price-main-text{font-size: 34px; line-height: 42px;}

    .news-article-container{margin-top: 80px;}
    .news-article-left{width: 100%; float: none;}
    .news-article-margin-left{margin-left: 0px;}
    .news-article-left .news-media-slider-date-no-image{top: -40px;}
    .news-media-slider-content{margin-top: 70px;}
    .news-media-slider-image{margin-top: 20px; margin-bottom: -40px;}

    .news-media-slider-holder{margin-top: 80px;}
    .news-media-slider-holder .bx-wrapper .bx-controls-direction a{top: -45px;}
    .news-media-slider-holder .bx-wrapper .bx-prev{left: 0;}
    .news-media-slider-holder .bx-wrapper .bx-next{left: 45px;}
    .news-media-slider-holder .news-media-slider-content{margin-top: 35px;}
    .news-media-slider-holder .news-media-slider-image{margin-bottom: 0px;}

    .properties-slider-link{padding: 22px;}

    .right-block-content{width: 55%;}

    .tab-block-single-content-left{width: 100%; float: none;}
    .tab-block-single-content-right{width: 100%; float: none; margin-top: 20px;}

    .tab-block-holder{display: none;}
    .tab-block-content-holder{float: none; width: 100%;}
    .tab-select-holder{display: block;}

    .feature-blocks:hover img.center-img,
    .similar-block-3:hover img,
    .page-content-image-left:hover img,
    .page-content-image-right:hover img,
    .right-block-content-container:hover .right-block-small-image img,
    .project-property-enquiry-form-right:hover .project-property-enquiry-staff-image img,
    .staff-holder-left:hover .staff-image img,
    .staff-holder-right:hover .staff-image img,
    .slide-content-holder:hover .slide-parent img,
    .properties-slider-content-holder:hover .properties-slider-image-holder img,
    .news-media-slider-container:hover .news-media-slider-image img {
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .properties-slider-image-holder img{display: block; height: 300px;}

    @media all and (orientation:portrait) {

        .page-content-image-left{float: none; width: 100%;}
        .page-content-image-right{float: none; width: 100%;}

        .staff-holder-left{float: none; width: 100%;}
        .staff-holder-right{float: none; width: 100%;}

        .vacancy-detail-left{float: none; width: 100%;}
        .vacancy-detail-right{float: none; width: 100%;}

        .form-holder .form-input input{width: 90%; padding: 5%}
        .form-holder textarea{width: 92%; padding: 4%;}
        .form-holder select{padding: 5%;}

        .project-property-enquiry-form-left{float: none; width: 100%;}
        .project-property-enquiry-form-right{float: none; width: 100%; margin-top: 40px;}

    }

    @media all and (orientation:landscape) {

        .page-content-image-left{width: 45%;}
        .page-content-image-right{width: 45%;}

        .properties-slider-link{padding: 22px}

        .drop_down_nav ul li a{color:#FFF; text-decoration:none; padding: 3%; display:inline-block; width:94%;}
        .drop_down_nav ul li ul li a{padding-left: 7%; width: 90%; background: url(../images/basic/option-indicator-icon.png) no-repeat top 20px left 4%;}

        .similar-block-content-image{padding-bottom: 220px;}

        .staff-holder-left{float: left; width: 46%; margin: 0 2%;}
        .staff-holder-right{float: left; width: 46%; margin: 0 2%;}

        .form-holder .form-input input{width: 94%; padding: 3%}
        .form-holder textarea{width: 94%; padding: 3%;}
        .form-holder select{padding: 3%;}

        .project-property-enquiry-form-left{width: 48%;}
        .project-property-enquiry-form-right{width: 48%;}

        .drop_down_nav ul li ul li.active a{background: url(../images/basic/option-indicator-icon-dark.png) no-repeat top 20px left 4% #ffcc00;}
        .drop_down_nav ul li ul li a:hover{background: url(../images/basic/option-indicator-icon-dark.png) no-repeat top 20px left 4% #ffcc00;}

    }
}

/*PROJECT HOME SLIDER LINK FIXES*/
.properties-slider-title-link-holder{overflow: hidden; position: relative; width: 100%; min-height: 50px;}
.properties-slider-link{min-height: 16px; height: 100%; width: 52px; position: absolute; right: 0; top: 0; padding: 0;}
.properties-slider-link .properties-slider-link-images{background: url(../images/basic/external.svg) #ffcc00 no-repeat center center; background-size: 16px;     height: 100%;}
.properties-slider-link .properties-slider-link-images:hover{background: url(../images/basic/external-white.svg) #333 no-repeat center center; background-size: 16px;}


/*WEBSITE UNDER CONSTRUCTION
#main-nav-holder {display: none !important;}
#nav_icon {display: none !important;}
body > .content-wrapper {visibility: visible !important;}*/