*           { -webkit-backface-visibility: hidden; }

html            { overflow-y: scroll }
body            { padding: 0; margin: 0; font: 300 16px 'Corporate S W01 Light', Arial, "Helvetica Neue", Helvetica, sans-serif; }

.wrapper        { background: #fff; }

/* Headings */
h1                  { font-size: 30px; }
h1,h2,h3,h4,h5      { color: #160b5b; font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; padding-bottom: 18px; }

/* STD */
a        { color: #222; }
p                   { margin-bottom: 14px; font: 300 16px 'Corporate S W01 Light', Arial, "Helvetica Neue", Helvetica, sans-serif }
strong              { font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.button-link            { display: inline-block; vertical-align: top; background: #160b5b; color: #fff; border-radius: 25px; font-size: 18px; padding: 14px 22px 15px; text-decoration: none; }
.button-link:hover            { background: #222; }

/* Layout */
.col2-right { }
.col2-right .col-main { width: 66%; float: left; }
.col2-right .col-right { width: 23.1%; float: right; }

/* Header */
.header-container { background: url('../gui/bg-header.png') repeat; position: fixed; height: 100px; right: 0; left: 0; top: 0; z-index: 9800 }
.header-container .header { max-width: 1170px; width: 100%; margin: 0 auto; }
.header-container .header .logo { display: inline-block; padding-top: 22px; float: left; }

/* Banner */
.banner-container { }
.banner-container.home-banner { max-height: 550px; overflow: hidden; }
.banner-container .banner { width: 100% !important; position: relative; }
.banner-container .banner .main-image { width: 100% !important; display: block; }

.banner-container .overlay-container        { position: absolute; margin: 0 auto; width: 100%; height: 100%; max-width: 1170px; left: 0; right: 0; bottom: 0; top: 0; text-align: center; z-index: 9700 }
.banner-container .overlay-container .overlay   { position: absolute; top: 28%; left: 0; right: 0; margin: 0 auto; z-index: 9900 }
.banner-container .overlay-container .overlay-title   { color: #fff; font-size: 50px; }
.banner-container .overlay-container .overlay-desc   { color: #fff; font-size: 22px; }
.banner-container .overlay-container .overlay-link    { padding-top: 20px; }
.banner-container .overlay-container .overlay-link a   { display: inline-block; vertical-align: top; font-size: 18px; color: #fff; text-decoration: none; border: 2px solid #fff; padding: 10px 25px; border-radius: 25px  }

.banner-container .arrow { position: absolute; top: 38%; cursor: pointer; }
.banner-container .arrow.arrow-left { left: 0; }
.banner-container .arrow.arrow-right { right: 0; }

/* Breadcrumbs */
.breadcrumbs-container { }
.breadcrumbs-container .breadcrumbs { max-width: 1170px; width: 100%; margin: 0 auto; color: #222; font-size: 14px; padding-top: 5px; }
.breadcrumbs-container .breadcrumbs a { color: #222; text-decoration: none; }
.breadcrumbs-container .breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs-container .breadcrumbs .current { color: #777778; }

/* CTA */
.cta-container { background: #f5f5f7; }
.cta-container .cta-content     { max-width: 1170px; width: 100%; margin: 0 auto; padding: 35px 0 35px }
.cta-container .cta { float: left; width: 23%; margin-right: 2.6%; }
.cta-container .cta.last { margin-right: 0; }
.cta-container .cta .cta-image { max-width: 100%; display: block; margin-bottom: 15px; border: 1px solid #d0d0d0; border-radius: 4px; box-sizing: border-box; width: 100%; }
.cta-container .cta .cta-title { padding: 0px 15%; text-align: center; text-decoration: none; display: block; color: #222; font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; }

.cta-container .cta:hover .cta-image       { border: 1px solid #160b5b }
.cta-container .cta:hover .cta-title       { color: #160b5b; }

/* Navigation */
.navigation-container { float: right; }
.navigation-container .nav { margin-top: 28px; font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; }
.navigation-container .nav a { color: #222; }
.navigation-container .nav li.level-top { float: left; }
.navigation-container .nav a.level-top { padding: 10px 0px; display: block; text-decoration: none; }
.navigation-container .nav a.level-top span.borders { border-right: 1px solid #efefef; border-left: 1px solid #dfdfdf; padding: 0px 22px; display: block; }
.navigation-container .nav a.level-top:hover { color: #160b5b; }
.navigation-container .nav a.level-top.active span.underline,
.navigation-container .nav a.level-top:hover span.underline { border-bottom: 2px solid #160B5B; padding-bottom: 2px; }

.navigation-container .nav li:first-child a.level-top span  { border-left: 0 }
.navigation-container .nav li:last-child a.level-top span   { border-right: 0; padding-right: 0; }

#nav-toggle     { font-family: 'Corporate S W01 Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 18px; color: #fff; background: #160B5B; padding: 9px 15px; box-sizing: border-box; text-decoration: none; }

/* Content */
.content-container      {  }
.content-container .content      { max-width: 1170px; width: 100%; margin: 0 auto; padding: 20px 0 30px }
.content-container.home-container .content      { padding: 40px 0px 30px }

/* Home */
.content-container.home-container .detail       { width: 46.1%; float: left; }
.content-container.home-container .slideshow-group       { width: 48.7%; float: right; position: relative; }
.content-container.home-container .slideshow-group .arrow      { position: absolute; top: 35%; z-index: 5000; cursor: pointer; }
.content-container.home-container .slideshow-group .arrow.arrow-left      { left: 40px; }
.content-container.home-container .slideshow-group .arrow.arrow-right      { right: 40px; }
.content-container.home-container .slideshow-group .slide    { position: relative; }
.content-container.home-container .slideshow-group .slide img   { display: block; max-width: 100% }
.content-container.home-container .slideshow-group .slide .overlay    { font-style: italic; position: absolute; bottom: 0; left: 0; right: 0; background: url('../gui/bg-overlay-purple.png') repeat; color: #fff; text-align: center; margin: 0; padding: 23px 14px }

.content-container.home-container .shadow       { max-width: 100% }

/* Inline News */
.news-container         { padding-bottom: 20px; }
.news-container .news-content         { width: 100%; max-width: 1170px; margin: 0 auto 30px }
.news-container .news-content h3         { text-align: center; font-size: 30px; color: #160b5b; margin-bottom: 25px; padding: 0; background: url('../gui/divider-gray.png') center center repeat-x }
.news-container .news-content h3 span         { display: inline-block; vertical-align: top; background: #fff; padding: 10px 25px; position: relative; top: -2px; }
.news-container .news-content h3 a         { font-size: 16px; color: #a2a2a2; text-decoration: none; float: right; background: #fff; display: inline-block; vertical-align: top; padding: 19px 0px 25px 20px; }

.news-list { }
.news-list li           { float: left; width: 32%; margin-right: 2%; position: relative; cursor: pointer; }
.news-list li.last          { margin-right: 0; }
.news-list li .main-image   { max-width: 100%; width: 100%; display: block; }
.news-list li .overlay      { opacity: 0; transition: 0.3s opacity; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: url('../gui/bg-overlay-purple.png') repeat; color: #fff; text-align: center }
.news-list li .overlay .news-name   { font-size: 24px; text-align: center; padding: 25px 5%; margin: 0; opacity: 1 !important }
.news-list li .overlay .news-date   { text-align: center; padding: 0 5%; opacity: 1 !important }
.news-list li .overlay .news-link   { display: inline-block; vertical-align: top; padding: 10px 19px; font-size: 18px; text-align: center; border: 2px solid #fff; border-radius: 19px; color: #fff; text-decoration: none; margin-top: 15px; opacity: 1 !important }
.news-list li:hover .overlay      { opacity: 1; }

.news-list .arrow-up        { position: absolute; bottom: 20px; left: 50%; margin-left: -6px; }

.news-sidebar h2            { font-size: 30px; color: #160b5b; }
.news-sidebar .news-title       { font-size: 18px; color: #222; }
.news-sidebar .news-title a     { color: #222; text-decoration: none; }
.news-sidebar .news-title a span     { font-size: 16px; }
.news-sidebar .latest-news      { padding-bottom: 20px; }

/* Article */
.article-container .col-main           { width: 72%; }
.article-container .article-image      { float: right; padding-left: 5%; padding-bottom: 30px; }

/* Contact */
.contact-container .std strong    { color: #160b5b; }

.contact-sidebar h2 { font-size: 30px; }
.contact-sidebar .element { }
.contact-sidebar .element input[type=text] {  }
.contact-sidebar .element textarea { resize: vertical }
.contact-sidebar input[type=submit] { cursor: pointer; display: inline-block; vertical-align: top; background: #160b5b; color: #fff; border-radius: 25px; font-size: 18px; padding: 14px 42px 15px; text-decoration: none; border: 0; font-family: 'Corporate S W01 Light', Arial, "Helvetica Neue", Helvetica, sans-serif; appearance: none; -webkit-appearance: none }
.contact-sidebar input[type=submit]:hover       { background: #222; }

.contact-sidebar input[type=text],
.contact-sidebar textarea               { background: #eee; border-radius: 4px; font-size: 16px; border: 0; box-sizing: border-box; padding: 10px; width: 100%; font-family: 'Corporate S W01 Light', Arial, "Helvetica Neue", Helvetica, sans-serif; }
.contact-sidebar .error      { background: #faebe7 !important; color: #df280a !important; border: 1px solid #f16048 !important }

.thank-you { background: #eff5ea; color: #3d6611; padding: 25px;}
.thank-you h3 { color: #3d6611;   font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 22px; }
.thank-you p {color: #3d6611; margin-bottom: 0; padding-bottom: 0; }

/* News Page */
.news-grid { overflow: hidden; padding: 20px 0 0 }
.news-grid li { margin-right: 2.5%; width: 23%; float: left; padding-bottom: 20px; }
.news-grid li.last { margin-right: 0; }
.news-grid li .news-title { font-size: 30px;  }
.news-grid li .news-title a { color: #160b5b; text-decoration: none; }
.news-grid li .news-title a:hover { }
.news-grid li .news-image { max-width: 100%; display: block; }
.news-grid li .news-excerpt { padding: 15px 0 5px }
.news-grid li p .button-link { }
.news-grid li p .button-link:hover { }

/* Properties */
.property-list { padding: 20px 0px }
.property-list li { display: block; float: left; margin-right: 2.4%; width: 31.3%; }
.property-list li:last-child { margin-right: 0; }
.property-list li .property-title { font-size: 30px; }
.property-list li .property-image { display: block; max-width: 100%; margin-bottom: 25px; }
.property-list li .property-content { color: #222; font-size: 16px; }
.property-list li .property-content a { color: #222 }
.property-container .col-main       { width: 74.2%; }

/* Developments */
.development-list { padding: 20px 0px; width: 100%; overflow: hidden }
.development-list li { display: block; float: left; margin-right: 2.4%; width: 31.3%; }
.development-list li:last-child { margin-right: 0; }
.development-list li .development-title { font-size: 30px; }
.development-list li .development-title a { color: #160b5b; text-decoration: none; }
.development-list li .development-title a:hover {  }
.development-list li .development-image { display: block; max-width: 100%; margin-bottom: 25px; }
.development-list li .development-content { color: #222; font-size: 16px; }
.development-list li .development-content a { color: #222 }
.development-container .col-main       { width: 74.2%; }

.development-site-container .col-main           { width: 72%; }

/* Development page */
.development-site-container .development-image { width: 29%; float: right; margin-right: 0%; margin-top: 3px; }
.development-site-container .development-image img { max-width: 100% }
.development-site-container .development-detail { width: 65%; float: left; }
.development-site-container .development-detail .actions { padding: 10px 0; }
.development-site-container .development-detail .actions a { margin-right: 2%; }

/* Accordion */
.accordion-container        { margin-top: -20px; }
.accordion-group { border-bottom: 1px solid #d0d0d0; /*padding-bottom: 20px; margin-bottom: 20px;*/ }
.accordion-group .accordion-title { color: #160b5b; font-size: 30px; padding-bottom: 23px; padding-top: 23px; cursor: pointer; background: url('../gui/arrow-accor-down.png') 100% 32px no-repeat; padding-right: 30px; }
.accordion-group .accordion-detail { display: none; padding-top: 0px; padding-bottom: 20px; }
.accordion-group .accordion-detail p img { display: block; float: left; max-width: 48%; margin-right: 4%; padding-bottom: 30px; height: auto !important }
.accordion-group .accordion-detail p img:last-child { margin-right: 0; }

.accordion-group.active .accordion-title { background: url('../gui/arrow-accor-up.png') 100% 32px no-repeat; }
.accordion-group.active .accordion-detail { overflow: hidden; }

/* Links */
.page-links .std a        {  }

/* Footer */
.footer-container       { background: #160b5b; color: #fff; border-top: 15px solid #ebebec; font-size: 14px; }
.footer-container .footer       { max-width: 1170px; width: 100%; margin: 0 auto; padding: 25px 0 }
.footer-container .footer p       { margin-bottom: 0; padding-bottom: 0; font-size: 14px; }
.footer-container .footer .copyright       { float: left; text-align: left }
.footer-container .footer .attrib       { float: right; text-align: right }
.footer-container .footer .attrib a       { color: #fff; font-family: "Corporate S W01 Regular", Arial, "Helvetica Neue", Helvetica, sans-serif; text-decoration: none; }
.footer-container .footer .attrib a:hover       { text-decoration: underline; }