/* header */
header { justify-content: space-between; padding-bottom: 28px; padding-left: 25px; padding-top: 31px; width: 100%; }
header a.logo { height: 30px; width: 78px; }
header nav { padding-left: 0px; margin-bottom: -4px; padding-right: 25px; }
header nav ul li { margin-right: 0px; margin-left: 15px; }
header nav ul li a { font-size: 12px; }


/* banner */
.banner { align-items: stretch; background-size: 50% auto !important; background-position: right center !important; min-height: 408px; top: 89px; }
.banner .banner-content { display: flex; flex-direction: column; justify-content: center; margin-top: 0px; position: relative; z-index: 3; width: 50%; }
.banner .banner-content h1 { font-size: 19.5px; line-height: 2.18em; margin-top: -112px; }
.banner .banner-content h2 { font-size: 19.5px; line-height: 2.18em; margin-top: -112px; }
.banner .banner-content p { font-size: 12px; line-height: 1.65em; max-width: 280px; padding-bottom: 12px; }
.banner .banner-content hr { width: 47px; }
.banner .banner-content hr + a { font-size: 12px; margin-top: 8px; }
.banner .banner-content a { font-size: 12px; line-height: 1.65em; }
.banner .banner-bg { background-size: 118% auto !important; background-position: right top !important; bottom: -106px; height: 353px; width: 186px; z-index: 2; }


