/* header */
header { padding-bottom: 20px; padding-left: 30px; padding-top: 39px; width: 60%; }
header a.logo { height: 34px; width: 89px; }
header nav { padding-left: 40px; max-width: 400px; }
header nav ul li { margin-right: 20px; }
header nav ul li a { font-size: 13px; line-height: 1em; }


/* banner */
.banner { background-size: 40% auto !important; min-height: 542px; }
.banner .banner-content { margin-top: -74px; width: 60%; }
.banner .banner-content h1 { font-size: 24px; line-height: 2.18em; }
.banner .banner-content h2 { font-size: 24px; line-height: 2.18em; }
.banner .banner-content p { font-size: 15px; line-height: 1.65em; max-width: 310px; padding-bottom: 22px; }
.banner .banner-content hr { width: 47px; }
.banner .banner-content hr + a { font-size: 14px; margin-top: 16px; }
.banner .banner-content a { font-size: 15px; line-height: 1.65em; }
.banner .banner-bg { background-size: 100% auto !important; bottom: -196px; height: 527px; width: 305px; }


/* banner - about */
.about-page .banner { background-color: #F3F3F3 !important; }
.about-page .banner .banner-content-helper { padding-bottom: 33px; padding-top: 80px; }
.about-page .banner:after { right: 40%; height: 320px; width: 39px;  z-index: 2; }
.about-page .banner:before { background: #fff; content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 60%; z-index: 1; }
.about-page .banner .banner-content { margin-left: 13%; margin-top: 73px; width: 280px; }
.about-page .banner .banner-content h1 { font-size: 18px; line-height: 1.188em; margin-bottom: 18px; }
.about-page .banner .banner-content p { font-size: 13px; line-height: 1.72em; padding-bottom: 32px; }
.about-page .banner .banner-bg { bottom: -495px; height: 485px; width: 94px }
.about-page .banner .banner-offer h2 { font-size: 24px; line-height: 1.25em; }
.about-page .banner .banner-offer h2 + ul { padding-top: 13px; text-align: left; }
.about-page .banner .banner-offer h2 + ul li:after { font-size: 18px; padding-left: 12px; padding-right: 12px; top: 6px; }
.about-page .banner .banner-offer h2 + ul li a { font-size: 13px; line-height: 2.01em;  }


/* offer */
.offer { padding-top: 98px; }
.offer .offer-bg { background-size: 100% auto !important; top: -105px; display: block; height: 345px; right: 40px; width: 68px; }
.offer h2 { font-size: 24px; line-height: 2.25em; }
.offer h2 + ul { padding-top: 1px; }
.offer h2 + ul li:after { font-size: 18px; padding-left: 12px; padding-right: 12px; top: 6px; }
.offer h2 + ul li a { font-size: 13px; line-height: 2.01em; }
.offer .offer-grid { padding-top: 52px; width: calc(100% - 140px); }
.offer .offer-grid .offer-images { max-width: 555px; position: relative; width: 65%; }
.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: 45px; padding-top: 32px; width: 35%; }
.offer .offer-grid .offer-content .offer-content-inner { max-width: inherit; }
.offer .offer-grid .offer-content .offer-content-inner p { font-size: 13px; line-height: 1.69em; margin-bottom: 14px; }


/* story */
.story .story-inner { overflow: inherit; }
.story .story-inner:before { right: 40%; height: 100%; width: 39px; z-index: -1; }
.story .story-inner .story-left { padding-bottom: 100px; padding-left: 13%; padding-right: 0; padding-top: 214px; width: 60%; }
.story .story-inner .story-left:before { height: 97px; margin-top: 214px; position: absolute; top: 0px; width: 50px; }
.story .story-inner .story-left img { border-bottom-width: 50px; border-left-width: 50px; margin-left: auto; width: calc(100% - 0px); }
.story .story-inner .story-right { padding-bottom: 50px; padding-left: 6%; padding-right: 6%; padding-top: 105px; position: relative; width: 40%; }
.story .story-inner .story-right h2,
.story .story-inner .story-right p { max-width: inherit; }
.story .story-inner .story-right h2 { font-size: 24px; line-height: 1.2em; margin-bottom: 12px; }
.story .story-inner .story-right p { font-size: 13px; line-height: 1.72em; margin-bottom: 13px; }
.story .story-inner .story-left-bg { background-size: 100% auto !important; bottom: 0px; display: block; height: 190px; left: 0px; max-width: 523px; position: absolute; width: 45%; z-index: -2; }
.story .story-inner .story-right-bg { display: none; }


/* map */
.map { padding-top: 38px; }
.map .map-inner { width: calc(100% - 140px); }
.map .map-inner h3 { font-size: 24px; margin-bottom: 36px; }


/* community */
.community { padding-top: 18px; }
.community .community-inner { width: calc(100% - 140px); }
.community .community-inner h3 { font-size: 24px; line-height: 1.25em; margin-bottom: 37px; }
.community .community-inner .community-grid article { padding-bottom: 72px; width: 50%; }
.community .community-inner .community-grid article:nth-child(odd) { padding-right: 3%; }
.community .community-inner .community-grid article:nth-child(even) { padding-left: 3%; }
.community .community-inner .community-grid article h4 { font-size: 12px; line-height: 1.25em; } 
.community .community-inner .community-grid article h2 { font-size: 16px; line-height: 1.2em; max-width: 245px; padding-top: 25px; padding-right: inherit; } 
.community .community-inner .community-grid article img { margin-bottom: -3px; height: auto; margin-top: -21px; max-width: 127px; }
.community .community-inner .community-grid article hr { height: 1px; width: 47px; margin-bottom: 25px; }
.community .community-inner .community-grid article p { font-size: 13px; line-height: 1.71em; max-width: 245px; padding-bottom: 17px; } 
.community .community-inner .community-grid article .community-link { cursor: pointer; font-size: 15.5px; }


/* community-modal */
.community-modal {  }
.community-modal .community-inner { padding-top: 97px; width: 565px; }
.community-modal .community-inner h4 { font-size: 12px; line-height: 1.25em; } 
.community-modal .community-inner h2 { font-size: 16px; line-height: 1.2em; padding-top: 25px; } 
.community-modal .community-inner img { margin-bottom: 11px; margin-top: -36px; width: 128px; }
.community-modal .community-inner hr { width: 47px; margin-bottom: 24px; }
.community-modal .community-inner p { font-size: 13px; line-height: 1.71em; padding-bottom: 17px; } 
.community-modal .community-inner .community-close { height: 34px; font-size: 12px; line-height: 32px; width: 34px; }


/* instagram-block */
.instagram-block { padding-top: 82px; }
.instagram-block .instagram-bg { background-size: 100% auto !important; height: 630px; top: -148px; width: 418px; }
.instagram-block .instagram-grid { width: calc(100% - 140px); }
.instagram-block .instagram-grid h5 { background-size: 22px auto; font-size: 15.5px; line-height: 22px; padding-left: 32px; }
.instagram-block .instagram-grid .instafeed { padding-top: 30px; width: 100%; }
.instagram-block .instagram-grid .instafeed li { width: calc(25% - 6px); }

#sbi_images { padding-top: 30px; width: 100% !important; }
#sbi_images .sbi_item  { width: calc(25% - 6px) !important; }

.testimonials { margin-top: -90px; padding-top: 90px; width: calc(100% - 128px); }
.testimonials .testimonials-item { padding-bottom: 152px; padding-top: 114px; }
.testimonials .testimonials-item:before { font-size: 137.68px; left: 8%; margin-top: 8px; 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: 15px; line-height: 1.55em; margin-bottom: 22px; }
.testimonials .testimonials-item .testimonials-content p { font-size: 13px; }
.testimonials .slick-dots { right: 62px; top: 174px; width: 6px; }
.testimonials .slick-dots li { margin-bottom: 8px; width: 100%; }
.testimonials .slick-dots li button { height: 6px; width: 6px; }


/* articles */
.articles { padding-bottom: 137px; padding-top: 110px; }
.articles .articles-inner { width: calc(100% - 100px) }
.articles .articles-inner article { min-height: 202px; padding-left: 20px; padding-right: 20px; width: calc(100% / 3); }
.articles .articles-inner article h5 { font-size: 11px; padding-bottom: 20px; }
.articles .articles-inner article h2 { font-size: 17.5px; line-height: 1.71em; padding-bottom: 52px; }
.articles .articles-inner article a { font-size: 13px; }
.articles .articles-inner article a:before { margin-top: -24px; width: 47px; }


/* footer-inner */
footer .footer-inner { width: calc(100% - 140px); }
footer .footer-inner .footer-logo { padding-top: 72px; width: 50%; }
footer .footer-inner .footer-logo a { width: 100px; }
footer .footer-inner .footer-socials { padding-top: 93px; 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: 26px; }
footer .footer-inner .footer-nav.footer-nav-first ul li a { font-size: 13px; line-height: 1.7em; margin-bottom: 9px; }
footer .footer-inner .footer-nav.footer-nav-first ul li.link-title a { font-size: 16px; margin-bottom: 11px; }
footer .footer-inner .footer-nav ul li a { font-size: 13px; line-height: 1.7em; margin-bottom: 8px; }
footer .footer-inner .footer-end { padding-bottom: 55px; padding-top: 60px; width: 100%; }
footer .footer-inner .footer-end p { font-size: 12px; }


/* home-process */
.homes-process { padding-top: 93px; }
.homes-process .home-process-bg.bg-left { height: 971px; left: -98px; top: 422px; width: 166px; }
.homes-process .home-process-bg.bg-right { height: 843px; right: -56px; top: -2px; width: 144px; }
.homes-process .homes-process-link { font-size: 20px; padding-top: 29px; }
.homes-process .homes-process-inner { padding-bottom: 74px; padding-top: 93px; width: calc(100% - 144px); }
.homes-process .homes-process-inner:after { bottom: -120px; height: 120px; left: -72px; }
.homes-process .homes-process-inner h1 { font-size: 30px; padding-bottom: 19px; }
.homes-process .homes-process-inner h1 + p { font-size: 13px; line-height: 1.72em; max-width: 530px; padding-bottom: 57px; }
.homes-process .homes-process-inner h3 { font-size: 24px; padding-bottom: 24px; }
.homes-process .homes-process-inner .homes-process-grid { padding-top: 21px; }
.homes-process .homes-process-inner .homes-process-grid article { padding-bottom: 53px; margin-right: 36px; width: calc(33.33% - 36px); }

.homes-process .homes-process-inner .homes-process-grid article:last-child { padding-bottom: 45px; }
.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: 16px; }
.homes-process .homes-process-inner .homes-process-grid article p { font-size: 13px; line-height: 1.72em; }

