@charset "utf-8";
/*----------intial declartaion of css - slick----------*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { margin-left: 16px }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
/* For IE 6/7 (trigger hasLayout) */


::selection { background: #227f7f; color: #fff; }
::-moz-selection {
background: #227f7f;
color: #fff;
}
p { font-size: 15px; line-height: 20px; padding-bottom: 20px; color: #6d7076; }
h1 { font-size: 40px; margin-bottom: 20px;  }
h2 { font-size: 40px; margin-bottom: 20px; color: #287e7f; font-weight: normal }
h3 { font-size: 30px; margin-bottom: 20px; font-weight: normal; color: #227f7f; }
.h1-seo { font-size: 30px!important; margin-bottom: 20px!important; font-weight: normal!important; color: #227f7f!important; }
h4 { font-size: 25px; margin-bottom: 20px; font-weight: 300 }
h5 { font-size: 20px; margin-bottom: 20px; text-transform: uppercase; font-weight: 900; }
h6 { font-size: 15px; margin-bottom: 20px; text-transform: uppercase; font-weight: 700; color: #6b656a; }
a { color: #227f7f; transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none !important }
a:hover { color: #9b8eaa; }
body { margin: 0; padding: 0; font-family: 'Raleway', sans-serif; font-size: 15px; color: #e1e1e1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; background: #e1e1e1; position: relative; }
body:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(31,31,31,0.70); opacity: 0; visibility: hidden; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
body.overlap:after { opacity: 1; z-index: 99; visibility: visible }
body.overlap #header-main { z-index: 9; }
body.hover-class:after { opacity: 1; z-index: 998; visibility: visible }
body.on-hover:after { opacity: 1; z-index: 998; visibility: visible }
.wrapper { width: 100%; }
form { width: 100%; margin: 20px 0; display: inline-block; }
form .feild { margin-bottom: 20px; }
form .feild.half-feild { width: 50%; padding-right: 25px; float: left; }
form .feild.half-feild:nth-of-type(2n) { padding-right: 0 }
form .feild-btn { margin-top: 5px; display: inline-block; width: 100%; text-align: center }
input[type="search"], input[type="text"], input[type="number"], input[type="email"], input[type="password"] { background: #fff; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #ece6e7; font-size: 15px; color: #a8a2a3; padding: 15px; height: 60px; width: 100%; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-appearance: none; appearance: none }
input[type="search"] { -webkit-appearance: textfield; appearance: textfield; -webkit-appearance: none; appearance: none }
input[type="number"] { background: #fff; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #ece6e7; font-size: 15px; color: #a8a2a3; padding: 15px; height: 60px; width: 100%; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-appearance: none; appearance: none }
input[type="number"]:focus { border: 2px solid #227f7f; }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="password"]:focus { border: 2px solid #227f7f }
textarea { background: #fff; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #ece6e7; font-size: 15px; color: #a8a2a3; padding: 15px; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; resize: none; width: 100%; font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-appearance: none; appearance: none }
input[type="submit"] { outline: none !important; border: none; padding: 20px 38px; display: inline-block; text-transform: uppercase; background: #227f7f; color: #fff; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; text-align: center; -webkit-appearance: none; appearance: none; border-radius: 0px; }
input[type="submit"]:hover, input[type="submit"]:focus { background: #22b8ba; }
.btn { }
.btn a { border: none; padding: 20px 38px; display: inline-block; text-transform: uppercase; background: #227f7f; color: #fff; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; text-align: center }
.btn a:hover { background: #22b8ba; }
.btn-primary a { background: #175e5f; }
.btn-primary a:hover { background: #22b8ba; }
.btn-border a { -webkit-box-shadow: inset 0 0 0 4px #d3d0d4; box-shadow: inset 0 0 0 4px #d3d0d4; background-color: transparent; color: #227f7f; }
.btn-border a:hover { background: #fff; -webkit-box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 4px #fff; }
.btn-white a { background-color: #fff; color: #227f7f; }
.btn-white a:hover { background: #227f7f; color: #fff }
input[type="submit"] { border: none; padding: 20px 40px; display: inline-block; text-transform: uppercase; background: #227f7f; color: #fff; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; border: none; font-size: 15px; -webkit-appearance: none; appearance: none; border-radius: 0px; }
input[type="submit"]:hover, input[type="submit"]:focus { background: #22b8ba; }
button[type="submit"] { border: none; padding: 20px 40px; display: inline-block; text-transform: uppercase; background: #227f7f; color: #fff; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; border: none; font-size: 15px; -webkit-appearance: none; appearance: none; border-radius: 0px; }
button[type="submit"]:hover, button[type="submit"]:focus { background: #22b8ba; }
.sbHolder { background-color: #fff; border: solid 2px #ece6e7; height: 60px; position: relative; width: 100% !important; text-align: left; }
.sbHolder:focus .sbSelector { }
.sbSelector > a { color: #287e7f; text-decoration: none; font-size: 15px; font-weight: 700; }
.sbSelector { display: block; height: 58px; left: 0; line-height: 58px; outline: none; overflow: hidden; position: absolute; top: 0; width: 100%; cursor: pointer; color: #fff; padding: 0 35px 0 12px;color: #287e7f; text-decoration: none; font-size: 15px; font-weight: 700;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {outline: none; text-decoration: none; }
.sbToggle { background: url(../images/icon-down.svg) no-repeat center center; display: block; height: 58px; outline: none; position: absolute; right: 0; top: 0; width: 40px; }
.sbToggleOpen { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.sbOptions { background-color: #fff; list-style: none; left: 0px; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 100; overflow-y: auto; top: 58px !important; -webkit-box-shadow: 0 0 0 2px #d3d0d4; box-shadow: 0 0 0 2px #d3d0d4; }
.sbOptions li { padding: 0px 0px; margin: 0 !important; width: 100%; }
.sbOptions li img { display: inline-block; float: left; padding-top: 7px; padding-left: 3px; }
.sbOptions a { display: block; outline: none; padding: 10px 10px 10px 20px; border-bottom: solid 1px #d3d0d4; color: #287e7f; font-size: 14px; font-weight: 700; }
.sbOptions li:last-child a { border-bottom: none }
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #fff; background: #22b8ba; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
/*----- Custom Checkbox & Radio Start -----*/
.custom-radio { position: relative; display: inline-block; text-align: left; }
.custom-radio [type="radio"] { position: absolute; left: -9999px; opacity: 0; }
.custom-radio label { display: inline-block; vertical-align: middle; cursor: pointer; padding-left: 45px; line-height: 40px; font-weight: bold; color: #6b656a; font-size: 15px; font-family: 'Roboto', sans-serif; }
.custom-radio label::before, .custom-radio label::after { content: ""; position: absolute; left: 0; top: 0; margin-top: 0; width: 26px; height: 26px; text-align: center; color: #AAA; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.custom-radio label::before { background: url(../images/radio-img.png) no-repeat center center; width: 35px; height: 40px; background-size: cover }
.custom-radio label::after { background: url(../images/radio-img-check.png) no-repeat center center; width: 17px; height: 20px; background-size: cover; left: 9px; top: 10px; }
.custom-radio label::before, .custom-radio label::after { }
.custom-radio [type="radio"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }
.custom-radio [type="radio"]:checked + label::after { opacity: 1; transform: scale(1); }
.custom-radio [type="radio"]:disabled + label::before { background-color: #9e0039; box-shadow: inset 0 0 8px 0 #640024; }
.custom-chk { position: relative; display: inline-block; text-align: left; }
.custom-chk [type="checkbox"] { position: absolute; left: -9999px; opacity: 0; }
.custom-chk label { display: inline-block; vertical-align: top; cursor: pointer; margin-left: 0; padding-left: 36px; line-height: 26px; font-weight: normal; color: #a8a2a3; }
.custom-chk label::before, .custom-chk label::after { content: ""; position: absolute; left: 0; top: 0; margin-top: 0; width: 26px; height: 26px; text-align: center; color: #AAA; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.custom-chk label::before { border: 2px solid #ece6e7; }
.custom-chk label::after { width: 14px; height: 14px; background-color: #22b8ba; top: 8px; left: 8px; }
.custom-chk [type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }
.custom-chk [type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1); }
.custom-chk [type="checkbox"]:disabled + label::before { background-color: #9e0039; box-shadow: inset 0 0 8px 0 #640024; }
.custom-chk.check-if-checked label::after { opacity: 0; transform: scale(0); }
.custom-chk.check-if-checked.yesCheked label::after { opacity: 1; transform: scale(1); }
/*----- Custom Checkbox & Radio End -----*/
/*-----------Gride section styles goes here-----------*/
.row { margin-left: -12px; margin-right: -12px; }
.row:before, .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.pull-right { float: right; }
.cat-dropdown-title { display: none; }
.popup-sync1 li, .popup-sync2 li { text-align: center }
.popup-sync1 li img, .popup-sync2 li img { display: block; margin: 0 auto }
/*-----------Gride section styles goes here-----------*/

.hexagon-pattern-top { position: absolute; left: -305px; top: -310px; width: 590px; height: 320px; background-color: transparent; margin: 170.32px 0; border-left: solid 16px #cfcbca; border-right: solid 16px #cfcbca; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexagon-pattern-top:before, .hexagon-pattern-top:after { content: ""; position: absolute; z-index: 1; width: 417.19px; height: 417.19px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 70.4035px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexagon-pattern-top:before { top: -208.5965px; border-top: solid 22.6274px #cfcbca; border-right: solid 22.6274px #cfcbca; border-radius: 0 12% 0 0; -webkit-border-radius: 0 12% 0 0; }
.hexagon-pattern-top:after { bottom: -208.5965px; border-bottom: solid 22.6274px #cfcbca; border-left: solid 22.6274px #cfcbca; border-radius: 0 0 0 12%; -webkit-border-radius: 0 0 0 12%; }
.hexagon-pattern-bottom { position: absolute; left: -305px; top: auto; bottom: -310px; width: 590px; height: 340.64px; background-color: transparent; margin: 170.32px 0; border-left: solid 16px #cfcbca; border-right: solid 16px #cfcbca; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; z-index: 9 }
.hexagon-pattern-bottom:before, .hexagon-pattern-bottom:after { content: ""; position: absolute; z-index: 1; width: 417.19px; height: 417.19px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 70.4035px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexagon-pattern-bottom:before { top: -208.5965px; border-top: solid 22.6274px #cfcbca; border-right: solid 22.6274px #cfcbca; border-radius: 0 12% 0 0; -webkit-border-radius: 0 12% 0 0; }
.hexagon-pattern-bottom:after { bottom: -208.5965px; border-bottom: solid 22.6274px #cfcbca; border-left: solid 22.6274px #cfcbca; border-radius: 0 0 0 12%; -webkit-border-radius: 0 0 0 12%; }
.hexagon-right { left: auto; right: -320px; }
.be-inspired-section .hexagon-pattern-top, .be-inspired-section .hexagon-pattern-top:before, .be-inspired-section .hexagon-pattern-top:after { border-color: #185959 }
/*-----------------------main styles starts here-----------------------------------------------*/
.main { width: 1200px; margin: 0 auto }
/*-----------header section styles goes here---------------*/
#header-main { width: 100%; background: #227f7f; position: fixed; left: 0; top: 0; z-index: 999; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.header-top { border-bottom: 1px solid rgba(255,255,255,0.50); text-align: right; }
.header-top ul { margin: 0 auto; display: inline-block; vertical-align: middle; padding-right: 20px; }
.header-top ul li { list-style: none; display: inline-block; vertical-align: middle; min-width: 48px; text-align: center }
.header-top ul li > a { padding: 8px 12px; display: inline-block; color: #fff; min-height: 41px; line-height: 1.5; }
.header-top ul li > a > img, .header-top ul li > a > svg { display: inline-block; vertical-align: middle; fill: #fff; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.header-top ul li > a > span { padding-left: 0; font-size: 15px; display: inline-block; vertical-align: middle; position: relative; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.header-top ul li > a span span { font-size: 0; line-height: 0; opacity: 0; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.header-top ul li > a span:before { content: attr(data-content); font-size: 15px; position: absolute; left: 0; width: 0; overflow: hidden; white-space: nowrap; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.header-top ul li > a:hover span span { font-size: 15px; }
.header-top ul li > a:hover span:before { width: 100%; color: #227f7f }
.header-top ul li > a:hover { color: #227f7f }
.header-top ul li > a:hover { background-color: #fff; color: #227f7f; }
.header-top ul li.on-hover > a { background-color: #fff; color: #227f7f }
.header-top ul li > a:hover > svg { fill: #227f7f; margin-right: 10px; }
.header-top ul li.on-hover > a > svg { fill: #227f7f; margin-right: 10px; }
.header-top ul li.on-hover > a svg { fill: #227f7f; }
.header-top ul li.on-hover > a span:before { width: 100%; color: #227f7f }
.header-top ul li.on-hover > a span span { font-size: 15px; }
.header-top .call-us { display: inline-block; vertical-align: middle; padding: 0 0; }
.header-top .call-us a { font-size: 25px; color: #fff; }
.header-top .call-us a i { display: inline-block; vertical-align: middle; line-height: 1; padding-right: 10px; }
.header-top .call-us a span { display: inline-block; vertical-align: middle }
.header-top .call-us a:hover { color: #23b9ba; }
#header-main .logo { margin: 25px 0 30px; display: inline-block; vertical-align: middle; }
#header-main .logo img { display: block }
#header-main .header-right { margin-top: 0; text-align: right; padding: 0 0; }
#header-main .ubermenu-bound, #header-main .ubermenu-bound-inner #header-main .ubermenu-nav { position: static; }
#header-main .main { position: relative; }
#header-main .col-xs-9 { position: static; }
#header-main .ubermenu-submenu { top: 100%; z-index: 999; padding-top: 25px; border: none !important }
#header-main .ubermenu-submenu h3 { margin-bottom: 20px; color: #227f7f; }
#header-main .ubermenu-submenu ul { margin: 0 auto }
#header-main .ubermenu-submenu li { text-align: center; }
#header-main .ubermenu-submenu li img { width: auto; }
#header-main .ubermenu-submenu li p { font-size: 15px; font-weight: 300; line-height: 20px; color: #a8a2a3; font-family: 'Roboto', sans-serif; }
#header-main .ubermenu-submenu li p a { color: #22b8ba; }
#header-main .ubermenu-submenu li p a:hover { color: #227f7f; }
#header-main .ubermenu .ubermenu-item > a { padding: 14px 15px; background-color: transparent; }
#header-main .ubermenu-responsive-toggle .ubermenu-item-level-0:hover > .ubermenu-target, #header-main .ubermenu-responsive-toggle .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background-color: transparent; }
#header-main .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after { display: none }
#header-main .ubermenu-nav li .ubermenu-icon { opacity: 0; position: absolute; width: 60px; height: 27px; background-color: #ffffff; margin: 42px auto; text-align: left; left: 0; right: 0; transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -ms-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; }
#header-main .ubermenu-nav li .ubermenu-icon:before, #header-main .ubermenu-nav li .ubermenu-icon:after { content: ""; position: absolute; width: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; }
#header-main .ubermenu-nav li .ubermenu-icon:before { bottom: 100%; border-bottom: 17.32px solid #ffffff; }
#header-main .ubermenu-nav li .ubermenu-icon:after { top: 100%; width: 0; border-top: 0px solid #ffffff; }
#header-main .ubermenu-nav li.ubermenu-active .ubermenu-icon { opacity: 1; }
#header-main .col-xs-3 { width: 22%; }
#header-main .col-xs-9 { width: 78%; }
#header-main .col-xs-3, #header-main .col-xs-9 { float: none; display: inline-block; vertical-align: middle; margin-left: -2px; }
#header-main .ubermenu { display: inline-block !important; vertical-align: middle; padding-right: 44px; }
#header-main h3 { color: #227f7f; margin-bottom: 15px; }
#header-main .download-form h3 { margin-bottom: 10px; }
#header-main p { color: #a8a2a3; font-weight: 400 }
#registration_form input[type="submit"] { min-width: 275px; }
.header-top-popup { width: 100%; position: absolute; left: 0; top: 100%; background: #fff; z-index: 990; background-image: url(../images/header-popup-shadow.png); background-position: left top; background-repeat: repeat-x; }
.download-info { height: 115px; text-align: center; width: 200px; display: inline-block; vertical-align: middle; }
.download-info .download-info-wrap { display: table; width: 100%; height: 100%; }
.download-info .download-info-wrap > a { color: #fff; height: 100%; vertical-align: middle; display: table-cell; width: 100%; background: rgba(0,0,0,0.30); font-size: 16px; line-height: 20px; padding: 25px 15px 15px; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; }
.download-info i { background: url(../images/icon-down-arrow.svg) no-repeat center center; width: 20px; height: 15px; display: inline-block; width: 100%; margin-top: 8px; }
.download-info .download-info-wrap > a:hover { background: #fff; color: #227f7f; transition: 0.4s ease-in; -o-transition: 0.4s ease-in; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; }
/*.download-info .download-info-wrap > a:hover i { background: url(../images/icon-close.svg) no-repeat center center; height: 15px; }*/
.download-info .download-info-wrap.on-hover > a { background: #fff; color: #227f7f; }
.download-info .download-info-wrap.on-hover > a i { background: url(../images/icon-close.svg) no-repeat center center; height: 15px; }
.download-form { padding: 30px; position: absolute; left: -1px; top: 100%; width: 100%; z-index: 99; background: #fff; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:none;}
.download-form form { margin: 5px 0; }
.download-form form .col-xs-6 { width: 50%; }
.download-form .mockup { position: relative; z-index: 9; }
.download-form .mockup:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-box-shadow: inset 3px 0 60px 0 rgba(0,0,0,0.35); box-shadow: inset 3px 0 60px 0 rgba(0,0,0,0.35); }
.download-form .mockup img { display: block; }
.header-form-wrap { padding: 38px 40px; }
.header-form-wrap form { margin: 0; }
#header-main form .feild { position: relative; }
#header-main form .feild span.error { position: absolute; left: 12px; font-size: 12px; color: red; bottom: -17px; }
.download-info:hover .download-form { opacity: 1; visibility: inherit; }
.account-section { width: 100%; position: absolute; left: 0; top: 100%; background: #fff; z-index: 999; }
.login-account { width: 100%; background: url(../images/form-pattern.jpg) no-repeat center center; padding: 40px; }
.login-account h3 { color: #fff; }
.login-account form { margin: 0 }
.login-account input[type="submit"] { width: 100%; }
#header-main .login-account h3 { color: #fff; }
.login-account .lost { text-align: center }
.login-account .lost a { color: #fff; text-decoration: underline; }
#header-main .header-top-popup h3 { margin-bottom: 20px; }
#header-main .header-top-popup .header-form-wrap h3 { margin-bottom: 15px; }
.search-form .feild { margin: 0 }
.search-form input[type="submit"] { width: 100%; }
.mfp-content .account-section.white-popup { display: block }
.account-section.white-popup { position: static; max-width: 1240px; padding: 0 }
.account-section.white-popup.hubspot-account-form{padding:45px 30px 30px 30px;}
.account-section.white-popup.hubspot-account-form .mfp-close{color:#227f7f}
.account-section.white-popup.hubspot-account-form .mfp-close:hover { background-color: #227f7f; color: #fff; }


#account-section { visibility: inherit; }
.account-section.white-popup .mfp-close { color: #fff; font-size: 40px; opacity: 1 }
.switch-village-section, .account-section, .download-form, .sortlist-section, .search-section { display: none; }
.header-top ul li:hover .switch-village-section, .header-top ul li:hover .search-section, .header-top ul li:hover .sortlist-section, .header-top ul li:hover .account-section{ display: block }
.menu-gallery { position: relative; }
.menu-gallery div { padding: 0 !important; margin: 0 !important }
.menu-gallery .grid-box.grid-box-lg { height: 330px; }
.menu-gallery .grid-box { background-color: #fff; background-position: center center !important; background-repeat: no-repeat; background-size: cover !important; position: relative; width: 100%; z-index: 9; }
.menu-gallery .plus-icon { left: 0; margin: 0 auto !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 99; }
.menu-img .grid-box { background-color: #f3f3f3; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; z-index: 9; min-height: 220px; }
.menu-box-wrap .grid-box { background-color: #f3f3f3; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; z-index: 9; min-height: 330px; }
.menu-img a, .menu-box-wrap a { position: relative; display: block; }
.menu-box-wrap .plus-icon, .menu-img a .plus-icon { left: 0; margin: 0 auto !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 99; }
.menu-content-wrap { padding: 15px 0; }
.menu-content-wrap p { color: #6d7076; }
.menu-content-wrap p strong { display: block; font-weight: 700; }
.menu-content-wrap .plus-icon { margin: 30px 0 0; }
.menu-box-wrap a .grid-box:after, .menu-img a .grid-box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.60); z-index: -1; opacity: 0; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.menu-box-wrap a:hover .grid-box:after, .menu-img a:hover .grid-box:after { opacity: 1 }
.menu-box-wrap a:hover .plus-icon, .menu-img a:hover .plus-icon { background: #22b8ba; border-color: #22b8ba; }
.menu-box-wrap a:hover .plus-icon svg, .menu-img a:hover .plus-icon svg { fill: #fff; }
.menu-box-wrap a:hover .plus-icon:after, .menu-box-wrap a:hover .plus-icon:before, .menu-img a:hover .plus-icon:before, .menu-img a:hover .plus-icon:after { border-color: #22b8ba }
.menu-gallery > a { display: inline-block; width: 100%; }
.menu-gallery > a:hover .grid-box::after { background-color: rgba(0,0,0,0.60); }
.menu-news-thumb .grid-box { width: 48%; margin-right: 3%; float: left; padding: 40px; cursor: pointer; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.menu-news-thumb .grid-box:hover .btn a { background: #22b8ba; }
.menu-news-thumb .grid-box:hover:after { background-color: rgba(0,0,0,0.60); }
.menu-news-thumb .grid-box span, .menu-news-thumb .grid-box span a { font-size: 12px; color: #d3d0d4; font-weight: 700; font-family: 'Roboto', sans-serif; }
.menu-news-thumb .grid-box span a:hover { color: #fff; }
.menu-news-thumb .grid-box h3 { color: #fff !important; margin-bottom: 25px !important; }
.menu-news-thumb .grid-box:last-child { margin-right: 0; }
.menu-news-thumb .grid-box .grid-box-wrap { max-width: 250px; }
.menu-news-thumb .btn a { color: #fff !important }
.menu-map { width: 100%; }
#black-studio-tinymce-17 { padding-right: 0; padding-bottom: 0 }
.menu-map { margin-top: -40px; }
.menu-map .menu-map-wrap { left: -20px; top: 0; overflow: hidden; padding-bottom: 106%; position: relative; width: 105%; }
.menu-map .menu-map-wrap p { padding: 0 }
.menu-map .menu-map-wrap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ubermenu .ubermenu-item .ubermenu-submenu-drop { box-shadow: none !important; }
 @keyframes slideDown {
 0% {
transform: translateY(-100%)
}
 100% {
transform: translateY(0%)
}
}
@-webkit-keyframes slideDown {
 0% {
-webkit-transform: translateY(-100%)
}
 100% {
-webkit-transform: translateY(0%)
}
}
@-moz-keyframes slideDown {
 0% {
-moz-transform: translateY(-100%)
}
 100% {
-moz-transform: translateY(0%)
}
}
@-webkit-keyframes ticker {
 0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
 100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes ticker {
 0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
 100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.sticky #header-main {/* animation: slideDown 0.5s linear 0s; -webkit-animation: slideDown 0.5s linear 0s; -moz-animation: slideDown 0.5s linear 0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;*/ box-shadow: 0px 3px 8px 0px rgba(109, 110, 113, 0.5); position: fixed; box-shadow: 0px 0 70px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0 70px 0px rgba(0, 0, 0, 0.4); z-index: 999 }
#header-main .feild .custom-chk { width: 100%; margin-bottom: 12px; min-height: 45px; }
#header-main .header-form-wrap form .feild .custom-chk span.error { left: 0; bottom: -5px; }
#header-main .feild .custom-chk label { font-size: 14px; padding-top: 4px; }
#header-main .feild .custom-chk label a { color: #a8a2a3; text-decoration: underline; }

.hubsportform fieldset label a.open-popup { color: #a8a2a3; text-decoration: underline; display:inline-block;vertical-align:middle;padding:5px;}

#header-main .feild .custom-chk label a:hover, .account-section .feild .custom-chk label a:focus { color: #227f7f; }
#header-main .feild .custom-chk:last-child { margin-bottom: 0 }
.account-section form .feild-btn { margin: 0 }
#header-main .plus-icon::before, #header-main .plus-icon::after { background-color: #fff; }
#header-main .plus-icon { background-color: #fff; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
#header-main .plus-icon::after, #header-main .plus-icon::before, #header-main a .plus-icon::before, #header-main a .plus-icon::after { transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
#header-main .menu-box-wrap a:hover .plus-icon::after, #header-main .menu-box-wrap a:hover .plus-icon::before, #header-main .menu-img a:hover .plus-icon::before, #header-main .menu-img a:hover .plus-icon::after { background-color: #227f7f; border-color: #227f7f }
#header-main .menu-box-wrap a:hover .plus-icon, #header-main .menu-img a:hover .plus-icon { background-color: #227f7f; border-color: #227f7f }
#header-main .menu-gallery > a:hover .plus-icon:after, #header-main .menu-gallery > a:hover .plus-icon:before { background-color: #227f7f; border-color: #227f7f }
#header-main .menu-gallery > a:hover .plus-icon { background-color: #227f7f; border-color: #227f7f }
#header-main .menu-gallery > a:hover .plus-icon svg { fill: #fff; }
#header-main .switch-village-section ul li a:hover .plus-icon:after, #header-main .switch-village-section ul li a:hover .plus-icon:before { background-color: #227f7f; border-color: #227f7f }
#header-main .switch-village-section ul li a:hover .plus-icon { background-color: #227f7f; border-color: #227f7f }
#header-main .switch-village-section ul li a:hover .plus-icon svg { fill: #fff; }
#header-main .plus-icon:hover:after, #header-main .plus-icon:hover:before { background-color: #227f7f; border-color: #227f7f }
#header-main .plus-icon:hover, #header-main .plus-icon:hover { background-color: #227f7f; border-color: #227f7f }
#header-main .plus-icon:hover svg { fill: #fff; }
.switch-village-section ul { margin: 0 auto; width: 100%; padding: 0 }
.switch-village-section ul li { list-style: none; float: left; width: 49%; margin-right: 2%; }
#header-main .switch-village-section ul li h3 { color: #fff; margin: 15px 0 !important; line-height: 35px; }
.switch-village-section ul li a { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 330px; position: relative; z-index: 9 }
.switch-village-section ul li a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25); z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.switch-village-section ul li.active a:after { background: rgba(168,162,163,0.85); }
.switch-village-section ul li:nth-of-type(2n) { margin-right: 0; }
.switch-village-section ul li a .caption { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.header-top .switch-village-section ul li .plus-icon { margin: 12px 0; }
.header-top .switch-village-section ul li .plus-icon svg, .header-top .switch-village-section ul li .plus-icon img { vertical-align: inherit; fill: #227f7f; }
.switch-village-section ul li a:hover { background-color: inherit; }
.switch-village-section ul li a:hover:after { background-color: rgba(0,0,0,0.6); }
#header-main .menu-map .plus-icon { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-box-shadow: 0 15px 70px 0 rgba(0,0,0,0.40); box-shadow: 0 15px 70px 0 rgba(0,0,0,0.40); }
#header-main .menu-map .plus-icon:after { bottom: -19px; }
/*-----------header section styles ends here----------------*/

/*-----------midd section styles goes here-----------*/
#mid-container { }
.section-50 { padding: 50px 0; }
/*----------------midd section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/
#footer-main { background: #175e5f; width: 100%; padding-top: 55px; position: relative; z-index: 9; }
#footer-main .logo { margin-bottom: 15px; }
#footer-main p { color: #fff; color: #8faaa8; padding-top: 10px; padding-bottom: 0px; }
#footer-main .col-xs-4 p { padding: 0px; }
#footer-main p strong { color: #fff; }
#footer-main h4 { color: #fff; font-weight: 500; }
#footer-main h6 { font-size: 12px; color: #fff; margin-bottom: 5px; }
#footer-main .footer-about { width: 24%; float: left; }
#footer-main .footer-news-blog { width: 50%; float: left; padding: 0 30px 0 120px; }
#footer-main .footer-news-blog ul { margin: 0 auto; }
#footer-main .footer-news-blog ul li { list-style: none; width: 100%; border-bottom: 1px solid #8faaa8; margin-bottom: 20px; padding-bottom: 20px; }
#footer-main .footer-news-blog ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0px; }
#footer-main .footer-news-blog ul li p { padding-bottom: 15px; }
#footer-main .footer-news-blog ul li .btn a { font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 13px 21px; }
#footer-main .footer-menu { width: 26%; float: left; padding: 0px; }
#footer-main .footer-menu ul { margin: 0 auto; }
#footer-main .footer-menu ul li { list-style: none; margin-bottom: 20px; }
#footer-main .footer-menu ul li a { font-size: 20px; color: #8faaa8; font-weight: 500 }
#footer-main .footer-menu ul li a:hover { color: #22b8ba; }
#footer-main .footer-menu ul li a:hover .sub-menu { }
#footer-main .footer-menu ul li .sub-menu { margin-top: 15px; }
#footer-main .footer-menu ul.sub-menu li { margin: 0 }
#footer-main .footer-menu ul.sub-menu li a { font-size: 14px; color: #fff; line-height: 25px; }
#footer-main .footer-menu ul.sub-menu li a:hover { color: #22b8ba; }
#footer-main ul.sub-menu { display: none; }
.social { margin: 25px auto 0 auto; }
.social li { list-style: none; display: inline-block; vertical-align: middle; margin: 20px 20px 20px 0; }
.social li a { font-size: 20px; color: #fff; position: relative; width: 55px; height: 31.75px; background-color: transparent; border-left: solid 4px #8faaa8; border-right: solid 4px #8faaa8; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 32px; z-index: 99; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.social li a:before, .social li a:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #175e5f; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.social li a:before { top: -19.4454px; border-top: solid 5px #8faaa8; border-right: solid 5px #8faaa8; }
.social li a:after { bottom: -19.4454px; border-bottom: solid 5px #8faaa8; border-left: solid 5px #8faaa8; }
.social li a:hover { background-color: #22b8ba; border-color: #22b8ba; }
.social li a:hover:after, .social li a:hover:before { border-color: #22b8ba; background-color: #22b8ba; }
.copyright-section { margin-top: 15px; padding: 25px 30px; border-top: 2px solid #8faaa8; }
.copyright-section p { padding: 0; font-size: 15px; text-transform: uppercase; color: #8faaa8; }
.copyright-section p a { color: #8faaa8 }
.copyright-section p a:hover { color: #22b8ba; }
.copyright-section ul { margin: 0 auto; text-align: right; }
.copyright-section ul li { list-style: none; display: inline-block; vertical-align: top; margin-right: 50px }
.copyright-section ul li:last-child { margin-right: 0 }
.copyright-section ul li a { color: #8faaa8; font-size: 15px; text-transform: uppercase; }
.copyright-section ul li a:hover { color: #22b8ba; }
.preloader { display: none; }
/*----------------footer section styles ends here--------*/



/*----------------Property Listings section styles goes here-----------*/
.property-listings-section { width: 100%; text-align: center; padding: 50px 0; }
ul.property-listings { margin-top: 20px; margin-bottom: 20px;/*display:inline-block;width:100%;*/ margin-left:-9px;}
ul.property-listings li { list-style: none; margin-bottom: 10px; }
ul.property-listings li h5 { font-size: 15px; margin: 0; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out }
ul.property-listings li h2 { font-size: 30px; color: #6b656a; margin-bottom: 15px; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out }
ul.property-listings li span.caption { font-size: 20px; color: #cfcbca; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; line-height: 1; }
ul.property-listings li .property-listings-content { text-align: center; padding: 40px 35px 40px; position: relative; z-index: 99 }
ul.property-listings li:hover .property-listings-wrap { background: #2a7e7f; box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.2); z-index: 11 }
ul.property-listings li .property-listings-content span.caption { font-size: 20px; color: #d3d0d4; font-weight: 400; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.property-listings li .property-listings-content span a { font-size: 13px; color: #6b656a; text-transform: uppercase; font-weight: 700; }
ul.category-listing { margin: 35px 0; display: inline-block; width: 100%; }
ul.category-listing li { list-style: none; margin: 10px 0 0 !important; display: inline-block; vertical-align: middle; width: 24%; }
ul.category-listing li .category-listing-thumb { display: table; margin: 0 auto 5px; width: 100%; }
ul.category-listing li .category-listing-thumb .category-listing-thumb-wrap { display: table-cell; vertical-align: bottom; height: 100%; width: 100%; }
ul.category-listing li .category-listing-thumb svg { fill: #cfcbca; }
ul.category-listing li span { font-size: 20px; color: #287e7f; }
ul.property-listings li svg { fill: #287e7f; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.property-listings li:hover ul.category-listing li svg path { fill: #fff; }
ul.property-listings li .property-listings-wrap { background: #fff; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; height: 100%; }
ul.property-listings li .property-thumb-wrap { list-style-type: none; margin-top: -47%; position: relative; width: 100%; padding: 0 0 115% 0; -o-transform: rotate(-60deg) skewY(30deg); -moz-transform: rotate(-60deg) skewY(30deg); -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); overflow: hidden; visibility: hidden; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
ul.property-listings li .property-thumb-wrap { visibility: visible; }
ul.property-listings li .property-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transform: skewY(-30deg) rotate(60deg);-moz-transform: skewY(-30deg) rotate(60deg);-ms-transform: skewY(-30deg) rotate(60deg);-webkit-transform: skewY(-30deg) rotate(60deg);-o-transform: skewY(-30deg) rotate(60deg);  width: 100%; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; background-color: #6b656a; }
ul.property-listings li .shortlist { position: absolute; bottom: 15px; left: -2px; right: 0; margin: 0 auto; text-align: center; top: auto; width: 100%; }
ul.property-listings li .shortlist a { width: 55px; height: 31.75px; background-color: #fff; border-left: solid 4px #d3d4d6; border-right: solid 4px #d3d4d6; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 40px; z-index: 99; position: relative; z-index: 9; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; cursor: pointer; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; backface-visibility:hidden;-webkit-backface-visibility:hidden;}
ul.property-listings li .shortlist a svg { fill: #287e7f; }
ul.property-listings li .shortlist a:hover svg, ul.property-listings li .shortlist a:hover svg, ul.property-listings li .shortlist a.active svg { fill: #fff; }
ul.property-listings li .shortlist a:before, ul.property-listings li .shortlist a:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #fff; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; border-radius:0px;}
ul.property-listings li .shortlist a:before { top: -19.4454px; border-top: solid 5px #d3d4d6; border-right: solid 5px #d3d4d6; }
ul.property-listings li .shortlist a:after { bottom: -19.4454px; border-bottom: solid 5px #d3d4d6; border-left: solid 5px #d3d4d6; }
ul.property-listings li .shortlist a.active { background-color: #e15353; border-color: #e15353 }
ul.property-listings li .shortlist a.active:after, ul.property-listings li .shortlist a.active:before { border-color: #e15353; background-color: #e15353; }
ul.property-listings li:hover .btn-border a { background: #fff; box-shadow: 0 0 0 4px #fff inset; -webkit-box-shadow: 0 0 0 4px #fff inset; }
ul.property-listings li:hover .btn a { background: #fff; box-shadow: 0 0 0 4px #fff inset; -webkit-box-shadow: 0 0 0 4px #fff inset; color: #287e7f }
ul.property-listings li .shortlist a:hover { background-color: #175e5f; border-color: #175e5f }
ul.property-listings li .shortlist a:hover:after, ul.property-listings li .shortlist a:hover:before { border-color: #175e5f; background-color: #175e5f }
ul.property-listings li:hover h2, ul.property-listings li:hover span, ul.property-listings li:hover span a, ul.property-listings li:hover h5 { color: #fff; }
ul.property-listings li:hover .property-listings-content span.caption { color: #fff; }
ul.property-listings li.one-col-grid .property-listings-content { width: 34%; float: left; }
ul.property-listings li:hover .property-listings-thumb:before, ul.property-listings li:hover .property-listings-thumb:after { background: #9b8eaa; }
ul.property-listings li.one-col-grid .property-listings-thumb { width: 66%; float: left; min-height: 390px; background-repeat: no-repeat; z-index: 9; background-size: cover; position: relative; background-position: top left !important }
ul.property-listings li.one-col-grid .property-listings-thumb .shortlist { bottom: auto; left: inherit; margin: 0; position: absolute; right: -10px; text-align: right; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
ul.property-listings li.one-col-grid .property-listings-thumb:before { width: 50%; height: 50%; position: absolute; content: ""; top: 0px; right: -25%; background: #fff; -webkit-transform: skewY(60deg); transform: skewY(60deg); z-index: -2; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; left: inherit }
ul.property-listings li.one-col-grid .property-listings-thumb:after { width: 50%; height: 50%; position: absolute; content: ""; bottom: 0px; right: -25%; background: #fff; -webkit-transform: skewY(-60deg); transform: skewY(-60deg); z-index: -1; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.property-listings li.one-col-grid:hover .property-listings-thumb:before, ul.property-listings li.one-col-grid:hover .property-listings-thumb:after { background: #9b8eaa; }
ul.property-listings li .btn a { padding: 18px 28px; }
ul.property-listings li { display: inline-block; vertical-align: top; float: none; margin-left: -3px; }
/* odd even listing*/
ul.property-listings li.list-even .property-listings-thumb { float: right; }
ul.property-listings li.list-even .property-listings-thumb:before { left: -32%; -webkit-transform: skewY(66deg); transform: skewY(66deg); height: 100%; }
ul.property-listings li.list-even .property-listings-thumb:after { left: -32%; -webkit-transform: skewY(-66deg); transform: skewY(-66deg); height: 100%; }
ul.property-listings li.list-even .property-listings-thumb .shortlist { text-align: left; right: auto; left: 20px; }
.shortlist a.active svg #XMLID_5_ { display: none; }
.testimonials-gride-section .grid .grid-item .shortlist { position: absolute; bottom: 15px; left: -2px; right: 0; margin: 0 auto; text-align: center; top: auto; width: 100%; }
.testimonials-gride-section .grid .grid-item .shortlist a { width: 55px; height: 31.75px; background-color: #fff; border-left: solid 4px #d3d4d6; border-right: solid 4px #d3d4d6; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 40px; z-index: 99; position: relative; z-index: 9; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; cursor: pointer; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.testimonials-gride-section .grid .grid-item .shortlist a svg { fill: #287e7f; }
.testimonials-gride-section .grid .grid-item .shortlist a:hover svg, .testimonials-gride-section .grid .grid-item .shortlist a:hover svg, .testimonials-gride-section .grid .grid-item .shortlist a.active svg { fill: #fff; }
.testimonials-gride-section .grid .grid-item .shortlist a:before, .testimonials-gride-section .grid .grid-item .shortlist a:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #fff; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.testimonials-gride-section .grid .grid-item .shortlist a:before { top: -19.4454px; border-top: solid 5px #d3d4d6; border-right: solid 5px #d3d4d6; }
.testimonials-gride-section .grid .grid-item .shortlist a:after { bottom: -19.4454px; border-bottom: solid 5px #d3d4d6; border-left: solid 5px #d3d4d6; }
.testimonials-gride-section .grid .grid-item .shortlist a.active { background-color: #e15353; border-color: #e15353 }
.testimonials-gride-section .grid .grid-item .shortlist a:hover { background-color: #287e7f; border-color: #287e7f }
.testimonials-gride-section .grid .grid-item .shortlist a:hover:after, .testimonials-gride-section .grid .grid-item .shortlist a:hover:before { background-color: #287e7f; border-color: #287e7f }
.testimonials-gride-section .grid .grid-item .shortlist a.active:after, .testimonials-gride-section .grid .grid-item .shortlist a.active:before { border-color: #e15353; background: #e15353 }
.testimonials-gride-section .grid .grid-item .shortlist a.active:hover:after, .testimonials-gride-section .grid .grid-item .shortlist a:hover.active:before { background-color: #287e7f; border-color: #287e7f }
.testimonials-gride-section .mosaic-layout .video-play { position: static; transform: none; }
.testimonials-gride-section .mosaic-layout .play-btn a { line-height: 46px; }
.testimonials-gride-section .list-layout .col-xs-12 { margin-bottom: 30px; }
.testimonials-gride-section .list-layout h5 { font-size: 14px; color: #6b656a; margin-bottom: 10px; }
.testimonials-gride-section .list-layout p { padding-bottom: 35px; }
.testimonials-gride-section .list-layout span { margin-bottom: 10px; display: block; color: #6b656a; font-weight: 700 }
.testimonials-gride-section .list-layout span a { color: #6b656a }
.testimonials-gride-section .list-layout span a:hover { color: #22b8ba }
.testimonials-gride-section .list-layout h3 { margin-bottom: 15px; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.testimonials-gride-section .list-layout h3:hover { color: #22b8ba }
.testimonials-gride-section .list-layout .testimonials-bg-color .grid-item-wrap { background: #227f7f; padding: 35px; }
.testimonials-gride-section .list-layout .testimonials-bg-color h3 { color: #fff; margin: 0; font-size: 30px; }
.testimonials-gride-section .list-layout .testimonials-bg-color a { color: #fff; }
.testimonials-gride-section .list-layout .testimonials-bg-color a h3 { color: #fff }
.testimonials-gride-section .list-layout .testimonials-bg-color a:hover, .testimonials-gride-section .list-layout .testimonials-bg-color a:hover h3 { color: #22b8ba; }
.testimonials-gride-section .list-layout .testimonials-bg-color span { color: #fff; font-size: 14px; }
.testimonials-gride-section .list-layout .testimonials-thumb-detail { background: #fff; padding: 40px; text-align: left; }
.testimonials-gride-section .list-layout .testimonials-thumb-detail span, .testimonials-gride-section .list-layout .testimonials-thumb-detail span a { color: #6b656a; }
.testimonials-gride-section .list-layout .testimonials-thumb-detail span a:hover { color: #22b8ba }
.testimonials-gride-section .list-layout .grid-item { position: relative }
.testimonials-gride-section .list-layout .testimonials-thumb-detail h3 { color: #227f7f; font-size: 30px; }
.testimonials-gride-section .list-layout .testimonials-thumb-detail a:hover h3 { color: #22b8ba }
.testimonials-gride-section .list-layout .testimonials-vedio { width: 100%; }
.testimonials-gride-section .list-layout .testimonials-vedio .grid-item-wrap { width: 100%; background-position: center center; background-repeat: no-repeat; min-height: 670px; background-size: cover; }
.testimonials-gride-section .list-layout .testimonials-vedio .grid-item-content { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.testimonials-gride-section .list-layout .testimonials-vedio .grid-item-content span, .testimonials-gride-section .list-layout .testimonials-vedio .grid-item-content span a { color: #fff; }
.testimonials-gride-section .list-layout .testimonials-vedio .grid-item-content span a:hover { color: #22b8ba }
.testimonials-gride-section .list-layout .testimonials-vedio .grid-item-content a h3 { font-size: 40px; color: #fff; margin-bottom: 60px; }
.testimonials-gride-section .list-layout .testimonials-vedio .grid-item-content a:hover h3 { color: #22b8ba }
.testimonials-gride-section .testimonials-vedio .video-play { position: relative; margin: 20px 0; }
.testimonials-gride-section .grid .one-col-grid .grid-item-content { width: 34%; float: left; }
.testimonials-gride-section .grid .one-col-grid .testimonial-thumb { width: 66%; float: left; min-height: 390px; background-repeat: no-repeat; z-index: 9; background-size: cover; position: relative; background-position: top left !important }
.testimonials-gride-section .grid .one-col-grid .testimonial-thumb .shortlist { bottom: auto; left: inherit; margin: 0; position: absolute; right: -10px; text-align: right; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.testimonials-gride-section .property-listings-wrap { background: #fff; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.testimonials-gride-section .property-listings-wrap .property-listings-content { width: 50%; float: left; padding: 35px 35px 40px; position: relative; text-align: left; z-index: 99; }
ul.property-listings li:hover .property-listings-thumb:before, ul.property-listings li:hover .property-listings-thumb:after { background: #9b8eaa; }
.testimonials-gride-section .property-listings-wrap .property-listings-thumb { width: 50%; float: left; min-height: 390px; background-repeat: no-repeat; z-index: 9; background-size: cover; position: relative; background-position: top left !important }
.testimonials-gride-section .property-listings-wrap .property-listings-thumb .shortlist { bottom: auto; left: inherit; margin: 0; position: absolute; right: -10px; text-align: right; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.testimonials-gride-section .property-listings-wrap .property-listings-thumb:before { width: 50%; height: 50%; position: absolute; content: ""; top: 0px; right: -25%; background: #fff; -webkit-transform: skewY(60deg); transform: skewY(60deg); z-index: -2; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; left: inherit }
.testimonials-gride-section .property-listings-wrap .property-listings-thumb:after { width: 50%; height: 50%; position: absolute; content: ""; bottom: 0px; right: -25%; background: #fff; -webkit-transform: skewY(-60deg); transform: skewY(-60deg); z-index: -1; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.testimonials-gride-section .shortlist { margin: 0 auto; position: absolute; right: 20px; top: 35px; width: auto; }
.testimonials-gride-section .shortlist a { width: 55px; height: 31.75px; background-color: #fff; border-left: solid 4px #d3d4d6; border-right: solid 4px #d3d4d6; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 40px; z-index: 99; position: relative; z-index: 9; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; cursor: pointer; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.testimonials-gride-section .shortlist a svg { fill: #287e7f; }
.testimonials-gride-section .shortlist a:before, .testimonials-gride-section .shortlist a:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #fff; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.testimonials-gride-section .shortlist a:before { top: -19.4454px; border-top: solid 5px #d3d4d6; border-right: solid 5px #d3d4d6; }
.testimonials-gride-section .shortlist a:after { bottom: -19.4454px; border-bottom: solid 5px #d3d4d6; border-left: solid 5px #d3d4d6; }
.testimonials-gride-section .shortlist a:hover { background-color: #287e7f; border-color: #287e7f }
.testimonials-gride-section .shortlist a:hover svg { fill: #fff; }
.testimonials-gride-section .shortlist a:hover:after, .testimonials-gride-section .shortlist a:hover:before { background-color: #287e7f; border-color: #287e7f }
.testimonials-gride-section .shortlist a.active { background-color: #e15353; border-color: #e15353 }
.testimonials-gride-section .shortlist a.active:after, .testimonials-gride-section .shortlist a.active:before { border-color: #e15353; background-color: #e15353; }
.testimonials-gride-section .shortlist a.active svg { fill: #fff; }
.testimonials-gride-section .shortlist a.active:hover { background-color: #287e7f; border-color: #287e7f }
.testimonials-gride-section .shortlist a.active:hover svg { fill: #fff; }
.testimonials-gride-section .shortlist a.active:hover:after, .testimonials-gride-section .shortlist a.active:hover:before { background-color: #287e7f; border-color: #287e7f }
/*----------------Property Listings section styles ends here-----------*/
.banner-section .owl-carousel, .banner-section .owl-stage-outer, .banner-section .owl-stage, .banner-section .owl-item, .banner-section .item, .banner-section .item-video { height: 100%; }
/*----------------Banner section styles goes here-----------*/
.banner-section { width: 100%; position: relative; overflow: hidden; }
.banner-section .banner-caption { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.banner-section .banner-caption .banner-caption-hexa { background-color: #4b474a; min-height: 220px; height: 100%; margin: 78px auto; width: 385px; display: inline-block; position: relative; left: 0; right: 0; top: 0; opacity: 0.8; }
.banner-caption-hexa:before, .banner-caption-hexa:after { background-color: inherit; content: ""; height: 273px; left: 56px; position: absolute; transform: scaleY(0.5774) rotate(-45deg); width: 273px; z-index: -1; }
.banner-caption-hexa::before { top: -137px; -webkit-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; }
.banner-caption-hexa::after { bottom: -137px; -webkit-border-radius: 0 0 0 25px; border-radius: 0 0 0 25px; }
.banner-caption-text { text-align: center; width: 100%; padding: 0 40px; }
.banner-caption-text h2 { color: #fff; line-height: 40px; }
.banner-caption-text p { }
.banner-caption-text span { color: #cfcbca; font-size: 15px; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; display: block }
.banner-section .banner-caption-text .plus-icon img { width: auto; display: inline-block }
.plus-icon { position: relative; left: 0; right: 0; margin: 0 auto; width: 55px; height: 30px; background-color: transparent; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 40px; z-index: 99; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.plus-icon a { display: inline-block; width: 100%; }
.plus-icon:before, .plus-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 4px; z-index: -1; }
.plus-icon:before { top: -20px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
.plus-icon:after { bottom: -20px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
.plus-icon img { display: inline-block; margin: 0 auto }
.plus-icon svg { fill: #227f7f }
.plus-icon:hover { background: #22b8ba; border-color: #22b8ba; }
.plus-icon:hover svg { fill: #fff; }
.plus-icon:hover:before, .plus-icon:hover:after { border-color: #22b8ba; }
.banner-section .plus-icon { position: relative; left: 0; right: 0; margin: 0 auto; bottom: -15px; width: 55px; height: 31px; background-color: #4b474a; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 38px; z-index: 99; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.banner-section .plus-icon:before, .banner-section .plus-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #4b474a; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.banner-section .plus-icon:before { top: -19px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
.banner-section .plus-icon:after { bottom: -19px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
.banner-section .plus-icon img { display: inline-block; margin: 0 auto }
.banner-section .plus-icon svg { fill: #227f7f }
.banner-section .plus-icon:hover { background: #22b8ba; border-color: #22b8ba; }
.banner-section .plus-icon:hover svg { fill: #fff; }
.banner-section .plus-icon:hover:before, .banner-section .plus-icon:hover:after { border-color: #22b8ba; background: #22b8ba; }
.banner-section ul { margin: 0 auto; }
.banner-section ul li { list-style: none; margin: 0; padding: 0; position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; }
.banner-section .owl-dot { display: inline-block; vertical-align: middle; }
.banner-section .owl-dots { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; padding: 0 10px; line-height: 0; }
.banner-section .owl-dot { position: relative; width: 35px; height: 20px; background-color: transparent; margin: 0 10px; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; display: inline-block }
.banner-section .owl-dot:before, .banner-section .owl-dot:after { content: ""; position: absolute; z-index: 1; width: 25.46px; height: 25.46px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 1.2721px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.banner-section .owl-dot:before { top: -12.7279px; border-top: solid 5.6569px #d3d0d4; border-right: solid 5.6569px #d3d0d4; }
.banner-section .owl-dot:after { bottom: -12.7279px; border-bottom: solid 5.6569px #d3d0d4; border-left: solid 5.6569px #d3d0d4; }
.banner-section .owl-dot span { position: relative; width: 14px; height: 8.08px; background-color: #fff; margin: 0; display: inline-block; text-align: left; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.banner-section .owl-dot span:before, .banner-section .owl-dot span:after { content: ""; position: absolute; width: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.banner-section .owl-dot span:before { bottom: 100%; border-bottom: 4.04px solid #fff; }
.banner-section .owl-dot span:after { top: 100%; width: 0; border-top: 4.04px solid #fff; }
.banner-section .owl-dot:hover span, .banner-section .owl-dot.active span { opacity: 1; }
.owl-carousel .owl-nav { width: 1440px; position: absolute; margin: 0 auto; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; text-indent: 1px }
.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; text-indent: -2px }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { margin: 0 auto; width: 55px; height: 31px; background-color: #fff; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 30px; z-index: 99; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; font-size: 28px; color: #287e7f; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-next:after, .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-prev:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #fff; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before { top: -19px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
.owl-carousel .owl-nav .owl-next:after, .owl-carousel .owl-nav .owl-prev:after { bottom: -19px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover { background: #175e5f; border-color: #175e5f; color: #fff; }
.owl-carousel .owl-nav .owl-next:hover:before, .owl-carousel .owl-nav .owl-next:hover:after, .owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-prev:hover:after { border-color: #175e5f; background: #175e5f; }
.owl-carousel .owl-video-wrapper { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.tab-Switch { position: absolute; right: -465px; top: 0; z-index: 100; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.tab-Switch h6 { margin: 30px 0 0 0; }
.tab-Switch-caption-hexa { background-color: #4b474a; min-height: 200px; height: auto; margin: 0 auto; width: 350px; display: inline-block; position: absolute; left: -110px; opacity: 0.85; top: 48%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1; cursor: pointer; }
.tab-Switch-caption-hexa:before, .tab-Switch-caption-hexa:after { background-color: inherit; content: ""; height: 250px; left: 51px; position: absolute; transform: scaleY(0.5774) rotate(-45deg); width: 248px; z-index: -1; }
.tab-Switch-caption-hexa::before { top: -125px; -webkit-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; }
.tab-Switch-caption-hexa::after { bottom: -125px; -webkit-border-radius: 0 0 0 25px; border-radius: 0 0 0 25px; }
.tab-Switch-caption-hexa .banner-caption-text { text-align: center; left: 0; padding: 0 15px; position: absolute; text-align: center; top: 50%; width: 110px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 15px; }
.tab-Switch-caption-hexa .banner-caption-text h6 { color: #fff; line-height: 20px; font-weight: 400; text-transform: none; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
.tab-Switch-caption-hexa .banner-caption-text span { color: #cfcbca; font-size: 15px; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; display: block }
.tab-Switch-caption-hexa .banner-caption-text img { width: auto; display: inline-block }
.tab-Switch-wrap { vertical-align: top; width: 465px; }
.tab-Switch-caption-hexa .tab-icon svg { position: relative; left: 0px; top: 0px; }
.tab-Switch-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 310px; }
.tab-Switch-content { background: #fff; padding: 40px; text-align: center }
.tab-Switch-wrap h4 { color: #227f7f; font-weight: 300; line-height: 35px; margin-bottom: 30px; }
.tab-Switch-wrap .btn a { width: 100%; }
.tab-Switch-wrap .btn a:hover { background: #227f7f; color: #fff; box-shadow: 0 0 0 4px #227f7f inset; -webkit-box-shadow: 0 0 0 4px #227f7f inset; }



.tab-icon { position: relative; left: 0; right: 0; margin: 0 auto; top: 0px; width: 54px; height: 31px; background-color: #4b474a; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 42px; z-index: 99; margin: 0 auto !important; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.tab-icon:before, .tab-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38px; height: 38px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #4b474a; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.tab-icon:before { top: -19px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
.tab-icon:after { bottom: -19px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
.tab-icon img { display: inline-block; margin: 0 auto }
.tab-icon svg { fill: #227f7f }
.tab-icon em:after { content: "\f021"; position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; display: inline-block; vertical-align: middle; line-height: 30px; font-family: 'FontAwesome'; font-size: 22px; color: #22b8ba; z-index: 999; color: #22b8ba; font-style: normal; font-weight: 400; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }



.multipal-tab .banner-caption-listing .shortlist a { position: relative; left: 0; right: 0; margin: 0 auto; top: 0px; width: 54px; height: 31px; background-color: #4b474a; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 42px; z-index: 99; margin: 0 auto !important; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.multipal-tab .banner-caption-listing .shortlist a:before, .multipal-tab .banner-caption-listing .shortlist a:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38px; height: 38px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #4b474a; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.multipal-tab .banner-caption-listing .shortlist a:before { top: -19px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
.multipal-tab .banner-caption-listing .shortlist a:after { bottom: -19px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
.multipal-tab .banner-caption-listing .shortlist a img { display: inline-block; margin: 0 auto }
.multipal-tab .banner-caption-listing .shortlist a svg { fill: #21b8ba }

.multipal-tab .banner-caption-listing .shortlist a.active { background-color: #e15353; border-color: #e15353 }
.multipal-tab .banner-caption-listing .shortlist a.active:after, .multipal-tab .banner-caption-listing .shortlist a.active:before {border-color:#e15353; background-color: #e15353; }
.multipal-tab .banner-caption-listing .shortlist a:hover { background-color: #22b8ba; border-color: #22b8ba }
.multipal-tab .banner-caption-listing .shortlist a:hover:after, .multipal-tab .banner-caption-listing .shortlist a:hover:before { border-color: #22b8ba; background-color: #22b8ba }
.multipal-tab .banner-caption-listing .shortlist a.active svg, .multipal-tab .banner-caption-listing .shortlist a:hover svg{fill: #fff}
.multipal-tab .banner-caption-listing .shortlist:hover h6{color:#22b8ba}



.multipal-tab .banner-caption-listing .shortlist.active a{ background-color: #e15353; border-color: #e15353 }
.multipal-tab .banner-caption-listing .shortlist.active a:after, .multipal-tab .banner-caption-listing .shortlist.active a:before {border-color:#e15353; background-color: #e15353; }
.multipal-tab .banner-caption-listing .shortlist.active:hover a{ background-color: #22b8ba; border-color: #22b8ba }
.multipal-tab .banner-caption-listing .shortlist.active:hover a:after, .multipal-tab .banner-caption-listing .shortlist.active:hover a:before { border-color: #22b8ba; background-color: #22b8ba;}
.multipal-tab .banner-caption-listing .shortlist.active:hover a svg, .multipal-tab .banner-caption-listing .shortlist.active:hover a svg{fill: #fff}
.multipal-tab .banner-caption-listing .shortlist.active a svg, .multipal-tab .banner-caption-listing .shortlist.active a svg{fill: #fff}
.multipal-tab .banner-caption-listing .shortlist.active h6, .multipal-tab .banner-caption-listing .shortlist.active:hover h6, .multipal-tab .banner-caption-listing .shortlist:hover h6{color:#22b8ba}



.tab-Switch.close-villege .tab-icon { background: #22b8ba; border-color: #22b8ba; background: #22b8ba; }
.tab-Switch.close-villege .tab-icon:before, .tab-Switch.close-villege .tab-icon:after { border-color: #22b8ba; background: #22b8ba; }
.tab-Switch.close-villege .tab-icon em:after { color: #fff; content: "\f00d"; }
.tab-Switch.close-villege { right: 0; }
.tab-icon.shortlist a { cursor: pointer; }
.multipal-tab { right: -240px; cursor: inherit; position: fixed; top: 0; z-index: 998; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); /*transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;margin-top:70px;*/ margin-top: 65px; margin-bottom: 65px; }
.multipal-tab .tab-Switch-caption-hexa { height: 100%; left: inherit; min-height: inherit; position: relative; right: 0px; top: 0; transform: none; }
.multipal-tab .tab-Switch-caption-hexa .banner-caption-text { position: static; transform: none; padding: 40px 15px; }
.multipal-tab .banner-caption-listing { margin-bottom: 35px; }
.multipal-tab .banner-caption-listing a:hover h6 { color: #22b8ba; }
.multipal-tab .banner-caption-listing:last-child { margin-bottom: 0 }
.multipal-tab h6 { margin: 20px 0 0; line-height: 1.1 !important; font-size: 14px }


.multipal-tab .banner-caption-listing > a:hover .tab-icon em:after { color: #fff }
.multipal-tab .banner-caption-listing > a:hover .tab-icon{ background: #22b8ba; border-color: #22b8ba; background: #22b8ba; }
.multipal-tab .banner-caption-listing > a:hover .tab-icon:before, .multipal-tab .banner-caption-listing > a:hover .tab-icon:after { border-color: #22b8ba; background: #22b8ba; }
.multipal-tab .banner-caption-listing > a:hover .tab-icon svg { fill: #fff; }


.multipal-tab .tab-icon.shortlist h6 { margin-top: 10px; }
.multipal-tab .tab-icon.shortlist:hover h6{color:#22b8ba}
.multipal-tab .tab-icon.shortlist:hover{ background: #22b8ba; border-color: #22b8ba; background: #22b8ba; }
.multipal-tab .tab-icon.shortlist:hover:before, .multipal-tab .tab-icon.shortlist:hover:after { border-color: #22b8ba; background: #22b8ba; }
.multipal-tab .tab-icon.shortlist:hover svg { fill: #fff; }
/*----------------Banner section styles ends here-----------*/

/*----------------Country Collections section styles goes here-----------*/
.country-collections-section { width: 100%; text-align: center; padding: 80px 0 100px 0; position: relative; overflow: hidden; }
.country-collections-section p { font-size: 25px; line-height: 35px; color: #6d7076; font-weight: 300 }
ul.country-collections-listing { margin: 50px auto 40px auto; margin-left: -12px !important; margin-right: -12px !important; }
ul.country-collections-listing li { list-style: none; margin-bottom: 20px; }
ul.country-collections-listing li a { position: relative; text-align: center; width: 100%; display: block; overflow: hidden; }
ul.country-collections-listing li .collections-thumb:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(142,168,135,0.70); z-index: -1; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; opacity: 0; }
ul.country-collections-listing li .collections-thumb { width: 100%; min-height: 390px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 9; }
.hexagon-lable-text { position: absolute; text-align: center; width: 100%; z-index: 1000; bottom: -40px; }
.hexagon-lable-text h3 { margin-bottom: 8px; color: #227f7f; }
.hexagon-lable-text h6 { margin-bottom: 0; }
.hexagon-lable { background-color: #fff; height: 160px; margin: 85px auto; width: 285px; display: inline-block; position: absolute; left: 0; right: 0; top: -37%; transform: translateY(-37%); -transform: translateY(-37%); -ms-transform: translateY(-37%); -webkit-transform: translateY(-37%); -webkit-box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); }
.hexagon-lable:before, .hexagon-lable:after { background-color: inherit; content: ""; height: 202px; left: 42px; position: absolute; transform: scaleY(0.5774) rotate(-45deg); width: 202px; z-index: 1; }
.hexagon-lable::before { top: -102px; }
.hexagon-lable::after { bottom: -102px; -webkit-border-radius: 0 0 0 20px; border-radius: 0 0 0 20px; }
ul.country-collections-listing li a .plus-icon { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: 55px; height: 31px; background-color: #fff; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 38px; z-index: 99; opacity: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
ul.country-collections-listing li a .plus-icon:before, ul.country-collections-listing li a .plus-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #fff; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
ul.country-collections-listing li a .plus-icon:before { top: -19px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
ul.country-collections-listing li a .plus-icon:after { bottom: -19px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
ul.country-collections-listing li a .plus-icon img { display: inline-block; margin: 0 auto }
ul.country-collections-listing li a .plus-icon svg { fill: #227f7f }
ul.country-collections-listing li a .plus-icon:hover { background: #175e5f; border-color: #175e5f; }
ul.country-collections-listing li a:hover .plus-icon { opacity: 1 }
ul.country-collections-listing li a .plus-icon:hover svg { fill: #fff; }
ul.country-collections-listing li a .plus-icon:hover:before, ul.country-collections-listing li a .plus-icon:hover:after { border-color: #175e5f; background: #175e5f; }
ul.country-collections-listing li a:hover .collections-thumb:after { opacity: 1 }
ul.country-collections-listing li a:hover { -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); }

ul.country-collections-listing li.purple .collections-thumb::after { background: rgba(155,142,170,0.70) }
ul.country-collections-listing li.green .collections-thumb::after { background: rgba(142,168,135,0.70) }
ul.country-collections-listing li.turquoise .collections-thumb::after { background: rgba(34,127,127,0.70) }
ul.country-collections-listing li.golden .collections-thumb::after { background: rgba(210,197,127,0.70) }
ul.country-collections-listing li.skyblue .collections-thumb::after { background: rgba(123,187,199,0.70) }
ul.country-collections-listing li.dark-gray .collections-thumb::after { background: rgba(107,101,106,0.70); }
ul.country-collections-listing li.light-gray .collections-thumb::after { background: rgba(168,162,163,0.70); }
ul.country-collections-listing li.rosy-brown .collections-thumb::after { background: rgba(155,108,108,0.70); }
ul.country-collections-listing li.light-aquamarine .collections-thumb::after { background: rgba(138,195,175,0.70) }
ul.country-collections-listing li.chocolate .collections-thumb::after { background: rgba(209,132,85,0.70); }
ul.country-collections-listing li.light-golden .collections-thumb::after { background: rgba(154,149,88,0.70); }
ul.country-collections-listing li.dark-skyblue .collections-thumb::after { background: rgba(126,148,194,0.70); }
ul.country-collections-listing li.orange .collections-thumb::after { background: rgba(239, 113, 2, 0.70); }
ul.country-collections-listing li.Yellow .collections-thumb::after { background: rgba(217, 204, 128, 0.70); }
ul.country-collections-listing li.Grey .collections-thumb::after { background: rgba(115, 109, 117, 0.70); }
ul.country-collections-listing li.Blue .collections-thumb::after { background: rgba(121, 161, 179, 0.70); }


ul.country-collections-listing li.purple h3 { color: #9b8eaa; }
ul.country-collections-listing li.green h3 { color: #8ea887; }
ul.country-collections-listing li.turquoise h3 { color: #227f7f; }
ul.country-collections-listing li.golden h3 { color: #d2c57f; }
ul.country-collections-listing li.skyblue h3 { color: #7bbbc7; }
ul.country-collections-listing li.orange h3 { color: #ef7102; }
ul.country-collections-listing li.Yellow h3 { color: #D9CC80; }
ul.country-collections-listing li.Grey h3 { color: #736D75; }
ul.country-collections-listing li.Blue h3 { color: #79A1B3; }


ul.country-collections-listing li.dark-gray h3 { color: #6b656a; }
ul.country-collections-listing li.light-gray h3 { color: #a8a2a3; }
ul.country-collections-listing li.rosy-brown h3 { color: #9b6c6c; }
ul.country-collections-listing li.light-aquamarine h3 { color: #8ac3af; }
ul.country-collections-listing li.chocolate h3 { color: #d18455; }
ul.country-collections-listing li.light-golden h3 { color: #9a9558; }
ul.country-collections-listing li.dark-skyblue h3 { color: #7e94c2; }
ul.country-collections-listing li.orange h3 { color: #ef7102; }
ul.country-collections-listing li.Yellow h3 { color: #D9CC80; }
ul.country-collections-listing li.Grey h3 { color: #736D75; }
ul.country-collections-listing li.Blue h3 { color: #79A1B3; }
/*----------------Country Collections section styles ends here-----------*/


.map-section { width: 100%; background-position: left center; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 825px; position: relative; overflow: hidden; padding: 120px 0 150px; }
.map-section .hexagon-pattern-top, .map-section .hexagon-pattern-top:after, .map-section .hexagon-pattern-top:before { border-color: #227f7f }
.map-section h2 { color: #000; font-size: 35px; margin-bottom: 35px; }
.map-section .map-content { padding: 0 30px; }
.map-section .map-content p { color: #000000; font-size: 15px; font-family: 'Roboto', sans-serif; padding-bottom: 20px; }
.map-section .map-content p strong { font-size: 20px; line-height: 25px; }
.map-section .map-content .btn-inline { width: 100%; margin-top: 30px; }
.map-section .map-content .btn-inline .btn { display: inline-block; margin-right: 20px; }
.map-section .map-content .btn-inline .btn:last-child { margin-right: 0 }
.map-section .map-content .btn-inline .btn a { min-width: 240px; font-weight: 400; padding: 20px; color: #000; }
.map-section .map-content .btn-inline .btn-border a { box-shadow: 0 0 0 2px #d3d0d4 inset; -webkit-box-shadow: 0 0 0 2px #d3d0d4 inset; }
.map-section .map-content .btn-inline .btn-border a:hover { color: #227f7f; box-shadow: 0 0 0 2px #fff inset; -webkit-box-shadow: 0 0 0 2px #fff inset; }
.map-section .col-xs-6 { position: static; }
.hunter-valley-pin { text-align: center; position: absolute; top: 21%; left: 28%; }
.hexa-pin h4 { font-size: 24px; text-transform: uppercase; font-weight: 900 !important; color: #227f7f !important; font-family: 'Roboto', sans-serif; text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5) !important;}
.hexa-pin a { display: inline-block; }
.hexa-pin a .plus-icon { position: relative; left: 0; right: 0; margin: 0 auto; width: 62px; height: 32px; background-color: transparent; border-left: solid 4px #fff; border-right: solid 4px #fff; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 38px; z-index: 9; transition: none; -o-transition: none; -webkit-transition: none; -moz-transition: none; }
.hexa-pin a .plus-icon:before, .hexa-pin a .plus-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 44px; height: 44px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 5px; z-index: -1; }
.hexa-pin a .plus-icon:before { top: -23px; border-top: solid 5px #fff; border-right: solid 5px #fff; }
.hexa-pin a .plus-icon:after { bottom: -23px; border-bottom: solid 5px #fff; border-left: solid 5px #fff; }
.hexa-pin a .plus-icon img { display: inline-block; margin: 0 auto }
.hexa-pin a .plus-icon svg { fill: #22b8ba }
.hexa-pin a:hover .plus-icon { background: #22b8ba; border-color: #22b8ba; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); }
.hexa-pin a:hover .plus-icon svg { fill: #fff; }
.hexa-pin a:hover .plus-icon:before, .hexa-pin a:hover .plus-icon:after { border-color: #22b8ba }
.map-popup-pin .central-coast-pin { position: absolute; left: 25.5%; bottom: 15.7%; }
.map-popup-pin .central-coast-pin h4 { display: inline-block; vertical-align: middle; margin: 0; padding-left: 18px; line-height: 1.3; }
.map-popup-pin .factory-display-tour-pin { position: absolute; left: 22.2%; bottom: 27.5%; }
.map-popup-pin .factory-display-tour-pin h4 { display: inline-block; vertical-align: middle; margin: 0; padding-right: 8px; font-size: 12px; }
.map-popup-pin .factory-display-tour-pin a .plus-icon { position: relative; left: 0; right: 0; margin: 0 auto; width: 30px; height: 18px; background-color: #fff; border-left: solid 4px #fff; border-right: solid 4px #fff; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 25px; z-index: 9; }
.map-popup-pin .factory-display-tour-pin a .plus-icon:before, .map-popup-pin .factory-display-tour-pin a .plus-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 22px; height: 22px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #fff; left: 0px; z-index: -1; }
.map-popup-pin .factory-display-tour-pin a .plus-icon:before { top: -11px; border-top: solid 5px #fff; border-right: solid 5px #fff; }
.map-popup-pin .factory-display-tour-pin a .plus-icon:after { bottom: -11px; border-bottom: solid 5px #fff; border-left: solid 5px #fff; }
.map-popup-pin .factory-display-tour-pin a .plus-icon svg { width: 12px; }
.map-popup-pin .factory-display-tour-pin a:hover .plus-icon { background: #22b8ba; border-color: #22b8ba; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); }
.map-popup-pin .factory-display-tour-pin a:hover .plus-icon svg { fill: #fff; }
.map-popup-pin .factory-display-tour-pin a:hover .plus-icon:before, .map-popup-pin .factory-display-tour-pin a:hover .plus-icon:after { border-color: #22b8ba; background: #22b8ba; }
#display-tour { max-width: 1240px; padding: 70px 40px; }
#display-tour ol { color: #6b656a; font-weight: 700; margin-bottom: 35px; }
#display-tour ol li { line-height: 20px; }
#display-tour .hunter-valley-content { width: 400px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: left }
#display-tour .hexaimg { right: -25%; }
.common-popup.dream-step-popup { max-width: 100%; padding: 0; width: 100%; min-height: inherit; }
.common-popup .common-popup-wrap { padding: 75px 0 0; min-height: 490px; position: relative; }
.common-popup.dream-step-popup ol { color: #6b656a; font-weight: 700; margin-bottom: 35px; text-align: left; }
.common-popup.dream-step-popup ol li { line-height: 20px; }
.common-popup.dream-step-popup .hunter-valley-content { width: 400px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: left }
.common-popup.dream-step-popup .hexaimg { right: -25%; }
.dream-step-popup h3 { margin-bottom: 25px; }
.dream-step-popup .main { max-width: 1020px; margin: 0 auto; text-align: center; }
#subscribe-newsletter form .col-xs-3 { width: 30%; }
#subscribe-newsletter form .col-xs-6 { width: 40%; }
#make-enquiry form .col-xs-6 { width: 50%; }
#make-enquiry form .feild textarea { min-height: 140px; }
#customer-feedback .left-hexagon-hunter .hexa-thumb-big { left: 9%; top: 15%; }
.left-hexagon-hunter .hexaborder { position: absolute; width: 400px; height: 230.94px; background-color: transparent; margin: 115.47px 0; border-left: solid 12px #cfcbca; border-right: solid 12px #cfcbca; left: -11.5%; bottom: -32%; }
.left-hexagon-hunter .hexaborder:before, .left-hexagon-hunter .hexaborder:after { content: ""; position: absolute; z-index: 1; width: 282.84px; height: 282.84px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 46.5786px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.left-hexagon-hunter .hexaborder:before { top: -141.4214px; border-top: solid 16.9706px #cfcbca; border-right: solid 16.9706px #cfcbca; -webkit-border-radius: 0 12% 0 0; border-radius: 0 12% 0 0; }
.left-hexagon-hunter .hexaborder:after { bottom: -141.4214px; border-bottom: solid 16.9706px #cfcbca; border-left: solid 16.9706px #cfcbca; -webkit-border-radius: 0 0 0 12%; border-radius: 0 0 0 12%; }
.left-hexagon-hunter .hexa-thumb-big { width: 220px; height: 127.02px; margin: 63.51px 0; background-size: auto 254.0341px; background-position: center; left: 10%; top: 28%; text-align: left; }
.left-hexagon-hunter .hexa-thumb-big:after { display: none; }
.left-hexagon-hunter .hexa-thumb-big .left-hexTop, .left-hexagon-hunter .hexa-thumb-big .left-hexBottom { position: absolute; z-index: 1; width: 155.56px; height: 155.56px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 32.22px; }
.left-hexagon-hunter .hexa-thumb-big .left-hexTop:after, .left-hexagon-hunter .hexa-thumb-big .left-hexBottom:after { content: ""; position: absolute; width: 220.0000px; height: 127.01705922171767px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-63.5085px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-63.5085px); transform: rotate(45deg) scaleY(1.7321) translateY(-63.5085px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.left-hexagon-hunter .hexa-thumb-big .left-hexTop { top: -77.7817px; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0; }
.left-hexagon-hunter .hexa-thumb-big .left-hexTop:after { background-position: center top; }
.left-hexagon-hunter .hexa-thumb-big .left-hexBottom { bottom: -77.7817px; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.left-hexagon-hunter .hexa-thumb-big .left-hexBottom:after { background-position: center bottom; }
.left-hexagon-hunter .hexa-thumb-big .left-hexagon:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 220.0000px; height: 127.0171px; z-index: 2; background: inherit; }
.left-hexa-thumb { position: absolute; width: 130px; height: 75.06px; margin: 37.53px 0; background-image: url(http://csshexagon.com/img/meow.jpg); background-size: auto 150.1111px; background-position: center; left: 0; top: 8%; -webkit-box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); text-align: left; }
.left-thumb-hexTop, .left-thumb-hexBottom { position: absolute; z-index: 1; width: 91.92px; height: 91.92px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 19.04px; }
.left-thumb-hexTop:after, .left-thumb-hexBottom:after { content: ""; position: absolute; width: 130.0000px; height: 75.05553499465135px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-37.5278px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-37.5278px); transform: rotate(45deg) scaleY(1.7321) translateY(-37.5278px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.left-thumb-hexTop { top: -45.9619px; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0; }
.left-thumb-hexTop:after { background-position: center top; }
.left-thumb-hexBottom { bottom: -45.9619px; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.left-thumb-hexBottom:after { background-position: center bottom; }
.left-hexa-thumb:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 130.0000px; height: 75.0555px; z-index: 2; background: inherit; }
.common-popup { margin: 0 auto; background: #fff; padding: 120px 40px; position: relative; overflow: hidden; max-width: 840px; min-height: 480px }
.common-popup.dream-step-popup { display: none; max-width: inherit }
.common-popup .mfp-close { right: 10px; top: 10px; color: #22b8ba; font-size: 38px; opacity: 1 }
.common-popup .close-btn { position: absolute; right: 0; top: 0; width: 48px; height: 48px; color: #227f7f; font-size: 28px; font-weight: 700; border: none; z-index: 99; opacity: 1; background-color: transparent }
.common-popup .close-btn:hover { background-color: #227f7f; color: #fff; }
.common-popup h3 { color: #227f7f; font-size: 30px; line-height: 35px; text-align: center; }
.common-popup p { color: #a8a2a3 }
.common-popup p strong { color: #6b656a }
.common-popup .btn { text-align: center; }
.common-popup .common-popup-content { width: 50%; padding-right: 30px; }
.common-popup .common-popup-content h3, .common-popup .common-popup-content .btn { text-align: left; }
.common-popup .hexaimg { top: -50%; right: -37%; width: 620px; height: 357.96px; margin: 178.98px 0; background-size: auto 715.9143px; background-position: center; text-align: left; }
.common-popup .hexaimg .hexaimg-top, .common-popup .hexaimg .hexaimg-bottom { position: absolute; z-index: 1; width: 438.41px; height: 438.41px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 90.80px; }
.common-popup .hexaimg .hexaimg-top:after, .common-popup .hexaimg .hexaimg-bottom:after { content: ""; position: absolute; width: 620.0000px; height: 357.957166897568px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-178.9786px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-178.9786px); transform: rotate(45deg) scaleY(1.7321) translateY(-178.9786px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.common-popup .hexaimg .hexaimg-top { top: -219.2031px; }
.common-popup .hexaimg .hexaimg-top:after { background-position: center top; }
.common-popup .hexaimg .hexaimg-bottom { bottom: -219.2031px; }
.common-popup .hexaimg .hexaimg-bottom:after { background-position: center bottom; }
.common-popup .hexaimg:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 620.0000px; height: 357.9572px; z-index: 2; background: inherit; }
.common-popup .hexaimg .hexa-thumb { position: absolute; width: 180px; height: 103.92px; margin: 51.96px 0; background-size: auto 207.8461px; background-position: center; -webkit-box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); bottom: -28%; left: -7%; top: auto; z-index: 9 }
.common-popup .hexaimg .hexa-thumb .hexTop, .common-popup .hexaimg .hexa-thumb .hexBottom { position: absolute; z-index: 1; width: 127.28px; height: 127.28px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 26.36px; }
.common-popup .hexaimg .hexa-thumb .hexTop:after, .common-popup .hexaimg .hexa-thumb .hexBottom:after { content: ""; position: absolute; width: 180.0000px; height: 103.92304845413264px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px); transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit }
.common-popup .hexaimg .hexa-thumb .hexTop { top: -63.6396px; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0; }
.common-popup .hexaimg .hexa-thumb .hexTop:after { background-position: center top; }
.common-popup .hexaimg .hexa-thumb .hexBottom { bottom: -63.6396px; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.common-popup .hexaimg .hexa-thumb .hexBottom:after { background-position: center bottom; }
.common-popup .hexaimg .hexa-thumb:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 180.0000px; height: 103.9230px; z-index: 2; background: inherit; }
.common-popup .hexagon-border { position: relative; width: 140px; height: 80.83px; background-color: transparent; margin: 0 0; border-left: solid 12px #cfcbca; border-right: solid 12px #cfcbca; top: 3%; left: -11%; }
.common-popup .hexagon-border:before, .common-popup .hexagon-border:after { content: ""; position: absolute; z-index: 1; width: 98.99px; height: 98.99px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 8.5025px; }
.common-popup .hexagon-border:before { top: -49.4975px; border-top: solid 16.9706px #cfcbca; border-right: solid 16.9706px #cfcbca; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0; }
.common-popup .hexagon-border:after { bottom: -49.4975px; border-bottom: solid 16.9706px #cfcbca; border-left: solid 16.9706px #cfcbca; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.common-popup form .feild { position: relative; }
.common-popup form .feild span.error { position: absolute; left: 12px; bottom: -17px; font-size: 12px; color: red; }
.common-popup #customerFeedback .feild span.error { left: 0; }
#display-locations.common-popup p { text-align: center }
/*----------------Homes Living section styles goes here-----------*/
.homes-living-section { width: 100%; padding: 80px 0; background: #fff; text-align: center; position: relative; overflow: hidden }
.homes-living-section h2 { margin-bottom: 30px; }
.homes-living-section p { font-size: 25px; line-height: 35px; color: #6d7076; font-weight: 300 }
ul.homes-living-listing { list-style: none; position: relative; counter-reset: list-feature; margin: 30px 0 145px; }
ul.homes-living-listing li { counter-increment: list-feature; overflow: hidden; position: relative; margin: 0 1.5%; float: left; transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; }
#grid.homes-living-listing li .hexagon { background-position: center center; background-repeat: no-repeat; background-size: 0%; }
ul.homes-living-listing li .hexagon:before { color: #ededed; content: counter(list-feature, decimal); font-size: 470px; font-weight: 400; left: 0; line-height: 350px; position: absolute; text-align: center; top: 0; width: 100%; ; z-index: -1; background-color: #f8f8f8; height: 100%; transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; }
ul.homes-living-listing li .living-listing-content { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; width: 100%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 25px; }
ul.homes-living-listing li .living-listing-thumb { margin-bottom: 15px; display: inline-block; width: 90px; }
ul.homes-living-listing li svg { fill: #1FB7B9; transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; width: 100%; }
ul.homes-living-listing li h5 { color: #185959; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; margin: 0; transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; }
ul.homes-living-listing li:hover .hexagon::before, ul.homes-living-listing li.active a .hexagon::before, ul.homes-living-listing li a:hover .hexagon::before { content: ""; background-color: rgba(54,52,54,0.50); height: 100%; }
#grid.homes-living-listing li:hover .hexagon { background-size: cover; }
ul.homes-living-listing li:hover svg, ul.homes-living-listing li.active a svg, ul.homes-living-listing li a:hover svg { fill: #fff; }
ul.homes-living-listing li:hover h5, ul.homes-living-listing li.active a h5, ul.homes-living-listing li a:hover h5 { color: #fff; }
#grid li { list-style-type: none; position: relative; width: 22%; padding: 0 0 26% 0; -o-transform: rotate(-60deg) skewY(31deg); -moz-transform: rotate(-60deg) skewY(31deg); -webkit-transform: rotate(-60deg) skewY(31deg); -ms-transform: rotate(-60deg) skewY(31deg); transform: rotate(-60deg) skewY(31deg); overflow: hidden; visibility: hidden; }
#grid li * { visibility: visible; }
ul.homes-living-listing li:hover *, ul.homes-living-listing li.active a *, ul.homes-living-listing li a:hover * { fill: #fff }
#grid li .hexagon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f8f8f8; -o-transform: skewY(-31deg) rotate(60deg); -moz-transform: skewY(-31deg) rotate(60deg); -webkit-transform: skewY(-31deg) rotate(60deg); -ms-transform: skewY(-31deg) rotate(60deg); transform: skewY(-31deg) rotate(60deg); overflow: hidden; }
#grid li:nth-child(5n) { margin-top: -5.3%; margin-bottom: -5.3%; -o-transform: translateX(56%) rotate(-60deg) skewY(30deg); -moz-transform: translateX(56%) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(56%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(56%) rotate(-60deg) skewY(30deg); transform: translateX(56%) rotate(-60deg) skewY(30deg); }
#grid li:nth-child(6n) { margin-top: -5.3%; margin-bottom: -5.3%; -o-transform: translateX(56%) rotate(-60deg) skewY(30deg); -moz-transform: translateX(56%) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(56%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(56%) rotate(-60deg) skewY(30deg); transform: translateX(56%) rotate(-60deg) skewY(30deg); }
#grid li:nth-child(7n) { margin-top: -5.3%; margin-bottom: -5.3%; -o-transform: translateX(56%) rotate(-60deg) skewY(30deg); -moz-transform: translateX(56%) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(56%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(56%) rotate(-60deg) skewY(30deg); transform: translateX(56%) rotate(-60deg) skewY(30deg); }
#grid li:nth-child(8n) { clear: left }
#grid li:nth-child(10n) { -o-transform: translateX(0) rotate(-60deg) skewY(30deg); -moz-transform: translateX(0) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(0) rotate(-60deg) skewY(30deg); -ms-transform: translateX(0) rotate(-60deg) skewY(30deg); transform: translateX(0) rotate(-60deg) skewY(30deg); margin-top: 0; }
#grid li:nth-child(10n) .hexagon::before, #grid li:nth-child(11n) .hexagon::before, #grid li:nth-child(12n) .hexagon::before { font-size: 320px; line-height: 320px; letter-spacing: -50px; }
/*----------------Homes Living section styles ends here-----------*/

/*----------------About Manor Homes section styles goes here-----------*/
.about-manor-homes { width: 100%; padding: 110px 0 175px; position: relative; background: #fff; overflow: hidden; min-height: 800px; }
.about-manor-homes h2 { margin-bottom: 50px; }
.about-manor-homes p { color: #6d7076; font-size: 15px; line-height: 20px; padding-bottom: 26px; }
.about-manor-homes p strong { font-size: 20px; line-height: 25px; }
.about-manor-homes .btn { margin: 20px 0 0 0; }
.about-manor-homes .col-xs-6 { z-index: 99 }
.about-manor-homes .col-xs-5 { position: absolute; right: 0; top: 0; width: 56%; }
.hexaimg { position: absolute; width: 866px; height: 499.99px; margin: 249.99px 0; background-size: auto 999.9707px; background-position: center; right: -40%; margin-top: 0; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexaimg-top, .hexaimg-bottom { position: absolute; z-index: 1; width: 612.35px; height: 612.35px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 126.82px; }
/*counter transform the bg image on the caps*/
.hexaimg-top:after, .hexaimg-bottom:after { content: ""; position: absolute; width: 866.0000px; height: 499.9853331182159px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-249.9927px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-249.9927px); transform: rotate(45deg) scaleY(1.7321) translateY(-249.9927px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexaimg-top { top: -306.1772px; -webkit-border-radius: 0 7% 0 0; border-radius: 0 7% 0 0; }
.hexaimg-top:after { background-position: center top; }
.hexaimg-bottom { bottom: -306.1772px; -webkit-border-radius: 0 0 0 7%; border-radius: 0 0 0 7%; }
.hexaimg-bottom:after { background-position: center bottom; }
.hexaimg:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 866.0000px; height: 499.9853px; z-index: 2; background: inherit; }
.hexagon-border { width: 210px; height: 121.24px; background-color: transparent; margin: 60.62px 0; border-left: solid 12px #cfcbca; border-right: solid 12px #cfcbca; position: absolute; left: -12.2%; top: 105px; z-index: 97; }
.hexagon-border:before, .hexagon-border:after { content: ""; position: absolute; z-index: 1; width: 148.49px; height: 148.49px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 18.7538px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexagon-border:before { top: -74.2462px; border-top: solid 16.9706px #cfcbca; border-right: solid 16.9706px #cfcbca; border-radius: 0 12% 0 0; }
.hexagon-border:after { bottom: -74.2462px; border-bottom: solid 16.9706px #cfcbca; border-left: solid 16.9706px #cfcbca; border-radius: 0 0 0 12%; }
.hexa-thumb { position: absolute; width: 180px; height: 103.92px; margin: 51.96px 0; background-size: auto 207.8461px; background-position: center; left: -45%; top: 40%; -webkit-box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); z-index: 99 }
.hexa-thumb .hexTop, .hexa-thumb .hexBottom { position: absolute; z-index: 1; width: 127.28px; height: 127.28px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 26.36px; }
/*counter transform the bg image on the caps*/
.hexa-thumb .hexTop:after, .hexa-thumb .hexBottom:after { content: ""; position: absolute; width: 180.0000px; height: 103.92304845413264px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px); transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit }
.hexa-thumb .hexTop { top: -63.6396px; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0; }
.hexa-thumb .hexTop:after { background-position: center top; }
.hexa-thumb .hexBottom { bottom: -63.6396px; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.hexa-thumb .hexBottom:after { background-position: center bottom; }
.hexa-thumb:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 180.0000px; height: 103.9230px; z-index: 2; background: inherit; }
.hexa-thumb-big { position: absolute; width: 310px; height: 178.98px; margin: 89.49px 0; background-size: auto 357.9572px; background-position: center; left: -27%; top: 75%; -webkit-box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); box-shadow: 0 70px 70px 0 rgba(0,0,0,0.2); z-index: 12 }
.hexa-thumb-big .hexTop, .hexa-thumb-big .hexBottom { position: absolute; z-index: 1; width: 219.20px; height: 219.20px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 45.40px; }
/*counter transform the bg image on the caps*/
.hexa-thumb-big .hexTop:after, .hexa-thumb-big .hexBottom:after { content: ""; position: absolute; width: 310.0000px; height: 178.978583448784px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-89.4893px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-89.4893px); transform: rotate(45deg) scaleY(1.7321) translateY(-89.4893px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.hexa-thumb-big .hexTop { top: -109.6016px; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0; }
.hexa-thumb-big .hexTop:after { background-position: center top; }
.hexa-thumb-big .hexBottom { bottom: -109.6016px; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.hexa-thumb-big .hexBottom:after { background-position: center bottom; }
.hexa-thumb-big:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 310.0000px; height: 178.9786px; z-index: 2; background: inherit; }
.right-hexa-img { position: absolute; width: 600px; height: 346.41px; margin: 0 auto; background-size: auto 692.8203px; background-position: center; left: -28%; top: -42%; text-align: left; }
.right-hexa-img .right-thumb-right-thumb-hexTop, .right-hexa-img .right-thumb-hexBottom { position: absolute; z-index: 1; width: 424.26px; height: 424.26px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 87.87px; }
/*counter transform the bg image on the caps*/
.right-hexa-img .right-thumb-hexTop:after, .right-hexa-img .right-thumb-hexBottom:after { content: ""; position: absolute; width: 600.0000px; height: 346.4101615137755px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-173.2051px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-173.2051px); transform: rotate(45deg) scaleY(1.7321) translateY(-173.2051px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.right-hexa-img .right-thumb-hexTop { top: -212.1320px; }
.right-hexa-img .right-thumb-hexTop:after { background-position: center top; }
.right-hexa-img .right-thumb-hexBottom { bottom: -212.1320px; }
.right-hexa-img .right-thumb-hexBottom:after { background-position: center bottom; }
.right-hexa-img:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 600.0000px; height: 346.4102px; z-index: 2; background: inherit; }
.about-second-option .hexagon-border { top: 50px; left: -19%; }
.about-second-option .hexa-thumb { width: 266px; height: 153.00px; margin: 76.50px 0; background-size: auto 305.9956px; background-position: center; left: -45%; top: 28%; }
.about-second-option .hexa-thumb .hexTop, .about-second-option .hexa-thumb .hexBottom { width: 189px; height: 188px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 38.81px; }
.about-second-option .hexa-thumb .hexTop:after, .about-second-option .hexa-thumb .hexBottom:after { width: 265.0000px; height: 152.99782133525085px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-76.4989px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-76.4989px); transform: rotate(45deg) scaleY(1.7321) translateY(-76.4989px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.about-second-option .hexa-thumb .hexTop { top: -93.6916px; }
.about-second-option .hexa-thumb .hexTop:after { background-position: center top; }
.about-second-option .hexa-thumb .hexBottom { bottom: -93.6916px; }
.about-second-option .hexa-thumb .hexBottom:after { background-position: center bottom; }
.about-second-option .hexa-thumb:after { top: 0.0000px; left: 0; width: 265.0000px; height: 152.9978px; }
/*----------------About Manor Homes section styles ends here-----------*/


.find-homes-section { width: 100%; text-align: center }
.find-homes-section h2 { color: #fff; }
.find-homes-section .btn a { background: #185959; padding: 20px 40px; font-size: 15px; }
.find-homes-section .main { width: 1280px; }
.find-homes-section .find-homes-wrap { background: url(../images/hexagone-pattern.jpg) repeat; width: 100%; padding: 50px 30px 40px; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); }
.find-homes-section form .feild:last-child { margin-bottom: 0 }
ul.filter-home { margin: 10px auto 40px; width: 100% }
ul.filter-home li { list-style: none; display: inline-block; vertical-align: middle; margin: 0 10px; }
ul.filter-home li .custom-select { width: 180px; }
ul.filter-home li .custom-select.small-select { width: 80px; }
ul.filter-home li .category-icon { padding: 0 10px; }
ul.filter-home li .category-icon svg { fill: #d3d4d6 }
.testimonial-section { width: 100%; padding: 70px 0 85px 0; text-align: center; position: relative }
.testimonial-section h2 { margin-bottom: 50px; }
ul.testimonial-listing li { list-style: none; margin: 0 0 65px; cursor: pointer; float: none; display: inline-block; vertical-align: top; margin-left: -3px; }
ul.testimonial-listing li h3 { color: #227f7f; margin-bottom: 30px; }
ul.testimonial-listing li span { font-size: 15px; text-transform: uppercase; color: #cfcbca; font-weight: 900; display: inline-block; width: 100%; margin-bottom: 8px; }
.testimonial-listing-content .btn { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 40px; }
.testimonial-listing-content .btn a:hover { background: #22b8ba; -webkit-box-shadow: inset 0 0 0 4px #22b8ba; box-shadow: inset 0 0 0 4px #22b8ba; color: #fff; }
.testimonial-listing-wrap { background: #fff; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.testimonial-listing li .testimonial-thumb-wrap { list-style-type: none; margin-top: -49%; position: relative; width: 100%; padding: 0 0 115% 0; -o-transform: rotate(-60deg) skewY(30deg); -moz-transform: rotate(-60deg) skewY(30deg); -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); overflow: hidden; visibility: hidden; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
ul.testimonial-listing li .testimonial-thumb-wrap * { visibility: visible; }
ul.testimonial-listing li .testimonial-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transform: skewY(-30deg) rotate(60deg); width: 100%; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
ul.testimonial-listing li:hover .btn-border a { background: #22b8ba; -webkit-box-shadow: inset 0 0 0 4px #22b8ba; box-shadow: inset 0 0 0 4px #22b8ba; color: #fff; }
ul.testimonial-listing li:hover .testimonial-listing-wrap { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10); }
.testimonial-listing-content { padding: 10px 30px 120px; }
.find-homes-section input[type="submit"] { background: #185959; }
.find-homes-section input[type="submit"]:hover, .find-homes-section input[type="submit"]:focus { background: #22b8ba }
.be-inspired-section { width: 100%; padding: 85px 0; background: url(../images/hexagone-pattern.jpg) repeat; text-align: center; position: relative; overflow: hidden }
.be-inspired-section h2 { color: #fff; }
ul.news-gallery-listing { width: 100%; margin: 30px auto 70px auto; text-align: center }
ul.news-gallery-listing li { list-style: none; display: inline-block; vertical-align: top; position: relative; z-index: 9; margin-right: 15px; padding-right: 20px; line-height: 1; }
ul.news-gallery-listing li:last-child { margin-right: 0; padding-right: 0; }
ul.news-gallery-listing li:last-child:after { display: none }
ul.news-gallery-listing li:after { content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 18px; background: #fff; z-index: -1; }
ul.news-gallery-listing li a { font-size: 20px; color: #fff; text-transform: uppercase; position: relative; z-index: 9; }
ul.news-gallery-listing li a:before { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 3px; background: #fff; z-index: -1; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.news-gallery-listing li a:hover:before, ul.news-gallery-listing li.active a:before { width: 100%; }
.thumb-grid { margin-top: 30px; margin-bottom: 30px; }
.grid-box { background-position: center center !important; background-repeat: no-repeat; background-size: cover !important; width: 100%; position: relative; z-index: 9; background-color: #fff; }
.grid-box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: -1; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.grid-box-lg { height: 600px; }
.thumb-grid .grid-box { margin-bottom: 25px; background: #fff; }
.thumb-grid .grid-box:hover .btn a, .thumb-grid .grid-box .btn a:hover { background: #22b8ba; color: #fff; -webkit-box-shadow: inset 0 0 0 4px #22b8ba; box-shadow: inset 0 0 0 4px #22b8ba; }
.thumb-grid .grid-box:hover:after { background: rgba(0,0,0,0.70); }
.inrcol > a .grid-box { margin-bottom: 25px; background: #fff; }
.grid-box span { font-size: 15px; font-weight: 900; color: #fff; text-transform: uppercase; display: inline-block; width: 100%; margin-bottom: 10px; }
.grid-box span a { color: #fff; }
.grid-box-lg.grid-box h3 { color: #fff; line-height: 35px; font-size: 30px; }
.grid-box-lg.grid-box .grid-box-wrap { max-width: 300px; }
.grid-box h3 { color: #fff; line-height: 25px; font-size: 25px; }
.grid-box .btn a { color: #fff; padding: 18px 25px; font-size: 14px; }
.grid-box .btn a:hover { color: #227f7f }
.grid-box .grid-box-wrap { display: table; width: 100%; height: 100%; max-width: 240px; margin: 0 auto }
.grid-box .grid-box-wrap .grid-box-content { width: 100%; height: 100%; vertical-align: middle; display: table-cell }
.grid-box.bg-color:after { display: none; }
.grid-box.bg-color h3 { color: #227f7f; }
.grid-box.bg-color span { color: #cfcbca }
.grid-box.bg-color span a { color: #cfcbca }
.grid-box.bg-color .btn a { color: #227f7f }
.grid-box.bg-color .btn a:hover { background: #22b8ba; color: #fff; -webkit-box-shadow: inset 0 0 0 4px #22b8ba; box-shadow: inset 0 0 0 4px #22b8ba; }
.one-grid-box { width: 100%; background-repeat: no-repeat; background-size: cover; min-height: 550px; background-position: center center; }
.dream-step-section { width: 100%; padding-top: 40px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 9; text-align: center; }
.dream-step-section h2 { color: #fff; margin-bottom: 30px; }
/*.dream-step-section p { color: #fff; font-size: 25px; line-height: 35px; font-weight: 300; padding-bottom: 45px; }*/

.step-listing-wrap { width: 100%; position: relative; background: #fff; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); }
ul.step-listing { margin: 0 auto; display: table; width: 100%; text-align: center; position: relative; z-index: 99 }
ul.step-listing.active { -webkit-box-shadow: 0 -20px 70px 0 rgba(0,0,0,0.2); box-shadow: 0 -20px 60px 0 rgba(0,0,0,0.2); }
ul.step-listing li { display: table-cell; width: 15%; height: 100%; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; background: #fff; position: relative; z-index: 9; }
ul.step-listing li:before { content: ""; position: absolute; right: 0; top: 15%; width: 2px; height: 70%; background: #e1e1e1; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; opacity: 1 }
ul.step-listing li:last-child:before { display: none }
ul.step-listing li a { display: inline-block; width: 100%; height: 100%; padding: 70px 35px; }
ul.step-listing li:hover { background: #22b8ba; }
ul.step-listing li.active { background: #22b8ba; }
ul.step-listing li:hover:before { opacity: 0; }
ul.step-listing li.active:before { opacity: 0; }
ul.step-listing li:after { content: ""; position: absolute; left: -2px; top: 15%; width: 2px; height: 70%; background: #fff; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; opacity: 0 }
ul.step-listing li:hover:after { opacity: 1 }
ul.step-listing li.active:after { opacity: 1 }
ul.step-listing li:first-child:after { display: none }
ul.step-listing li:hover a h6 { color: #fff; }
ul.step-listing li:hover a .step-icon-thumb svg { fill: #fff; }
ul.step-listing li.active a h6 { color: #fff; }
ul.step-listing li.active a .step-icon-thumb svg { fill: #fff; }
ul.step-listing li h6 { margin-bottom: 0; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.step-listing li .step-icon-thumb { margin-bottom: 25px; }
ul.step-listing li .step-icon-thumb svg { fill: #21b8ba; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.common-popup ul.step-listing { -webkit-box-shadow: 0 -25px 70px 0 rgba(136,130,133,0.20); box-shadow: 0 -25px 70px 0 rgba(136,130,133,0.20); }
.common-popup-wrap { width: 100%; }
.testimonial-thumb-img { position: relative }
.testimonial-thumb-img .clients-thumb { position: absolute; width: 60px; height: 34.64px; margin: 17.32px auto; background-size: auto 60.0444px; background-position: center; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; text-align: left; left: 0px; right: 0; bottom: -1px; }
.testimonial-thumb-img .hexTop, .testimonial-thumb-img .hexBottom { position: absolute; z-index: 1; width: 42.43px; height: 42.43px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 4.79px; }
.testimonial-thumb-img .hexTop:after, .testimonial-thumb-img .hexBottom:after { content: ""; position: absolute; width: 52.0000px; height: 30.022213997860543px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-15.0111px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-15.0111px); transform: rotate(45deg) scaleY(1.7321) translateY(-15.0111px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.testimonial-thumb-img .hexTop { top: -21.2132px; border-top: solid 5.6569px #d3d0d4; border-right: solid 5.6569px #d3d0d4; }
.testimonial-thumb-img .hexTop:after { background-position: center top; }
.testimonial-thumb-img .hexBottom { bottom: -21.2132px; border-bottom: solid 5.6569px #d3d0d4; border-left: solid 5.6569px #d3d0d4; }
.testimonial-thumb-img .hexBottom:after { background-position: center bottom; }
.testimonial-thumb-img .clients-thumb:after { content: ""; position: absolute; top: 2.3094px; left: 0; width: 52.0000px; height: 30.0222px; z-index: 2; background: inherit; }
.testimonial-popup { padding: 0; overflow: hidden }
.testimonial-thumb-wrap { list-style-type: none; margin-top: -47%; position: relative; width: 100%; padding: 0 0 115% 0; -o-transform: rotate(-60deg) skewY(30deg); -moz-transform: rotate(-60deg) skewY(30deg); -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); overflow: hidden; visibility: hidden; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.testimonial-thumb-wrap * { visibility: visible; }
.testimonial-thumb-wrap .testimonial-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transform: skewY(-30deg) rotate(60deg); width: 100%; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.testimonial-popup .grid-item-content { padding: 20px 30px 40px; position: relative; text-align: center }
.testimonial-popup .grid-item-content p { font-size: 20px; font-weight: 100; text-align: left; line-height: 1.3; }
.testimonial-popup .grid-item-content span { color: #cfcbca; font-size: 15px; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; display: block }
.testimonial-popup .grid-item-content .btn-border a:hover { background: #22b8ba; -webkit-box-shadow: inset 0 0 0 4px #22b8ba; box-shadow: inset 0 0 0 4px #22b8ba; color: #fff; }
.page-title-section { width: 100%; padding: 38px 0 30px; text-align: center; background: #fff; position: relative; z-index: 9 }
.page-title-section .btn { margin-top: 10px; display: inline-block; width: 100%; }
.page-title-section span { color: #a8a2a3; font-size: 15px; font-weight: 700; text-transform: uppercase; font-family: 'Roboto', sans-serif; }
.page-title-section h3 { color: #227f7f; }
.page-title-section h3 span { font-size: 30px; font-weight: normal; color: #227f7f; }
.page-title-section h3 span.total_count { text-transform: none; }
.news-breadcumb { padding: 0; }
.inner-banner-section { width: 100%; position: relative; overflow: hidden; }
.inner-banner-section .owl-carousel, .inner-banner-section .owl-stage-outer, .inner-banner-section .owl-stage, .inner-banner-section .owl-item, .inner-banner-section .owl-item, .inner-banner-section .item { height: 100%; }
.inner-banner { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; }
.inner-banner.small-banner { min-height: inherit !important; height: 25vh; }
.inner-banner .banner-imgs { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; }
.inner-banner.small-banner .banner-imgs, .inner-banner.large-banner .banner-imgs { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; }
.inner-banner.large-banner .owl-carousel, .inner-banner.large-banner .owl-stage-outer, .inner-banner.large-banner .owl-stage, .inner-banner.large-banner .owl-item, .inner-banner.large-banner .owl-item, .inner-banner.large-banner .item { height: 100%; }
.inner-banner.large-banner { height: 100%; }
.inner-banner.small-banner.contact-banner { position: relative; z-index: 9; min-height: 400px; height: auto !important }
.inner-banner-section ul { margin: 0 auto; }
.inner-banner-section ul li { list-style: none; margin: 0; padding: 0; position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; }
.hexa-thumb { left: -44%; }
.about-page-section { width: 100%; padding: 170px 0 130px 0; position: relative; background: #fff; overflow: hidden; min-height: 700px; }
.about-page-section h2 { margin-bottom: 40px; color: #287e7f; }
.about-page-section p { color: #6d7076; font-size: 15px; line-height: 20px; padding-bottom: 30px; }
.about-page-section p strong { font-size: 20px; line-height: 25px; }
.about-page-section .col-xs-7 { z-index: 99 }
.about-page-section .col-xs-5 { position: absolute; right: 0; top: 0; width: 21%; }
.hexagon-top-border { position: absolute; width: 190px; height: 109.70px; background-color: transparent; margin: 0 auto; border-left: solid 12px #a8a2a3; border-right: solid 12px #a8a2a3; top: -80px; left: 15px; right: 0; z-index: 9 }
.hexagon-top-border:before, .hexagon-top-border:after { content: ""; position: absolute; z-index: 1; width: 134.35px; height: 134.35px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 15.8249px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.hexagon-top-border:before { top: -67.1751px; border-top: solid 16.9706px #a8a2a3; border-right: solid 16.9706px #a8a2a3; border-radius: 0 12% 0 0; }
.hexagon-top-border:after { bottom: -67.1751px; border-bottom: solid 16.9706px #a8a2a3; border-left: solid 16.9706px #a8a2a3; border-radius: 0 0 0 12%; }
.nav-internal { width: 100%; position: relative; /*margin-top: -78px;*/ z-index: 9 }
ul.nav-internal-listing { margin: 0 auto; display: table; width: 100%; background: #6b656a; text-align: center; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); position: relative; }
ul.nav-internal-listing li { width: 2%; display: table-cell; height: 100%; vertical-align: middle; }
ul.nav-internal-listing li a { font-size: 20px; color: #fff; padding: 15px 10px; width: 100%; display: table; min-height: 100%; height: 78px; }
ul.nav-internal-listing li a span { display: table-cell; height: 100%; width: 100%; vertical-align: middle; font-weight: 500 }
ul.nav-internal-listing li a:hover { background: #22b8ba; color: #fff; }
ul.nav-internal-listing li.active a { background: #fff; color: #227f7f }
ul.nav-internal-listing li.active:hover a { background: #22b8ba; color: #fff; }
.stick-up .nav-internal { z-index: 989; position: fixed;/*top:234px*/ }
.stick-up .nav-internal-tab { z-index: 989; position: fixed;/*top:234px*/ }
.on-hover.stick-up .nav-internal, .hover-class.stick-up .nav-internal { z-index: 98 }
.on-hover.stick-up .nav-internal-tab, .hover-class.stick-up .nav-internal-tab { z-index: 989; position: fixed; top: 234px }
.nav-internal-tab { width: 100%; position: relative; z-index: 100 }
.nav-internal-tab ul.nav-internal-listing { margin: 0 auto; display: table; width: 100%; background: #6b656a; text-align: center; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); }
.nav-internal-tab ul.nav-internal-listing li { width: 2%; display: table-cell; height: 100%; vertical-align: middle; padding: 0 !important }
.nav-internal-tab ul.nav-internal-listing li a { font-size: 20px; color: #fff; padding: 15px 10px; width: 100%; display: table; height: 100%; height: 78px; }
.nav-internal-tab ul.nav-internal-listing li .equalheight { display: table; height: 100%; width: 100%; vertical-align: middle; height: 78px; }
.nav-internal-tab ul.nav-internal-listing li span { font-weight: 500; font-size: 20px; color: #fff; padding: 15px 10px; width: 100%; height: 100%; display: table-cell; vertical-align: middle; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; cursor: pointer }
.nav-internal-tab ul.nav-internal-listing li span em { font-style: normal; }
.nav-internal-tab ul.nav-internal-listing li.resp-tab-active span { background: #fff; color: #227f7f }
.nav-internal-tab ul.nav-internal-listing li:hover span { background: #22b8ba; color: #fff; }
.nav-internal-tab.fixed { position: fixed; z-index: 999 }
.floor-map-section { background: #e1e1e1; width: 100%; padding: 70px 0 90px; text-align: center; position: relative; overflow: hidden }
.floor-map-section h3 { color: #fff; }
.floor-map-section p { font-size: 25px; line-height: 35px; font-weight: 300 }
.floor-map-details { width: 100%; padding: 40px 30px; background: #9b8eaa; -webkit-box-shadow: 0 40px 50px 0 rgba(0,0,0,0.25); box-shadow: 0 40px 50px 0 rgba(0,0,0,0.25); }
.floor-map-details ul.category-listing { margin: 20px 0; }
.floor-map-details ul.category-listing li { margin: 0 0 10px }
.floor-map-details ul.category-listing li svg { fill: #fff; }
.floor-map-details ul.category-listing li span { color: #fff; }
.floor-map-details table { color: #fff; width: 100%; margin: 10px 0 25px; }
.floor-map-details table tr td { font-size: 20px; font-weight: 400; padding: 8px 10px 8px 0; }
.floor-map-details table tr td:last-child { text-align: right; padding-right: 0; width: 90px; }
.floor-map-details .btn-border a { color: #fff; box-shadow: 0 0 0 4px #fff inset; -moz-box-shadow: 0 0 0 4px #fff inset; }
.floor-map-details .btn-border a:hover { color: #9b8eaa }
.floor-plan { width: 100%; }
.floor-plan figure { background: #fff; margin-bottom: 60px; padding: 25px 30px; }
.floor-plan figure img { width: 100%; display: block; }
.location-section { width: 100%; text-align: center; padding: 120px 0; position: relative; z-index: 9; background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 550px; display: table; }
.location-section:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.35) }
.location-section .main { max-width: 870px; width: auto; display: table-cell; height: 100%; vertical-align: middle; }
.location-section h2 { color: #fff; font-size: 45px; }
.location-section p { color: #fff; font-size: 25px; line-height: 35px; }
.location-section form { margin-bottom: 0 }
.location-section form .feild { display: inline-block; vertical-align: top; max-width: 265px; }
.location-section form .feild input[type="text"] { background-color: transparent; border: 2px solid #ece6e7; color: #fff; font-size: 20px; font-weight: 700; font-family: 'Roboto', sans-serif; }
.location-section form .feild input[type="text"]:focus { border: 2px solid #227f7f; }
.location-section form .feild input[type="submit"] { background: #fff; color: #227f7f; height: 60px; font-weight: 400 }
.location-section form .feild input[type="submit"]:hover, .location-section form .feild input[type="submit"]:focus { background: #227f7f; color: #fff; }
.location-section form .feild input[type="text"]::-webkit-input-placeholder {
color: #fff;
opacity:1;
}
.location-section form .feild input[type="text"]::-moz-placeholder {
color: #fff;
opacity:1;
}
.location-section form .feild input[type="text"]:-ms-input-placeholder {
color: #fff;
opacity:1;
}
.location-section form .feild input[type="text"]:-moz-placeholder {
color: #fff;
opacity:1;
}
.house-visit-section { width: 100%; text-align: center; padding: 120px 0; position: relative; z-index: 9; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden }
.house-visit-section:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.35) }
.house-visit-section .main { max-width: 850px; }
.house-visit-section h2 { color: #fff; font-size: 45px; margin-bottom: 40px; }
.house-visit-section p { color: #fff; font-size: 25px; line-height: 35px; padding-bottom: 40px; }
.gallery-grid-section { width: 100%; padding: 70px 0; text-align: center; background: #fff; }
.resp-tabs-container .gallery-grid-section { padding: 70px 0; }
.gallery-grid-section.inspiration-gallery { background-color: #e1e1e1 }
.gallery-grid-section h2 { margin-bottom: 50px; }
.gallery-grid-section .thumb-grid { margin: 30px auto; }
.gallery-grid-section .thumb-grid .col-xs-5 { width: 45%; clear: left }
.gallery-grid-section .thumb-grid .col-xs-5.right-position { clear: inherit; }
.gallery-grid-section .thumb-grid .col-xs-7 { width: 55%; }
.gallery-grid-section .thumb-grid .col-xs-6 { width: 50%; }
.gallery-grid-section .thumb-grid .col-xs-6 { width: 50%; }
.gallery-grid-section .thumb-grid .col-xs-5, .gallery-grid-section .thumb-grid .col-xs-7, .gallery-grid-section .thumb-grid .col-xs-6 { position: relative }
.gallery-grid-section.inspiration-gallery .thumb-grid { margin: 0; }
.gallery-grid-section .plus-icon { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; z-index: 99; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; line-height: 38px; }
.gallery-grid-section .plus-icon svg { fill: #fff; }
.gallery-grid-section .popup-gallery:hover .plus-icon { background: #fff; border-color: #fff; opacity: 1 }
.gallery-grid-section .popup-gallery:hover .plus-icon svg { fill: #227f7f; }
.gallery-grid-section .popup-gallery:hover .plus-icon:before, .gallery-grid-section .popup-gallery:hover .plus-icon:after { border-color: #fff; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; }
.gallery-grid-section .popup-gallery .grid-box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(34,127,127,0.70); z-index: -1; transition: opacity 0.5s ease-in-out 0s; -moz-transition: opacity 0.5s ease-in-out 0s; -ms-transition: opacity 0.5s ease-in-out 0s; -webkit-transition: opacity 0.5s ease-in-out 0s; opacity: 0 }
.gallery-grid-section .popup-gallery:hover .grid-box:after { opacity: 1 }
.gallery-iframe-wrap { width: 100%; padding-bottom: 56.25%; position: relative; overflow: hidden; z-index: 99 }
.gallery-iframe-wrap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.virtual-tour-padding { width: 100%; padding-bottom: 56.25%; position: relative; overflow: hidden; z-index: 99; height: 100%; }
virtual-tour-padding virtual-tour-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.resp-tabs-container.gallery-wrap { padding: 85px 0; }
.resp-tabs-container.gallery-wrap .property-fillter-wrap { padding: 0 12px; }
.resp-tabs-container.gallery-wrap ul.property-listings li .property-listings-content { padding: 20px 20px 40px; }
.gallery-wrap .wistia_responsive_padding { min-height: 390px; }
.gallery-wrap .wistia_responsive_padding .bottom-logo { display: none; }
.property-fillter-wrap .text-right .sort { text-align: right; }
#gallery-tab4 form { margin-top: 0; }
.virtual-tour-section { width: 100%; padding: 100px 0; text-align: center; background: #e1e1e1; position: relative; overflow: hidden }
.virtual-tour-section p { font-size: 25px; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 300 }
.virtual-tour-section .virtual-tour-view { margin: 0; }
.ebook-section { width: 100%; padding: 40px; background: url(../images/hexagone-pattern.jpg) repeat; width: 100%; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); position: relative; margin: 60px 0 100px 0; text-align: left; display: inline-block }
.ebook-section .ebook-content { padding: 0 20px; }
.ebook-section .col-xs-6 { position: static; }
.ebook-section figure { position: absolute; top: -20px; }
.ebook-section figure img { display: block; }
.ebook-section h3 { color: #fff; }
.ebook-section p { font-size: 15px; line-height: 20px; color: #fff; padding-bottom: 30px; }
.ebook-section .btn-white a { background: #22b8ba; color: #fff; }
.ebook-section .btn-white a:hover { background: #fff; color: #22b8ba; }
.inclusions-options-section .ebook-section .ebook-content p { font-size: 15px; line-height: 20px; color: #fff; font-weight: 400 }
.inclusions-options-section { width: 100%; padding: 90px 0; text-align: center; background: #e1e1e1; }
.inclusions-options-section p { font-size: 25px; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 300 }
.listing-hexagon { position: relative; width: 310px; height: 178.98px; margin: 89.49px auto; background-size: auto 357.9572px; background-position: center; text-align: left; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); background-color: #4b474a; }
.listing-hexagon .listing-hexTop, .listing-hexagon .listing-hexBottom { position: absolute; z-index: 1; width: 219.20px; height: 219.20px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 45.40px; }
/*counter transform the bg image on the caps*/
.listing-hexagon .listing-hexTop:after, .listing-hexagon .listing-hexBottom:after { content: ""; position: absolute; width: 310.0000px; height: 178.978583448784px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-89.4893px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-89.4893px); transform: rotate(45deg) scaleY(1.7321) translateY(-89.4893px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.listing-hexagon .listing-hexTop { top: -109.6016px; border-radius: 0 10% 0 0; -moz-border-radius: 0 10% 0 0; -webkit-border-radius: 0 10% 0 0; }
.listing-hexagon .listing-hexTop:after { background-position: center top; }
.listing-hexagon .listing-hexBottom { bottom: -109.6016px; border-radius: 0 0 0 10%; -moz-border-radius: 0 0 0 10%; -webkit-border-radius: 0 0 0 10%; }
.listing-hexagon .listing-hexBottom:after { background-position: center bottom; }
.listing-hexagon:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 310.0000px; height: 178.9786px; z-index: 2; background: inherit; }
ul.inclusions-options-listing { margin-top: 20px; }
ul.inclusions-options-listing li { margin-bottom: 30px; }
ul.inclusions-options-listing li p strong { font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 25px; }
ul.inclusions-options-listing li p { font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 20px; text-align: left }
ul.inclusions-options-listing li .listing-content { margin-top: 60px; display: inline-block; width: 100%; }
ul.inclusions-options-listing li .listing-content ul { margin: 0 auto; }
ul.inclusions-options-listing li .listing-content ul li { font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #6d7076; list-style: disc; margin-bottom: 12px; list-style-position: inside; }
.banner-section .down-arrow, .inner-banner .down-arrow, .inner-banner-section .down-arrow { text-align: center; z-index: 99; position: absolute; left: 0; right: 0; bottom: 120px; visibility: visible !important }
.banner-section .down-arrow a, .inner-banner .down-arrow a, .inner-banner-section .down-arrow a { display: block; margin: -10px auto; line-height: 46px; position: relative; z-index: 999; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; }
.banner-section .down-arrow a, .inner-banner .down-arrow a, .inner-banner-section .down-arrow a { width: 55px; height: 31.75px; background-color: transparent; margin: 15.88px auto; border-left: solid 4px #d3d4d6; border-right: solid 4px #d3d4d6; position: relative }
.banner-section .down-arrow a:before, .banner-section .down-arrow a:after, .inner-banner .down-arrow a:before, .inner-banner .down-arrow a:after, .inner-banner-section .down-arrow a:after, .inner-banner-section .down-arrow a:before { content: ""; position: absolute; z-index: -1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 4.0546px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.banner-section .down-arrow a:before, .inner-banner .down-arrow a:before, .inner-banner-section .down-arrow a:before { top: -19.4454px; border-top: solid 5.6569px #d3d4d6; border-right: solid 5.6569px #d3d4d6; }
.banner-section .down-arrow a:after, .inner-banner .down-arrow a:after, .inner-banner-section .down-arrow a:after { bottom: -19.4454px; border-bottom: solid 5.6569px #d3d4d6; border-left: solid 5.6569px #d3d4d6; }
.banner-section .down-arrow a:hover, .inner-banner .down-arrow a:hover, .inner-banner-section .down-arrow a:hover { background: #22b8ba; border-color: #22b8ba; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); }
.banner-section .down-arrow a:hover:before, .banner-section .down-arrow a:hover:after, .inner-banner .down-arrow a:hover:before, .inner-banner .down-arrow a:hover:after, .inner-banner-section .down-arrow a:hover:before, .inner-banner-section .down-arrow a:hover:after { border-color: #22b8ba }
.banner-video-section { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; text-align: center; z-index: 9 }
.banner-video-section:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.20); }
.video-play { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; }
.video-play a svg { fill: #fff; }
.video-play a { position: relative; width: 82px; height: 47.34px; background-color: transparent; margin: -25px auto 0; border-left: solid 5px #d3d4d6; border-right: solid 5px #d3d4d6; display: inline-block; line-height: 63px; text-align: center; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; z-index: 99 }
.video-play a:before, .video-play a:after { content: ""; position: absolute; z-index: -1; width: 57.98px; height: 57.98px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 7.0086px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit }
.video-play a:before { top: -28.9914px; border-top: solid 7.0711px #d3d4d6; border-right: solid 7.0711px #d3d4d6; }
.video-play a:after { bottom: -28.9914px; border-bottom: solid 7.0711px #d3d4d6; border-left: solid 7.0711px #d3d4d6; }
.video-play a:hover { background: #22b8ba; border-color: #22b8ba; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); }
.video-play a:hover:before, .video-play a:hover:after { border-color: #22b8ba }
.play-btn a, .play-btns a { position: relative; background-color: transparent; margin: -25px auto 0; display: inline-block; line-height: 46px; text-align: center; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; z-index: 99; width: 55px; height: 31.75px; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; }
.play-btn a:before, .play-btn a:after, .play-btns a:before, .play-btns a:after { content: ""; position: absolute; z-index: -1; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 4.0546px; }
.play-btn a:before, .play-btns a:before { top: -19.4454px; border-top: solid 5.6569px #d3d0d4; border-right: solid 5.6569px #d3d0d4; }
.play-btn a:after, .play-btns a:after { bottom: -19.4454px; border-bottom: solid 5.6569px #d3d0d4; border-left: solid 5.6569px #d3d0d4; }
.play-btn a, .play-btns a { line-height: 46px; text-indent: 3px; display: inline-block; z-index: 99; position: relative }
.play-btn a svg, .play-btns a svg { fill: #fff; }
.play-btn a img, .play-btns a img, .play-btn a svg, .play-btns a svg { width: 20px; }
.play-btn a:hover, .play-btns a:hover { background: #22b8ba; border-color: #22b8ba; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.50); }
.play-btn a:hover:before, .play-btn a:hover:after, .play-btns a:hover:before, .play-btns a:hover:after { border-color: #22b8ba }
.contact-banner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.45); }
.property-fillter-section { width: 100%; padding-bottom: 100px; }
.property-fillter-wrap { padding: 40px 15px; }
.property-fillter-wrap .col-xs-8, .property-fillter-wrap .col-xs-4 { display: inline-block; vertical-align: middle; float: none; margin-left: -10px; }
.property-listings-grid ul .main { clear: left; }
.filter { width: 100%; }
.filter form { margin: 20px auto; text-align: center; }
.filter ul { margin: 0 auto; display: inline-block; vertical-align: middle; }
.filter ul li { display: inline-block; vertical-align: middle; list-style: none; margin-right: 35px; }
.filter ul li:last-child { margin-right: 0 }
.filter ul li span { display: inline-block; vertical-align: middle; font-size: 20px; color: #227f7f; }
.sort { width: 100%; text-align: left; padding: 0 10px; }
.sort span { display: inline-block; vertical-align: middle; font-size: 20px; color: #227f7f; margin-right: 5px; }
.sort .custom-select { display: inline-block; vertical-align: middle; width: 220px; }
.property-listings-grid { text-align: center }
.property-listings-grid .property-listings li { margin-bottom: 25px; float: none; display: inline-block; vertical-align: top; margin-left: -3px; }
.career-banner-section { background: #e1e1e1; position: relative; overflow: hidden }
.village-banner-section { width: 100%; margin: 100px 0; display: inline-block; }
.village-banner { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, 0.2); position: relative; padding: 40px 60px; }
.village-banner .village-caption-text { opacity: 1; z-index: 9; text-align: center; padding: 20px 40px; position: relative }
.village-banner .village-caption-text p { padding-bottom: 0 }
.village-banner .village-caption-text span { font-size: 15px; color: #22b8ba; text-transform: uppercase; font-weight: 700; font-family: 'Roboto', sans-serif; }
.village-banner .village-caption-text h2 { color: #fff; margin: 0 }
.village-banner .plus-icon { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -50px; width: 55px; height: 31px; background-color: #4b474a; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 38px; z-index: 99; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.village-banner .plus-icon:before, .village-banner .plus-icon:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: #4b474a; left: 4px; z-index: -1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.village-banner .plus-icon:before { top: -19px; border-top: solid 5px #d3d0d4; border-right: solid 5px #d3d0d4; }
.village-banner .plus-icon:after { bottom: -19px; border-bottom: solid 5px #d3d0d4; border-left: solid 5px #d3d0d4; }
.village-banner .plus-icon img { display: inline-block; margin: 0 auto }
.village-banner .plus-icon svg { fill: #227f7f }
.village-banner .plus-icon:hover { background: #22b8ba; border-color: #22b8ba; }
.village-banner .plus-icon:hover svg { fill: #fff; }
.village-banner .plus-icon:hover:before, .village-banner .plus-icon:hover:after { border-color: #22b8ba; background: #22b8ba; }
.village-banner .village-caption-hexa { background-color: #4b474a; min-height: 220px; height: 100%; margin: 110px auto; width: 385px; display: inline-block; position: relative; left: 0; right: 0; top: 0; opacity: 0.8; }
.village-banner .village-caption-hexa:before, .village-banner .village-caption-hexa:after { background-color: inherit; content: ""; height: 273px; left: 56px; position: absolute; transform: scaleY(0.5774) rotate(-45deg); width: 273px; z-index: -1; }
.village-banner .village-caption-hexa::before { top: -137px; -webkit-border-radius: 0 25px 0 0; border-radius: 0 25px 0 0; }
.village-banner .village-caption-hexa::after { bottom: -137px; -webkit-border-radius: 0 0 0 25px; border-radius: 0 0 0 25px; }
.site-data .testimonials-gride-section { padding: 30px 0; }
#gallery-tab3 .testimonials-gride-section { padding: 0 }
.testimonials-gride-section { width: 100%; padding: 75px 0 40px 0; text-align: center; position: relative; z-index: 99; }
.testimonials-gride-section .grid { width: 100%; }
.testimonials-gride-section .grid .grid-item { margin-bottom: 25px; }
.testimonials-gride-section .grid.ajax-list.row { width: auto }
.testimonials-gride-section .grid .grid-item:hover .grid-item-wrap { box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); z-index: 10 }
.testimonials-gride-section .grid .grid-item:hover .btn-border a { background: #22b8ba; color: #fff; box-shadow: 0 0 0 4px #22b8ba inset; -webkit-box-shadow: 0 0 0 4px #22b8ba inset; }
.testimonials-gride-section .grid .grid-item-content { padding: 40px 35px; }
.testimonials-gride-section .grid .grid-item-wrap { background: #fff; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.testimonials-gride-section .grid span { font-size: 15px; text-transform: uppercase; font-weight: 900; color: #cfcbca; font-family: 'Roboto', sans-serif; margin-bottom: 5px; display: block; }
.testimonials-gride-section .grid span a { font-size: 15px; text-transform: uppercase; font-weight: 900; color: #cfcbca; font-family: 'Roboto', sans-serif; }
.testimonials-gride-section .grid span a:hover { color: #227f7f }
.testimonials-gride-section .grid h3 { line-height: 35px; margin: 0 0 60px 0; }
.testimonials-gride-section .grid .btn a { padding: 20px 28px; }
.testimonials-gride-section .grid .btn-border a:hover { background: #22b8ba; color: #fff; box-shadow: 0 0 0 4px #22b8ba inset; -webkit-box-shadow: 0 0 0 4px #22b8ba inset; }
.testimonials-gride-section .grid .grid-item .grid-item-content { padding-bottom: 80px; }
.grid-item .plus-icon { position: absolute; left: 0; right: 0; bottom: 40px; background-color: #fff; }
.grid-item .plus-icon::before, .grid-item .plus-icon::after { background-color: #fff; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.grid-item .plus-icon:hover, .grid-item .plus-icon:hover:before, .grid-item .plus-icon:hover:after { background: #22b8ba; }
.grid-item .plus-icon:hover i, .grid-item .plus-icon:hover i.fa-facebook { color: #fff; }
.grid-item .plus-icon i { font-style: normal; font-size: 22px; display: inline-block; vertical-align: 2px; }
.grid-item .plus-icon i.fa-facebook { color: #3b5998; }
.grid-item.testimonials-thumb-detail .plus-icon { position: relative; bottom: 0; }
.shortlist-section .resp-tab-content .testimonials-gride-section { padding: 0 }
.shortlist-section ul.virtual-tour-gride-listing > li { margin-top: 0 }

.virtual-tour-gride-listing li.row{margin-left:-10px;}
.virtual-tour-gride-listing li .col-xs-8, .virtual-tour-gride-listing li .col-xs-4{float:none;margin-left:-3px;display:inline-block;vertical-align:top}

.grid .grid-item.testimonials-thumb .testimonial-thumb-img { position: relative; }
.grid .grid-item.testimonials-thumb .testimonial-thumb-img .plus-icon { bottom: 16px; }
.grid .grid-item.testimonials-thumb .testimonial-thumb-wrap { list-style-type: none; margin-top: -42%; position: relative; width: 100%; padding: 0 0 115% 0; -o-transform: rotate(-60deg) skewY(30deg); -moz-transform: rotate(-60deg) skewY(30deg); -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); overflow: hidden; visibility: hidden; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.grid .grid-item.testimonials-thumb .testimonial-thumb-wrap * { visibility: visible; }
.grid .grid-item.testimonials-thumb .testimonial-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transform: skewY(-30deg) rotate(60deg); width: 100%; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.grid .grid-item.testimonials-thumb .grid-item-content { padding: 25px 35px 40px; }
.grid .grid-item.testimonials-bg-color .grid-item-wrap { background: #227f7f; padding: 65px 28px; }
.our-values-section .hexagon-pattern-top, .our-values-section .hexagon-pattern-top:after, .our-values-section .hexagon-pattern-top:before { border-color: #185959 }
.grid .grid-item.testimonials-bg-color .grid-item-wrap h3 { color: #fff; margin: 0; font-size: 28px; }
.grid .grid-item.testimonials-bg-color .grid-item-wrap span { color: #fff; font-size: 14px; }
.grid .grid-item.testimonials-bg-color .grid-item-wrap span a { color: #fff; }
.grid .grid-item.testimonials-vedio .grid-item-wrap { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 9; }
.grid .grid-item.testimonials-vedio .grid-item-wrap:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); z-index: -1; }
.grid .grid-item.testimonials-vedio .grid-item-wrap h3 { color: #fff; margin-bottom: 40px }
.grid .grid-item.testimonials-thumb-detail .grid-item-wrap { padding-top: 40px; }
.grid .grid-item.testimonials-thumb-detail .grid-item-wrap .grid-item-content { padding: 35px 35px 40px; }
.clients-small-thumb { position: relative; width: 56px; height: 32.33px; margin: 16.17px auto; background-size: auto 55.4256px; background-position: center; border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; text-align: left }
.small-hexTop, .small-hexBottom { position: absolute; z-index: 1; width: 39.60px; height: 39.60px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 4.20px; }
/*counter transform the bg image on the caps*/
.small-hexTop:after, .small-hexBottom:after { content: ""; position: absolute; width: 48.0000px; height: 27.71281292110204px; -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-13.8564px); -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-13.8564px); transform: rotate(45deg) scaleY(1.7321) translateY(-13.8564px); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; background: inherit; }
.small-hexTop { top: -19.7990px; border-top: solid 5.6569px #d3d0d4; border-right: solid 5.6569px #d3d0d4; -webkit-border-radius: 0 10% 0 0; border-radius: 0 10% 0 0 }
.small-hexTop:after { background-position: center top; }
.small-hexBottom { bottom: -19.7990px; border-bottom: solid 5.6569px #d3d0d4; border-left: solid 5.6569px #d3d0d4; -webkit-border-radius: 0 0 0 10%; border-radius: 0 0 0 10%; }
.small-hexBottom:after { background-position: center bottom; }
.clients-small-thumb:after { content: ""; position: absolute; top: 2.3094px; left: 0; width: 48.0000px; height: 27.7128px; z-index: 2; background: inherit; }
.our-values-section { width: 100%; text-align: center; padding: 90px 0; background: url(../images/hexagone-pattern.jpg) repeat; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; }
.our-values-section h2 { color: #fff; font-size: 48px; }
.our-values-section h5 { color: #fff; margin: 25px 0 10px 0; }
.our-values-section p { color: #fff; font-size: 25px; line-height: 35px; font-weight: 300; padding-bottom: 30px; }
.our-values-section small { color: #fff; font-size: 15px; line-height: 20px; font-weight: 400; display: inline-block; width: 100%; }
.our-values-section ul li { list-style: none; margin-top: 30px; padding: 0 2%; }
.our-values-section ul li:nth-of-type(6n+1) { clear: left; }
.our-values-section ul li .our-values-thumb { text-align: center; margin-bottom: 40px; display: table; width: 100%; }
.our-values-section ul li .our-values-thumb .our-values-thumb-wrap { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.our-values-section ul li p { font-size: 15px; line-height: 20px; padding-bottom: 10px; }
.meet-the-team-section { width: 100%; background: #fff; padding: 100px 0; text-align: center; position: relative; overflow: hidden; }
.meet-the-team-section p { font-size: 25px; font-weight: 300; line-height: 35px; }
.meet-the-team-section #team-grid { margin: 30px auto 110px auto; }
.meet-the-team-section #team-grid li { list-style: none; display: none; }
.meet-the-team-section #team-grid li a { display: block; position: relative; }
.meet-the-team-section #team-grid li .hexagon-wrap { list-style-type: none; position: relative; width: 100%; padding: 0 0 116% 0; -o-transform: rotate(-60deg) skewY(30deg); -moz-transform: rotate(-60deg) skewY(30deg); -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); overflow: hidden; visibility: hidden; }
.meet-the-team-section #team-grid li .hexagon-wrap .hexagon { background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.meet-the-team-section #team-grid li .hexagon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.meet-the-team-section #team-grid li .hexagon .team-member-title { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; width: 100%; top: 75%; transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -webkit-transform: translateY(-75%); padding: 0 25px; }
.meet-the-team-section ul li .team-member-title h5 { color: #fff; font-weight: 900; text-transform: uppercase; margin: 0 }
.meet-the-team-section ul li .team-member-title span { display: block; color: #fff; font-size: 20px; font-weight: 400; text-transform: none; }
.meet-the-team-section #team-grid li * { visibility: visible; }
.meet-the-team-section #team-grid li .hexagon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f8f8f8; -o-transform: skewY(-30deg) rotate(60deg); -moz-transform: skewY(-30deg) rotate(60deg); -webkit-transform: skewY(-30deg) rotate(60deg); -ms-transform: skewY(-30deg) rotate(60deg); transform: skewY(-30deg) rotate(60deg); overflow: hidden; }
.meet-the-team-section #team-grid li:nth-child(5n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(6n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(7n) .hexagon-wrap { margin-top: -22%; margin-bottom: -22%; -o-transform: translateX(55%) rotate(-60deg) skewY(30deg); -moz-transform: translateX(55%) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(55%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(55%) rotate(-60deg) skewY(30deg); transform: translateX(55%) rotate(-60deg) skewY(30deg); }
.meet-the-team-section #team-grid li:nth-child(8n), .meet-the-team-section #team-grid li:nth-child(12n) { clear: left }
.meet-the-team-section #team-grid li:nth-child(8n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(9n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(10n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(11n) .hexagon-wrap { margin-top: 0%; margin-bottom: -22%; -o-transform: translateX(2%) rotate(-60deg) skewY(30deg); -moz-transform: translateX(2%) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(2%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(2%) rotate(-60deg) skewY(30deg); transform: translateX(2%) rotate(-60deg) skewY(30deg); }
.meet-the-team-section #team-grid li:nth-child(12n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(13n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(14n) .hexagon-wrap, .meet-the-team-section #team-grid li:nth-child(15n) .hexagon-wrap { margin-top: 0%; margin-bottom: 0; -o-transform: translateX(57%) rotate(-60deg) skewY(30deg); -moz-transform: translateX(57%) rotate(-60deg) skewY(30deg); -webkit-transform: translateX(57%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(57%) rotate(-60deg) skewY(30deg); transform: translateX(57%) rotate(-60deg) skewY(30deg); }
.meet-the-team-section #team-grid li:nth-child(5n) .hexagon-hover, .meet-the-team-section #team-grid li:nth-child(6n) .hexagon-hover, .meet-the-team-section #team-grid li:nth-child(7n) .hexagon-hover, .meet-the-team-section #team-grid li:nth-child(13n) .hexagon-hover { transform: translateY(-50%) translateX(55%) rotate(0deg) skewY(0deg); -moz-transform: translateY(-50%) translateX(55%) rotate(0deg) skewY(0deg); -ms-transform: translateY(-50%) translateX(55%) rotate(0deg) skewY(0deg); -webkit-transform: translateY(-50%) translateX(55%) rotate(0deg) skewY(0deg); }
.meet-the-team-section #team-grid li:nth-child(10n) .hexagon-hover { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.hexagon-hover { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; opacity: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.hexagon-hover h5 { color: #185959 !important; font-weight: 700; }
.meet-the-team-section #team-grid li a:hover .hexagon::after { background: #f8f8f8; opacity: 1; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); z-index: 99; }
.meet-the-team-section #team-grid li a:hover .hexagon-wrap .hexagon { background-size: 0; }
.meet-the-team-section #team-grid li a:hover .hexagon-hover { opacity: 1 }
.meet-the-team-section #team-grid li .envelope-thumb { margin-bottom: 20px; }
.accordian-section { width: 100%; background: #e1e1e1; padding: 55px 0 80px 0; position: relative; z-index: 9; overflow: hidden }
.our-services-section { width: 100%; padding: 70px 0; text-align: center }
.our-services-section ul.inclusions-options-listing li .btn { text-align: center; margin-top: 10px; }
.our-services-section ul.inclusions-options-listing li .btn-border a:hover { background: #287e7f; color: #fff; -webkit-box-shadow: inset 0 0 0 4px #287e7f; box-shadow: inset 0 0 0 4px #287e7f; }
.mortgage-calculator-section { width: 100%; background-repeat: no-repeat; background-position: bottom center; background-size: cover; min-height: 850px; padding-top: 15%; position: relative; z-index: 9; }
.mortgage-calculator-section:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); z-index: -1 }
.mortgage-calculator { background: url(../images/hexagone-pattern.jpg) repeat; width: 1200px; padding: 60px; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; text-align: center; }
.mortgage-calculator h2 { color: #fff; margin: 0 }
.calculator-form { width: 100%; margin: 0; }
.calculator-form ul { margin: 50px auto; }
.calculator-form input[type="submit"] { background: #185959; }
.calculator-form input[type="submit"]:hover, .calculator-form input[type="submit"]:focus { background: #22b8ba; }
.calculator-form ul li label { font-size: 25px; color: #d3d4d6; font-weight: 300; width: 100%; text-align: left; margin-bottom: 10px; display: block }
.mortgage-calculator form { width: 100%; margin: 0 }
.mortgage-calculator form table { width: 100%; margin: 50px 0 0; }
.mortgage-calculator form table tr { margin-bottom: 10px; display: inline-block; vertical-align: bottom; padding-right: 20px; }
.mortgage-calculator form table tr:last-child { padding-right: 0 }
.mortgage-calculator form table tr.large-feild { width: 29%; }
.mortgage-calculator form table tr.small-feild { width: 25%; }
.mortgage-calculator form table tr td { display: block }
.mortgage-calculator form table tr td label { font-size: 25px; color: #d3d4d6; font-weight: 300; width: 100%; text-align: left; margin-bottom: 10px; display: block }
.mortgage-calculator form table tr td label small { font-size: 15px; }
#advanced_mortgage_calc_result { width: 100%; }
#advanced_mortgage_calc_result label { font-size: 25px; color: #d3d4d6; font-weight: 300; display: inline-block; vertical-align: middle; padding-right: 25px; }
#advanced_mortgage_calc_result span.mnort_res { display: inline-block; vertical-align: middle; font-size: 30px; color: #fff; padding: 10px 30px; border: 2px solid #ece6e7; min-width: 280px; text-align: center; }
.mortgage-calculator form table tr { position: relative }
.mortgage-calculator form table tr td .half-feild { display: inline-block; margin-left: -1px; margin-right: 8%; width: 45%; }
.mortgage-calculator form table tr td .half-feild:last-child { margin-right: 0 }
.mortgage-calculator form table tr td .three-feild { display: inline-block; margin-left: -1px; margin-right: 4%; width: 30%; }
.mortgage-calculator form table tr td .three-feild:last-child { margin-right: 0 }
.mortgage-calculator form input[type="submit"] { background: #185959; }
.mortgage-calculator form input[type="submit"]:hover, .mortgage-calculator form input[type="submit"]:focus { background: #22b8ba; }
.mortgage-calculator form input[type="text"]:focus, .mortgage-calculator form input[type="email"]:focus, .mortgage-calculator form input[type="password"]:focus, .mortgage-calculator form input[type="text"].error, .mortgage-calculator form input[type="email"].error, .mortgage-calculator form input[type="password"].error { border-color: #22b8ba; }
.mortgage-calculator form span.error { position: absolute; left: 0; bottom: -20px; font-size: 12px; color: #fff; }
.popup-home-living-content .style1 { width: 100%; border: 2px solid #ece6e7; margin-bottom: 20px; }
.popup-home-living-content .style1 td { padding: 10px; border-right: 2px solid #ece6e7; border-bottom: 2px solid #ece6e7; color: #6d7076; }
.popup-home-living-content .style1 td:last-child { border-right: none }
.popup-home-living-content .style1 input[type="text"] { padding: 0; border: none; height: auto; }
.main.white-popup { max-width: 1000px; padding: 0 }
.popup-home-living-banner { min-height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #4b474a; }
.popup-home-living-content { padding: 60px; }
.popup-home-living-content h3 { margin-bottom: 30px }
.popup-home-living-content p { font-size: 25px; line-height: 30px; font-weight: 300; padding-bottom: 40px; }
.popup-home-living-content .btn-border { text-align: center; }
.popup-home-living-content .btn-border a { min-width: 230px; border: none; padding: 20px 38px; display: inline-block; text-transform: uppercase; background-color: transparent; color: #227f7f; ; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; text-align: center; font-size: 15px; height: auto; line-height: normal; opacity: 1 }
.popup-home-living-content .btn-border a:hover { background: #227f7f; -webkit-box-shadow: inset 0 0 0 4px #227f7f; box-shadow: inset 0 0 0 4px #227f7f; color: #fff; }
.mfp-close-btn-in .mfp-close { color: #fff; font-size: 40px; font-weight: 700; }
.inclusions-options-wrap { padding: 50px 0 75px; width: 100%; background: #e1e1e1; text-align: center; }
.configurations-section { background: url(../images/hexagone-pattern.jpg) repeat; width: 100%; padding: 90px 30px 30px; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); text-align: center }
.configurations-section h2 { color: #fff; }
ul.configurations-listing { margin: 0 auto; }
ul.configurations-listing li { list-style: none; text-align: left; margin-top: 30px; }
ul.configurations-listing li .configurations-listing-thumb { margin-bottom: 35px; }
ul.configurations-listing li h3 { color: #fff; margin-bottom: 25px; text-align: center; }
ul.configurations-listing li p { color: #fff; }
.inclusions-options-wrap .hexagon-lable-text { bottom: -30px; }
.virtual-tour-gride { width: 100%; padding: 90px 0; text-align: center }
.virtual-tour-gride h2 { margin-bottom: 50px; }
.virtual-tour-gride p strong { font-size: 20px; line-height: 25px; padding-bottom: 30px; }
.virtual-tour-gride ul.virtual-tour-gride-listing { margin: 0 auto; }
.virtual-tour-gride ul.virtual-tour-gride-listing li { margin-bottom: 24px; }
.testimonials-gride-section .grid .grid-item.testimonials-thumb-detail .shortlist { position: static; }
ul.virtual-tour-gride-listing > li { list-style: none; margin-top: 80px; cursor: pointer; }
ul.virtual-tour-gride-listing li .virtual-tour-view { background-color: #6b656a; }
.virtual-tour-gride-listing li { margin-bottom: 24px; list-style: none }
.virtual-tour-gride-listing li iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
ul.virtual-tour-gride-listing > li.list-even .col-xs-8 { float: right; }
ul.virtual-tour-gride-listing li .wistia_responsive_padding { height: 100%; }
ul.virtual-tour-gride-listing li .property-listings { background: #fff; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.virtual-tour-gride-listing li .property-listings .property-thumb-wrap { list-style-type: none; margin-top: -47%; position: relative; width: 100%; padding: 0 0 115% 0; -o-transform: rotate(-60deg) skewY(30deg); -moz-transform: rotate(-60deg) skewY(30deg); -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); overflow: hidden; visibility: visible; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
ul.virtual-tour-gride-listing li .property-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transform: skewY(-30deg) rotate(60deg); width: 100%; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
ul.virtual-tour-gride-listing li .property-listings-content { text-align: center; padding: 15px 35px 40px; position: relative; z-index: 99 }
ul.virtual-tour-gride-listing li .property-listings:hover { background: #9b8eaa; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10); }
ul.virtual-tour-gride-listing li .property-listings:hover ul.category-listing li svg path { fill: #fff; }
ul.virtual-tour-gride-listing li .property-listings:hover h2 { color: #fff }
ul.virtual-tour-gride-listing li svg { fill: #287e7f; }
ul.virtual-tour-gride-listing li h5 { font-size: 15px; margin: 0 0 8px; color: #cfcbca; font-weight: 900; }
ul.virtual-tour-gride-listing li h2 { font-size: 30px; margin-bottom: 5px; color: #6b656a; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
ul.virtual-tour-gride-listing li span { color: #d3d0d4; font-size: 20px; font-weight: 400; }
ul.virtual-tour-gride-listing li ul.category-listing { margin: 5px 0 15px 0; }
ul.virtual-tour-gride-listing li .shortlist { position: absolute; bottom: 15px; left: -2px; right: 0; margin: 0 auto; text-align: center; top: auto; width: 100%; }
ul.virtual-tour-gride-listing li .shortlist a { width: 55px; height: 31.75px; background-color: #fff; border-left: solid 4px #d3d4d6; border-right: solid 4px #d3d4d6; display: inline-block; text-align: center; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: 40px; z-index: 99; position: relative; z-index: 9; transition: none; -moz-transition: none; -ms-transition: none; -webkit-transition: none; cursor: pointer }
ul.virtual-tour-gride-listing li .shortlist a svg { fill: #287e7f; }
ul.virtual-tour-gride-listing li .shortlist a:hover svg, ul.virtual-tour-gride-listing li .shortlist a:hover svg, ul.virtual-tour-gride-listing li .shortlist a.active svg { fill: #fff; }
ul.virtual-tour-gride-listing li .shortlist a:before, ul.virtual-tour-gride-listing li .shortlist a:after { content: ""; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; position: absolute; z-index: 1; width: 38.89px; height: 38.89px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 4px; z-index: -1; }
ul.virtual-tour-gride-listing li .shortlist a:before { top: -19.4454px; border-top: solid 5px #d3d4d6; border-right: solid 5px #d3d4d6; }
ul.virtual-tour-gride-listing li .shortlist a:after { bottom: -19.4454px; border-bottom: solid 5px #d3d4d6; border-left: solid 5px #d3d4d6; }
ul.virtual-tour-gride-listing li .shortlist a:hover, ul.virtual-tour-gride-listing li .shortlist a.active { background-color: #e15353; border-color: #e15353 }
ul.virtual-tour-gride-listing li .shortlist a:hover:after, ul.virtual-tour-gride-listing li .shortlist a.active:after, ul.virtual-tour-gride-listing li .shortlist a:hover:before, ul.virtual-tour-gride-listing li .shortlist a.active:before { border-color: #e15353; }
.back-top { position: fixed; right: 0; bottom: 0; text-align: center; opacity: 0; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out }
.back-top a { width: 60px; height: 60px; line-height: 64px; display: inline-block; background: #fff; }
.back-top a:hover { background: #227f7f; }
.back-top.show { opacity: 1; z-index: 998; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 0; }


.contact-form { padding: 60px 0 45px 0; text-align: center }
.contact-form .main { width: 1020px; }
.contact-form p { font-size: 25px; line-height: 35px; padding-bottom: 30px; font-weight: 300 }
.contact-form form .feild { float: left; position: relative; width: 100%; text-align:left;}
.contact-form form .custom-chk label::before{border:2px solid #cdcdcd}
.contact-form form .feild.half-feild { width: 50%; }
.contact-form form .feild.custom-select { width: 100%; }
.contact-form form .feild textarea { height: 142px; }
.contact-form form .feild .sbSelector > a { color: #a8a2a3 }
.feild-btn { clear: left; }
.contact-form span.error { position: absolute; left: 0; bottom: -17px; font-size: 12px; color: red; }
 .contact-form form input::-webkit-input-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.contact-form form input::-moz-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.contact-form form input:-ms-input-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.contact-form form input:-moz-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
 .contact-form form textarea::-webkit-input-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.contact-form form textarea::-moz-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.contact-form form textarea:-ms-input-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.contact-form form textarea:-moz-placeholder {
color: #a8a2a3;
opacity:1;
font-size:15px;
font-weight:700;
font-family: 'Roboto', sans-serif;
}

.contact-form .hs-form-radio span::before{border-color:#cdcdcd}
.hubsportform .hs-form-radio span{display:block !important}

.shortlist-section { width: 100%; padding: 80px 0 30px; }
.virtual-tour-gride-listing { margin: 0 auto; }
.shortlist-section .virtual-tour-gride { padding: 0 }
.location-section-to-append h2 { font-size: 40px; margin-bottom: 20px; }
.common-form { width: 100%; }
.common-form .accordion-title { padding: 30px 100px 30px 170px; }
.common-form .accordion-title.active .listing-hexagone:before { border-top: solid 5.6569px #d3d0d4; border-right: solid 5.6569px #d3d0d4; }
.common-form .accordion-title.active .listing-hexagone:after { border-bottom: solid 5.6569px #d3d0d4; border-left: solid 5.6569px #d3d0d4; }
.common-form .accordion-title.active .listing-hexagone { border-left: solid 4px #d3d0d4; border-right: solid 4px #d3d0d4; color: #227f7f }
.common-form .accordion-title:hover .listing-hexagone { color: #fff }
.common-form .accordion-title.active .listing-hexagone { color: #227f7f }
.common-form .common-form-block { margin-bottom: 50px; padding: 0 10px; }
.common-form .common-form-block .custom-radio { margin: 20px 0 0; }
.common-form .common-form-block small { font-size: 15px; color: #6b656a; font-weight: 700; display: block; margin-bottom: 15px; min-height: 35px; }
.common-form .common-form-block .custom-radio { width: 49%; padding-right: 15px; }
.common-form .custom-select .sbSelector > a { color: #a8a2a3; font-size: 15px; font-weight: 700; }
.upload-file { color: #a8a2a3; font-size: 15px; font-weight: 700; height: 100% }
label.lbl-upload input[type="file"] { position: absolute; left: -9999px; }
.lbl-upload { display: inline-block; padding: 3px 30px; border: none; text-transform: uppercase; background: #227f7f; color: #fff; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; text-align: center; cursor: pointer; }
.lbl-upload:hover { background: #22b8ba; }
.custom-upload { position: relative; border: 2px solid #d3d0d4; margin: 0; padding: 5px 200px 5px 15px; height: 60px; line-height: 50px; }
.custom-upload label.lbl-upload { position: absolute; right: 0; top: 0; }
.listing-hexagone { position: absolute; width: 49px; height: 28.87px; background-color: transparent; margin: 14.43px 0; border-left: solid 4px #fff; border-right: solid 4px #fff; font-size: 16px; font-weight: 400; color: #227f7f; text-align: center; line-height: 30px; left: 100px; top: 22px; }
.listing-hexagone:before, .listing-hexagone:after { content: ""; position: absolute; z-index: 1; width: 35.36px; height: 35.36px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 2.5px; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.listing-hexagone:before { top: -17.6777px; border-top: solid 5.6569px #fff; border-right: solid 5.6569px #fff; }
.listing-hexagone:after { bottom: -17.6777px; border-bottom: solid 5.6569px #fff; border-left: solid 5.6569px #fff; }
.common-form .feild, .common-form .custom-select { position: relative; }
.common-form span.error { font-size: 12px; color: red; left: 0; bottom: -17px; position: absolute; }
.common-form .feild.feild-textarea { clear: left }
.common-form .custom-upload span.error { bottom: -40px; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: none; }
.search-help-section { width: 100%; padding: 50px 40px 40px 40px; background: url(../images/hexagone-pattern.jpg) repeat; width: 100%; box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 70px 70px 0px rgba(0, 0, 0, 0.2); position: relative; margin: 60px 0 100px 0; text-align: left; display: inline-block; text-align: center }
.search-help-section h2 { font-size: 35px; color: #fff; margin-bottom: 30px; }
.search-help-section h3 { color: #fff; margin: 10px 0 0 0; }
.search-help-section .btn a { background: #185959 }
.search-help-section .btn a:hover { background: #22b8ba }
.search-help-section form input[type="submit"] { background: #185959 }
.search-help-section form input[type="submit"]:hover, .search-help-section form input[type="submit"]:focus { background: #22b8ba }
.career-accordianss.accordionss { margin-left: 0 }
.loader { display: none; width: 100%; margin: 5px 0; }
.loader img { width: 40px; }
.loadMore img { display: inline-block; vertical-align: middle; padding: 0 10px; }
.alert-success { color: #22b8ba; font-weight: 400 !important; padding-bottom: 15px !important; }


.thank-you-section { max-width: 590px; margin: 0 auto;transform: scale(0.7) !important; -moz-transform: scale(0.7) !important; -ms-transform: scale(0.7) !important; -webkit-transform: scale(0.7) !important; }
.thank-you-section { position: relative; overflow: hidden; background: #fff; text-align: center; }
.thank-you-section .content { padding: 40px 50px 60px; }
.thank-you-section p { font-size: 25px; line-height: 30px; color: #6d7076; font-weight: 300 }
.thank-you-section .thumb .thx-hexagon { position: relative; width: 590px; height: 340.64px; margin: -17% 0 170px; background-image: url(http://csshexagon.com/img/meow.jpg); background-size: auto 681.2733px; background-position: center top; text-align: left; top: -20%; }
.thank-you-section .thumb .thx-hexTop, .thank-you-section .thumb .thx-hexBottom { position: absolute; z-index: 1; width: 417.19px; height: 417.19px; overflow: hidden; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background: inherit; left: 86.40px; }
.thank-you-section .thumb .thx-hexTop:after, .thank-you-section .thumb .thx-hexBottom:after { content: ""; position: absolute; width: 590.0000px; height: 340.6366588218792px; 

-webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-2px); 
-ms-transform: rotate(45deg) scaleY(1.7321) translateY(-2px); 
transform: rotate(45deg) scaleY(1.7321) translateY(-2px); 
-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; 
transform-origin: 0 0; background: inherit; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; }
.thank-you-section .thumb .thx-hexTop { top: -208.5965px; }
.thank-you-section .thumb .thx-hexTop:after { background-position: center top; }
.thank-you-section .thumb .thx-hexBottom { bottom: -208.5965px; border-radius: 0; }
.thank-you-section .thumb .thx-hexBottom:after { background-position: center bottom; }
.thank-you-section .thumb .thx-hexagon:after { content: ""; position: absolute; top: 0.0000px; left: 0; width: 590.0000px; height: 340.6367px; z-index: 2; background: inherit; }
.thank-you-section .mfp-close { background: #227f7f; opacity: 1 }
.thank-you-section .mfp-close:hover { background: #22b8ba; }
.common-popup.dream-step-popup .mfp-close { background: #227f7f; opacity: 1; right: 0; top: 0 }
.common-popup.dream-step-popup .mfp-close:hover { background: #22b8ba; }
.testimonial-popup .btn-inline { width: 100%; margin-top: 20px; }
.testimonial-popup .btn-inline .btn { display: inline-block; margin-right: 1%; width: 48%; }
.testimonial-popup .btn-inline .btn a { width: 100%; height: auto; padding: 20px 15px; }
.testimonial-popup .btn-inline .btn-border a.mfp-close { width: 100%; }
.testimonial-popup .btn-border a.mfp-close { color: #227f7f; font-size: 15px; line-height: inherit; height: auto; padding: 20px 25px; width: auto }
.testimonial-popup .btn-border a.mfp-close:hover { background: #227f7f; color: #fff; box-shadow: 0 0 0 4px #227f7f inset; -webkit-box-shadow: 0 0 0 4px #227f7f inset; }



.st0 { fill: inherit !important; }
.inner-banner-section .video-play { margin-top: -25px; }
.clear-left { clear: left; }
.parallax { background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; text-align: center; }
.account-page-form label { display: block; margin-bottom: 5px; }
.account-page-form p { padding-bottom: 15px; }
.som-password-error-message, .som-password-sent-message { background-color: #22b8ba !important; border-color: #22b8ba !important; }
.som-password-sent-message { border-radius: 0 !important; margin: 0 !important }
.account-page-form legend { font-size: 25px; margin-bottom: 10px; font-weight: 400; color: #287e7f; }
.forgot-pass { padding: 40px 0; }
#privacy-popup .mfp-close { color: #227f7f; }
#privacy-popup .mfp-close:hover { color: #22b8ba; }
#privacy-popup.main.white-popup { padding: 40px; }
.no-found { text-align: center }
.no-found h3 { color: #6d7076; margin: 20px 0; font-size: 26px; }
.banner-b-none { display: none; }
.testimonial-popup { transform: scale(0.8) !important; -moz-transform: scale(0.8) !important; -ms-transform: scale(0.8) !important; -webkit-transform: scale(0.8) !important; }
.error-msg { text-align: center }
.error-msg h2 { margin-bottom: 0 }
.video-display .plus-icon.v-icon a svg { width: auto; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.video-display .plus-icon.v-icon:before, .vc_desktop .plus-icon.v-icon:after { background-color: #fff; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.video-display .plus-icon.v-icon { line-height: 46px; text-indent: 2px; display: inline-block; z-index: 99; position: relative; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.video-display .plus-icon.v-icon:hover { background: #22b8ba; }
.video-display .plus-icon.v-icon svg { fill: #22b8ba; width: 18px; }
.video-display .plus-icon.v-icon:hover svg { fill: #fff; }
.video-display .plus-icon.v-icon:hover:before, .vc_desktop .plus-icon.v-icon:hover:after { background-color: #22b8ba; }
.vc_row .plus-icon { line-height: 37px; background-color: #fff; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.vc_row .plus-icon:before, .vc_row .plus-icon:after { background-color: #fff; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.vc_row .plus-icon:before, .vc_desktop .plus-icon:after { background-color: #fff; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.vc_row .plus-icon a svg { fill: #fff; width: auto; transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease }
.vc_row .plus-icon svg { fill: #fff; width: 20px; }
.vc_row .plus-icon:hover { background: #22b8ba; }
.vc_row .plus-icon:hover a svg{fill:#fff;}
.vc_row .plus-icon a svg { fill: #22b8ba; width: 18px; }
.vc_row .plus-icon a:hover svg { fill: #fff; }
.vc_row .plus-icon:hover:before, .vc_row .plus-icon:hover:after { background-color: #22b8ba; }
ul.homes-living-listing { text-align: center }
ul.homes-living-listing.less-four li { float: none; display: inline-block; vertical-align: top; }
.fixItUp .nav-internal, .fixItUp .nav-internal-tab { position: fixed; z-index: 998; top: 157px; margin-top: 0 !important; }
.side-up .multipal-tab { position: absolute; bottom: 0; top: auto; -webkit-transform: none; transform: none; }
.side-up #mid-container { position: relative; overflow: hidden }
.side-up #primary { position: relative; overflow: hidden }

@media (max-width: 639px) {
.fixItUp .nav-internal, .fixItUp .nav-internal-tab { top: 154px; }
}
.oneall_social_login { width: 42px; height: 38px; display: inline-block; vertical-align: middle; overflow: hidden }
.post-without-banner .padding-15-5 { padding: 50px 0; }
.sharing-section { display: inline-block; vertical-align: middle; margin: 0 0 0 18px }
.sharing-section span.sharing-title { display: inline-block; vertical-align: middle; font-size: 14px; color: #9d9798; font-weight: 700; margin-right: 5px; }
.wp-social-login-widget { display: inline-block; vertical-align: middle }
ul.property-listings li .testimonials-thumb-detail { height: 100%; }
ul.property-listings li .grid-item-wrap { background: #fff; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; height: 100%; text-align: center; padding-top: 40px }
ul.property-listings li .grid-item-wrap .shortlist { position: static; }
ul.property-listings li .grid-item-wrap .grid-item-content { padding: 35px 30px 40px; }

ul.property-listings li .testimonials-vedio h3 { color: #fff; margin: 0; font-size: 28px; }
.wc-property-listings ul.property-listings li .testimonials-vedio span, .wc-property-listings ul.property-listings li .testimonials-vedio span a { font-size: 15px; text-transform: uppercase; font-weight: 900; color: #cfcbca; font-family: 'Roboto', sans-serif; }
.wc-property-listings .testimonials-gride-section .grid span a:hover { color: #227f7f }
ul.property-listings li .testimonials-vedio:hover .btn a{background:#287e7f;color:#fff;box-shadow: 0 0 0 4px #287e7f inset;-webkit-box-shadow: 0 0 0 4px #287e7f inset;}
ul.property-listings li .testimonials-vedio .btn a:hover{color:#fff;background:#22b8ba;box-shadow: 0 0 0 4px #22b8ba inset;-webkit-box-shadow: 0 0 0 4px #22b8ba inset;}
.wc-property-listings ul.property-listings li .testimonials-vedio h3, ul.property-listings li .testimonials-thumb-detail h3, .wc-property-listings ul.property-listings li .property-listings-content h3{margin-bottom:25px;}
.wc-property-listings ul.property-listings li .testimonials-vedio .plus-icon{line-height:45px;text-indent:1px;}

.wc-property-listings ul.property-listings li .testimonials-vedio svg{color:#22b8ba;}

/*----------------Hubsport Form section  styles goes here-----------*/
.hubsportform-section{padding:50px 0;}
.hubsportform{width:100%;margin:0;}
.hubsportform-section .main {width:1020px;}
.hubsportform .form-columns-1, .hubsportform .form-columns-2{max-width:inherit}
.hubsportform .form-columns-2 .field{padding-right:1.5%;}
.hubsportform .form-columns-2 .field:last-child{padding-right:0}
.hubsportform .form-columns-3 .field{padding-right:2%;width:33% !important;}
.hubsportform .form-columns-3 .field:last-child{padding-right:0}


.hubsportform fieldset {max-width:inherit !important;}
.hubsportform fieldset label{font-family: 'Roboto', sans-serif;font-weight: 400;font-size:14px;color:#6b656a;float:none;display:block;width:100%;text-align:left;padding:0;margin-bottom:3px;}
.hubsportform fieldset .field {margin-bottom:15px;}
.hubsportform fieldset .input{margin:0 !important}
.hubsportform .form-columns-1 .input select{background-position:98% center;}
.hubsportform fieldset .input select{width:100% !important;max-width:inherit !important;background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 96% center; -webkit-appearance: none; -moz-appearance: none;border-radius: 0; padding: 9px 15px; line-height: normal;height: 58px; outline: none;font-family: 'Roboto', sans-serif;font-weight: 400; border: 2px solid #ece6e7; font-size: 15px; color: #a8a2a3;}

.hubsportform fieldset .input select option { display: block; outline: none; padding: 10px 10px 10px 20px; border-bottom: solid 1px #d3d0d4; color: #6b656a; font-size: 14px; font-weight: 400; }
.hubsportform fieldset .input select option:last-child{ border-bottom: none }



.hubsportform fieldset input[type="search"], .hubsportform fieldset input[type="text"], .hubsportform fieldset input[type="number"], .hubsportform fieldset input[type="tel"], .hubsportform fieldset input[type="email"], .hubsportform fieldset input[type="password"] { background: #fff; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #ece6e7; font-size: 15px; color: #a8a2a3; padding: 15px; height: 58px; width: 100% !important; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-appearance: none; appearance: none;box-shadow:none;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;max-width:inherit !important;font-family: 'Roboto', sans-serif; font-weight: 400;}
.hubsportform fieldset input[type="search"]:focus, .hubsportform fieldset input[type="text"]:focus, .hubsportform fieldset input[type="number"]:focus, .hubsportform fieldset input[type="tel"]:focus, .hubsportform fieldset input[type="email"]:focus, .hubsportform fieldset input[type="password"]:focus{ border: 2px solid #227f7f;box-shadow:none; }
.hubsportform fieldset textarea { background: #fff; -webkit-border-radius: 0; border-radius: 0; border: 2px solid #ece6e7; font-size: 15px; color: #a8a2a3; padding: 15px; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; resize: none; width: 100% !important; font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-appearance: none; appearance: none;box-shadow:none;max-width:inherit !important;box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;min-height: 140px;}
.hubsportform fieldset textarea:focus{ border: 2px solid #227f7f;box-shadow:none; }
.hubsportform .hs-submit{text-align:center;}
.hubsportform .hs-submit .actions{margin:10px 0 0;padding:0}
.hubsportform .hs-submit input[type="submit"] { border: none; padding: 20px 40px; display: inline-block; text-transform: uppercase; background: #227f7f; color: #fff; position: relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-weight: 700; border: none; font-size: 15px; -webkit-appearance: none; appearance: none; border-radius: 0px; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;box-shadow:none;text-shadow:none;}
.hubsportform .hs-submit input[type="submit"]:hover, .hubsportform .hs-submit input[type="submit"]:focus { background: #22b8ba; border:none;box-shadow:none;}

.hubsportform .hs-error-msgs{padding:0 !important;margin:0 !important}
.hubsportform .hs-error-msgs label{font-size: 12px; color: red;}
.submitted-message{color: #227f7f;font-size: 24px;text-align: center;}


.hubsportform fieldset input::-webkit-input-placeholder {color: #a8a2a3;opacity:1;}
.hubsportform fieldset input::-moz-placeholder {color: #a8a2a3;opacity:1;}
.hubsportform fieldset input:-ms-input-placeholder {color: #a8a2a3;opacity:1;}
.hubsportform fieldset input:-moz-placeholder {color: #a8a2a3;opacity:1;}

.hubsportform fieldset textarea::-webkit-input-placeholder {color: #a8a2a3;opacity:1;}
.hubsportform fieldset textarea::-moz-placeholder {color: #a8a2a3;opacity:1;}
.hubsportform fieldset textarea:-ms-input-placeholder {color: #a8a2a3;opacity:1;}
.hubsportform fieldset textarea:-moz-placeholder {color: #a8a2a3;opacity:1;}


.hs-form-booleancheckbox{position: relative; display: inline-block; text-align: left;}
.hs-form-booleancheckbox [type="checkbox"] { position: absolute; left: -9999px; opacity: 0; }
.hs-form-booleancheckbox span {display:inline-block;vertical-align:top;cursor:pointer;margin-left: 0;padding-left: 36px; line-height: 28px; font-weight:bold;color: #a8a2a3;}
.hs-form-booleancheckbox span::before, .hs-form-booleancheckbox span::after { content: ""; position: absolute; left: 0; top: 0; margin-top: 0; width: 26px; height: 26px; text-align: center; color: #AAA; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.hs-form-booleancheckbox span::before { border: 2px solid #ece6e7; }
.hs-form-booleancheckbox span::after { width: 14px; height: 14px; background-color: #22b8ba; top: 8px; left: 8px; }
.hs-form-booleancheckbox [type="checkbox"]:not(:checked) + span::after { opacity: 0; transform: scale(0); }
.hs-form-booleancheckbox [type="checkbox"]:checked + span::after { opacity: 1; transform: scale(1); }
.hs-form-booleancheckbox [type="checkbox"]:disabled + span::before { background-color: #9e0039; box-shadow: inset 0 0 8px 0 #640024; }

.hs-form-radio{position: relative; display: inline-block; text-align: left;}
.hs-form-radio [type="radio"] { position: absolute; left:0;opacity:0;z-index:999;opacity:0;width:100% !important;height:100%;}
.hs-form-radio span {display:inline-block;vertical-align:top;cursor:pointer;margin-left: 0;padding-left: 36px; line-height: 28px; font-weight:bold;color: #a8a2a3;}
.hs-form-radio span::before, .hs-form-radio span::after { content: ""; position: absolute; left: 0; top: 0; margin-top: 0; width: 26px; height: 26px; text-align: center; color: #AAA; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.hs-form-radio span::before { border: 2px solid #ece6e7; }
.hs-form-radio span::after { width: 14px; height: 14px; background-color: #22b8ba; top: 8px; left: 8px; }
.hs-form-radio [type="radio"]:checked + span::after { opacity: 1; transform: scale(1); }
.hs-form-radio [type="radio"]:not(:checked) + span::after { opacity: 0; transform: scale(0); }
.hs-form-radio [type="radio"]:disabled + span::before { background-color: #9e0039; box-shadow: inset 0 0 8px 0 #640024; }


/*----------------Hubsport Form section  styles ends here-----------*/

.grid .grid-item.testimonials-vedio .grid-item-wrap .shortlist{bottom: auto;position: absolute;right: 15px;top: 30px;bottom:auto;width:auto;text-align:right}
.grid .grid-item.testimonials-vedio .grid-item-wrap .grid-item-content{padding-top:80px;}

#header-main form p.status{color:red;}
.sucessmessage{margin:20px 0;}
.sucessmessage div{color:red;margin:3px 0;}
.document-sentance-center{text-align:center}
.title-caption{font-size: 30px; line-height: 1.2;}






/* color option css here */
ul.property-listings li:hover.purple .property-listings-thumb::before, ul.property-listings li:hover.purple .property-listings-thumb::after { background: #9b8eaa; }
ul.property-listings li:hover.purple .property-listings-wrap { background: #9b8eaa }
ul.property-listings li:hover.green .property-listings-thumb::before, ul.property-listings li:hover.green .property-listings-thumb::after { background: #8ea887; }
ul.property-listings li:hover.green .property-listings-wrap { background: #8ea887 }
ul.property-listings li:hover.golden .property-listings-thumb::before, ul.property-listings li:hover.golden .property-listings-thumb::after { background: #d2c57f; }
ul.property-listings li:hover.golden .property-listings-wrap { background: #d2c57f }
ul.property-listings li:hover.skyblue .property-listings-thumb::before, ul.property-listings li:hover.skyblue .property-listings-thumb::after { background: #7bbbc7; }
ul.property-listings li:hover.skyblue .property-listings-wrap { background: #7bbbc7 }
ul.property-listings li:hover.turquoise .property-listings-thumb::before, ul.property-listings li:hover.turquoise .property-listings-thumb::after { background: #227f7f; }
ul.property-listings li:hover.turquoise .property-listings-wrap { background: #227f7f }
ul.property-listings li:hover.orange .property-listings-thumb::before, ul.property-listings li:hover.orange .property-listings-thumb::after { background: #ef7102; }
ul.property-listings li:hover.orange .property-listings-wrap { background: #ef7102 }
ul.property-listings li:hover.Yellow .property-listings-thumb::before, ul.property-listings li:hover.Yellow .property-listings-thumb::after { background: #D9CC80; }
ul.property-listings li:hover.Yellow .property-listings-wrap { background: #D9CC80 }
ul.property-listings li:hover.Grey .property-listings-thumb::before, ul.property-listings li:hover.Grey .property-listings-thumb::after { background: #736D75; }
ul.property-listings li:hover.Grey .property-listings-wrap { background: #736D75 }
ul.property-listings li:hover.Blue .property-listings-thumb::before, ul.property-listings li:hover.Blue .property-listings-thumb::after { background: #79A1B3; }
ul.property-listings li:hover.Blue .property-listings-wrap { background: #79A1B3 }



ul.property-listings li:hover.dark-gray .property-listings-thumb::before, ul.property-listings li:hover.dark-gray .property-listings-thumb::after { background: #6b656a; }
ul.property-listings li:hover.dark-gray .property-listings-wrap { background: #6b656a }
ul.property-listings li:hover.light-gray .property-listings-thumb::before, ul.property-listings li:hover.light-gray .property-listings-thumb::after { background: #a8a2a3; }
ul.property-listings li:hover.light-gray .property-listings-wrap { background: #a8a2a3 }
ul.property-listings li:hover.rosy-brown .property-listings-thumb::before, ul.property-listings li:hover.rosy-brown .property-listings-thumb::after { background: #9b6c6c; }
ul.property-listings li:hover.rosy-brown .property-listings-wrap { background: #9b6c6c }
ul.property-listings li:hover.light-aquamarine .property-listings-thumb::before, ul.property-listings li:hover.light-aquamarine .property-listings-thumb::after {background:#8ac3af;}
ul.property-listings li:hover.light-aquamarine .property-listings-wrap { background: #8ac3af }
ul.property-listings li:hover.chocolate .property-listings-thumb::before, ul.property-listings li:hover.chocolate .property-listings-thumb::after { background: #d18455; }
ul.property-listings li:hover.chocolate .property-listings-wrap { background: #d18455 }
ul.property-listings li:hover.light-golden .property-listings-thumb::before, ul.property-listings li:hover.light-golden .property-listings-thumb::after { background: #9a9558; }
ul.property-listings li:hover.light-golden .property-listings-wrap { background: #9a9558 }
ul.property-listings li:hover.dark-skyblue .property-listings-thumb::before, ul.property-listings li:hover.dark-skyblue .property-listings-thumb::after { background: #7e94c2; }
ul.property-listings li:hover.dark-skyblue .property-listings-wrap { background: #7e94c2 }
ul.property-listings li:hover.orange .property-listings-thumb::before, ul.property-listings li:hover.orange .property-listings-thumb::after { background: #ef7102; }
ul.property-listings li:hover.orange .property-listings-wrap { background: #ef7102 }
ul.property-listings li:hover.Yellow .property-listings-thumb::before, ul.property-listings li:hover.Yellow .property-listings-thumb::after { background: #D9CC80; }
ul.property-listings li:hover.Yellow .property-listings-wrap { background: #D9CC80 }
ul.property-listings li:hover.Grey .property-listings-thumb::before, ul.property-listings li:hover.Grey .property-listings-thumb::after { background: #736D75; }
ul.property-listings li:hover.Grey .property-listings-wrap { background: #736D75 }
ul.property-listings li:hover.Blue .property-listings-thumb::before, ul.property-listings li:hover.Blue .property-listings-thumb::after { background: #79A1B3; }
ul.property-listings li:hover.Blue .property-listings-wrap { background: #79A1B3 }



ul.virtual-tour-gride-listing > li.purple h5 { color: #9b8eaa; }
ul.virtual-tour-gride-listing > li.green h5 { color: #8ea887; }
ul.virtual-tour-gride-listing > li.golden h5 { color: #d2c57f; }
ul.virtual-tour-gride-listing > li.skyblue h5 { color: #7bbbc7; }
ul.virtual-tour-gride-listing > li.turquoise h5 { color: #227f7f; }
ul.virtual-tour-gride-listing > li.dark-gray h5 { color: #6b656a; }
ul.virtual-tour-gride-listing > li.light-gray h5 { color: #a8a2a3; }
ul.virtual-tour-gride-listing > li.rosy-brown h5 { color: #9b6c6c; }
ul.virtual-tour-gride-listing > li.light-aquamarine h5 { color: #8ac3af; }
ul.virtual-tour-gride-listing > li.chocolate h5 { color: #d18455; }
ul.virtual-tour-gride-listing > li.light-golden h5 { color: #9a9558; }
ul.virtual-tour-gride-listing > li.dark-skyblue h5 { color: #7e94c2; }
ul.virtual-tour-gride-listing > li.orange h5 { color: #ef7102; }
ul.virtual-tour-gride-listing > li.Yellow h5 { color: #D9CC80; }
ul.virtual-tour-gride-listing > li.Grey h5 { color: #736D75; }
ul.virtual-tour-gride-listing > li.Blue h5 { color: #79A1B3; }


ul.virtual-tour-gride-listing > li.purple .btn-border a { color: #9b8eaa; }
ul.virtual-tour-gride-listing > li.green .btn-border a { color: #8ea887; }
ul.virtual-tour-gride-listing > li.golden .btn-border a { color: #d2c57f; }
ul.virtual-tour-gride-listing > li.skyblue .btn-border a { color: #7bbbc7; }
ul.virtual-tour-gride-listing > li.turquoise .btn-border a { color: #227f7f; }
ul.virtual-tour-gride-listing > li.dark-gray .btn-border a { color: #6b656a; }
ul.virtual-tour-gride-listing > li.light-gray .btn-border a { color: #a8a2a3; }
ul.virtual-tour-gride-listing > li.rosy-brown .btn-border a { color: #9b6c6c; }
ul.virtual-tour-gride-listing > li.light-aquamarine .btn-border a { color: #8ac3af; }
ul.virtual-tour-gride-listing > li.chocolate .btn-border a { color: #d18455; }
ul.virtual-tour-gride-listing > li.light-golden .btn-border a { color: #9a9558; }
ul.virtual-tour-gride-listing > li.dark-skyblue .btn-border a { color: #7e94c2; }
ul.virtual-tour-gride-listing > li.orange .btn-border a { color: #ef7102; }
ul.virtual-tour-gride-listing > li.Yellow .btn-border a { color: #D9CC80; }
ul.virtual-tour-gride-listing > li.Grey .btn-border a { color: #736D75; }
ul.virtual-tour-gride-listing > li.Blue .btn-border a { color: #79A1B3; }


ul.virtual-tour-gride-listing > li .property-listings:hover h5 { color: #fff; }
ul.virtual-tour-gride-listing > li.purple .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.green .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.golden .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.skyblue .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.turquoise .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.dark-gray .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.light-gray .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.rosy-brown .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.light-aquamarine .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.chocolate .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.light-golden .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.dark-skyblue .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.orange .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.Yellow .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.Grey .property-listings:hover .btn-border a { background: #fff; }
ul.virtual-tour-gride-listing > li.Blue .property-listings:hover .btn-border a { background: #fff; }


ul.virtual-tour-gride-listing > li .property-listings:hover .btn-border a { background: #fff; -webkit-box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 4px #fff; }
ul.property-listings li.purple h5 { color: #9b8eaa; }
ul.property-listings li.green h5 { color: #8ea887 }
ul.property-listings li.golden h5 { color: #d2c57f }
ul.property-listings li.skyblue h5 { color: #7bbbc7 }
ul.property-listings li.turquoise h5 { color: #227f7f }
ul.property-listings li.dark-gray h5 { color: #6b656a; }
ul.property-listings li.light-gray h5 { color: #a8a2a3 }
ul.property-listings li.rosy-brown h5 { color: #9b6c6c }
ul.property-listings li.light-aquamarine h5 { color: #8ac3af }
ul.property-listings li.chocolate h5 { color: #d18455 }
ul.property-listings li.light-golden h5 { color: #9a9558 }
ul.property-listings li.dark-skyblue h5 { color: #7e94c2 }
ul.property-listings li.orange h5 { color: #ef7102; }
ul.property-listings li.Yellow h5 { color: #D9CC80; }
ul.property-listings li.Grey h5 { color: #736D75; }
ul.property-listings li.Blue h5 { color: #79A1B3; }


ul.property-listings li:hover.purple h5, ul.property-listings li:hover.green h5, ul.property-listings li:hover.golden h5, ul.property-listings li:hover.skyblue h5, ul.property-listings li:hover.turquoise h5, ul.property-listings li:hover.dark-gray h5, ul.property-listings li:hover.light-gray h5, ul.property-listings li:hover.rosy-brown h5, ul.property-listings li:hover.light-aquamarine h5, ul.property-listings li:hover.chocolate h5, ul.property-listings li:hover.light-golden h5, ul.property-listings li:hover.dark-skyblue h5, 
ul.property-listings li:hover.orange h5, ul.property-listings li:hover.Yellow h5, ul.property-listings li:hover.Grey h5, ul.property-listings li:hover.Blue h5{ color: #fff; }

ul.property-listings li.purple .btn a { color: #9b8eaa; }
ul.property-listings li.green .btn a { color: #8ea887; }
ul.property-listings li.golden .btn a { color: #d2c57f }
ul.property-listings li.skyblue .btn a { color: #7bbbc7 }
ul.property-listings li.turquoise .btn a { color: #227f7f }
ul.property-listings li.dark-gray .btn a { color: #6b656a; }
ul.property-listings li.light-gray .btn a { color: #a8a2a3; }
ul.property-listings li.rosy-brown .btn a { color: #9b6c6c }
ul.property-listings li.light-aquamarine .btn a { color: #8ac3af }
ul.property-listings li.chocolate .btn a { color: #d18455 }
ul.property-listings li.light-golden .btn a { color: #9a9558 }
ul.property-listings li.dark-skyblue .btn a { color: #7e94c2 }
ul.property-listings li.orange .btn a { color: #ef7102; }
ul.property-listings li.Yellow .btn a { color: #D9CC80; }
ul.property-listings li.Grey .btn a { color: #736D75; }
ul.property-listings li.Blue .btn a { color: #79A1B3; }


.nav-internal ul.purple { background: #9b8eaa }
.nav-internal ul.green { background: #8ea887 }
.nav-internal ul.golden { background: #d2c57f }
.nav-internal ul.skyblue { background: #7bbbc7 }
.nav-internal ul.turquoise { background: #227f7f }
.nav-internal ul.dark-gray { background: #6b656a }
.nav-internal ul.light-gray { background: #a8a2a3 }
.nav-internal ul.rosy-brown { background: #9b6c6c }
.nav-internal ul.light-aquamarine { background: #8ac3af }
.nav-internal ul.chocolate { background: #d18455 }
.nav-internal ul.light-golden { background: #9a9558 }
.nav-internal ul.dark-skyblue { background: #7e94c2 }
.nav-internal ul.orange { background: #ef7102 }
.nav-internal ul.Yellow { background: #D9CC80 }
.nav-internal ul.Grey { background: #736D75 }
.nav-internal ul.Blue { background: #79A1B3 }


.nav-internal ul.purple li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.green li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.golden li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.skyblue li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.turquoise li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.orange li a:hover { color: #fff; background: #ef7102; }
.nav-internal ul.Yellow li a:hover { color: #fff; background: #D9CC80; }
.nav-internal ul.Grey li a:hover { color: #fff; background: #736D75; }
.nav-internal ul.Blue li a:hover { color: #fff; background: #79A1B3; }



.nav-internal ul.dark-gray li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.light-gray li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.rosy-brown li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.light-aquamarine li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.chocolate li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.light-golden li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.dark-skyblue li a:hover { color: #fff; background: #6b656a; }
.nav-internal ul.orange li a:hover { color: #fff; background: #ef7102; }
.nav-internal ul.Yellow li a:hover { color: #fff; background: #D9CC80; }
.nav-internal ul.Grey li a:hover { color: #fff; background: #736D75; }
.nav-internal ul.Blue li a:hover { color: #fff; background: #79A1B3; }


.nav-internal ul.purple li.active a { color: #9b8eaa }
.nav-internal ul.green li.active a { color: #8ea887 }
.nav-internal ul.golden li.active a { color: #d2c57f }
.nav-internal ul.skyblue li.active a { color: #7bbbc7 }
.nav-internal ul.turquoise li.active a { color: #227f7f }
.nav-internal ul.orange li.active a { color: #ef7102 }
.nav-internal ul.Yellow li.active a { color: #D9CC80 }
.nav-internal ul.Grey li.active a { color: #736D75 }
.nav-internal ul.Blue li.active a { color: #79A1B3 }


.nav-internal ul.dark-gray li.active a { color: #6b656a }
.nav-internal ul.light-gray li.active a { color: #a8a2a3 }
.nav-internal ul.rosy-brown li.active a { color: #9b6c6c }
.nav-internal ul.light-aquamarine li.active a { color: #8ac3af }
.nav-internal ul.chocolate li.active a { color: #d18455 }
.nav-internal ul.light-golden li.active a { color: #9a9558 }
.nav-internal ul.dark-skyblue li.active a { color: #7e94c2 }
.nav-internal ul.orange li.active a { color: #ef7102 }
.nav-internal ul.Yellow li.active a { color: #D9CC80 }
.nav-internal ul.Grey li.active a { color: #736D75 }
.nav-internal ul.Blue li.active a { color: #79A1B3 }


.nav-internal ul.purple li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.green li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.golden li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.skyblue li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.turquoise li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.dark-gray li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.light-gray li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.rosy-brown li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.light-aquamarine li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.chocolate li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.light-golden li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.dark-skyblue li.active:hover a { color: #fff; background: #6b656a; }
.nav-internal ul.orange li.active:hover a { color: #fff; background: #ef7102; }
.nav-internal ul.Yellow li.active:hover a { color: #fff; background: #D9CC80; }
.nav-internal ul.Grey li.active:hover a { color: #fff; background: #736D75; }
.nav-internal ul.Blue li.active:hover a { color: #fff; background: #79A1B3; }


.about-page-section.purple h2 { color: #9b8eaa }
.about-page-section.green h2 { color: #8ea887 }
.about-page-section.golden h2 { color: #d2c57f }
.about-page-section.skyblue h2 { color: #7bbbc7 }
.about-page-section.turquoise h2 { color: #227f7f }
.about-page-section.dark-gray h2 { color: #6b656a }
.about-page-section.light-gray h2 { color: #a8a2a3 }
.about-page-section.rosy-brown h2 { color: #9b6c6c }
.about-page-section.light-aquamarine h2 { color: #8ac3af }
.about-page-section.chocolate h2 { color: #d18455 }
.about-page-section.light-golden h2 { color: #9a9558 }
.about-page-section.dark-skyblue h2 { color: #7e94c2 }
.about-page-section.orange h2 { color: #ef7102 }
.about-page-section.Yellow h2 { color: #D9CC80 }
.about-page-section.Grey h2 { color: #736D75 }
.about-page-section.Blue h2 { color: #79A1B3 }



.about-page-section.purple .btn a { background: #9b8eaa; }
.about-page-section.green .btn a { background: #8ea887 }
.about-page-section.golden .btn a { background: #d2c57f }
.about-page-section.skyblue .btn a { background: #7bbbc7 }
.about-page-section.turquoise .btn a { background: #227f7f }
.about-page-section.dark-gray .btn a { background: #6b656a; }
.about-page-section.light-gray .btn a { background: #a8a2a3 }
.about-page-section.rosy-brown .btn a { background: #9b6c6c }
.about-page-section.light-aquamarine .btn a { background: #8ac3af }
.about-page-section.chocolate .btn a { background: #d18455 }
.about-page-section.light-golden .btn a { background: #9a9558; }
.about-page-section.dark-skyblue .btn a { background: #7e94c2 }
.about-page-section.orange .btn a { background: #ef7102; }
.about-page-section.Yellow .btn a { background: #D9CC80; }
.about-page-section.Grey .btn a { background: #736D75; }
.about-page-section.Blue .btn a { background: #79A1B3; }


.about-page-section.purple .btn a:hover { background: #227f7f; }
.about-page-section.green .btn a:hover { background: #227f7f }
.about-page-section.golden .btn a:hover { background: #227f7f }
.about-page-section.skyblue .btn a:hover { background: #227f7f }
.about-page-section.turquoise .btn a:hover { background: #7bbbc7 }
.about-page-section.dark-gray .btn a:hover { background: #6b656a; }
.about-page-section.light-gray .btn a:hover { background: #a8a2a3 }
.about-page-section.rosy-brown .btn a:hover { background: #9b6c6c }
.about-page-section.light-aquamarine .btn a:hover { background: #8ac3af }
.about-page-section.chocolate .btn a:hover { background: #d18455 }
.about-page-section.light-golden .btn a:hover { background: #9a9558; }
.about-page-section.dark-skyblue .btn a:hover { background: #7e94c2;}
.about-page-section.orange .btn a:hover { background: #ef7102;}
.about-page-section.Yellow .btn a:hover { background: #D9CC80;}
.about-page-section.Grey .btn a:hover { background: #736D75;}
.about-page-section.Blue .btn a:hover { background: #79A1B3;}


.floor-map-details.purple { background: #9b8eaa }
.floor-map-details.green { background: #8ea887 }
.floor-map-details.golden { background: #d2c57f }
.floor-map-details.skyblue { background: #7bbbc7 }
.floor-map-details.turquoise { background: #227f7f }
.floor-map-details.dark-gray { background: #6b656a }
.floor-map-details.light-gray { background: #a8a2a3 }
.floor-map-details.rosy-brown { background: #9b6c6c }
.floor-map-details.light-aquamarine { background: #8ac3af }
.floor-map-details.chocolate { background: #d18455 }
.floor-map-details.light-golden { background: #9a9558 }
.floor-map-details.dark-skyblue { background: #7e94c2 }
.floor-map-details.orange { background: #ef7102 }
.floor-map-details.Yellow { background: #D9CC80 }
.floor-map-details.Grey { background: #736D75 }
.floor-map-details.Blue { background: #79A1B3 }


.gallery-grid-section.purple h2 { color: #9b8eaa }
.gallery-grid-section.green h2 { color: #8ea887 }
.gallery-grid-section.golden h2 { color: #d2c57f }
.gallery-grid-section.skyblue h2 { color: #7bbbc7 }
.gallery-grid-section.turquoise h2 { color: #227f7f }
.gallery-grid-section.dark-gray h2 { color: #6b656a }
.gallery-grid-section.light-gray h2 { color: #a8a2a3 }
.gallery-grid-section.rosy-brown h2 { color: #9b6c6c }
.gallery-grid-section.light-aquamarine h2 { color: #8ac3af }
.gallery-grid-section.chocolate h2 { color: #d18455 }
.gallery-grid-section.light-golden h2 { color: #9a9558 }
.gallery-grid-section.dark-skyblue h2 { color: #7e94c2 }
.gallery-grid-section.orange h2 { color: #ef7102 }
.gallery-grid-section.Yellow h2 { color: #D9CC80 }
.gallery-grid-section.Grey h2 { color: #736D75 }
.gallery-grid-section.Blue h2 { color: #79A1B3 }


.gallery-grid-section.purple .thumb-grid .grid-box { background: #9b8eaa }
.gallery-grid-section.green .thumb-grid .grid-box { background: #8ea887 }
.gallery-grid-section.golden .thumb-grid .grid-box { background: #d2c57f }
.gallery-grid-section.skyblue .thumb-grid .grid-box { background: #7bbbc7 }
.gallery-grid-section.turquoise .thumb-grid .grid-box { background: #227f7f }
.gallery-grid-section.dark-gray .thumb-grid .grid-box { background: #6b656a }
.gallery-grid-section.light-gray .thumb-grid .grid-box { background: #a8a2a3 }
.gallery-grid-section.rosy-brown .thumb-grid .grid-box { background: #9b6c6c }
.gallery-grid-section.light-aquamarine .thumb-grid .grid-box { background: #8ac3af}
.gallery-grid-section.chocolate .thumb-grid .grid-box { background: #d18455}
.gallery-grid-section.light-golden .thumb-grid .grid-box { background: #9a9558}
.gallery-grid-section.dark-skyblue .thumb-grid .grid-box { background: #7e94c2}
.gallery-grid-section.orange .thumb-grid .grid-box { background: #ef7102}
.gallery-grid-section.Yellow .thumb-grid .grid-box { background: #D9CC80}
.gallery-grid-section.Grey .thumb-grid .grid-box { background: #736D75}
.gallery-grid-section.Blue .thumb-grid .grid-box { background: #79A1B3}


ul.virtual-tour-gride-listing li .property-listings.purple:hover{background: #9b8eaa}
ul.virtual-tour-gride-listing li .property-listings.green:hover{ background: #8ea887}
ul.virtual-tour-gride-listing li .property-listings.golden:hover{background: #d2c57f}
ul.virtual-tour-gride-listing li .property-listings.skyblue:hover{background: #7bbbc7}
ul.virtual-tour-gride-listing li .property-listings.turquoise:hover{background: #227f7f}
ul.virtual-tour-gride-listing li .property-listings.dark-gray:hover{background: #6b656a}
ul.virtual-tour-gride-listing li .property-listings.light-gray:hover{ background: #a8a2a3}
ul.virtual-tour-gride-listing li .property-listings.rosy-brown:hover{background: #9b6c6c}
ul.virtual-tour-gride-listing li .property-listings.light-aquamarine:hover{ background: #8ac3af}
ul.virtual-tour-gride-listing li .property-listings.chocolate:hover{background: #d18455}
ul.virtual-tour-gride-listing li .property-listings.light-golden:hover{background: #9a9558}
ul.virtual-tour-gride-listing li .property-listings.dark-skyblue:hover{background: #7e94c2}
ul.virtual-tour-gride-listing li .property-listings.orange:hover{background: #ef7102}
ul.virtual-tour-gride-listing li .property-listings.Yellow:hover{background: #D9CC80}
ul.virtual-tour-gride-listing li .property-listings.Grey:hover{background: #736D75}
ul.virtual-tour-gride-listing li .property-listings.Blue:hover{background: #79A1B3}


ul.virtual-tour-gride-listing li .property-listings.purple h5{color:#9b8eaa} 
ul.virtual-tour-gride-listing li .property-listings.green h5{color:#8ea887} 
ul.virtual-tour-gride-listing li .property-listings.golden h5{color:#d2c57f} 
ul.virtual-tour-gride-listing li .property-listings.skyblue h5{color:#7bbbc7} 
ul.virtual-tour-gride-listing li .property-listings.turquoise h5{color:#227f7f}
ul.virtual-tour-gride-listing li .property-listings.dark-gray h5{color:#6b656a} 
ul.virtual-tour-gride-listing li .property-listings.light-gray h5{color:#a8a2a3} 
ul.virtual-tour-gride-listing li .property-listings.rosy-brown h5{color:#9b6c6c} 
ul.virtual-tour-gride-listing li .property-listings.light-aquamarine h5{color:#8ac3af} 
ul.virtual-tour-gride-listing li .property-listings.chocolate h5{color:#d18455}
ul.virtual-tour-gride-listing li .property-listings.light-golden h5{color:#9a9558} 
ul.virtual-tour-gride-listing li .property-listings.dark-skyblue h5{color:#7e94c2} 
ul.virtual-tour-gride-listing li .property-listings.orange h5{color:#ef7102} 
ul.virtual-tour-gride-listing li .property-listings.Yellow h5{color:#D9CC80} 
ul.virtual-tour-gride-listing li .property-listings.Grey h5{color:#736D75} 
ul.virtual-tour-gride-listing li .property-listings.Blue h5{color:#79A1B3} 


ul.virtual-tour-gride-listing li .property-listings.purple:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.green:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.golden:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.skyblue:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.turquoise:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.orange:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.Yellow:hover h5{color:#fff}
ul.virtual-tour-gride-listing li .property-listings.Grey:hover h5{color:#fff}
ul.virtual-tour-gride-listing li .property-listings.Blue:hover h5{color:#fff}


ul.virtual-tour-gride-listing li .property-listings.dark-gray:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.light-gray:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.rosy-brown:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.light-aquamarine:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.chocolate:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.light-golden:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.dark-skyblue:hover h5{color:#fff} 
ul.virtual-tour-gride-listing li .property-listings.orange:hover h5{color:#fff}
ul.virtual-tour-gride-listing li .property-listings.Yellow:hover h5{color:#fff}
ul.virtual-tour-gride-listing li .property-listings.Grey:hover h5{color:#fff}
ul.virtual-tour-gride-listing li .property-listings.Blue:hover h5{color:#fff}


ul.virtual-tour-gride-listing li .property-listings.purple .btn-border a{ color: #9b8eaa;} 
ul.virtual-tour-gride-listing li .property-listings.green .btn-border a{color: #8ea887;}
ul.virtual-tour-gride-listing li .property-listings.golden .btn-border a{color: #d2c57f}
ul.virtual-tour-gride-listing li .property-listings.skyblue .btn-border a{color: #7bbbc7}
ul.virtual-tour-gride-listing li .property-listings.turquoise .btn-border a{color: #227f7f;}
ul.virtual-tour-gride-listing li .property-listings.orange .btn-border a{ color: #ef7102;} 
ul.virtual-tour-gride-listing li .property-listings.Yellow .btn-border a{ color: #D9CC80;}
ul.virtual-tour-gride-listing li .property-listings.Grey .btn-border a{ color: #736D75;}
ul.virtual-tour-gride-listing li .property-listings.Blue .btn-border a{ color: #79A1B3;}


ul.virtual-tour-gride-listing li .property-listings.dark-gray .btn-border a{ color: #6b656a;} 
ul.virtual-tour-gride-listing li .property-listings.light-gray .btn-border a{color: #a8a2a3;}
ul.virtual-tour-gride-listing li .property-listings.rosy-brown .btn-border a{color: #9b6c6c}
ul.virtual-tour-gride-listing li .property-listings.light-aquamarine .btn-border a{color: #8ac3af}
ul.virtual-tour-gride-listing li .property-listings.chocolate .btn-border a{color: #d18455;}
ul.virtual-tour-gride-listing li .property-listings.light-golden .btn-border a{ color: #9a9558;} 
ul.virtual-tour-gride-listing li .property-listings.dark-skyblue .btn-border a{color: #7e94c2;}
ul.virtual-tour-gride-listing li .property-listings.orange .btn-border a{color: #ef7102;}
ul.virtual-tour-gride-listing li .property-listings.Yellow .btn-border a{color: #D9CC80;}
ul.virtual-tour-gride-listing li .property-listings.Grey .btn-border a{color: #736D75;}
ul.virtual-tour-gride-listing li .property-listings.Blue .btn-border a{ color: #79A1B3;}


.gallery-grid-section.purple .popup-gallery .grid-box:after { background: rgba(155,142,170,0.70); }
.gallery-grid-section.green .popup-gallery .grid-box:after { background: rgba(142,168,135,0.70); }
.gallery-grid-section.golden .popup-gallery .grid-box:after { background: rgba(210,197,127,0.70); }
.gallery-grid-section.skyblue .popup-gallery .grid-box:after { background: rgba(123,187,199,0.70) }
.gallery-grid-section.turquoise .popup-gallery .grid-box:after { background: rgba(34,127,127,0.70); }
.gallery-grid-section.dark-gray .popup-gallery .grid-box:after { background: rgba(107,101,106,0.70); }
.gallery-grid-section.light-gray .popup-gallery .grid-box:after { background: rgba(168,162,163,0.70); }
.gallery-grid-section.rosy-brown .popup-gallery .grid-box:after { background: rgba(155,108,108,0.70); }
.gallery-grid-section.light-aquamarine .popup-gallery .grid-box:after { background: rgba(138,195,175,0.70) }
.gallery-grid-section.chocolate .popup-gallery .grid-box:after { background: rgba(209,132,85,0.70); }
.gallery-grid-section.light-golden .popup-gallery .grid-box:after { background: rgba(154,149,88,0.70); }
.gallery-grid-section.dark-skyblue .popup-gallery .grid-box:after { background: rgba(126,148,194,0.70); }
.gallery-grid-section.orange .popup-gallery .grid-box:after { background: rgba(239,113,2,0.70); }
.gallery-grid-section.Yellow .popup-gallery .grid-box:after { background: rgba(217,204,128,0.70); }
.gallery-grid-section.Grey .popup-gallery .grid-box:after { background: rgba(115,109,117,0.70); }

.shortlist-img-wrap{position:relative;}




/* color option css end here */
.hunter-valley-pin.hexa-pin {display: none !important;}
.factory-display-tour-pin.hexa-pin {display: none !important;}
.central-coast-pin.hexa-pin {display: none !important;}