@import "responsive";
 img, svg {
	 image-rendering: -moz-crisp-edges;
	 image-rendering: -o-crisp-edges;
	 image-rendering: -webkit-optimize-contrast;
	 -ms-interpolation-mode: nearest-neighbor;
}
 @font-face {
	 font-family: "PlayfairDisplay";
	 src: url("fonts/PlayfairDisplay-Regular.ttf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "PlayfairDisplay semibold";
	 src: url("fonts/PlayfairDisplay-SemiBold.ttf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Nexa light";
	 src: url("fonts/NexaLight.otf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "NexaLight";
	 src: url("fonts/NexaLight.otf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Nexa bold";
	 src: url("fonts/NexaBold.ttf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Chalkboard";
	 src: url("fonts/Chalkboard.ttf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: "Chalkboard Bold";
	 src: url("fonts/Chalkboard-Bold.ttf");
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
}
/* CSS Document */
/*------------------------------------*\ RESET \*------------------------------------*/
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, footer, header, hgroup, nav, .h6, .h5, .h4, .h3, .h2, .h1 {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
}
body {
    line-height: 1;
    -ms-overflow-style: none; /* Hides scrollbar in IE 10+ */
    scrollbar-width: none; /* Hides scrollbar in Firefox */
    width: 100vw;
    overflow-x: hidden; /* Prevents horizontal scroll */
}

body::-webkit-scrollbar {
    display: none; /* Hides scrollbar in Chrome, Safari, and other WebKit-based browsers */
}
 ol, ul {
	 list-style: none;
}
 blockquote, q {
	 quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
	 content: "";
	 content: none;
}
 ins {
	 text-decoration: none;
}
 del {
	 text-decoration: line-through;
}
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
}
 a {
	 transition: 0.2s ease-in-out;
	 color: inherit;
	 text-decoration: none;
}
 a:hover {
	 text-decoration: none;
}
 ul {
	 margin: 0;
}
 strong {
	 font-weight: bold;
}
 b {
	 font-weight: bold;
}
 i {
	 font-style: italic;
}
 button {
	 border: none;
	 background: none;
}
/* colors */
 div::-webkit-scrollbar {
	 width: 0 !important;
}
 div {
	 overflow: -moz-scrollbars-none;
}
 div {
	 -ms-overflow-style: none;
}
 button:focus {
	 outline: none;
}
 input:focus, input[type="checkbox"]:focus {
	 outline: none;
}
 textarea:focus {
	 outline: none;
}
 select:focus {
	 outline: none;
}
 body {
	 font-family: "Nexa light";
	 font-weight: 200;
	 font-style: normal;
	 font-size: 16px;
	 line-height: 1.2;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 color: #fff;
	 background: #fff;
}
 body p b {
	 font-family: "Nexa bold";
}
 html, body {
	 width: 100%;
	 height: 100%;
}
 .vh-100 {
	 min-height: 100vh;
}
 .ab_center {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 .overlay {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 top: 0;
}
 h1, h2 {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 46px;
	 margin-bottom: 10px;
	 letter-spacing: 3px;
}
 h3 {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 40px;
}
 h4 {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 24px;
	 color: #24303e;
}
 h5 {
	 font-family: "PlayfairDisplay";
	 font-size: 21px;
}
/* loader */
 .loader {
	 position: fixed;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 z-index: 101;
	 background: #fff;
}
 .loader .loader_inner {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 350px;
	 height: 350px;
	 max-width: 90vh;
	 max-height: 90vh;
}
 .loader .loader_inner img {
	 display: none;
	 position: absolute;
	 width: 100%;
	 top: 0;
	 left: 0;
	 right: 0;
}
/* hamburger */
 .burger {
	 height: 3em;
	 width: 3em;
	 position: relative;
	 font-size: 12px;
	 cursor: pointer;
	 transition: 0.2s all;
	 -webkit-tap-highlight-color: transparent;
}
 .burger .burger-lines:after {
	 left: 0;
	 top: -1em;
}
 .burger .burger-lines:before {
	 left: 1em;
	 top: 1em;
}
 .burger:after {
	 content: "";
	 display: block;
	 position: absolute;
	 height: 150%;
	 width: 150%;
	 top: -25%;
	 left: -25%;
}
 .burger .burger-lines {
	 top: 50%;
	 margin-top: -0.125em;
}
 .burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
	 pointer-events: none;
	 display: block;
	 content: "";
	 width: 100%;
	 border-radius: 0.25em;
	 background-color: white;
	 height: 0.25em;
	 position: absolute;
	 transform: rotate(0);
}
 .burger .burger-lines:after {
	 left: 0;
	 top: -1em;
}
 .burger .burger-lines:before {
	 left: 1em;
	 top: 1em;
}
 .burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
	 transition: 0.2s top 0.2s, 0.1s left, 0.2s transform, 0.4s background-color 0.2s;
}
 .burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
	 width: 2em;
}
 .burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines:after, .burger.burger-squeeze.open .burger-lines:before {
	 transition: 0.2s background-color, 0.2s top, 0.2s left, 0.2s transform 0.15s;
}
 .burger.burger-squeeze.open .burger-lines {
	 background-color: transparent;
}
 .burger.burger-squeeze.open .burger-lines:before, .burger.burger-squeeze.open .burger-lines:after {
	 left: 0.5em;
	 top: 0px;
}
 .burger.burger-squeeze.open .burger-lines:before {
	 transform: rotate(-45deg);
}
 .burger.burger-squeeze.open .burger-lines:after {
	 transform: rotate(45deg);
}
 .sub_head {
	 position: absolute;
	 top: 35px;
	 left: 50%;
	 transform: translate(-50%, 0);
	 z-index: 2;
}
 .timeline_item .timeline {
	 position: relative;
	 margin-bottom: 5px;
}
 .timeline_item .timeline .line {
	 position: absolute;
	 height: 100%;
	 left: calc(50% + -0.5px);
	 width: 0px;
	 border-left: 1px dashed #fff;
}
 .timeline_item .timeline ul {
	 text-align: center;
	 position: relative;
}
 .timeline_item .timeline ul li {
	 position: relative;
	 width: 12px;
	 height: 12px;
	 border-radius: 50%;
	 background: #fff;
	 margin: 0 auto 30px;
	 z-index: 3;
}
 .timeline_item .timeline ul li:last-of-type {
	 margin-bottom: 0;
}
 .timeline_item .timeline ul li .dot {
	 transition: 0.5s ease-in-out;
	 visibility: hidden;
	 position: absolute;
	 width: 24px;
	 height: 24px;
	 background: #e3b44c;
	 border-radius: 50%;
	 left: -6px;
	 top: -4px;
	 z-index: 3;
	 cursor: pointer;
}
 .timeline_item .timeline ul li .name {
	 transition: 0.5s ease-in-out;
	 visibility: hidden;
	 position: absolute;
	 width: 260px;
	 height: 60px;
	 background: #fff;
	 z-index: 2;
	 left: 81px;
	 top: -5px;
	 transform: translate(0, -45%);
	 opacity: 0;
	 background: url("../img/main/menu_item_bg.svg");
	 background-size: contain;
}
 .timeline_item .timeline ul li .name.active {
	 visibility: visible;
	 transition: 0.5s ease-in-out;
	 opacity: 1;
	 z-index: 4;
}
 .timeline_item .timeline ul li .name p.main {
	 font-family: "PlayfairDisplay";
	 font-weight: 700;
	 font-size: 16px;
	 color: #24303e;
	 padding: 10px 20px 0 20px;
	 text-align: left;
}
 .timeline_item .timeline ul li .name p.main span {
	 display: inline-block;
	 margin-bottom: 3px;
	 font-family: "Nexa light";
	 font-size: 12px;
	 color: #fff;
}
 .timeline_item .timeline ul li .name p.small {
	 font-family: "Gotham";
	 font-size: 16px;
	 color: #777;
	 text-transform: uppercase;
}
 .timeline_item .timeline ul li .name p.small:hover {
	 color: #fff;
	 transition: 0.4s;
}
 .timeline_item .timeline ul li .name.large {
	 transform: translate(0, 0);
	 top: -30px;
	 line-height: 1.6;
	 padding-top: 18px;
	 padding-bottom: 10px;
}
 .timeline_item .timeline ul li .name.large li .name {
	 line-height: 20px;
}
 .timeline_item .timeline ul li .name .subnav {
	 position: absolute;
	 background: #fff;
	 left: 7px;
	 width: 70%;
	 line-height: 2.1;
	 padding: 10px;
	 border: 1px solid #333;
	 border-top: none;
	 text-align: left;
	 margin-top: 8px;
	 background: #24303e;
	 border: 1px solid #fff;
}
 .timeline_item .timeline ul li .name .subnav p {
	 font-family: "Nexa light";
	 font-size: 12px;
	 color: #fff;
	 margin-bottom: 10px;
	 text-transform: none;
}
 .timeline_item .timeline ul li .name .subnav p:last-of-type {
	 margin-bottom: 0;
}
 .timeline_item .timeline ul li:hover {
	 z-index: 5;
}
 .timeline_item .timeline ul li:hover .dot {
	 visibility: visible;
	 transition: 0.5s ease-in-out;
	 opacity: 1;
	 z-index: 5;
}
 .timeline_item .timeline ul li:hover .name {
	 visibility: visible;
	 transition: 0.5s ease-in-out;
	 opacity: 1;
	 z-index: 4;
}
 .timeline_item .timeline ul li.active .dot {
	 visibility: visible;
	 transition: 0.5s ease-in-out;
	 opacity: 1;
	 z-index: 5;
}
 .timeline_item .timeline ul li[data-id="contact"] .name p.main {
	 padding-top: 24px;
}
 .round_btn {
	 position: relative;
	 width: 86px;
	 height: 86px;
	 margin: 0 auto 25px;
	 border-radius: 50%;
	 background: #fff;
	 transition: all 0.3s;
}
 .round_btn p {
	 font-family: "Nexa bold";
	 font-size: 13px;
	 color: #b23a3a;
	 line-height: 1;
	 text-transform: uppercase;
	 padding-top: 5px;
	 z-index: 3;
}
 .round_btn .outer_circle {
	 position: absolute;
	 top: 2%;
	 left: 2%;
	 right: 2%;
	 bottom: 2%;
	 border-radius: 50%;
	 background: transparent;
	 border: 2px solid #24303e;
	 z-index: 2;
}
 .round_btn:hover {
	 transform: scale(1.1);
}
 .menu.desktop {
	 position: fixed;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 background: #24303e;
	 width: 130px;
	 z-index: 6;
	 padding: 0 32px 10px 12px;
}
 .menu.desktop .menu_logo {
	 display: block;
	 margin: 0 auto;
	 padding-top: 25px;
	 margin-bottom: 10px;
}
 .menu.desktop .nature_strip {
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 top: 0;
	 width: 18px;
	 border-left: 1px solid #fff;
	 border-right: 1px solid #fff;
	 background: url("../img/main/nature_bg.jpg") center;
	 background-size: cover;
}
 .menu.desktop .expand_btn {
	 width: 60px;
	 height: 60px;
	 background: #b23a3a;
	 border-radius: 50%;
	 left: -40px;
	 z-index: 10;
	 top: 50vh;
	 transform: translate(0, -80%);
	 position: fixed;
	 cursor: pointer;
}
 .menu.desktop .expand_btn p {
	 font-size: 25px;
	 position: absolute;
	 top: 50%;
	 right: 5px;
	 transform: translate(0, -50%);
}
 .menu.desktop .expand_btn.open p {
	 transform: rotate(45deg) translate(-50%, -50%);
	 right: 11px;
}
 .menu.desktop .open_menu {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 width: 100vw;
	 left: -101vw;
	 background: url("../img/main/open_menu_bg.jpg") center;
	 background-size: cover;
	 z-index: 9;
	 transition: all 0.4s;
}
 .menu.desktop .open_menu .timeline .line {
	 border-left: 1px dashed #8ab09b;
}
 .menu.desktop .open_menu .timeline ul li {
	 background: #8ab09b;
}
 .menu.desktop .open_menu .timeline ul li .name {
	 width: 160px;
	 background: none;
	 visibility: visible;
	 opacity: 1;
	 height: auto;
	 left: 35px;
	 top: 50%;
	 transform: translate(0, -55%);
}
 .menu.desktop .open_menu .timeline ul li .name p.main {
	 padding: 0;
	 color: #fff;
}
 .menu.desktop .open_menu .timeline ul li.left .name {
	 left: auto;
	 right: 30px;
	 text-align: right;
}
 .menu.desktop .open_menu .timeline ul li.left .name p {
	 text-align: right;
}
 .menu.desktop .open_menu .box {
	 position: absolute;
	 top: 10px;
	 left: 10px;
	 right: 10px;
	 bottom: 10px;
	 width: calc(100% - 20px);
	 height: calc(100% - 20px);
	 border: 1px solid #fff;
	 z-index: 2;
}
 .menu.desktop .open_menu .container {
	 position: relative;
	 z-index: 3;
}
 .menu.desktop .open_menu.open {
	 left: 0;
}
 .menu.mobile {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 10;
	 background: #24303e;
}
 .menu.mobile .row {
	 height: 50px;
}
 .menu.mobile .register_btn {
	 font-family: "Nexa bold";
	 font-size: 12px;
	 text-transform: uppercase;
}
 .menu.mobile .register_btn:hover {
	 color: #8ab09b;
}
 .menu.mobile .nature_line {
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 background: url("../img/main/nature_bg_mob.jpg") center;
	 background-size: cover;
	 height: 20px;
}
 .menu.mobile .big_circle {
	 position: absolute;
	 top: 10px;
	 left: 50%;
	 transform: translate(-50%, 0);
	 width: 108px;
	 height: 108px;
	 background: #fff;
	 border: 1px solid #24303e;
	 border-radius: 50%;
}
 .menu.mobile .big_circle .circle {
	 position: absolute;
	 width: 102px;
	 height: 102px;
	 left: 2px;
	 top: 2px;
	 border-radius: 50%;
	 border: 2px solid #24303e;
}
 .menu.mobile .big_circle .circle p {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 11px;
	 color: #24303e;
	 width: 90%;
	 text-align: center;
}
 .menu.mobile .big_circle .circle p span {
	 font-family: "PlayfairDisplay";
	 font-size: 16px;
}
 .mob_navigation {
	 position: fixed;
	 z-index: 9;
	 background: #fff;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 display: none;
}
 .mob_navigation .timeline .line {
	 border-left: 1px dashed #8ab09b;
}
 .mob_navigation .timeline ul li {
	 background: #8ab09b;
	 margin-bottom: 25px;
}
 .mob_navigation .timeline ul li .name {
	 width: 160px;
	 background: none;
	 visibility: visible;
	 opacity: 1;
	 height: auto;
	 left: 35px;
	 top: 50%;
	 transform: translate(0, -55%);
}
 .mob_navigation .timeline ul li .name p.main {
	 padding: 0;
	 color: #24303e;
	 font-size: 14px;
}
 .mob_navigation .timeline ul li .name p.main span {
	 color: #24303e;
}
 .mob_navigation .timeline ul li.left .name {
	 left: auto;
	 right: 30px;
	 text-align: right;
}
 .mob_navigation .timeline ul li.left .name p {
	 text-align: right;
}
 .mob_navigation .blue_bar {
	 background: #24303e;
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
}
 .content_wrapper {
	 padding-left: 130px;
}
 .my_section {
	 min-height: 100vh;
}
 @keyframes pulse-dot {
	 0% {
		 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	 70% {
		 box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7);
	}
	 100% {
		 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
}
 .switch_container {
	 position: absolute;
	 right: 20px;
	 bottom: 50px;
	 z-index: 3;
	/* Rounded sliders */
}
 .switch_container p {
	 font-family: "Nexa bold";
	 font-size: 17px;
}
 .switch_container .switch {
	 position: relative;
	 display: inline-block;
	 width: 56px;
	 height: 32px;
	 margin-bottom: 5px;
}
 .switch_container .switch input {
	 opacity: 0;
	 width: 0;
	 height: 0;
}
 .switch_container .slider {
	 position: absolute;
	 cursor: pointer;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: rgba(255, 255, 255, 0.75);
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
}
 .switch_container .slider:before {
	 position: absolute;
	 content: "";
	 height: 24px;
	 width: 24px;
	 left: 4px;
	 bottom: 4px;
	 background-color: #8ab09b;
	 border: 1px solid #fff;
	 -webkit-transition: 0.4s;
	 transition: 0.4s;
	 animation: pulse-dot 2s infinite;
}
 .switch_container input:checked + .slider {
	 background-color: rgba(255, 255, 255, 0.7);
}
 .switch_container input:focus + .slider {
	 box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
 .switch_container input:checked + .slider:before {
	 -webkit-transform: translateX(24px);
	 -ms-transform: translateX(24px);
	 transform: translateX(24px);
}
 .switch_container p span {
	 font-family: "Nexa bold";
	 font-size: 17px;
}
 .switch_container .slider.round {
	 border-radius: 34px;
}
 .switch_container .slider.round:before {
	 border-radius: 50%;
}
 .section_title {
	 position: relative;
}
 .section_title.hover_state .magichover {
	 position: absolute;
	 z-index: 4;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
}
 .section_title.hover_state .magichover img {
	 display: none;
	 max-width: 100%;
	 min-height: 100%;
}
 .section_title.hover_state .magichover .hoverphoto-second {
	 box-shadow: #fff 0px 0px 0px 1px;
}
 .section_title.hover_state .container {
	 position: relative;
	 z-index: 3;
}
 .section_title .container {
	 position: relative;
	 z-index: 2;
	 max-width: 550px;
}
 .section_title .container h2 {
	 text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
}
 .section_title .container p {
	 font-size: 25px;
	 text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}
 .section_title .scroll_down {
	 z-index: 3;
	 position: absolute;
	 bottom: 50px;
	 left: 50%;
	 transform: translate(-50%, 0);
	 cursor: pointer;
}
 .section_title .scroll_down img {
	 border: 1px solid transparent;
	 border-radius: 50%;
	 transition: all 0.3s;
}
 .section_title .scroll_down img:hover {
	 border-color: #fff;
}
 .stripes {
	 position: relative;
}
 .stripes .first, .stripes .second, .stripes .third, .stripes .fourth, .stripes .fifth {
	 position: relative;
}
 .stripes .overlay {
	 opacity: 0;
	 transition: all 0.4s;
	 background: rgba(138, 176, 155, 0.95);
	 z-index: 3;
}
 .stripes .overlay p {
	 line-height: 1.7;
}
 .stripes .overlay p b {
	 font-family: "Nexa bold";
	 font-size: 18px;
}
 .stripes .overlay.blue {
	 background: rgba(36, 48, 62, 0.93);
}
 .stripes .first:hover .overlay, .stripes .second:hover .overlay, .stripes .third:hover .overlay, .stripes .fourth:hover .overlay, .stripes .fifth:hover .overlay {
	 opacity: 1;
}
 p.counter {
	 font-family: "Nexa bold";
	 font-size: 11px;
	 text-transform: uppercase;
}
 p.counter span {
	 font-family: "PlayfairDisplay semibold";
	 display: inline-block;
	 margin-bottom: 5px;
	 font-size: 46px;
}
 .compare {
	 position: relative;
}
 .compare .compare__image {
	 position: absolute;
	 width: 100%;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 overflow: hidden;
	 user-select: none;
	 pointer-events: none;
}
 .compare .compare__image.compare__overlay {
	 border-right: 2px solid #b23a3a;
}
 .compare__slider {
	 position: absolute;
	 z-index: 4;
	 width: 3.6rem;
	 height: 3.6rem;
	 background: #121212;
	 border: 0.1rem solid rgba(255, 255, 255, 0.1);
	 box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.8);
	 border-radius: 50%;
	 cursor: grab;
	 transition: border-color 0.2s;
	 background: url("../img/main/overflow_arrows.png") no-repeat center #b23a3a;
	 background-size: 60% auto;
}
 .compare__slider:active {
	 border: 0.1rem solid rgba(255, 255, 255, 0.3);
	 cursor: grabbing;
}
 .overlay_animation {
	 position: relative;
}
 .overlay_animation .overlay {
	 background: rgba(0, 0, 0, 0.75);
}
 .overlay_animation .inner_content {
	 position: relative;
	 z-index: 3;
}
/* ----------- START SECTION ---------------- */
 .section_wrapper[data-section="start"] .section_title {
	 background: url("../img/main/section_title_nature.jpg") center bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="start"] .section_title .container {
	 padding-top: 5vh;
	 padding-bottom: 5vh;
	 display: flex;
	 align-content: space-between;
	 flex-wrap: wrap;
}
 .section_wrapper[data-section="start"] .section_title .container p {
	 font-size: 16px;
}
 .section_wrapper[data-section="start"] .section_title .container .scroll_down {
	 position: relative;
	 opacity: 0;
	 visibility: none;
}
 .section_wrapper[data-section="start"] .section_title .scroll_down {
	 z-index: 5;
}
 .section_wrapper[data-section="start"] .section_title .switch_container {
	 z-index: 5;
}
 .section_wrapper[data-section="start"] .section_title .city {
	 display: none;
	 z-index: 5;
}
 .section_wrapper[data-section="start"] .section_title .city_overlay {
	 background: url("../img/main/section_title_city.jpg") right bottom;
	 background-size: cover;
	 z-index: 2;
	 opacity: 0;
	 visibility: none;
	 transition: all 0.4s;
}
 .section_wrapper[data-section="start"] .section_title.nature .city_overlay {
	 visibility: visible;
	 opacity: 1;
}
/* ----------- START SECTION END ---------------- */
/* ----------- CHAPTER ONE -------------------- */
 .section_wrapper[data-section="chapter_one"] .section_title {
	 background: url("../img/chapter_one/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_one"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_one/main_poster_city.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_one"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_one"] .my_section.stats {
	 background: url("../img/chapter_one/stats_bg_new.jpg") center bottom;
	 background-size: cover;
	 position: relative;
	 padding-top: 20vh;
}
 .section_wrapper[data-section="chapter_one"] .my_section.stats .row {
	 padding-top: 25px;
	 padding-bottom: 25px;
	 background: rgba(0, 0, 0, 0.6);
}
 .section_wrapper[data-section="chapter_one"] .my_section.surroundings {
	 position: relative;
}
 .section_wrapper[data-section="chapter_one"] .my_section.surroundings .first {
	 background: url("../img/chapter_one/surroundings_1.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_one"] .my_section.surroundings .second {
	 background: url("../img/chapter_one/surroundings_2.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_one"] .my_section.surroundings .third {
	 background: url("../img/chapter_one/surroundings_3.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_one"] .my_section.surroundings .fourth {
	 background: url("../img/chapter_one/surroundings_4.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_one"] .my_section.surroundings .fifth {
	 background: url("../img/chapter_one/surroundings_5.jpg") center;
	 background-size: cover;
}
/* ----------- CHAPTER ONE END -------------------- */
/* ----------- CHAPTER TWO -------------------- */
 .section_wrapper[data-section="chapter_two"] .section_title {
	 background: url("../img/chapter_two/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_two/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_two"] .history {
	 position: relative;
	 background: url("../img/chapter_two/history_bg.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .history .sub_head {
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_two"] .history .history_container {
	 padding-left: 30px;
	 overflow-x: scroll;
}
 .section_wrapper[data-section="chapter_two"] .history .history_container .inner {
	 width: 2000px;
	 display: flex;
}
 .section_wrapper[data-section="chapter_two"] .history .history_container .info_box {
	 border: 1px solid #000;
	 padding: 10px;
}
 .section_wrapper[data-section="chapter_two"] .history .history_container .info_box .inside {
	 background: #8ab09b;
	 padding: 15px;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_two"] .history .history_container .info_box .inside p.date {
	 font-size: 21px;
}
 .section_wrapper[data-section="chapter_two"] .active_lifestyle {
	 position: relative;
	 background: url("../img/chapter_two/active_lifestyle_bg.jpg") center;
	 background-size: cover;
	 padding-top: 200px;
	 padding-bottom: 100px;
}
 .section_wrapper[data-section="chapter_two"] .active_lifestyle p {
	 line-height: 1.6;
}
 .section_wrapper[data-section="chapter_two"] .sports {
	 position: relative;
	 background: url("../img/chapter_two/sports/bg_1.jpg") center;
	 background-size: cover;
	 padding-top: 200px;
	 z-index: 2;
}
 .section_wrapper[data-section="chapter_two"] .sports .info {
	 padding: 20px;
	 background: #24303e;
	 border: 1px solid rgba(255, 255, 255, 0.7);
}
 .section_wrapper[data-section="chapter_two"] .sports .info p {
	 line-height: 1.5;
}
 .section_wrapper[data-section="chapter_two"] .sports .last_img {
	 margin-bottom: -50px;
}
 .section_wrapper[data-section="chapter_two"] .sports_2 {
	 position: relative;
	 background: url("../img/chapter_two/sports/bg_2.jpg") left top;
	 background-size: cover;
	 padding-bottom: 100px;
}
 .section_wrapper[data-section="chapter_two"] .sports_2 .image_overlay {
	 background: url("../img/chapter_two/sports/player.png") left top;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .sports_2 .info {
	 padding: 20px;
	 background: #24303e;
	 border: 1px solid rgba(255, 255, 255, 0.7);
}
 .section_wrapper[data-section="chapter_two"] .sports_2 .info p {
	 line-height: 1.5;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas {
	 position: relative;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas .first {
	 background: url("../img/chapter_two/sport_area_1.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas .second {
	 background: url("../img/chapter_two/sport_area_2.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas .third {
	 background: url("../img/chapter_two/sport_area_3.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas .bottom_p {
	 width: 100%;
	 font-family: "Nexa bold";
	 font-size: 11px;
	 text-transform: uppercase;
	 text-align: center;
	 position: absolute;
	 bottom: 15px;
	 left: 0;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas p.counter {
	 font-size: 20px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_areas p.counter span {
	 font-size: 80px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_center .description {
	 position: relative;
	 padding-top: 200px;
	 padding-bottom: 100px;
	 min-height: 50vh;
	 background: url("../img/chapter_two/sports/sports_center_description.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_center .description p {
	 font-size: 21px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_center .local_club img {
	 transition: all 0.3s;
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_center .local_club img:hover {
	 transform: scale(1.25);
}
 .section_wrapper[data-section="chapter_two"] .my_section.sport_center .local_club p {
	 font-size: 11px;
	 text-transform: uppercase;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_1 {
	 position: relative;
	 background: url("../img/chapter_two/education/chalkboard.jpg") left top;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_1 p {
	 font-family: "Chalkboard";
	 font-size: 18px;
	 line-height: 1.4;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_1 p b {
	 font-family: "Chalkboard Bold";
	 font-size: 22px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_1 .child {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 max-width: 40%;
	 max-height: 90%;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_1.overlay_animation .overlay {
	 background: rgba(0, 0, 0, 0.4);
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .first {
	 position: relative;
	 background: url("../img/chapter_two/education/box_1.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .second {
	 position: relative;
	 background: url("../img/chapter_two/education/box_2.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .third {
	 position: relative;
	 background: url("../img/chapter_two/education/box_3.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .fourth {
	 position: relative;
	 background: url("../img/chapter_two/education/box_4.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .fifth {
	 position: relative;
	 background: url("../img/chapter_two/education/box_5.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .name {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background: rgba(0, 0, 0, 0.4);
	 transition: all 0.4s;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .name p {
	 font-family: "Nexa bold";
	 line-height: 1.2;
	 text-transform: uppercase;
	 font-size: 20px;
	 text-align: center;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .info {
	 position: absolute;
	 opacity: 0;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background: rgba(255, 255, 255, 0.8);
	 transition: all 0.4s;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .info p {
	 width: 100%;
	 font-family: "Nexa bold";
	 line-height: 1.2;
	 text-transform: uppercase;
	 font-size: 16px;
	 color: #3c3b40;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .info .line {
	 width: 60px;
	 height: 1px;
	 background: #3c3b40;
	 margin: 0 auto;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .first:hover .name, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .second:hover .name, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .third:hover .name, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .fourth:hover .name, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .fifth:hover .name {
	 opacity: 0;
}
 .section_wrapper[data-section="chapter_two"] .my_section.education_2 .first:hover .info, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .second:hover .info, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .third:hover .info, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .fourth:hover .info, .section_wrapper[data-section="chapter_two"] .my_section.education_2 .fifth:hover .info {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_two"] .my_section.urban {
	 position: relative;
	 background: url("../img/chapter_two/urban/bg.jpg") center top;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.urban p {
	 font-size: 21px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.urban p b {
	 font-family: "Nexa bold";
	 font-size: 23px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.urban .images p {
	 margin-top: 5px;
	 margin-bottom: 10px;
	 text-transform: uppercase;
	 font-family: "Nexa bold";
	 font-size: 11px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.urban .image_overlay {
	 background: url("../img/chapter_two/urban/bg_glasses.png") center top;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.culture {
	 position: relative;
	 background: url("../img/chapter_two/culture/bg.jpg") right top;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_two"] .my_section.culture p b {
	 font-size: 23px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.culture .container {
	 max-width: 750px;
}
 .section_wrapper[data-section="chapter_two"] .my_section.culture .img_description {
	 font-family: "Nexa bold";
	 margin-top: 10px;
	 text-transform: uppercase;
	 font-size: 11px;
	 line-height: 1.3;
}
 .section_wrapper[data-section="chapter_two"] .my_section.culture .overlay {
	 background: rgba(0, 0, 0, 0.75);
}
 .section_wrapper[data-section="chapter_two"] .my_section.culture .image_overlay {
	 background: url("../img/chapter_two/culture/mike.png") no-repeat left bottom;
	 background-size: cover;
	 position: absolute;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 width: 16%;
	 max-width: 260px;
}
/* ----------- CHAPTER TWO END -------------------- */
/* ----------- CHAPTER THREE -------------------- */
 .section_wrapper[data-section="chapter_three"] .section_title {
	 background: url("../img/chapter_three/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_three"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_three/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_three"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_three"] .community_description {
	 position: relative;
}
 .section_wrapper[data-section="chapter_three"] .community_description .container {
	 max-width: 590px;
}
 .section_wrapper[data-section="chapter_three"] .community_description .container p {
	 font-size: 21px;
}
 .section_wrapper[data-section="chapter_three"] .community_description .city {
	 background: url("../img/chapter_three/community_description_city.jpg") center top;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_three"] .community_description .nature {
	 background: url("../img/chapter_three/community_description_nature.jpg") left top;
	 background-size: cover;
	 z-index: 3;
}
 .section_wrapper[data-section="chapter_three"] .community_description .nature .nature_inner {
	 position: relative;
	 width: calc(100vw - 130px);
}
 .section_wrapper[data-section="chapter_three"] .community_map {
	 position: relative;
	 min-height: auto;
}
 .section_wrapper[data-section="chapter_three"] .community_map .switch_container {
	 left: 20px;
	 right: auto;
	 bottom: auto;
	 top: 40px;
	 z-index: 4;
}
 .section_wrapper[data-section="chapter_three"] .community_map .sub_head p, .section_wrapper[data-section="chapter_three"] .community_map .sub_head h3 {
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map div[class*="col-md"] {
	 padding-left: 0;
	 padding-right: 0;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map {
	 display: flex;
	 width: 80%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls_container {
	 display: flex;
	 width: 20%;
	 min-width: 270px;
}
 .section_wrapper[data-section="chapter_three"] .community_map .number {
	 position: relative;
	 width: 32px;
	 height: 32px;
	 z-index: 3;
	 border-radius: 50%;
	 background: #fff;
	 border: 1px solid #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .number > p {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 20px;
	 line-height: 1.2;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .outer_circle {
	 content: "";
	 position: absolute;
	 top: -3px;
	 left: -3px;
	 right: -3px;
	 bottom: -3px;
	 border-radius: 50%;
	 background: #fff;
	 z-index: 2;
	 border: 1px solid #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container {
	 position: relative;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container img {
	 display: block;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .community_location {
	 position: absolute;
	 width: 60px;
	 left: 27%;
	 top: 38%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container {
	 position: absolute;
	 cursor: pointer;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container .description {
	 opacity: 0;
	 visibility: hidden;
	 top: 0;
	 width: 165px;
	 position: absolute;
	 left: 25px;
	 padding: 3px 10px 3px 20px;
	 border: 1px solid #000;
	 transition: all 0.4s;
	 background: #fff;
	 z-index: 1;
	 top: 50%;
	 transform: translate(0, -50%);
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container .description p {
	 font-size: 10px;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container:hover, .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container.active {
	 z-index: 4;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container:hover .description, .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container.active .description {
	 opacity: 1;
	 visibility: visible;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="1"] {
	 left: 52%;
	 top: 41%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="2"] {
	 top: 44%;
	 left: 34%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="3"] {
	 left: 66%;
	 top: 45%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="4"] {
	 left: 31%;
	 top: 27%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="5"] {
	 top: 93%;
	 left: 93%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="6"] {
	 left: 58%;
	 top: 43%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="7"] {
	 top: 45%;
	 left: 24%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="8"] {
	 left: 67%;
	 top: 51%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="9"] {
	 left: 62%;
	 top: 46%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .number_container[data-id="10"] {
	 top: 63%;
	 left: 56%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .info {
	 position: absolute;
	 bottom: 5vh;
	 right: 5vw;
	 padding: 10px;
	 border: 1px solid #fff;
	 background: rgba(0, 0, 0, 0.5);
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .info img {
	 display: inline-block;
	 margin-right: 5px;
	 vertical-align: middle;
}
 .section_wrapper[data-section="chapter_three"] .community_map .map_container .info p {
	 display: inline-block;
	 vertical-align: middle;
	 font-family: "Nexa bold";
	 font-size: 14px;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls {
	 padding: 20px 20px 20px 60px;
	 background: #8ab09b;
	 width: 100%;
	 max-height: 100vh;
	 overflow-y: scroll;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item {
	 border-bottom: 1px solid #fff;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .title {
	 position: relative;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 cursor: pointer;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .title .number_container {
	 position: absolute;
	 left: -50px;
	 top: 50%;
	 transform: translate(0, -50%);
	 cursor: pointer;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .title h6 {
	 font-size: 13px;
	 line-height: 1.4;
	 padding-right: 20px;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .title img {
	 position: absolute;
	 right: 0;
	 top: 50%;
	 transform: translate(0, -50%);
	 transform-origin: top;
	 transition: all 0.4s;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .description {
	 height: 0;
	 padding: 0;
	 background: #fff;
	 transition: all 0.4s;
	 overflow: hidden;
	 margin-left: -40px;
	 margin-bottom: 5px;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .description img {
	 margin-bottom: 5px;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .description p {
	 font-size: 12px;
	 margin-bottom: 10px;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item .description p:last-of-type {
	 margin-bottom: 0;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item.active .title h6 {
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item.active .title img {
	 transform: rotate(90deg);
	 transform-origin: top;
	 filter: invert(13%) sepia(10%) saturate(2038%) hue-rotate(172deg) brightness(32%) contrast(86%);
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item.active .description {
	 padding: 5px;
	 padding-bottom: 10px;
	 height: auto;
}
 .section_wrapper[data-section="chapter_three"] .community_map .controlls .item:last-of-type {
	 border-bottom: none;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city {
	 display: none;
	 z-index: 3;
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 background: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .controlls {
	 background: #24303e;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .controlls .item.active .title h6 {
	 color: #fff;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .controlls .item.active .title img {
	 filter: none;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container {
	 position: relative;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="1"] {
	 left: 59%;
	 top: 34%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="2"] {
	 top: 61%;
	 left: 7%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="3"] {
	 left: 56%;
	 top: 52%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="4"] {
	 left: 18%;
	 top: 87%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="5"] {
	 top: 45%;
	 left: 34%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="6"] {
	 left: 52%;
	 top: 46%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="7"] {
	 top: 45%;
	 left: 56%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="8"] {
	 left: 39%;
	 top: 48%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="9"] {
	 left: 45%;
	 top: 51%;
}
 .section_wrapper[data-section="chapter_three"] .community_map .city .map_container .number_container[data-id="10"] {
	 top: 52%;
	 left: 52%;
}
/* ----------- CHAPTER THREE END -------------------- */
/* ----------- CHAPTER FOUR -------------------- */
 .section_wrapper[data-section="chapter_four"] {
	/* amenity map */
	/* amenity map end */
}
 .section_wrapper[data-section="chapter_four"] .section_title {
	 background: url("../img/chapter_four/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_four"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_four/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_four"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map {
	 position: relative;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .sub_head p, .section_wrapper[data-section="chapter_four"] .amenity_map .sub_head h3 {
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map #map {
	 min-height: 100vh;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .gm-style .gm-style-iw-c {
	 padding: 15px !important;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .gm-style .gm-style-iw-c p {
	 margin-bottom: 0;
	 color: #333;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls {
	 background: #3c3b40;
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 z-index: 2;
	 padding-top: 10px;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .container {
	 max-width: 100%;
	 margin-top: -40px;
	 padding-bottom: 15px;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls p {
	 font-size: 20px;
	 margin-bottom: 15px;
	 color: #fff;
	 text-transform: uppercase;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option {
	 display: inline-block;
	 margin: 0 5px;
	 width: 95px;
	 text-align: center;
	 cursor: pointer;
	 vertical-align: top;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option p {
	 font-size: 12px;
	 color: #fff;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option .circle {
	 position: relative;
	 width: 61px;
	 height: 61px;
	 border-radius: 50%;
	 border: 1px solid #fff;
	 background: #414042;
	 margin: 0 auto 10px;
	 transition: all 0.3s;
	 cursor: pointer;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option .circle img {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 max-width: 55%;
	 max-height: 60%;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="all"] .circle:hover {
	 background: #e00524;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="shopping"] .circle:hover {
	 background: #ebd362;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="dining"] .circle:hover {
	 background: #9d3712;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="parks"] .circle:hover {
	 background: #008d4f;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="golf"] .circle:hover {
	 background: #945c39;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="entertainment"] .circle:hover {
	 background: #ff9236;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="culture"] .circle:hover {
	 background: #401e72;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="schools"] .circle:hover {
	 background: #3f3ab2;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="post_second"] .circle:hover {
	 background: #ea115e;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="health"] .circle:hover {
	 background: #b094fb;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option[data-cat="services"] .circle:hover {
	 background: #78909c;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="all"] .circle {
	 background: #e00524;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="shopping"] .circle {
	 background: #ebd362;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="dining"] .circle {
	 background: #9d3712;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="parks"] .circle {
	 background: #008d4f;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="golf"] .circle {
	 background: #945c39;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="entertainment"] .circle {
	 background: #ff9236;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="culture"] .circle {
	 background: #401e72;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="post_second"] .circle {
	 background: #ea115e;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="schools"] .circle {
	 background: #3f3ab2;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="health"] .circle {
	 background: #b094fb;
}
 .section_wrapper[data-section="chapter_four"] .amenity_map .controls .option.active[data-cat="services"] .circle {
	 background: #78909c;
}
/* ----------- CHAPTER FOUR END -------------------- */
/* ----------- CHAPTER FIVE -------------------- */
 .section_wrapper[data-section="chapter_five"] .section_title {
	 background: url("../img/chapter_five/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_five"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_five/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_five"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_five"] .homes_title {
	 text-align: center;
	 padding: 2em;
}
 .section_wrapper[data-section="chapter_five"] .homes_title span {
	 display: block;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_five"] .homes_title span.chapter {
	 font-family: "Nexa light";
	 font-size: 16px;
}
 .section_wrapper[data-section="chapter_five"] .homes_title span.home_type {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 40px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_wrapper {
	 display: flex;
	 position: relative;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_wrapper .siteplan_img {
	 width: 60%;
	 margin: 0 auto;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_wrapper .siteplan_img {
		 width: 90%;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_wrapper .zoom {
	 position: absolute;
	 bottom: 0;
	 right: 12%;
	 height: 40px;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_wrapper .zoom {
		 right: 8%;
	}
}
 .section_wrapper[data-section="chapter_five"] .download_wrapper {
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
}
 .section_wrapper[data-section="chapter_five"] .download_wrapper .download_siteplan {
	 text-align: center;
	 margin: 2em 0;
	 padding: 1em 2em;
	 background: #8ab09b;
	 align-self: center;
}
 .section_wrapper[data-section="chapter_five"] .download_wrapper .download_siteplan:hover {
	 color: #fff;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container {
	 position: relative;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box {
	 display: flex;
	 height: 44vw;
	 width: 98%;
	 margin: 0 auto;
	 position: relative;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box {
		 height: auto;
	}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box {
		 margin-top: 2em;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .siteplan {
	 width: 75%;
	 height: 44vw;
	 background: #96b7a4;
	 position: relative;
	 align-self: flex-start;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .siteplan {
		 width: 100%;
		 height: auto;
		 background: none;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .siteplan svg {
	 width: 100%;
	 height: 100%;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .siteplan svg .unit {
	 fill: rgba(255, 0, 0, 0);
	 cursor: pointer;
	 transition: 300ms all;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .siteplan svg .unit:hover {
	 fill: rgba(255, 255, 255, 0.55);
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper {
	 width: 25%;
	 max-height: 100%;
	 background: #21303f;
	 margin-left: 5px;
	 text-align: center;
	 overflow: hidden;
	 position: relative;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper {
		 display: none;
		 position: absolute;
		 width: 100%;
		 height: 100%;
		 top: 0;
		 left: 0;
		 margin: 0;
	}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper {
		 position: fixed;
		 top: 126px;
		 width: 100vw;
		 height: calc(100vh - 126px);
		 z-index: 9999;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .siteplan_homes_close_arrow {
	 position: absolute;
	 width: 45px;
	 top: 2px;
	 right: 5px;
	 cursor: pointer;
	 display: none;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .siteplan_homes_close_arrow {
		 display: block;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .title {
	 text-transform: uppercase;
	 font-family: "Nexa bold";
	 margin-top: 15px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes {
	 overflow-y: auto;
	 height: 100%;
	 position: relative;
	 margin-top: 1em;
	 padding-bottom: 3.2em;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes {
		 display: flex;
		 justify-content: center;
		 flex-wrap: wrap;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .os-scrollbar-track {
	 height: 99%;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home {
		 width: calc(50% - 5px);
		 margin: 0 2.5px;
	}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home {
		 width: 100%;
		 margin: 0;
	}
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .rendering {
	 line-height: 0;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .rendering img {
	 width: 100%;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info {
	 background: #8ab09b;
	 padding: 10px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info.frontage_40 {
	 background: #c8b56f;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info.frontage_50 {
	 background: #507282;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info.frontage_TH {
	 background: #d78355;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info div {
	 margin: 5px 0;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info .frontage, .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info .sqft {
	 font-family: "Nexa light";
	 font-size: 16px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .info .model_name {
	 font-family: "Nexa bold";
	 font-size: 16px;
	 text-transform: uppercase;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .beds_baths {
	 display: flex;
	 justify-content: center;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .beds_baths .item {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin: 0 10px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .beds_baths .item .beds, .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .beds_baths .item .baths {
	 margin-right: 5px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .beds_baths .item img {
	 height: 15px;
	 margin-top: -2px;
}
 .section_wrapper[data-section="chapter_five"] .siteplan_container .siteplan_box .homes_wrapper .homes .home .view_model {
	 padding: 15px 12px 12px 12px;
	 cursor: pointer;
	 font-family: "Nexa bold";
}
/* ----------- CHAPTER FIVE END -------------------- */
/* ----------- CHAPTER SIX -------------------- */
 .section_wrapper[data-section="chapter_six"] .section_title {
	 background: url("../img/chapter_six/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_six"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_six/main_poster_nature_new.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_six"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_six"] .homes_menu {
	 height: 100vh;
	 display: flex;
	 justify-content: space-evenly;
	 position: relative;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu {
		 height: calc(100vh - 70px);
	}
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu {
		 height: 100%;
		 flex-wrap: wrap;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .disclaimer {
	 position: absolute;
	 bottom: 2em;
	 left: 50%;
	 transform: translateX(-50%);
	 font-family: "Nexa light";
	 font-size: 10px;
	 color: black;
	 text-align: center;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .disclaimer {
		 left: unset;
		 transform: unset;
		 bottom: unset;
		 position: relative;
		 padding: 1em;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu a:hover {
	 color: #fff;
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type {
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 text-align: center;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type {
		 width: 50%;
		 padding: 1em 0 2em 0;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .title {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 86px;
	 text-shadow: 1px 1px 2px #3c3b40;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .title {
		 font-size: 75px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .title span {
	 font-family: "Nexa bold";
	 font-size: 26px;
	 display: block;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .title span {
		 font-size: 18px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .price {
	 margin-top: 40px;
	 font-family: "Nexa light";
	 font-size: 19px;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .price {
		 font-size: 14px;
	}
}
 @media screen and (max-width: 550px) and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .price {
		 margin-top: 30px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .btn {
	 font-family: "Nexa bold";
	 font-size: 10px;
	 margin-top: 40px;
	 padding: 1em 2em;
	 border: 1px solid #fff;
	 border-radius: unset;
	 transition: 300ms all;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .btn {
		 margin-top: 30px;
		 font-size: 9px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .home_type .btn:hover {
	 background: #3c3b40;
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .townhomes {
	 background: #d78355;
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .singles36 {
	 background: #8bb09c;
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .singles40 {
	 background: #c8b56f;
}
 .section_wrapper[data-section="chapter_six"] .homes_menu .singles50 {
	 background: #507282;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container {
	 position: relative;
	 padding-bottom: 2em;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu {
	 position: fixed;
	 top: 0;
	 width: calc(100% - 8em);
	 z-index: 4;
	 transition: 700ms all ease;
	 opacity: 0;
	 visibility: hidden;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu {
		 width: 100%;
		 top: unset;
		 bottom: 0;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu.show {
	 opacity: 1;
	 visibility: visible;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul {
	 display: flex;
	 justify-content: space-evenly;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a {
	 width: 100%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a:hover {
	 color: #fff;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li {
	 width: 100%;
	 padding: 0.25em 0 0.5em 0;
	 text-align: center;
	 align-self: flex-start;
	 cursor: pointer;
	 transition: 300ms all ease;
	 font-family: "Nexa bold";
	 font-size: 21px;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li {
		 padding: 0 !important;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li.active {
	 padding: 0.5em 0 1em 0;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li.active {
		 padding: 0;
		 color: #3c3b40;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li.menu1 {
	 background: #d78355;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li.menu2 {
	 background: #8bb09c;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li.menu3 {
	 background: #c8b56f;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li.menu4 {
	 background: #507282;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_type_menu ul a li span {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 29px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_title {
	 text-align: center;
	 padding: 6em 0 1em 0;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_title {
		 padding: 8em 0 1em 0;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_title span {
	 display: block;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_title span.chapter {
	 font-family: "Nexa light";
	 font-size: 16px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_title span.home_type {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 40px;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .homes_title.townhomes_header {
		 padding:1em;
		 margin-top: 40px;
	}
	#exTab1 .nav a
	{
		padding: 1rem 0.5rem!important;
		font-size: 14px!important;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation {
	 display: flex;
	 width: 100%;
	 height: 31vw;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container {
	 position: relative;
	 display: flex;
	 width: 100%;
	 position: relative;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .placeholder_img {
	 opacity: 0;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container img {
	 display: block;
	 width: 100%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .points_img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 2;
	 display: none;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .points_img img {
	 display: block;
	 width: 100%;
	 height: 31vw;
	 object-fit: cover;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .points_img img {
		 margin-top: 20px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .points_img.elevation_a {
	 display: block;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .controls {
	 position: absolute;
	 top: 20px;
	 left: 50%;
	 transform: translate(-50%, 0);
	 width: 100%;
	 text-align: center;
	 z-index: 3;
	 display: flex;
	 justify-content: center;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .controls {
		 top: 0;
	}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .controls {
		 display: flex;
		 top: unset;
		 bottom: -73px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .controls .btn {
	 width: 160px;
	 line-height: 38px;
	 font-family: "Nexa bold";
	 font-size: 15px;
	 color: #fff;
	 text-transform: uppercase;
	 background: #3c3b40;
	 border: 1px solid #fff;
	 border-right: none;
	 display: inline-block;
	 border-radius: 0;
	 transition: all 0.3s;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .controls .btn.active {
	 background: #b23a3a;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .controls .btn:last-of-type {
	 border-right: 1px solid #fff;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings {
	 position: absolute;
	 width: 100%;
	 bottom: 0;
	 z-index: 3;
	 display: flex;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings {
		 bottom: -97px;
	}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings {
		 display: none;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item {
	 text-align: center;
	 padding-top: 10px;
	 border-right: 1px solid #fff;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item1 {
	 width: 17.5%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item2 {
	 width: 11%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item3 {
	 width: 11%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item4 {
	 width: 11%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item5 {
	 width: 10.5%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item6 {
	 width: 11%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item7 {
	 width: 10.5%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item.item8 {
	 width: 17.5%;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item .wrap {
	 justify-self: flex-end;
	 background: #df703d;
	 padding: 7.5px 0;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item .wrap .name {
	 font-family: "Nexa bold";
	 font-size: 11px;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item .wrap .name {
		 font-size: 5px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item .wrap .sqft {
	 font-family: "Nexa light";
	 font-size: 9px;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .townhomes_elavation .image_container .townhomes_in_renderings .item .wrap .sqft {
		 font-size: 5px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex {
	float: left;
    display: flex;
    width: 33.33%;
    padding: 0.3em;
    justify-items: center;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex {
		 width: 50%;
		 margin: 0;
	}
	.section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model {padding:10px;}
	.section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex:hover .model {padding:0px;}
	.section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .download_fnf{padding:1em 1.25em;}
	.blog-title h3 { font-size:15px;}
	.mt-sm-0 {margin-top:0!important;}
	.footerH3 { margin-top:2rem;}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex {
		 width: 100%;
		 margin: 10px 0;
	}
	.section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .download_fnf{padding:1em 1.25em;}
	.swiper-container .swiper-wrapper .swiper-slide img {padding: 1.5rem;width: 100%;margin-top:0}
	.swiper-container .swiper-wrapper .swiper-slide a p { font-size:14px}
	.blog-title h3 { margin-bottom: 1rem; font-size: 19px;}
	.mt-sm-0 {margin-top:0!important;}
	.footerH3 { margin-top:2rem;}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model {
	 display: flex;
	 flex-direction: column;
	 position: relative;
	 justify-content: center;
	 align-self: start;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model:hover .view_model {
	 opacity: 1;
	 visibility: visible;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .view_model {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background: rgba(10, 10, 10, 0.3);
	 backdrop-filter: blur(7px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 opacity: 0;
	 visibility: hidden;
	 transition: all 500ms;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .view_model .btn {
	 border: 1px solid #fff;
	 text-transform: uppercase;
	 border-radius: 0;
	 padding: 0.5em 2em;
	 font-family: "Nexa bold";
}
.section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .view_model .btn:hover
{color:#fff;}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info {
	 display: flex;
	 justify-content: space-between;
	 margin-top: 1px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .left {
	 background: #d78355;
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 padding-left: 1.5em;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .left .model_name, .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .left .sqft {
	 font-size: 14px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .left .model_name {
	 font-family: "Nexa bold";
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .left .sqft {
	 font-family: "Nexa light";
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right {
	 background: #3c3b40;
	 display: flex;
	 align-items: flex-end;
	 justify-content: center;
	 flex-direction: column;
	 padding: 1em 2em;
	 margin-left: 1px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .top, .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .bottom {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .top span, .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .bottom span {
	 line-height: 1;
	 font-family: "Nexa light";
	 font-size: 14px;
	 margin-right: 20px;
	 margin-top: 4px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .top img, .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .bottom img {
	 width: 30px;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex .model .info .right .bottom {
	 margin-top: 1em;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex#singles36 .model .info .left {
	 background: #8bb09c;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex#singles40 .model .info .left {
	 background: #c8b56f;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .models_flex#singles50 .model .info .left {
	 background: #507282;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .elevations {
	 display: flex;
	 justify-content: center;
	 margin-bottom: 2em;
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .elevations .elevation {
	 background: #3c3b40;
	 padding: 1em;
	 border-left: 1px solid #fff;
	 cursor: pointer;
	 font-family: "Nexa bold";
	 font-size: 17px;
	 transition: 300ms all ease;
	 text-align: center;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_six"] .homes_type_container .elevations .elevation {
		 width: 100%;
		 font-size: 14px;
	}
}
 .section_wrapper[data-section="chapter_six"] .homes_type_container .elevations .elevation.active {
	 background: #b23a3a;
}
/* ----------- CHAPTER SIX END -------------------- */
/* ----------- CHAPTER SEVEN -------------------- */
 .section_wrapper[data-section="chapter_seven"] {
	/*section title*/
}
 .section_wrapper[data-section="chapter_seven"] .section_title {
	 background: url("../img/chapter_seven/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_seven"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_seven/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_seven"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights, .section_wrapper[data-section="chapter_seven"] .exterior_highlights {
	 display: flex;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container {
	 position: relative;
	 display: flex;
	 width: 70%;
	 position: relative;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .placeholder_img, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .placeholder_img {
	 opacity: 0;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container img, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container img {
	 display: block;
	 width: 100%;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .points_img, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .points_img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 2;
	 display: none;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .points_img.kitchen, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .points_img.kitchen {
	 display: block;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .points_img.elevation_a, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .points_img.elevation_a {
	 display: block;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .controls, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .controls {
	 position: absolute;
	 bottom: 15px;
	 left: 50%;
	 transform: translate(-50%, 0);
	 width: 100%;
	 text-align: center;
	 z-index: 3;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .controls .btn, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .controls .btn {
	 width: 160px;
	 line-height: 48px;
	 font-family: "Nexa bold";
	 font-size: 17px;
	 color: #fff;
	 text-transform: uppercase;
	 background: #3c3b40;
	 border: 1px solid #fff;
	 border-right: none;
	 display: inline-block;
	 border-radius: 0;
	 transition: all 0.3s;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .controls .btn.active, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .controls .btn.active {
	 background: #b23a3a;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .image_container .controls .btn:last-of-type, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .image_container .controls .btn:last-of-type {
	 border-right: 1px solid #fff;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text {
	 background: #24303e;
	 width: 30%;
	 color: #fff;
	 padding: 40px;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text h3, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text h3 {
	 font-size: 30px;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .number, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .number {
	 position: relative;
	 width: 32px;
	 height: 32px;
	 z-index: 3;
	 border-radius: 50%;
	 background: #fff;
	 border: 1px solid #24303e;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .number > p, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .number > p {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 20px;
	 line-height: 1.2;
	 color: #24303e;
	 margin: 0 !important;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .outer_circle, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .outer_circle {
	 content: "";
	 position: absolute;
	 top: -3px;
	 left: -3px;
	 right: -3px;
	 bottom: -3px;
	 border-radius: 50%;
	 background: #fff;
	 z-index: 2;
	 border: 1px solid #24303e;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .number_container, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .number_container {
	 position: relative;
	 display: inline-block;
	 vertical-align: middle;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .item, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .item {
	 margin-bottom: 20px;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .item:last-of-type, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .item:last-of-type {
	 margin-bottom: 0;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .item p.description, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .item p.description {
	 display: inline-block;
	 vertical-align: middle;
	 margin-left: 15px;
	 max-width: calc(100% - 75px);
	 font-size: 14px;
	 text-transform: lowercase;
}
 .section_wrapper[data-section="chapter_seven"] .interior_highlights .highlight_text .item p.description:first-letter, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .item p.description:first-letter {
	 text-transform: uppercase;
}
 .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text {
	 background: #8ab09b !important;
}
 .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text h3, .section_wrapper[data-section="chapter_seven"] .exterior_highlights .highlight_text .description {
	 color: #24303e !important;
}
 .section_wrapper[data-section="chapter_seven"] p.disclaimer {
	 font-size: 12px;
	 margin-top: 20px;
	 color: #3c3b40;
	 margin-bottom: 20px;
	 text-align: center;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .green_btn {
	 padding: 15px 30px;
	 background: #8ab09b;
	 font-size: 10px;
	 color: #fff;
	 font-family: "Nexa bold";
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list {
	 color: #3c3b40;
	 max-height: 100vh;
	 overflow-y: scroll;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item {
	 border-bottom: 1px solid #24303e;
	 padding: 20px 0;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item p.title {
	 position: relative;
	 padding-right: 30px;
	 cursor: pointer;
	 font-size: 16px;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item p.title .arrow {
	 position: absolute;
	 right: 10px;
	 top: 50%;
	 transform: translate(0, -50%);
	 transition: all 0.3s;
	 transform-origin: center;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item.active p.title .arrow {
	 transform: translate(0, -50%) rotate(90deg);
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item .text {
	 display: none;
	 padding-left: 20px;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item .text ol {
	 list-style: decimal;
}
 .section_wrapper[data-section="chapter_seven"] .f_and_f .features_list .feature_item .text ol li {
	 display: list-item;
	 margin-bottom: 15px;
	 font-size: 14px;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion {
	 display: flex;
	 width: 80%;
	 margin: 0 auto;
	 margin-top: 3em;
	 padding-bottom: 2em;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_seven"] .fnf_accordion {
		 flex-direction: column;
	}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_seven"] .fnf_accordion {
		 width: 90%;
	}
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left {
	 width: 50%;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left {
		 width: 100%;
	}
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .download_fnf {
	 padding: 1em 3em;
	 background: #8ab09b;
	 margin-top: 2em;
	 display: inline-block;
	 font-family: "Nexa bold";
	 text-align: center;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .download_fnf:hover {
	 color: #fff;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper {
	 width: 100%;
	 position: relative;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .arrow {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 z-index: 2;
	 width: 40px;
	 cursor: pointer;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .arrow.next_arrow {
	 right: 1em;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .arrow.next_arrow {
		 right: 0.5em;
	}
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .arrow.prev_arrow {
	 left: 1em;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .arrow.prev_arrow {
		 left: 0.5em;
	}
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .swiper-pagination-bullet {
	 background: #fff;
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .swiper-pagination-bullet-active {
	 background: #b23a3a;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .swiper-slide {
	 text-align: center;
	 font-size: 18px;
	 background: #fff;
	/* Center slide text vertically */
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 -webkit-justify-content: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
	 align-items: center;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .left .swiper .swiper-slide img {
	 display: block;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .right {
	 width: 50%;
	 margin-left: 3em;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .right {
		 width: 100%;
		 margin: 3em 0 0 0;
	}
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .right .accordion .title {
	 display: flex;
	 justify-content: space-between;
	 border-bottom: 1px solid #24303e;
	 padding-bottom: 1em;
	 margin-bottom: 1em;
	 font-family: "Nexa bold";
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .right .accordion .title span {
	 text-transform: capitalize;
}
 .section_wrapper[data-section="chapter_seven"] .fnf_accordion .right .accordion .content {
	 color: #24303e;
}
/* ----------- CHAPTER SEVEN END -------------------- */
/* ----------- CHAPTER EIGHT -------------------- */
 .section_wrapper[data-section="chapter_eight"] {
	/* padding-left: 130px;*/
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_eight"] {
		 padding-left: 0;
	}
}
 .section_wrapper[data-section="chapter_eight"] .section_title {
	 background: url("../img/chapter_eight/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_eight"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_eight/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_eight"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info {
	 position: relative;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .awards_stripe {
	 background: #24303e;
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 padding-top: 10px;
	 padding-bottom: 10px;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info.bromont {
	 background: url("../img/chapter_eight/bromont_bg.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info.pristine {
	 background: url("../img/chapter_eight/pristine_bg.jpg") center;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .line {
	 position: absolute;
	 width: 80%;
	 left: 10%;
	 height: 2px;
	 background: rgba(255, 255, 255, 0.7);
	 bottom: 0px;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .img_container {
	 position: relative;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .img_container .round_btn {
	 position: absolute;
	 left: -20%;
	 top: -20%;
	 z-index: 2;
	 width: 100px;
	 height: 100px;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .img_container .round_btn p {
	 text-transform: none;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .img_container .round_btn.tilt_left {
	 transform: rotate(-15deg);
}
 .section_wrapper[data-section="chapter_eight"] .builder_info .img_container .round_btn.tilt_right {
	 right: -20%;
	 left: auto;
	 transform: rotate(15deg);
}
 .section_wrapper[data-section="chapter_eight"] .builder_info p b {
	 font-family: "Nexa bold";
	 font-size: 22px;
}
 .section_wrapper[data-section="chapter_eight"] .builder_info h4 {
	 color: #fff;
	 font-size: 30px;
}
/* ----------- CHAPTER EIGHT END -------------------- */
/* ----------- CHAPTER NINE -------------------- */
 .section_wrapper[data-section="chapter_nine"] {
	 padding-left: 130px;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_nine"] {
		 padding-left: 0;
	}
}
 .section_wrapper[data-section="chapter_nine"] .section_title {
	 background: url("../img/chapter_nine/main_poster.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_nine"] .section_title .inner {
	 opacity: 0;
	 z-index: 1;
	 transition: all 0.4s;
	 background: url("../img/chapter_nine/main_poster_nature.jpg") right bottom;
	 background-size: cover;
}
 .section_wrapper[data-section="chapter_nine"] .section_title.nature .inner {
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .homes_title {
	 text-align: center;
	 padding: 2em 0;
	 width: 100%;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .homes_title {
		 padding: 2em 0 1em 0;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .homes_title span {
	 display: block;
	 color: #24303e;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .homes_title span.chapter {
	 font-family: "Nexa light";
	 font-size: 16px;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .homes_title span.home_type {
	 font-family: "PlayfairDisplay semibold";
	 font-size: 40px;
}
 @media screen and (max-width: 768px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .homes_title.townhomes_header {
		 margin-top: 80px;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads {
	 margin: 2em 0;
	 padding: 0 1em;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads {
		 padding: 0;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .content_p {
	 color: black;
	 margin-bottom: 2em;
	 width: 70%;
	 margin-left: 15%;
	 text-align: center;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .content_p {
		 width: 90%;
		 margin-left: 5%;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items {
	 display: flex;
	 justify-content: center;
	 text-align: center;
	 width: 90%;
	 margin-left: 5%;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="chapter_seven"] p.disclaimer {padding: 0.5rem 1.5rem;}
	 .mapsIMG {width: -webkit-fill-available;}
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items {
		 width: 100%;
		 margin-left: 0;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download {
	 margin: 5px 20px;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer {
	 border: 1px solid #24303d;
	 padding: 3px;
	 border-radius: 50%;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner {
	 background: #24303d;
	 width: 150px;
	 height: 150px;
	 border-radius: 50%;
	 border: 2px solid #24303d;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 transition: 400ms all ease;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner {
		 width: 130px;
		 height: 130px;
	}
}
 @media screen and (max-width: 375px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner {
		 width: 120px;
		 height: 120px;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner p {
	 color: #fff;
	 font-family: "Nexa bold";
	 font-size: 15px;
}
 @media screen and (max-width: 550px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner p {
		 font-size: 13px;
	}
}
 @media screen and (max-width: 375px) {
	 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner p {
		 font-size: 12px;
	}
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner:hover {
	 background: #fff;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download .outer .inner:hover p {
	 color: #24303d;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner {
	 position: relative;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner .hover {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width: 100%;
	 visibility: hidden;
	 opacity: 0;
	 transition: 300ms all ease;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner .original {
	 transition: 300ms all ease;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner:hover {
	 background: #b23a3a;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner:hover p {
	 color: #fff;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner:hover .hover {
	 visibility: visible;
	 opacity: 1;
}
 .section_wrapper[data-section="chapter_nine"] .buyer_portal_container .downloads .download_items .download.no_download .outer .inner:hover .original {
	 visibility: hidden;
	 opacity: 0;
}
/* ----------- CHAPTER NINE END -------------------- */
/* ----------- CHAPTER CONTACT -------------------- */
 .section_wrapper[data-section="contact"] {
	 padding-left: 130px;
}
 @media screen and (max-width: 990px) {
	 .section_wrapper[data-section="contact"] {
		 padding-left: 0;
	}
}
 .section_wrapper[data-section="contact"] .main_poster {
	 background: url("../img/contact/bg.jpg") center top;
	 background-size: cover;
}
 .section_wrapper[data-section="contact"] .main_poster p {
	 font-size: 33px;
	 margin-bottom: 5px;
}
 .section_wrapper[data-section="contact"] .main_poster p.sales_email {
	 font-size: 22px;
}
 .section_wrapper[data-section="contact"] .main_poster p.sales_email:hover a {
	 color: #8ab09b;
}
/* ----------- CHAPTER CONTACT END -------------------- */
 .model_popup {
	 position: fixed;
	 top: 0;
	 left: 130px;
	 width: calc(100vw - 130px);
	 height: 100%;
	 background: rgba(255, 255, 255, 0.75);
	 backdrop-filter: blur(12px);
	 z-index: 5;
	 overflow: auto;
	 display: none;
}
 @media screen and (max-width: 990px) {
	 .model_popup {
		 left: 0;
		 width: 100vw;
		 top: 70px;
	}
}
 @media screen and (max-width: 768px) {
	 .model_popup {
		 top: 30px;
		 padding: 2em 0;
	}
}
 .model_popup .wrapper {
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 700px;
	 height: 100%;
}
 .model_popup .wrapper.themarsdale, .model_popup .wrapper.thehighland, .model_popup .wrapper.thecarnegie, .model_popup .wrapper.thespillsbury, .model_popup .wrapper.thebensfort {
	 align-items: flex-start;
	 margin: 40px 0 20px 0;
	 height: auto;
}
 @media screen and (max-width: 768px) {
	 .model_popup .wrapper {
		 align-items: flex-start !important;
		 margin: 70px 0 20px 0 !important;
	}
}
 .model_popup .wrapper .content {
	 display: flex;
	 width: 80%;
	 position: relative;
}
 @media screen and (max-width: 768px) {
	 .model_popup .wrapper .content {
		 flex-direction: column;
		 width: 90%;
	}
}

.thehomesModal {left: 0;width: 100%;}
.thehomesModal .content { width:100%;}
.thehomesModal .thecarnegie { margin:50px auto;}

 .model_popup .wrapper .content .close_btn {
	 position: absolute;
	 left: -20px;
	 top: -20px;
	 width: 50px;
	 cursor: pointer;
	 z-index: 2;
}
 .model_popup .wrapper .content .left {
	 width: 40%;
	 /* height: 100%; */
}
 @media screen and (max-width: 990px) {
	 .model_popup .wrapper .content .left {
		 width: 50%;
	}
}
 @media screen and (max-width: 768px) {
	 .model_popup .wrapper .content .left {
		 width: 100%;
	}
}
 .model_popup .wrapper .content .left .rendering {
	 width: 100%;
}
 @media screen and (max-width: 550px) {
	 .model_popup .wrapper .content .left .rendering {
		 height: 100%;
	}
}
 .model_popup .wrapper .content .left .rendering .img {
	 width: 100%;
	 /* height: 100%; */
	 object-fit: cover;
	 line-height: 1;
}
 .model_popup .wrapper .content .left .elevations {
	 display: flex;
	 justify-content: center;
	 margin-top: -6px;
	 flex-wrap: wrap;
}
 .model_popup .wrapper .content .left .elevations .elevation {
	 background: #3c3b40;
	 text-align: center;
	 font-family: "Nexa bold";
	 width: 33.33%;
	 font-size: 15px;
	 text-transform: uppercase;
	 line-height: 1;
	 padding: 1em 10px;
	 border: 1px solid #fff;
	 border-right: 0;
	 cursor: pointer;
	 transition: 300ms all ease;
}
 .model_popup .wrapper .content .left .elevations .elevation.elevation_a {
	 border-left: 0;
}
 .model_popup .wrapper .content .left .elevations .elevation.active {
	 background: #b23a3a;
}
 .model_popup .wrapper .content .left .model_info {
	 background: #d78355;
	 padding: 1em 10px;
	 text-align: center;
}
 .model_popup .wrapper .content .left .model_info.frontage_36 {
	 background: #8bb09c;
}
 .model_popup .wrapper .content .left .model_info.frontage_40 {
	 background: #c8b56f;
}
 .model_popup .wrapper .content .left .model_info.frontage_50 {
	 background: #507282;
}
 .model_popup .wrapper .content .left .model_info .model_name {
	 font-family: "Nexa bold";
	 font-size: 19px;
}
 .model_popup .wrapper .content .left .model_info .frontage {
	 font-family: "Nexa light";
	 font-size: 19px;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths {
	 display: flex;
	 justify-content: space-evenly;
	 margin-top: 30px;
	 align-items: center;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths .size, .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths {
	 width: 100%;
	 text-align: center;
	 padding: 5px 0;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths .size {
	 border-right: 1px solid #fff;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths {
	 display: flex;
	 justify-content: center;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths img {
	 height: 15px;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths .beds, .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths .baths {
	 margin: 0 10px;
	 display: flex;
	 align-items: center;
}
 .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths .beds span, .model_popup .wrapper .content .left .model_info .size_beds_baths .beds_baths .baths span {
	 margin-right: 5px;
	 margin-top: 2px;
	 display: inline-block;
}
 .model_popup .wrapper .content .left .cta_bottom {
	 background: #3c3b40;
	 padding: 1em 10px 0.8em 10px;
	 text-align: center;
	 display: block;
	 font-family: "Nexa bold";
	 font-size: 15px;
}
 .model_popup .wrapper .content .left .cta_bottom:hover {
	 color: #b23a3a;
}
 .model_popup .wrapper .content .left .cta_bottom.view_homesites {
	 border-top: 1px solid #fff;
}
 .model_popup .wrapper .content .right {
	 width: 60%;
	 flex-grow: 1;
}
 @media screen and (max-width: 990px) {
	 .model_popup .wrapper .content .right {
		 width: 50%;
	}
}
 @media screen and (max-width: 768px) {
	 .model_popup .wrapper .content .right {
		 width: 100%;
	}
	.model_popup .wrapper .content .left .elevations .elevation{font-size:13px;}
}
 .model_popup .wrapper .content .right .modelPopupSwiper {
	 width: 100%;
	 height: 100%;
	 position: relative;
	 background: #fff;
	 padding-bottom: 2rem;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .arrow {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 z-index: 2;
	 height: 35px;
	 cursor: pointer;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .arrow.left_arrow {
	 left: 1em;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .arrow.right_arrow {
	 right: 1em;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide {
	 text-align: center;
	 font-size: 18px;
	 /* height: 100%; */
	 position: relative;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide .content {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-evenly;
	 align-items: space-evenly;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide .content a {
	 width: 100%;
	 height: 100%;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide .content a .zoom_icon {
	 position: absolute;
	 height: 40px;
	 bottom: 10%;
	 right: 12%;
	 object-position: right;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide .content a .floorplan {
	 display: block;
	 width: 100%;
	 height: 90%;
	 object-fit: contain;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide .content a .disclaimer {
	 color: black;
	 margin-top: 10px;
	 font-size: 11px;
}
 .model_popup .wrapper .content .right .modelPopupSwiper .swiper-slide .content span {
	 color: #3c3b40;
	 font-family: "Nexa bold";
	 font-size: 19px;
}
 .tippy-content {
	 padding: 10px 20px;
}
 .tippy-content a {
	 display: block;
	 margin: 7.5px 0;
}
 .tippy-content a:hover {
	 color: #8ab09b;
}
 img, svg {
	 image-rendering: -moz-crisp-edges;
	 image-rendering: -o-crisp-edges;
	 image-rendering: -webkit-optimize-contrast;
	 -ms-interpolation-mode: nearest-neighbor;
}
 sup {
	 position: relative;
	 top: -0.5em;
	 left: -2px;
	 font-size: 9px;
}
 .footer {
	 text-align: center;
	 padding: 1.5em 3em;
}
 @media screen and (max-width: 550px) {
	 .footer {
		 padding: 1.5em;
	}
}
 .footer p {
	 color: black;
}
 .models_flex .thewallis, .models_flex .theforster {
	 display: none !important;
}

#exTab1 .nav .active a{background: #b23a3a;}

#exTab1 .nav {justify-content: center;margin:1rem 0;}
 
 #exTab1 .nav a{
	background: #3c3b40;
	padding: 1em;
    border-left: 1px solid #fff;
    cursor: pointer;
    font-family: "Nexa bold";
    font-size: 17px;
    transition: 300ms all ease;
    text-align: center;
	text-transform: uppercase;
}

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

.sliderbutton
{
    /* z-index:1000; */
    cursor:pointer;font-family: 'NexaLight';
    text-transform: uppercase;
    color: #000!important;
    display: flex;
    top: auto;
    position: absolute;
    right: 5%;
    bottom: 5%;
    left: auto;
    text-align: center;
    flex-direction: column;
    align-items: center;
    font-weight: 900;
    letter-spacing: 1.025px;
    word-spacing: 3px;
    font-size: 16px;
}

.arrow {
    margin: 20px;
  box-sizing: border-box;
    height: 1.5vw;
    width: 1.5vw;
    border-style: solid;
    border-color: black;
    border-width: 0px 3px 3px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
}

.sliderbutton:hover{color:#000!important;}

.arrow:hover {
  border-bottom-width: 4px;
  border-right-width: 4px;
}

.modal_popup{display:none!important;}