.homes-process .homes-projects { padding-top: 70px; width: calc(100% - 144px); }
.homes-process .homes-projects:before { left: -72px; }
.homes-process .homes-projects h3 { font-size: 12px; }
.homes-process .homes-projects .homes-projects-grid { padding-bottom: 34px; padding-top: 34px; }
.homes-process .homes-projects .homes-projects-grid a { font-size: 15px; margin-bottom: 16px; width: calc(50% - 25px); }
.homes-process .homes-projects .homes-projects-grid a:nth-child(2n) { margin-left: 50px; }
.homes-process .homes-projects .homes-projects-grid a p { padding-bottom: 14px; padding-top: 18px; }
.homes-process .homes-projects ul.page-numbers { margin-left: -72px; padding-bottom: 66px; padding-top: 34px; padding-right: 72px; width: calc(100% + 144px); }
.homes-process .homes-projects ul.page-numbers li a { font-size: 12px; margin: 0px 10px; } 
.homes-process .homes-projects ul.page-numbers li span { font-size: 12px; margin: 0px 10px; } 


/* homes-internal */
.homes-internal { padding-bottom: 95px; padding-top: 176px; width: 100%; }
.homes-internal:before { height: 329px; right: 182px; top: 302px; width: calc(50% - 148px); }
.homes-internal .homes-internal-bg { height: 538px; top: 32px; width: 344px; }
.homes-internal .homes-left { padding-left: 65px; padding-top: 1px; top: 122px; width: 45%; }
.homes-internal .homes-left h1 { font-size: 18px; line-height: 1.15em; padding-bottom: 18px; width: 80%; }
.homes-internal .homes-left p { font-size: 13px; line-height: 1.72em; width: 80%; }
.homes-internal .homes-right { padding-right: 70px; width: 50%; }
.homes-internal .homes-right img { margin-bottom: 20px; }
.homes-internal .homes-internal-bg + a { font-size: 18px; margin-top: 58px; padding-top: 30px; width: 50%; }
.homes-internal .homes-internal-bg + a span { font-size: 12px; margin-top: 10px; }


