* { box-sizing: border-box; }

html, body { height: 100%; width: 100%; color: #555555; }

body { font-family: "ralewayregular", sans-serif; font-size: 14px; margin: 0; }

.pull-left { float: left; }

.pull-right { float: right; }

.clearfix:after, .clearfix:before, .row:after, .row:before { content: ''; display: block; clear: both; height: 0; }

.col { float: left; padding: 7.5px; }

.row { margin-left: -7.5px; margin-right: -7.5px; }

.col-1 { width: 8.33%; }

.col-2 { width: 16.67%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33%; }

.col-5 { width: 41.67%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33%; }

.col-8 { width: 66.67%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33%; }

.col-11 { width: 91.67%; }

.col-12 { width: 100%; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; padding: 7.5px; }

input, select, textarea { outline: none; border: 1px solid #dcdcdc; padding: 5px 10px; color: #2a2a2a; font-family: "Raleway", sans-serif; }

input, textarea, select { display: block; width: 100%; border-radius: 5px; height: 40px; padding: 5px 10px; font-size: 1em; }

textarea { resize: none; min-height: 200px; }

input[type="submit"], input[type="button"] { -webkit-appearance: none; -moz-appearance: none; outline: none; }

.push-top { margin-top: 2em; }

a { color: #555555; text-decoration: none; }

a:hover { text-decoration: underline; }

.upper { text-transform: uppercase; }

.xs { font-size: 10px; }

.s { font-size: 12px; }

.l { font-size: 16px; line-height: 28px; }

.xl { font-size: 20px; }

p b { color: #535353; }

.container { width: 80%; min-width: 960px; margin: 0 auto; max-width: 100%; }

.main-wrapper { height: 100%; width: 100%; position: relative; -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: border; -moz-transition-property: border; -o-transition-property: border; transition-property: border; }

.main-header { height: 55px; position: absolute; width: 100%; top: 0; left: 0; z-index: 16; }

.logo { height: inherit; background-color: #efefef; width: 14.28%; text-align: center; display: block; float: left; padding: 6px; }

.logo img { display: inline; vertical-align: middle; max-height: 45px; max-width: 100%; }

.search-con { display: none; text-align: center; position: relative; border-bottom: 2px solid white; color: white; margin: 50px 0 60px; padding-left: 85px; padding-right: 50px; }

.search-con span { position: absolute; left: 0; top: 15px; font-size: 24px; }

.search-con input[type="text"] { background-color: transparent; border: 0; font-size: 18px; height: 60px; color: white; }

.search-con .icon { position: absolute; right: 0; height: 25px; width: 25px; top: 25px; left: auto; }

.search-con .icon.icon-search { background: url("../img/search.png") no-repeat; background-size: 100%; }

.toggle-con { cursor: pointer; text-align: center; padding: 18px 0; height: inherit; float: left; width: 14.28%; background-color: white; color: #d31421; font-size: 15px; text-transform: uppercase; font-weight: bold; -webkit-transition: background-color 350ms ease; -moz-transition: background-color 350ms ease; -o-transition: background-color 350ms ease; transition: background-color 350ms ease; }

.toggle-con span { display: inline-block; vertical-align: middle; }

.toggle-con .toggle { display: inline-block; vertical-align: middle; position: relative; height: 18px; width: 30px; margin-left: 10px; -webkit-transform: translate(0, 0) rotate(0deg); -moz-transform: translate(0, 0) rotate(0deg); -ms-transform: translate(0, 0) rotate(0deg); -o-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); -webkit-transition: transform 350ms ease 250ms; -moz-transition: transform 350ms ease 250ms; -o-transition: transform 350ms ease 250ms; transition: transform 350ms ease 250ms; }

.toggle-con .toggle:before, .toggle-con .toggle:after { content: ''; }

.toggle-con .toggle span, .toggle-con .toggle:before, .toggle-con .toggle:after { background-color: #d31421; height: 3px; margin-bottom: 3px; display: block; width: 30px; left: 0; position: relative; -webkit-transition: background-color 350ms ease, width 350ms ease, left 350ms ease, top 350ms ease; -moz-transition: background-color 350ms ease, width 350ms ease, left 350ms ease, top 350ms ease; -o-transition: background-color 350ms ease, width 350ms ease, left 350ms ease, top 350ms ease; transition: background-color 350ms ease, width 350ms ease, left 350ms ease, top 350ms ease; }

.toggle-con .toggle span { width: 25px; }

.toggle-con .toggle:after { width: 20px; }

.toggle-con .toggle .close { -webkit-transition: background-color 350ms ease, width 350ms ease, top 350ms ease, height 350ms ease; -moz-transition: background-color 350ms ease, width 350ms ease, top 350ms ease, height 350ms ease; -o-transition: background-color 350ms ease, width 350ms ease, top 350ms ease, height 350ms ease; transition: background-color 350ms ease, width 350ms ease, top 350ms ease, height 350ms ease; width: 3px; height: 0px; top: 25px; position: absolute; left: 11.5px; }

.toggle-con:hover .toggle:before { width: 20px; }

.toggle-con:hover .toggle span { width: 25px; }

.toggle-con:hover .toggle:after { width: 30px; }

.toggle-con:hover .toggle .close { width: 3px; }

.toggle-con.active { position: fixed; background-color: #343434; color: white; left: 14.28%; z-index: 16; }

.toggle-con.active .toggle { -webkit-transform: translate(-10px, 2px) rotate(-225deg); -moz-transform: translate(-10px, 2px) rotate(-225deg); -ms-transform: translate(-10px, 2px) rotate(-225deg); -o-transform: translate(-10px, 2px) rotate(-225deg); transform: translate(-10px, 2px) rotate(-225deg); }

.toggle-con.active .toggle:before, .toggle-con.active .toggle:after, .toggle-con.active .toggle span { background-color: white; }

.toggle-con.active .toggle span { left: -100%; }

.toggle-con.active .toggle:before { top: 6px; width: 20px; }

.toggle-con.active .toggle:after { left: 100%; }

.toggle-con.active .toggle:after, .toggle-con.active .toggle span { width: 0; }

.toggle-con.active .toggle .close { top: -2px; left: 9px; height: 20px; width: 3px; }

.toggle-con.active + .search-con { margin-left: 14.28%; }

.main-content { height: 100%; width: 100%; overflow: hidden; min-height: 100%; }

.home-slider section { overflow: hidden; }

.home-slider section:before { content: ''; background-color: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; position: absolute; display: block; z-index: 2; }

.home-slider section img { min-width: 100%; height: 100%; max-width: none; position: absolute; right: 0; z-index: 1; bottom: 0; }

.slider-cover { height: 100%; width: 100%; position: fixed; pointer-events: none; }

.slider-cover:before { content: ''; background-color: rgba(0, 0, 0, 0.4); height: 100%; width: 125%; position: fixed; z-index: 2; display: block; top: 0; opacity: 1; left: -50%; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -ms-transform: skew(45deg); -o-transform: skew(45deg); transform: skew(45deg); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.slider-cover .grid { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 3; }

.slider-cover .grid div { border-left: 1px solid white; border-left: 1px solid rgba(255, 255, 255, 0.2); width: 14.28%; float: left; height: 100%; }

.slider-cover.buffer:before { -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); transform: skew(25deg); left: 0; opacity: 0; width: 100%; }

.slider-desc { position: absolute; width: 57.16%; top: 50%; left: 14.29%; z-index: 3; color: white; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); pointer-events: none; }

.slider-desc a { border: 2px solid #d31421; background-color: rgba(0, 0, 0, 0.1); font-size: 18px; color: white; padding: 10px 25px; margin-top: 25px; display: none; width: 20%; text-align: center; opacity: 0; min-width: 155px; -webkit-transform: translate(75px, 0); -moz-transform: translate(75px, 0); -ms-transform: translate(75px, 0); -o-transform: translate(75px, 0); transform: translate(75px, 0); -webkit-transition: all 500ms ease 150ms; -moz-transition: all 500ms ease 150ms; -o-transition: all 500ms ease 150ms; transition: all 500ms ease 150ms; }

.slider-desc header { line-height: 0.95; margin-bottom: 25px; margin-left: -12.5%; -webkit-transition: all 500ms ease 350ms; -moz-transition: all 500ms ease 350ms; -o-transition: all 500ms ease 350ms; transition: all 500ms ease 350ms; opacity: 0; -webkit-transform: translate(-75px, 0); -moz-transform: translate(-75px, 0); -ms-transform: translate(-75px, 0); -o-transform: translate(-75px, 0); transform: translate(-75px, 0); }

.slider-desc header span, .slider-desc header b, .slider-desc header i { font-style: normal; display: block; text-transform: uppercase; }

.slider-desc header b { font-size: 48px; }

.slider-desc header span { font-size: 60px; }

.slider-desc header span:first-child { font-size: 36px; }

.slider-desc header span + i { font-size: 64px; }

.slider-desc header i { font-size: 56px; letter-spacing: 2px; }

.slider-desc section p { line-height: 1.5; font-size: 16px; -webkit-transform: translate(0, -100px); -moz-transform: translate(0, -100px); -ms-transform: translate(0, -100px); -o-transform: translate(0, -100px); transform: translate(0, -100px); opacity: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.slider-desc.active { pointer-events: auto; }

.slider-desc.active a { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.slider-desc.active header { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }

.slider-desc.active section p { opacity: 1; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -o-transform: translate(0, 0px); transform: translate(0, 0px); }

.slider-control { position: fixed; width: 81px; height: 100px; left: 14.29%; bottom: 0; z-index: 3; margin-left: -40px; }

.slider-control span { width: 40px; height: 75px; margin-top: 25px; background-color: #a2a3a3; float: left; cursor: pointer; background-image: url("../img/slider-up.png"); background-size: 100%; background-repeat: no-repeat; background-position: top center; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -o-transform: translate(0, 0px); transform: translate(0, 0px); opacity: 1; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.slider-control span:first-child { background-image: url("../img/slider-down.png"); margin-top: 0; height: 100px; margin-right: 1px; -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -o-transform: translate(0, 0px); transform: translate(0, 0px); }

.slider-control.buffer span { -webkit-transform: translate(0, -100px); -moz-transform: translate(0, -100px); -ms-transform: translate(0, -100px); -o-transform: translate(0, -100px); transform: translate(0, -100px); opacity: 0; }

.slider-control.buffer span:first-child { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); }

.content-padding { padding: 85px 50px 50px; }

.content-padding.npb { padding-bottom: 0px; }

.line-header { font-size: 24px; font-weight: bold; position: relative; }

.line-header span { display: inline-block; padding: 20px 20px 20px 0; background-color: white; position: relative; }

.line-header:before { display: block; content: ''; position: absolute; z-index: 0; width: 100%; height: 1px; top: 50%; background-color: #a0a0a0; }

.nav-overlay-con { display: none; opacity: 0; background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; left: 0; height: 100%; z-index: 15; background-color: transparent; -webkit-transition: opacity 350ms ease, background-color 350ms ease; -moz-transition: opacity 350ms ease, background-color 350ms ease; -o-transition: opacity 350ms ease, background-color 350ms ease; transition: opacity 350ms ease, background-color 350ms ease; }

.nav-overlay-con footer { display: none; font-size: 10px; position: absolute; bottom: 50px; left: 50px; right: 50px; color: white; border-top: 1px solid white; padding-top: 15px; }

.nav-overlay-con footer .icon { display: inline-block; vertical-align: middle; height: 23px; width: 23px; background-size: cover; margin-left: 10px; }

.nav-overlay-con footer .icon.icon-fb { background-image: url("../img/icon-fb.png"); }

.nav-overlay-con footer .icon.icon-twitter { background-image: url("../img/icon-twitter.png"); }

.nav-overlay-con footer span { vertical-align: middle; }

.nav-overlay-con.block { display: block; }

.nav-overlay-con.active { opacity: 1; background-color: rgba(0, 0, 0, 0.5); }

.nav-overlay-con .nav-overlay { position: relative; width: 42.84%; left: 0%; height: 100%; padding: 50px; background-color: #343434; }

.main-nav { counter-reset: counter-nav; margin-top: 80px; }

.main-nav a { float: left; width: 100%; color: white; font-size: 20px; padding-left: 25px; position: relative; text-transform: uppercase; margin: 25px 0; }

.main-nav a:before { position: absolute; content: counter(counter-nav, decimal-leading-zero); counter-increment: counter-nav; font-size: 12px; left: 0; top: -4px; }

.right-content { float: left; width: 28.60%; right: 0px; bottom: 0px; top: 0px; overflow: hidden; text-align: center; position: fixed; }

.right-content img { position: absolute; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; display: block; min-height: 100%; min-width: 100%; bottom: 0; }

.right-content .map img { left: 0; top: 0; bottom: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.left-content { float: left; width: 71.4%; position: relative; }

.content { height: 100%; background-image: url("../img/content-bg.jpg"); background-size: 100%; background-position: top left; background-repeat: no-repeat; }

.content h1 { font-weight: normal; font-size: 28px; margin-top: 30px; text-transform: uppercase; letter-spacing: 1px; color: #e5173f; }

.content h2 { color: #e5173f; }

.content .back { position: absolute; }

.sub-content { margin-bottom: 25px; }

.sub-content div { display: block; text-transform: uppercase; }

.sub-content span { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 16px; }

.sub-content form { display: inline-block; }

.sub-content form * { padding: 5px; font-size: 14px; height: auto; display: inline-block; margin-left: 10px; width: auto; border: 1px solid #dcdcdc; }

.map { height: 100%; }

.contactus span { display: block; font-size: 16px; padding: 5px 0; }

.contactus input, .contactus select, .contactus textarea { height: auto; padding: 12px 14px; font-size: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #c0c0c0; background-color: #f9f9f9; }

.contactus input[type="submit"], .contactus input[type="button"] { width: 150px; padding: 10px; height: auto; color: white; background-color: #d31421; font-size: 20px; }

.contactus .form-group.error input, .contactus .form-group.error textarea { border: 1px solid red; }

.contactus .form-group.error .error { display: block; }

.contactus .error { color: red; font-size: 12px; }

.contact { margin-left: -20px; margin-right: -20px; }

.contact > .col-12, .contact > .col-4 { padding: 0 20px; }

.list { text-align: center; }

.list.news { text-align: left; margin-left: -15px; margin-right: -15px; }

.list.news .col-6, .list.news .col-3 { padding: 15px; }

.list a, .list img { display: block; }

.list .list-img { overflow: hidden; position: relative; }

.list .list-img:before { content: ''; display: block; position: absolute; z-index: 0; height: 100%; width: 100%; background-color: transparent; outline: 7px solid white; outline-offset: 0; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: background-color, outline-offset; -moz-transition-property: background-color, outline-offset; -o-transition-property: background-color, outline-offset; transition-property: background-color, outline-offset; }

.list .list-img:hover:before { background-color: rgba(0, 0, 0, 0.25); outline-offset: -30px; }

.list img { width: 100%; }

.list > div { opacity: 1; -webkit-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-property: transform, opacity; -moz-transition-property: transform, opacity; -o-transition-property: transform, opacity; transition-property: transform, opacity; }

.list > div.nr { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); opacity: 0; }

.list p { margin: 0; line-height: 1.5; }

.list p span, .list p a { display: block; }

.list p span:first-child { margin-bottom: 15px; }

.list p a { color: white; margin-top: 15px; background-color: #d31421; padding: 8px 18px; display: inline-block; font-size: 16px; font-weight: bold; }

.list .list-name { text-transform: uppercase; padding: 15px 0 0; font-size: 16px; font-weight: bold; line-height: 1.25; margin-bottom: 15px; color: #d31421; }

.list .list-item { margin-bottom: 10px; }

.ck-content { font-size: 14px; line-height: 26px; }

.ck-content p { font-size: 14px; line-height: 2; }

.ck-content img { margin: 25px; }

.ck-content ul li.disc { list-style-type: disc; }

.ck-content ul li { font-size: 14px; margin-bottom: 10px; }

.continuos-slider { padding: 25px 50px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; position: relative; }

.continuos-slider .control span { position: absolute; display: block; height: 35px; width: 35px; top: 50%; margin-top: -17.5px; cursor: pointer; }

.continuos-slider .control .left { background-image: url("../img/continues-left.jpg"); left: 0; }

.continuos-slider .control .right { background-image: url("../img/continues-right.jpg"); right: 0; }

.continuos-slider .slick-slide { padding: 0 10px; }

.continuos-slider img { width: 100%; margin: 0; }

.availspaces a { display: block; }

.availspaces div { text-align: center; padding: 25px; }

.availspaces .img-con { position: relative; }

.availspaces .img-con:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: transparent; outline-offset: 0px; outline: 7px solid rgba(255, 255, 255, 0.75); -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: opacity, background-color, outline-offset; -moz-transition-property: opacity, background-color, outline-offset; -o-transition-property: opacity, background-color, outline-offset; transition-property: opacity, background-color, outline-offset; }

.availspaces .img-con:hover:after { outline-offset: -20px; background-color: rgba(0, 0, 0, 0.25); }

.availspaces img { display: block; width: 100%; margin: 0; }

.availspaces footer { padding: 10px 0; text-transform: uppercase; font-size: 18px; font-weight: bold; letter-spacing: 1px; }

.main-footer { background-color: black; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; width: 100%; left: 0; color: white; text-transform: uppercase; font-size: 8px; height: 35px; z-index: 5; }

.main-footer span { padding: 13px 5px; display: inline-block; vertical-align: middle; }

.main-footer .footer-links a { margin-right: 15px; color: white; }

.main-footer .footer-logo { padding: 2px; }

.main-footer .footer-logo img { display: block; width: 100px; }

.red { color: #d31421; }

.mCSB_container { min-height: 100%; }

a:hover { text-decoration: none; }

.slick-disabled { display: none !important; }

.mCSB_scrollTools { z-index: 10 !important; }

#mCSB_1_scrollbar_vertical { top: 15px; bottom: 0px; }

.mCSB_inside > .mCSB_container { margin-right: 0 !important; }

.onepage-pagination { right: 3.57%; margin-top: -50rpx; }

.onepage-pagination li a { height: 15px; width: 15px; padding: 0; position: relative; margin: 8px 0px; }

.onepage-pagination li a:before { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; left: 0; top: 0; height: inherit; width: inherit; background-color: transparent; border: 2px solid white; box-sizing: border-box; }

.onepage-pagination li a.active:before { height: inherit; width: inherit; left: 0; top: 0px; background-color: white; border: 2px solid white; margin: 0; }

.floorplan-overlay { overflow: auto; background-color: rgba(0, 0, 0, 0.75); position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 20; opacity: 0; display: none; -webkit-transition: opacity 350ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: opacity 350ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: opacity 350ms cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 350ms cubic-bezier(0.4, 0, 0.2, 1); }

.floorplan-overlay .flooroverlay-close { height: 55px; width: 55px; background-color: black; position: fixed; background-image: url("../img/close.png"); background-size: 60%; background-position: center; background-repeat: no-repeat; top: 0px; right: 0px; cursor: pointer; z-index: 10; }

.floorplan-overlay .slides { display: none; }

.floorplan-overlay .slides.active { display: block; }

.floorplan-overlay.block { display: block; }

.floorplan-overlay.active { opacity: 1; }

.floorplan-overlay .container { width: 1024px; height: 100%; max-width: 100%; }

.floorplan-overlay .container.box { width: 760px; }

.floorplan-overlay .flooroverlay-slider { position: relative; }

.floorplan-overlay .flooroverlay-slides { padding: 50px; }

.floorplan-overlay .flooroverlay-slides img { height: 70vh; margin: 0 auto; -moz-box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.5); }

.floorplan-overlay .flooroverlay-slides.active { display: block; }

.floorplan-overlay .flooroverlay-slides div { color: white; text-align: center; }

.floorplan-overlay .flooroverlay-slides div header { font-size: 28px; padding: 12px 0; }

.floorplan-overlay .flooroverlay-slides div header span { font-size: 18px; display: block; }

.floorplan-overlay .flooroverlay-slides div section span { display: block; font-size: 12px; line-height: 1.5; }

.floorplan-overlay .slides-control span { height: 35px; width: 35px; display: block; background-position: center; position: absolute; top: 50%; cursor: pointer; z-index: 20; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.floorplan-overlay .slides-control span.slick-disabled { display: none !important; }

.floorplan-overlay .slides-control span.left { background-image: url("../img/slide_left.png"); left: 0; }

.floorplan-overlay .slides-control span.right { background-image: url("../img/slide_right.png"); right: 0; }

.floorlayout p.hide { display: none; }

.floorlayout p b, .floorlayout p span { display: block; }

.floorlayout .floorlayout-item { position: relative; cursor: pointer; }

.floorlayout .floorlayout-item:after { content: ''; height: 100%; width: 100%; display: block; background-color: transparent; pointer-events: none; position: absolute; -webkit-transition: background-color 350ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: background-color 350ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: background-color 350ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 350ms cubic-bezier(0.4, 0, 0.2, 1); top: 0; left: 0; z-index: 1; }

.floorlayout .floorlayout-item:hover:after { background-color: rgba(0, 0, 0, 0.15); }

.floorlayout .floorlayout-item img { width: 100%; margin: 0 auto; display: block; }

.floorlayout .floorlayout-item p { text-align: center; }

.floorlayout .floorlayout-item.full { cursor: auto; }

.floorlayout .floorlayout-item.full:after { display: none; }

.floorlayout .floorlayout-item.full img { max-width: 1000px; }

.floorlayout .floorlayout-item.hide { display: none; }

.thankyou { background: url("../img/thankyou-bg.jpg") center left; background-size: auto 100%; display: table; height: 100%; width: 100%; }

.thankyou .thankyou-cell { display: table-cell; vertical-align: middle; }

.thankyou h2 { font-size: 48px; color: #d31421; text-transform: uppercase; text-align: center; margin-bottom: 50px; margin-top: 0; }

.thankyou span { font-size: 18px; color: #0f0f0f; text-transform: none; display: block; font-weight: normal; }

.thankyou a { padding: 10px 20px; font-size: 16px; color: white; background-color: #d31421; display: block; margin: 0px auto; width: 165px; text-align: center; margin-top: 15px; }

@media only screen and (min-width: 1550px) { .home-widget .home-widget-item .desc { padding: 30px; } }

@media only screen and (min-width: 1750px) { .home-widget .home-widget-item .desc { padding: 40px; }
  .home-widget .home-widget-item .desc header { font-size: 28px; }
  .home-widget .home-widget-item .desc section { font-size: 18px; line-height: 28px; } }




  @media only screen and (min-width: 1560px) { .nav-overlay-con .nav-overlay { width: 28.56%; }
  .main-nav a { font-size: 24px; margin: 30px 0; } }

@media only screen and (max-width: 960px) { .nav-overlay-con .nav-overlay { width: 71.4%; }
  .floorplan-overlay .container { width: 100%; min-width: 0; }
  .floorplan-overlay .flooroverlay-slides { padding: 50px 50px 15px; }
  .floorplan-overlay .flooroverlay-slides img { height: auto; width: 100%; }
  .ck-content p { font-size: 14px; }
  .ck-content ul li { font-size: 14px; }
  .content-padding { padding: 55px 25px 50px; }
  .left-content { width: 57.1%; }
  .right-content { width: 42.9%; }
  .logo { width: 28.58%; }
  .search-con { margin: 60px 0 60px; }
  .toggle-con { width: 14.28%; }
  .toggle-con.active { left: 28.58%; }
  .nav-overlay-con .nav-overlay { left: 0; }
  .main-nav a { width: 50%; }
  .slider-desc { width: 71.45%; }
  .slider-desc header b { font-size: 32px; }
  .slider-desc header i { font-size: 56px; }
  .slider-desc header span { font-size: 56px; }
  .slider-desc header span + i { font-size: 64px; }
  .main-footer .footer-links { display: none; } }

@media only screen and (max-width: 768px) { .list .list-item { width: 100%; }
  .list.news .col-6 .list-name { font-size: 24px; line-height: 1.5; }
  .list.news .col-6 p { font-size: 14px; }
  .floorplan-overlay .flooroverlay-close { height: 45px; width: 45px; }
  .content h1 { line-height: 1; }
  .ck-content ul li { margin-bottom: 10px; }
  .floorlayout .floorlayout-item { padding: 0; width: 100%; margin-bottom: 10px; }
  .right-content { top: 45px; width: 42.8%; }
  .slider-desc { width: 71.45%; }
  .slider-desc header b { font-size: 22px; }
  .slider-desc header i { font-size: 46px; }
  .slider-desc header span { font-size: 36px; }
  .slider-desc header span:first-child { font-size: 22px; }
  .slider-desc header span + i { font-size: 36px; }
  .slider-desc section p { font-size: 13px; line-height: 2; }
  .main-nav a { width: 100%; font-size: 16px; margin: 25px 0; }
  .main-header { height: 45px; }
  .logo { padding: 3px 5px; }
  .logo img { height: auto; width: auto; max-height: 100%; max-width: 100%; }
  .search-con .text { padding: 16px 0; font-size: 12px; }
  .search-con .text span { line-height: normal; }
  .search-con .icon { height: 17px; width: 17px; }
  .search-con .search input { padding: 10px; height: inherit; }
  .search-con .search input[type="submit"], .search-con .search input[type="button"] { padding: 0; height: auto; top: 16px; }
  .search-con.active .search input[type="text"] { padding-left: 30px; padding-right: 70px; }
  .search-con.active .text { padding: 14px 0; width: 30px; }
  .toggle-con { padding: 16px 0; font-size: 12px; }
  .toggle-con .toggle { width: 20px; height: 13px; }
  .toggle-con .toggle:before, .toggle-con .toggle span, .toggle-con .toggle:after { height: 2px; }
  .toggle-con .toggle:before { width: 14px; }
  .toggle-con .toggle span { width: 17px; }
  .toggle-con .toggle:after { width: 20px; }
  .toggle-con .toggle .close { height: 0; }
  .toggle-con:hover .toggle { width: 20px; }
  .toggle-con:hover .toggle:before, .toggle-con:hover .toggle span, .toggle-con:hover .toggle:after { height: 2px; }
  .toggle-con:hover .toggle:before { width: 14px; }
  .toggle-con:hover .toggle span { width: 17px; }
  .toggle-con:hover .toggle:after { width: 20px; }
  .toggle-con:hover .toggle .close { height: 0px; }
  .toggle-con.active .toggle { -webkit-transform: translate(-3px, 1px) rotate(-225deg); -moz-transform: translate(-3px, 1px) rotate(-225deg); -ms-transform: translate(-3px, 1px) rotate(-225deg); -o-transform: translate(-3px, 1px) rotate(-225deg); transform: translate(-3px, 1px) rotate(-225deg); }
  .toggle-con.active .toggle:before { width: 17px; }
  .toggle-con.active .toggle span, .toggle-con.active .toggle:after { width: 0; }
  .toggle-con.active .toggle .close { height: 17px; width: 2px; top: -2px; left: 8px; } }

@media only screen and (max-width: 480px), screen and (max-width: 768px) and (orientation: landscape) { .list .list-item { margin-bottom: 15px; }
  .list p a { width: 100%; }
  .right-content { position: absolute; height: 75vh; width: 100%; }
  .left-content { width: 100%; margin-top: 75vh; }
  .logo { width: 42.87%; margin-right: 0; }
  .toggle-con { width: 14.26%; }
  .toggle-con.active { left: 42.87%; }
  .toggle-con > span:first-child { display: none; }
  .toggle-con .toggle { margin-left: 0; }
  .nav-overlay-con .nav-overlay { padding: 25px; width: 100%; left: 0; }
  .nav-overlay-con footer { padding-top: 5px; left: 25px; right: 25px; bottom: 5px; font-size: 8px; }
  .nav-overlay-con footer .pull-left, .nav-overlay-con footer .pull-right { width: 100%; padding: 3px; }
  .nav-overlay-con footer .icon { height: 15px; width: 15px; }
  .main-nav { left: 25px; right: 25px; }
  .main-nav a { margin: 15px 0; font-size: 14px; }
  .slider-desc a { font-size: 14px; padding: 10px; min-width: 110px; }
  .slider-desc header { margin-bottom: 5px; }
  .slider-desc header b { font-size: 15px; }
  .slider-desc header span { font-size: 25px; }
  .slider-desc header span:first-child { font-size: 15px; }
  .slider-desc header span + i { font-size: 30px; }
  .slider-desc header i { font-size: 30px; }
  .slider-desc section p { font-size: 11px; line-height: 1.5; }
  .slider-control { left: auto; right: 14.29%; margin-left: 0; margin-right: -40px; } }

@media only screen and (max-height: 650px) and (orientation: landscape) { .main-nav a { width: 50%; font-size: 14px; margin: 15px 0; } }