/* banner - about */
.about-page .banner { background-color: #F3F3F3 !important; height: inherit; }
.about-page .banner .banner-content-helper { padding-bottom: 0px; padding-top: 80px; }
.about-page .banner:after { background: #fff; height: inherit; width: 40%; }
.about-page .banner:before { background: #fff; content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 50%; z-index: 1; }
.about-page .banner .banner-content { margin-left: 60px; margin-top: 73px; width: 35% }
.about-page .banner .banner-content h1 { font-size: 16px; line-height: 1.188em; margin-bottom: 18px; }
.about-page .banner .banner-content p { font-size: 12px; line-height: 1.67em; padding-bottom: 32px; }
.about-page .banner .banner-bg { background-size: 100% auto !important; left: -23px; bottom: inherit; height: 374px; top: 219px; width: 72px }
.about-page .banner .banner-offer { padding-top: 10px;  }
.about-page .banner .banner-offer h2 { font-size: 19.5px; line-height: 1.25em; margin-top: 0px; }
.about-page .banner .banner-offer h2 + ul { padding-top: 7px; }
.about-page .banner .banner-offer h2 + ul li:after { font-size: 18px; padding-left: 12px; padding-right: 12px; top: 5px; }
.about-page .banner .banner-offer h2 + ul li a { font-size: 12px; line-height: 2.01em;  }


/* offer */
.offer { margin-top: 102px; padding-top: 98px; }
.offer .offer-bg { background-size: auto 100% !important; top: -90px; display: block; height: 234px; right: 95px; width: 48px; }
.offer h2 { font-size: 19.5px; line-height: 2.25em; }
.offer h2 + ul { padding-top: 2px; }
.offer h2 + ul li:after { font-size: 18px; padding-left: 12px; padding-right: 12px; top: 5px; }
.offer h2 + ul li a { font-size: 12px; line-height: 2.01em; }
.offer .offer-grid { flex-direction: column; padding-top: 34px; width: calc(100% - 120px); }
.offer .offer-grid .offer-images { max-width: inherit; position: relative; width: 100%; }
.offer .offer-grid .offer-images .slick-dots { left: -25px; top: 0px; width: 8px; }
.offer .offer-grid .offer-images .slick-dots li { margin-bottom: 9px; }
.offer .offer-grid .offer-images .slick-dots li button { height: 8px; width: 8px; }
.offer .offer-grid .offer-content { padding-left: 0px; padding-bottom: 81px; padding-top: 27px; width: 100%; }
.offer .offer-grid .offer-content .offer-content-inner { max-width: inherit; }
.offer .offer-grid .offer-content .offer-content-inner p { font-size: 12.01px; line-height: 1.67em; margin-bottom: 31px; }


/* story */
.story { z-index: 9; }
.story .story-inner { overflow: inherit; }
.story .story-inner:before { display: none; }
.story .story-inner .story-left { padding-bottom: 100px; padding-left: 25px; padding-right: 0; padding-top: 122px; width: 55%; }
.story .story-inner .story-left:before { height: 38px; left: inherit; margin-top: 122px; position: absolute; right: 0px; top: 0px; width: 18px; z-index: 2; }
.story .story-inner .story-left img { border-bottom-width: 38px; border-left-width: 0px; border-right: 18px solid #F3F3F3; margin-left: auto; width: calc(100% - 0px); }
.story .story-inner .story-right { padding-bottom: 0px; padding-left: 32px; padding-right: 6%; padding-top: 105px; position: relative; width: 45%; }
.story .story-inner .story-right h2,
.story .story-inner .story-right p { max-width: inherit; }
.story .story-inner .story-right h2 { font-size: 19.5px; line-height: 1.2em; margin-bottom: 12px; }
.story .story-inner .story-right p { font-size: 12px; line-height: 1.67em; margin-bottom: 13px; }
.story .story-inner .story-left-bg { background-size: 100% auto !important; bottom: 200px; display: block; height: 107px; left: 0px; max-width: 293px; position: absolute; width: 40%; z-index: -2; }
.story .story-inner .story-right-bg { display: none; }


/* map */
.map { padding-top: 18px; }
.map .map-inner { width: calc(100% - 50px); }
.map .map-inner h3 { font-size: 19.5px; margin-bottom: 29px; }


/* community */
.community { padding-top: 30px; }
.community .community-inner { width: calc(100% - 50px); }
.community .community-inner h3 { font-size: 19.5px; line-height: 1.25em; margin-bottom: 32px; }
.community .community-inner .community-grid article { padding-bottom: 56px; width: 50%; }
.community .community-inner .community-grid article:nth-child(odd) { padding-right: 40px; }
.community .community-inner .community-grid article:nth-child(even) { padding-left: 40px; }
.community .community-inner .community-grid article h4 { font-size: 11px; line-height: 1.25em; } 
.community .community-inner .community-grid article h2 { font-size: 15.5px; line-height: 1.16em; max-width: inherit; padding-bottom: 25px; padding-top: 19px; padding-right: inherit; } 
.community .community-inner .community-grid article img { float: none; margin-bottom: 0px; height: auto; margin-top: 18px; max-width: 106px; }
.community .community-inner .community-grid article hr { height: 1px; width: 47px; margin-bottom: 26px; }
.community .community-inner .community-grid article p { font-size: 12px; line-height: 1.67em; max-width: inherit; padding-bottom: 17px; } 
.community .community-inner .community-grid article .community-link { cursor: pointer; font-size: 15px; }


/* community-modal */
.community-modal {  }
.community-modal .community-inner { padding-top: 77px; width: calc(100% - 120px); }
.community-modal .community-inner h4 { font-size: 11px; line-height: 1.25em; } 
.community-modal .community-inner h2 { font-size: 15.5px; line-height: 1.16em; padding-bottom: 25px; padding-top: 19px; } 
.community-modal .community-inner img { float: none; margin-bottom: 0px; height: auto; margin-top: 18px; max-width: 106px; }
.community-modal .community-inner hr {  height: 1px; width: 47px; margin-bottom: 26px; }
.community-modal .community-inner p { font-size: 12px; line-height: 1.67em; max-width: inherit; padding-bottom: 19px; } 
.community-modal .community-inner .community-close { height: 34px; font-size: 12px; line-height: 32px; width: 34px; }


/* instagram-block */
.instagram-block { padding-top: 20px; }
.instagram-block .instagram-bg { background-size: 100% auto !important; height: 386px; top: -160px; width: 256px; }
.instagram-block .instagram-grid { width: calc(100% - 120px); }
.instagram-block .instagram-grid h5 { background-size: 17px auto; font-size: 12.41px; line-height: 17px; padding-left: 25px; }
.instagram-block .instagram-grid .instafeed { padding-top: 17px; width: 100%; }
.instagram-block .instagram-grid .instafeed li { width: calc(25% - 4px); }

#sbi_images { flex-wrap: wrap; padding-top: 17px; width: 100% !important; }
#sbi_images .sbi_item  { width: calc(25% - 4px) !important; }

.testimonials { margin-top: -51px; padding-top: 51px; width: calc(100% - 100px); }
.testimonials .testimonials-item { padding-bottom: 83px; padding-top: 64px; }
.testimonials .testimonials-item:before { font-size: 104.01px; left: 8%; margin-top: 19px; transform: skew(11deg, 0deg); }
.testimonials .testimonials-item .testimonials-content { padding-left: 20%; padding-right: 16%; width: 100%; }
.testimonials .testimonials-item .testimonials-content h6 { font-size: 13px; line-height: 1.58em; margin-bottom: 12px; }
.testimonials .testimonials-item .testimonials-content p { font-size: 12px; }
.testimonials .slick-dots { right: 62px; top: 108px; width: 6px; }
.testimonials .slick-dots li { margin-bottom: 8px; width: 100%; }
.testimonials .slick-dots li button { height: 6px; width: 6px; }


/* articles */
.articles { padding-bottom: 102px; padding-top: 89px; }
.articles .articles-inner { width: calc(100% - 80px) }
.articles .articles-inner article { min-height: 178px; padding-left: 20px; padding-right: 20px; width: 50%; }
.articles .articles-inner article:nth-of-type(3) { display: none; }
.articles .articles-inner article h5 { font-size: 10px; padding-bottom: 16px; }
.articles .articles-inner article h2 { font-size: 15px; line-height: 1.73em; padding-bottom: 52px; }
.articles .articles-inner article a { font-size: 12px; }
.articles .articles-inner article a:before { height: 2px; margin-top: -21px; width: 41px; }


/* footer-inner */
footer .footer-inner { width: calc(100% - 50px); }
footer .footer-inner .footer-logo { padding-top: 52px; width: 50%; }
footer .footer-inner .footer-logo a { width: 92px; }
footer .footer-inner .footer-socials { padding-top: 73px; width: 50%; }
footer .footer-inner .footer-socials a { display: inline-block; height: 18px; width: 18px; }
footer .footer-inner .footer-socials a.icon-fb,
footer .footer-inner .footer-socials a.icon-ig { background-size: 100% auto; }
footer .footer-inner .footer-nav { padding-bottom: 32px; padding-top: 30px; width: calc(100% / 3); }
footer .footer-inner .footer-nav.footer-nav-first { padding-top: 27px; }
footer .footer-inner .footer-nav.footer-nav-first ul li a { font-size: 12px; line-height: 1.7em; margin-bottom: 7px; }
footer .footer-inner .footer-nav.footer-nav-first ul li.link-title a { font-size: 15px; margin-bottom: 13px; }
footer .footer-inner .footer-nav ul li a { font-size: 12px; line-height: 1.7em; margin-bottom: 7.5px; }
footer .footer-inner .footer-end { padding-bottom: 55px; padding-top: 21px; width: 100%; }
footer .footer-inner .footer-end p { font-size: 12px; }



/* home-process */
.homes-process { padding-top: 89px; }
.homes-process .home-process-bg.bg-left { height: 971px; left: -102px; top: 395px; width: 166px; }
.homes-process .home-process-bg.bg-right { height: 843px; right: -80px; top: 119px; width: 144px; }
.homes-process .homes-process-link { font-size: 18px; padding-top: 30px; }
.homes-process .homes-process-inner { padding-bottom: 65px; padding-top: 80px; width: calc(100% - 120px); }
.homes-process .homes-process-inner:after { bottom: -93px; height: 93px; left: -60px; }
.homes-process .homes-process-inner h1 { font-size: 23px; padding-bottom: 12px; }
.homes-process .homes-process-inner h1 + p { font-size: 13px; line-height: 1.72em; max-width: 90%; padding-bottom: 48px; }
.homes-process .homes-process-inner h3 { font-size: 19.5px; padding-bottom: 13px; }
.homes-process .homes-process-inner .homes-process-grid { display: flex; flex-wrap: wrap; padding-top: 21px; }
.homes-process .homes-process-inner .homes-process-grid article { padding-bottom: 76px; margin-right: 30px; width: calc(50% - 30px); }

.homes-process .homes-process-inner .homes-process-grid article:last-child { padding-bottom: 85px; }
.homes-process .homes-process-inner .homes-process-grid article img { margin-bottom: 20px; }
.homes-process .homes-process-inner .homes-process-grid article h2 { font-size: 17px; line-height: 1.2em; margin-bottom: 7px; }
.homes-process .homes-process-inner .homes-process-grid article p { font-size: 13px; line-height: 1.72em; }

.homes-process .homes-projects { padding-top: 50px; width: calc(100% - 120px); }
.homes-process .homes-projects:before { left: -60px; }
.homes-process .homes-projects h3 { font-size: 11px; }
.homes-process .homes-projects .homes-projects-grid { padding-bottom: 23px; padding-top: 27px; }
.homes-process .homes-projects .homes-projects-grid a { font-size: 12px; margin-bottom: 16px; width: calc(50% - 15px); }
.homes-process .homes-projects .homes-projects-grid a:nth-child(2n) { margin-left: 30px; }
.homes-process .homes-projects .homes-projects-grid a p { padding-bottom: 3px; padding-top: 12px; }
.homes-process .homes-projects ul.page-numbers { margin-left: -60px; padding-bottom: 57px; padding-top: 35px; padding-right: 60px; width: calc(100% + 120px); }
.homes-process .homes-projects ul.page-numbers li a { font-size: 11px; margin: 0px 10px; } 
.homes-process .homes-projects ul.page-numbers li span { font-size: 11px; margin: 0px 10px; } 


/* homes-internal */
.homes-internal { padding-bottom: 73px; padding-top: 164px; width: 100%; }
.homes-internal:before { height: 224px; right: 123px; top: 250px; width: calc(50% - 100px); }
.homes-internal .homes-internal-bg { height: 367px; top: 66px; width: 234px; }
.homes-internal .homes-left { padding-left: 25px; padding-top: 18px; top: 122px; width: 45%; }
.homes-internal .homes-left h1 { font-size: 16px; line-height: 1.15em; padding-bottom: 12px; width: 90%; }
.homes-internal .homes-left p { font-size: 12px; line-height: 1.67em; width: 90%; }
.homes-internal .homes-right { padding-right: 25px; width: 50%; }
.homes-internal .homes-right img { margin-bottom: 15px; }
.homes-internal .homes-internal-bg + a { font-size: 16px; margin-top: 42px; padding-top: 30px; width: 50%; }
.homes-internal .homes-internal-bg + a span { font-size: 11px; margin-top: 7px; }


/* news */
.news { padding-top: 153px; }
.news .news-bg { height: 297px; top: 117px; width: 223px; }
.news .news-inner { width: calc(100% - 80px);  }
.news .news-inner:before { height: calc(100% - 210px); left: -40px; width: calc(100% - 33px); }
.news .news-inner h1 { font-size: 21px; margin-bottom: 29px; }
.news .news-inner .news-loading { min-height: 100px; padding-top: 25px; }
.news .news-inner .news-filters li { padding-right: 23px; }
.news .news-inner .news-filters li a { font-size: 13px; padding: 7px 20px; padding-bottom: 13px; }
.news .news-inner .news-filters li a.current { padding-bottom: 11px; }
.news .news-inner .news-grid { padding-top: 55px; width: calc(100% + 40px); }
.news .news-inner .news-grid a.post { margin-bottom: 45px; margin-right: 40px; width: calc(50% - 40px); }
.news .news-inner .news-grid a.post p.news-tags { font-size: 11px; padding-bottom: 24px; }
.news .news-inner .news-grid a.post p.news-tags span { padding-right: 10px; }
.news .news-inner .news-grid a.post .post-image { margin-bottom: 25px; }
.news .news-inner .news-grid a.post .post-image + p { font-size: 15px; line-height: 1.33em; margin-bottom: 24px; }
.news .news-inner .news-grid a.post hr { width: 47px; }
.news .news-inner .news-grid a.post hr + span { font-size: 13px; padding-top: 18px; }
.news .news-inner .news-grid ul.page-numbers { margin-left: -40px; margin-top: 14px; padding-bottom: 58px; padding-top: 39px; padding-right: 40px; width: calc(100% + 80px); }
.news .news-inner .news-grid ul.page-numbers li a,
.news .news-inner .news-grid ul.page-numbers li span { font-size: 11px; margin: 0px 10px; } 


/* news-internal */
.news-internal { padding-bottom: 90px; padding-top: 165px; }
.news-internal:before { height: 131px; right: 123px; top: 250px; width: calc(50% - 100px);  }
.news-internal .news-left { padding-left: 25px; padding-top: 20px; top: 122px; width: 45%; }
.news-internal .news-left p { font-size: 12px; line-height: 1.67em; padding-bottom: 10px; width: 80%; }
.news-internal .news-left p.title { font-size: 16px; line-height: 1.2em; padding-bottom: 13px; }
.news-internal .news-left p.meta { font-size: 10px; line-height: 1.64em; padding-bottom: 21px; }
.news-internal .news-left p.meta span i { padding-right: 5px; }
.news-internal .news-right { padding-right: 25px; width: 50%; }
.news-internal .news-right img { margin-bottom: 15px; }
.news-internal .news-right .news-content { display: block; padding-top: 51px; }
.news-internal .news-right .news-content h1 { font-size: 26px; line-height: 1.2em; padding-bottom: 8px; }
.news-internal .news-right .news-content h2 { font-size: 22px; line-height: 1.18em; padding-bottom: 8px; padding-top: 16px; }
.news-internal .news-right .news-content h3 { font-size: 18px; line-height: 1.39em; padding-bottom: 9px; padding-top: 16px; }
.news-internal .news-right .news-content p { font-size: 12px; line-height: 1.67em; width: 90%; padding-bottom: 8px; }
.news-internal .news-right .news-content ul { font-size: 12px; line-height: 1.67em; width: 90%; }
.news-internal .news-right .news-content ul li { margin-bottom: 10px; }




/* latest-news */
.latest-news { display: block; margin: 0px auto; overflow: hidden; position: relative; width: calc(100% - 50px); }
.latest-news h6 { font-size: 16px; line-height: 1.2em; font-weight: normal; }
.latest-news .latest-news-grid { display: flex; padding-bottom: 98px; padding-top: 41px; width: calc(100% + 40px) }
.latest-news .latest-news-grid article { display: block; margin-right: 40px; position: relative; width: calc(50% - 40px) }
.latest-news .latest-news-grid article:nth-of-type(3) { display: none; }
.latest-news .latest-news-grid article h5 { font-size: 10px; margin-bottom: 20px; }
.latest-news .latest-news-grid article h2 { font-size: 15px; line-height: 1.71em; padding-bottom: 80px; }
.latest-news .latest-news-grid article a { font-size: 12px; }
.latest-news .latest-news-grid article a:before { height: 2px; margin-top: -23px; width: 41px; }




/* contact */
.contact { padding-top: 111px;  }
.contact .contact-left { padding-left: 60px; padding-top: 53px; width: 45%; }
.contact .contact-left h1 { font-size: 21px; line-height: 1.2em; padding-bottom: 21px; }
.contact .contact-left p { font-size: 13px; line-height: 1.85em; padding-bottom: 10px; }
.contact .contact-left .contact-socials p { padding-bottom: 9px; }
.contact .contact-left .contact-socials a { display: inline-block; height: 22px; margin-right: 10px; width: 22px; }
.contact .contact-left .contact-socials a.icon-fb { background: url(../img/fb-trans.png) no-repeat center center; }
.contact .contact-left .contact-socials a.icon-ig { background: url(../img/ig-trans.png) no-repeat center center; }
.contact .contact-right { padding-left: 40px; padding-right: 60px; padding-top: 53px; width: 55%; }
.contact .contact-right .form-grid { display: flex; flex-direction: column; max-width: inherit; padding-bottom: 66px; }
.contact .contact-right .form-grid h2 { font-size: 21px; line-height: 1.2em; padding-bottom: 12px; width: 100%; }
.contact .contact-right .form-grid h2 + p { font-size: 13px; line-height: 1.85em; padding-bottom: 10px; }
.contact .contact-right .form-grid .form-left { margin-right: 0px; width: 100%; }
.contact .contact-right .form-grid .form-right { width: 100%; }
.contact .contact-right .form-grid label {  margin-bottom: 10px; }
.contact .contact-right .form-grid input,
.contact .contact-right .form-grid textarea { font-size: 13px; min-height: 38px; padding: 14px 0px 14px 0px; }
.contact .contact-right .form-grid textarea { height: 45px; margin-bottom: 27px; }
.contact .contact-right .form-grid hr { width: 47px; }
.contact .contact-right .form-grid input[type="submit"] { font-size: 18px; padding-top: 21px; }
.contact .contact-right .form-grid .select .sbHolder { min-height: 45px; }
.contact .contact-right .form-grid .select .sbSelector { font-size: 13px; padding: 14px 30px 14px 0px; }
.contact .contact-right .form-grid .select .sbOptions { line-height: 1.67em; top: 44px !important; padding-bottom: 12px; padding-top: 16px; }
.contact .contact-right .form-grid .select .sbOptions a { font-size: 12px; padding: 8px 15px 8px 15px; }
.contact .contact-right .form-grid .select .sbHolder .sbToggle { background: none; height: 100%; position: absolute; right: 0px; top: 0px; width: 32px; }
.contact .contact-right .form-grid .select .sbHolder .sbToggle:after { right: 11px; top: 25px; }
.contact .contact-bg { height: 420px; left: -23px; top: 311px; width: 99px; }

.thanks-page .contact .contact-right { height: 533px; }
.thanks-page .contact .contact-right .form-grid h2 { padding-bottom: 14px; }
.thanks-page .contact .contact-right .form-grid h2 + p { font-size: 13px; line-height: 1.72em; }




.content-404 { padding-top: 171px; }
.content-404 .content-inner { height: 260px; }

.content-404 .content-inner h2 { font-size: 56.33px; line-height: 1.2em; padding-bottom: 9px; }
.content-404 .content-inner p { font-size: 17.39px; line-height: 1em; }