/* news */
.news { padding-top: 188px; }
.news .news-bg { height: 311px; top: 155px; width: 234px; }
.news .news-inner { width: calc(100% - 144px);  }
.news .news-inner:before { height: calc(100% - 210px); left: -72px; width: 75%; }
.news .news-inner h1 { font-size: 26px; margin-bottom: 27px; }
.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: 14px; padding: 7px 20px; padding-bottom: 11px; }
.news .news-inner .news-filters li a.current { padding-bottom: 9px; }
.news .news-inner .news-grid { padding-top: 65px; width: calc(100% + 50px); }
.news .news-inner .news-grid a.post { margin-bottom: 75px; margin-right: 50px; width: calc(33.33% - 50px); }
.news .news-inner .news-grid a.post p.news-tags { font-size: 12px; padding-bottom: 29px; }
.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: 23px; }
.news .news-inner .news-grid a.post .post-image + p { font-size: 17px; line-height: 1.41em; margin-bottom: 24px; }
.news .news-inner .news-grid a.post hr { width: 47px; }
.news .news-inner .news-grid a.post hr + span { font-size: 14px; padding-top: 24px; }
.news .news-inner .news-grid ul.page-numbers { margin-left: -72px; margin-top: -5px; padding-bottom: 65px; padding-top: 44px; padding-right: 72px; width: calc(100% + 144px); }


/* news-internal */
.news-internal { padding-bottom: 120px; padding-top: 178px; }
.news-internal:before { height: 204px; right: 182px; top: 300px; width: calc(50% - 148px); }
.news-internal .news-left { padding-left: 65px; padding-top: 17px; top: 122px; width: 45%; }
.news-internal .news-left p { font-size: 13px; line-height: 1.72em; padding-bottom: 8px; width: 80%; }
.news-internal .news-left p.title { font-size: 18px; line-height: 1.2em; padding-bottom: 16px; }
.news-internal .news-left p.meta { font-size: 11px; line-height: 1.64em; padding-bottom: 20px; }
.news-internal .news-left p.meta span i { padding-right: 7px; }
.news-internal .news-right { padding-right: 70px; width: 50%; }
.news-internal .news-right img { margin-bottom: 20px; }
.news-internal .news-right .news-content { display: block; padding-top: 60px; }
.news-internal .news-right .news-content h1 { font-size: 32px; line-height: 1.2em; padding-bottom: 14px; }
.news-internal .news-right .news-content h2 { font-size: 28px; line-height: 1.5em; padding-bottom: 11px; padding-top: 14px; }
.news-internal .news-right .news-content h3 { font-size: 22px; line-height: 1.59em; padding-bottom: 12px; padding-top: 13px; }
.news-internal .news-right .news-content p { font-size: 13px; line-height: 1.72em; width: 90%; padding-bottom: 14px; }
.news-internal .news-right .news-content ul { font-size: 13px; line-height: 1.72em; width: 90%; }
.news-internal .news-right .news-content ul li { margin-bottom: 8px; }



/* latest-news */
.latest-news { display: block; margin: 0px auto; position: relative; width: calc(100% - 130px); }
.latest-news h6 { font-size: 19px; line-height: 1.2em; font-weight: normal; }
.latest-news .latest-news-grid { display: flex; padding-bottom: 128px; padding-top: 61px; width: calc(100% + 60px) }
.latest-news .latest-news-grid article { display: block; margin-right: 60px; position: relative; width: calc(100% - 60px) }
.latest-news .latest-news-grid article h5 { font-size: 11px; margin-bottom: 20px; }
.latest-news .latest-news-grid article h2 { font-size: 17.5px; line-height: 1.71em; padding-bottom: 80px; }
.latest-news .latest-news-grid article a { font-size: 13px; }
.latest-news .latest-news-grid article a:before { margin-top: -24px; width: 47px; }



/* contact */
.contact { padding-top: 129px;  }
.contact .contact-left { padding-left: 70px; padding-top: 82px; width: 40%; }
.contact .contact-left h1 { font-size: 28px; line-height: 1.2em; padding-bottom: 29px; }
.contact .contact-left p { font-size: 14px; line-height: 1.71em; padding-bottom: 18px; }
.contact .contact-left .contact-socials p { padding-bottom: 11px; }
.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: 80px; padding-right: 80px; padding-top: 82px; width: 60%; }
.contact .contact-right .form-grid { display: flex; flex-direction: column; max-width: inherit; padding-bottom: 86px; }
.contact .contact-right .form-grid h2 { font-size: 28px; line-height: 1.2em; padding-bottom: 19px; width: 100%; }
.contact .contact-right .form-grid h2 + p { font-size: 14px; line-height: 1.71em; padding-bottom: 18px; }
.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: 16px; }
.contact .contact-right .form-grid input,
.contact .contact-right .form-grid textarea { font-size: 13px; min-height: 38px; padding: 14px 0px 13px 0px; }
.contact .contact-right .form-grid textarea { height: 45px; margin-bottom: 40px; }
.contact .contact-right .form-grid hr { width: 47px; }
.contact .contact-right .form-grid input[type="submit"] { font-size: 20px; padding-top: 23px; }
.contact .contact-right .form-grid .select .sbHolder { min-height: 45px; }
.contact .contact-right .form-grid .select .sbSelector { font-size: 13px; padding: 14px 0px 13px 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: 485px; left: -23px; top: 365px; width: 114px; }


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




.content-404 { padding-top: 191px; }
.content-404 .content-inner { height: 320px; }

.content-404 .content-inner h2 { font-size: 66.6px; line-height: 1.2em; padding-bottom: 12px; }
.content-404 .content-inner p { font-size: 20.56px; line-height: 1em; }