@charset "utf-8";

body:not(.contact-page-fix) .grecaptcha-badge {
	display: none;
}

/* header */
header { align-items: flex-end; background: rgba(255,255,255,1); display: flex; padding-bottom: 20px; padding-left: 50px; padding-top: 54px; position: fixed; top: 0px; width: 55%; z-index: 100; }
header.is_stuck { width: 100%; }

header a.logo { display: block; height: 48px; width: 124px; }
header a.logo img { display: block; height: auto; width: 100%; }

header #show_menu { display: none; }

header nav { display: block; margin-bottom: -3px; padding-left: 80px; max-width: 500px; }
header nav ul { display: flex;  }
header nav ul li { display: block; margin-right: 30px; }
header nav ul li:last-of-type { margin-right: 0px; }
header nav ul li a { color: #040707; font-size: 13.5px; padding-bottom: 4px; display: inline-block; }
header nav ul li a:hover { color: #8f8f8f; }

header nav ul li.current-menu-item a,
header nav ul li.current-menu-parent a { border-bottom: 2px solid #050706; }
header nav ul li.current-menu-item a:hover,
header nav ul li.current-menu-parent a:hover { color: #040707; }

.internal-news-page header { width: 100%; }
.contact-page header { width: 100%; }
.homes-page header { width: 100%; }

/* banner */
.banner { align-items: center; background-color: #fff; background-attachment: fixed !important; background-origin: border-box !important; background-position: right center !important; background-size: 45% auto !important; display: flex; min-height: 960px; height: 100vh; position: relative; width: 100%; z-index: 9; }
.banner .banner-content { display: block; margin-top: -165px; position: relative; text-align: center; width: 55%; z-index: 2; }
.banner .banner-content h1 { font-size: 30px; line-height: 2.25em; }
.banner .banner-content h2 { font-size: 30px; line-height: 2.25em; }
.banner .banner-content p { font-size: 18px; line-height: 1.67em; font-weight: 200; margin: 0px auto; max-width: 370px; padding-bottom: 32px; }
.banner .banner-content hr { background: #040707; border: 0px none; display: block; height: 1px; margin: 0px auto; padding: 0px; width: 47px; }
.banner .banner-content hr + a { display: inline-block; font-size: 17px; font-weight: 400; margin-top: 21px; }
.banner .banner-content a { color: #040707; font-size: 18px; font-weight: 200; line-height: 1.67em; }
.banner .banner-bg { bottom: -326px; display: block; height: 902px; position: absolute; width: 522px; z-index: 1; }
.banner .banner-mobile { display: none; }


/* banner - about */
.about-page .banner { align-items: stretch; }
.about-page .banner .banner-content-helper { padding-top: 192px; }
.about-page .banner:after { background: #F3F3F3; bottom: 0px; content: ""; display: block; position: absolute; right: 45%; height: 637px; width: 126px; z-index: -1; }
.about-page .banner .banner-content { display: flex; flex-direction: column; justify-content: space-between; margin-left: 15%; margin-top: 78px; text-align: left; width: 315px; }
.about-page .banner .banner-content h1 { font-size: 23px; line-height: 1.188em; margin-bottom: 21px; }
.about-page .banner .banner-content p { font-size: 14px; line-height: 1.71em; max-width: inherit; padding-bottom: 32px; }
.about-page .banner .banner-bg { bottom: -204px; height: 604px; width: 117px }

.about-page .banner .banner-offer h2 { font-size: 30px; line-height: 1.25em; text-align: left; }
.about-page .banner .banner-offer h2 + ul { display: flex; justify-content: flex-start; padding-top: 12px; text-align: left; width: 200%; }
.about-page .banner .banner-offer h2 + ul li { display: flex; list-style: none; }
.about-page .banner .banner-offer h2 + ul li:after { color: #E6E6E6; content: "/"; display: inline-block; font-size: 20px; font-weight: 200; padding-left: 17px; padding-right: 17px; position: relative; top: 7px; }
.about-page .banner .banner-offer h2 + ul li:last-of-type:after { display: none; }
.about-page .banner .banner-offer h2 + ul li a { color: #040707; font-size: 15px; font-weight: 200; line-height: 2.01em; }
.about-page .banner .banner-offer h2 + ul li a:hover { color: #8f8f8f; }


/* offer */
.offer { display: block; padding-top: 244px; position: relative; z-index: 8; }
.offer .offer-bg { top: -160px; display: block; height: 762px; position: absolute; right: 80px; width: 150px; }
.offer h2 { font-size: 30px; line-height: 2.25em; text-align: center; }
.offer h2 + ul { display: flex; justify-content: center; padding-top: 11px; text-align: center; }
.offer h2 + ul li { alig-items: center; display: flex; list-style: none; }
.offer h2 + ul li:after { color: #E6E6E6; content: "/"; display: inline-block; font-size: 20px; font-weight: 200; padding-left: 17px; padding-right: 17px; position: relative; top: 7px; }
.offer h2 + ul li:last-of-type:after { display: none; }
.offer h2 + ul li a { color: #040707; font-size: 15px; font-weight: 200; line-height: 2.01em; }
.offer h2 + ul li a:hover { color: #8f8f8f; }
.offer .offer-grid { display: flex; margin: 0px auto; padding-top: 82px; width: calc(100% - 270px); }
.offer .offer-grid .offer-images { display: block; max-width: 810px; position: relative; width: 65%; }
.offer .offer-grid .offer-images .offer-gallery img { display: block; height: auto; width: 100%; }
.offer .offer-grid .offer-images .slick-dots { display: flex; flex-direction: column; position: absolute; left: -35px; top: 0px; width: 11px; }
.offer .offer-grid .offer-images .slick-dots li { display: block; list-style: none; margin-bottom: 15px; width: 100%; }
.offer .offer-grid .offer-images .slick-dots li button { background: #CDCDCD; border: 0px none; border-radius: 50%; display: block; height: 11px; margin: 0px; overflow: hidden; padding: 0px; position: relative; text-indent: -999px; width: 11px; }
.offer .offer-grid .offer-images .slick-dots li button:hover { background: #8b8b8b; }
.offer .offer-grid .offer-images .slick-dots li.slick-active button { background: #040707; }

.offer .offer-grid .offer-content { padding-left: 85px; padding-top: 70px; width: 35%; }
.offer .offer-grid .offer-content .offer-content-inner { color: #040707; max-width: 235px; width: 100%; }
.offer .offer-grid .offer-content .offer-content-inner p { font-size: 14px; font-weight: 200; line-height: 1.71em; margin-bottom: 15px; }


/* story */
.story { display: block; position: relative; wdith: 100%; z-index: 8; }
.story .story-inner { display: flex; align-items: stretch; overflow: hidden; position: relative; }
.story .story-inner:before { background: #F3F3F3; bottom: 0px; content: ""; display: block; position: absolute; right: 35%; height: 100%; width: calc(10% + 126px); z-index: -1; }
.story .story-inner .story-left { padding-bottom: 300px; padding-left: 70px; padding-right: 8%; padding-top: 243px; width: 65%; }
.story .story-inner .story-left:before { background: #fff; content: ""; display: block; height: 232px; margin-top: 243px; position: absolute; top: 0px; width: 65px; }
.story .story-inner .story-left img { border-left: 65px solid #F3F3F3; border-bottom: 80px solid #F3F3F3; display: block; height: auto; width: 100%; }
.story .story-inner .story-right { background: #F3F3F3; padding-bottom: 200px; padding-top: 224px; position: relative; width: 35%; }
.story .story-inner .story-right h2,
.story .story-inner .story-right p { max-width: 320px; }
.story .story-inner .story-right h2 { font-size: 30px; font-weight: 400; line-height: 1.2em; margin-bottom: 18px; }
.story .story-inner .story-right p { font-size: 14px; font-weight: 300; line-height: 1.71em;margin-bottom: 14px; }
.story .story-inner .story-left-bg { background-size: 100% auto !important; bottom: 0px; display: block; height: 248px; left: 0px; max-width: 686px; position: absolute; width: 45%; z-index: -2; }
.story .story-inner .story-right-bg { background-size: 100% auto !important; bottom: 270px; display: block; min-height: 369px; left: calc(100% - 100px); position: absolute; width: 176px; z-index: 2; }
.story .story-offer { display: none; }
.story .story-offer h2 { font-size: 30px; line-height: 1.25em; text-align: left; }
.story .story-offer h2 + ul { display: flex; justify-content: flex-start; padding-top: 12px; text-align: left; }
.story .story-offer h2 + ul li { display: flex; list-style: none; }
.story .story-offer h2 + ul li:after { color: #E6E6E6; content: "/"; display: inline-block; font-size: 20px; font-weight: 200; padding-left: 17px; padding-right: 17px; position: relative; top: 7px; }
.story .story-offer h2 + ul li:last-of-type:after { display: none; }
.story .story-offer h2 + ul li a { color: #040707; font-size: 15px; font-weight: 200; line-height: 2.01em; }


/* map */
.map { display: block; padding-top: 58px; width: 100%; }
.map .map-inner { display: block; margin: 0px auto; width: calc(100% - 270px); }
.map .map-inner h3 { font-size: 30px; line-height: 1.25em; margin-bottom: 65px; }
.map .map-inner #map { background: #ccc; border: 1px solid #FAFAFA; display: block; width: 100%; }
.map .map-inner #map img { display: block; height: auto; width: 100%; }


/* community */
.community { display: block; padding-top: 69px; width: 100%; }
.community .community-inner { display: block; margin: 0px auto; width: calc(100% - 270px); }
.community .community-inner h3 { font-size: 30px; line-height: 1.25em; margin-bottom: 69px; }
.community .community-inner .community-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.community .community-inner .community-grid article { padding-bottom: 159px; width: 50%; }
.community .community-inner .community-grid article:nth-child(odd) { padding-right: 4%; }
.community .community-inner .community-grid article:nth-child(even) { padding-left: 4%; }
.community .community-inner .community-grid article h4 { font-size: 12px; font-weight: 300; line-height: 1.25em; text-transform: uppercase; } 
.community .community-inner .community-grid article h2 { font-size: 20px; line-height: 1.7em; padding-top: 28px; padding-right: 28%; } 
.community .community-inner .community-grid article img { display: block; border: 2px solid #fff; border-radius: 50%; float: right; margin-bottom: 2px; margin-top: -38px; overflow: hidden; }
.community .community-inner .community-grid article hr { border: 0px none; background: #040707; display: block; height: 1px; width: 47px; clear: both; margin: 0px; margin-bottom: 31px; padding: 0px; }
.community .community-inner .community-grid article p { font-size: 14px; font-weight: 300; line-height: 1.71em; max-width: 382px; padding-bottom: 23px; } 
.community .community-inner .community-grid article .community-link { color: #040707; cursor: pointer; font-size: 17px; }
.community .community-inner .community-grid article .community-link:hover { color: #f8f8f8; }


/* community-modal */
.community-modal { align-items: center; background: #F3F3F3; bottom: 0px; display: flex; left: 0px; justify-content: center; position: fixed; right: 0px; top: 0px; width: 100%; z-index: 200; }
.community-modal .community-inner { display: block; overflow: auto; max-height: 100%; padding-top: 97px; position: relative; width: 755px; }
.community-modal .community-inner h4 { font-size: 12px; line-height: 1.25em; text-transform: uppercase; } 
.community-modal .community-inner h2 { font-size: 20px; line-height: 1.7em; padding-top: 28px; } 
.community-modal .community-inner img { display: block; border: 2px solid #fff; border-radius: 50%; float: right; height: auto; margin-bottom: 13px; margin-top: -38px;  width: 168px; overflow: hidden; }
.community-modal .community-inner hr { border: 0px none; background: #040707; display: block; height: 1px; width: 47px; clear: both; margin: 0px; margin-bottom: 31px; padding: 0px; }
.community-modal .community-inner p { font-size: 14px; font-weight: 300; line-height: 1.71em; padding-bottom: 24px; } 
.community-modal .community-inner .community-close { border: 1px solid #DCDCDC; cursor: pointer; display: block; height: 34px; font-size: 12px; line-height: 32px; position: absolute; text-align: center; top: 0px; width: 34px; }


/* instagram-block */
.instagram-block { display: block; padding-top: 123px; width: 100%; }
.instagram-block .instagram-bg { display: block; height: 1008px; position: absolute; top: -260px; width: 669px; z-index: 1; }
.instagram-block .instagram-grid { display: flex; flex-direction: column; margin: 0px auto; width: calc(100% - 270px); position: relative; z-index: 3; }
.instagram-block .instagram-grid h5 { background: url(../img/instagram.jpg) no-repeat left center; align-self: flex-end; font-size: 19.06px; line-height: 27px; padding-left: 40px; }
.instagram-block .instagram-grid .instafeed { justify-content: space-between; display: flex; list-style: none; padding-top: 45px; width: 100%; }
.instagram-block .instagram-grid .instafeed li { width: calc(25% - 10px); }
.instagram-block .instagram-grid .instafeed li img { display: block; height: auto; width: 100%; }

#sbi_images { justify-content: space-between; display: flex; list-style: none; padding-top: 45px; width: 100% !important; }
#sbi_images .sbi_item  { width: calc(25% - 10px) !important; }

.testimonials { background: #F3F3F3; display: block; margin-top: -134px; margin-left: auto; padding-bottom: 0px; padding-top: 134px; position: relative; z-index: 2; width: calc(100% - 290px); }
.testimonials .testimonials-item { padding-bottom: 238px; padding-top: 181px; position: relative; }
.testimonials .testimonials-item:before { content: '"'; color: #C9C9C9; font-size: 212.32px; left: 8%; position: absolute; 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: 23px; font-weight: 200; line-height: 1.56em; margin-bottom: 38px; }
.testimonials .slick-dots { display: flex; flex-direction: column; position: absolute; right: 134px; top: 284px; width: 10px; }
.testimonials .slick-dots li { display: block; list-style: none; margin-bottom: 15px; width: 100%; }
.testimonials .slick-dots li button { background: #CDCDCD; border: 0px none; border-radius: 50%; display: block; height: 10px; margin: 0px; padding: 0px; overflow: hidden; position: relative; text-indent: -999px; width: 10px; }
.testimonials .slick-dots li button:hover { background: #8b8b8b; }
.testimonials .slick-dots li.slick-active button { background: #040707; }


/* articles */
.articles { display: block; padding-bottom: 198px; padding-top: 186px; width: 100%; }
.articles .articles-inner { display: flex; align-items: stretch; margin: 0px auto; width: calc(100% - 250px) }
.articles .articles-inner article { display: flex; flex-direction: column; min-height: 191px; padding-left: 10px; padding-right: 10px; position: relative; width: calc(100% / 3); }
.articles .articles-inner article h5 { font-size: 12px; font-weight: 300; padding-bottom: 28px; text-transform: uppercase; }
.articles .articles-inner article h2 { font-size: 19.79px; line-height: 1.71em; padding-bottom: 52px; }
.articles .articles-inner article a { bottom: 0px; color: #040707; font-size: 15px; position: absolute; }
.articles .articles-inner article a:hover { color: #8f8f8f; }
.articles .articles-inner article a:before { background: #040707; content: ""; display: block; height: 1px; margin-top: -23px; position: absolute; width: 47px; }


/* footer-inner */
footer { background: #F3F3F3; }
footer .footer-inner { display: flex; flex-wrap: wrap;  margin: 0px auto; width: calc(100% - 270px); }
footer .footer-inner .footer-logo { padding-top: 81px; width: 50%; }
footer .footer-inner .footer-logo a { display: block; width: 117px; }
footer .footer-inner .footer-logo a img { display: block; height: auto; width: 100%; }
footer .footer-inner .footer-socials { padding-top: 105px; text-align: right; width: 50%; }
footer .footer-inner .footer-socials a { display: inline-block; height: 22px; margin-left: 5px; margin-right: 5px; width: 22px; }
footer .footer-inner .footer-socials a.icon-fb { background: url(../img/fb-trans.png) no-repeat center center; }
footer .footer-inner .footer-socials a.icon-ig { background: url(../img/ig-trans.png) no-repeat center center; }
footer .footer-inner .footer-nav { padding-bottom: 42px; padding-top: 42px; width: calc(100% / 3); }
footer .footer-inner .footer-nav.footer-nav-first { padding-top: 36px; }
footer .footer-inner .footer-nav ul { list-style: none; }
footer .footer-inner .footer-nav ul li { display: block; }
footer .footer-inner .footer-nav ul li a { color: #040707; display: inline-block; font-size: 13px; font-weight: 300; line-height: 1.7em; margin-bottom: 8px; }
footer .footer-inner .footer-nav ul li a:hover { text-decoration: underline; }
footer .footer-inner .footer-nav ul li.link-title a { font-size: 18px; font-weight: 400; margin-bottom: 11px; }
footer .footer-inner .footer-nav ul li.link-title a:hover { text-decoration: none; }
footer .footer-inner .footer-end { padding-bottom: 55px; padding-top: 110px; width: 100%; }
footer .footer-inner .footer-end p { font-size: 12px; }
footer .footer-inner .footer-end p a { color: #040707; font-weight: 300; }


/* home-process */
.homes-process { display: block; overflow: hidden; padding-top: 122px; }
.homes-process .home-process-bg { background: url(../img/homes/homes-bg.jpg) no-repeat 0px 0px; background-size: 100% auto; display: block; height: 1600px; mix-blend-mode: multiply; position: absolute; width: 271px; z-index: 3; }
.homes-process .home-process-bg.bg-left { left: -160px; top: 630px; }
.homes-process .home-process-bg.bg-right { right: -50px; top: -14px; }
.homes-process .homes-process-link { color: #040707; display: inline-block; font-size: 23px; margin-top: 0px; padding-top: 31px; position: relative; }
.homes-process .homes-process-link:before { background: #040707; content: ""; display: block; height: 1px; left: 0px; width: 47px; position: absolute; top: 0px; }
.homes-process .homes-process-inner { display: block; margin: 0px auto; padding-bottom: 128px; padding-top: 137px; position: relative; z-index: 2; width: calc(100% - 270px); }
.homes-process .homes-process-inner:after { bottom: -180px; background: #F3F3F3; content: ""; display: block; height: 180px; left: -165px; position: absolute; width: 80%; }
.homes-process .homes-process-inner h1 { font-size: 36px; line-height: 1em; padding-bottom: 22px; }
.homes-process .homes-process-inner h1 + p { font-size: 14px; font-weight: 300; line-height: 1.71em; max-width: 785px; padding-bottom: 68px; }
.homes-process .homes-process-inner h3 { font-size: 30px; padding-bottom: 26px; }

.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: 72px; margin-right: 67.5px; width: calc(33.33% - 67.5px); display: inline-block; }

.homes-process .homes-process-inner .homes-process-grid article:last-child { padding-bottom: 20px; }
.homes-process .homes-process-inner .homes-process-grid article img { display: block; margin-bottom: 27px; }
.homes-process .homes-process-inner .homes-process-grid article h2 { font-size: 18px; line-height: 1.2em; margin-bottom: 18px; }
.homes-process .homes-process-inner .homes-process-grid article p { font-size: 14px; font-weight: 300; line-height: 1.71em; }

.homes-process .homes-projects { display: block; margin: 0px auto; padding-top: 114px; position: relative; width: calc(100% - 270px); z-index: 2; }
.homes-process .homes-projects:before { background: #F3F3F3; content: ""; display: block; height: 100%; left: -165px; position: absolute; width: 80%; z-index: 1; }
.homes-process .homes-projects h3 { font-size: 14px; font-weight: 300; position: relative; z-index: 2; text-transform: uppercase; }
.homes-process .homes-projects .homes-projects-grid { display: flex; flex-wrap: wrap; padding-bottom: 39px; padding-top: 49px; position: relative; z-index: 2; }
.homes-process .homes-projects .homes-projects-grid a { color: #040707; display: block; font-size: 18px; margin-bottom: 16px; width: calc(50% - 40px); }
.homes-process .homes-projects .homes-projects-grid a:nth-child(2n) { margin-left: 80px; }
.homes-process .homes-projects .homes-projects-grid a img { display: block; height: auto; width: 100%; }

.homes-process .homes-projects .homes-projects-grid a .home-image { overflow: hidden; position: relative; }
.homes-process .homes-projects .homes-projects-grid a:hover img { transform: scale(1.13); }

.homes-process .homes-projects .homes-projects-grid a p { padding-bottom: 32px; padding-top: 32px; }
.homes-process .homes-projects ul.page-numbers { background: #fff; display: flex; justify-content: flex-end; list-style: none; margin-left: -135px; padding-bottom: 134px; padding-top: 56px; padding-right: 135px; position: relative; width: calc(100% + 270px); z-index: 2; }
.homes-process .homes-projects ul.page-numbers li { border-left: 1px solid #D9D9D9; }
.homes-process .homes-projects ul.page-numbers li:first-child,
.homes-process .homes-projects ul.page-numbers li:last-child,
.homes-process .homes-projects ul.page-numbers li:nth-child(2) { border-left: 0px none; }
.homes-process .homes-projects ul.page-numbers li a { color: #040707; font-size: 13px; font-weight: 300; margin: 0px 10px; } 
.homes-process .homes-projects ul.page-numbers li a:hover { color: #8f8f8f; }
.homes-process .homes-projects ul.page-numbers li span { color: #040707; font-size: 13px; font-weight: 400; margin: 0px 10px; } 


/* homes-internal */
.homes-internal { display: block; padding-bottom: 140px; padding-top: 277px; position: relative; width: 100%; }
.homes-internal:before { background: #F3F3F3; content: " "; display: block; height: 631px; right: 348px; position: absolute; top: 520px; width: calc(55% - 283px); z-index: -1; }
.homes-internal .homes-internal-bg { background: url(../img/homes/homes-internal-bg.jpg) no-repeat 0px 0px; background-size: 100% auto; display: block; height: 1034px; mix-blend-mode: multiply; position: absolute; right: 0px; top: 0px; width: 661px; z-index: 1; }
.homes-internal .homes-left { display: inline-block; padding-bottom: 0px; padding-left: 135px; padding-top: 95px; position: sticky; top: 122px; vertical-align: top; width: 40%; z-index: 2; }
.homes-internal .homes-left h1 { font-size: 23px; line-height: 1.2em; padding-bottom: 18px; width: 80%; }
.homes-internal .homes-left p { font-size: 14px; font-weight: 300; line-height: 1.71em; width: 80%; }
.homes-internal .homes-right { display: inline-block; float: right; padding-right: 135px; position: relative; vertical-align: top; width: 55%; z-index: 2; }
.homes-internal .homes-right img { display: block; height: auto; margin-bottom: 40px; width: 100%; }
.homes-internal .homes-internal-bg + a { clear: both; color: #040707; display: inline-block; float: right; font-size: 23px; margin-top: 79px; padding-top: 31px; position: relative; width: 55%; }
.homes-internal .homes-internal-bg + a:before { background: #040707; content: ""; display: block; height: 1px; left: 0px; width: 47px; position: absolute; top: 0px; }
.homes-internal .homes-internal-bg + a:hover { color: #8f8f8f; }
.homes-internal .homes-internal-bg + a span { display: block; font-size: 14px; font-weight: 300; margin-top: 17px; }


/* news */
.news { display: block; padding-top: 293px; position: relative; }
.news .news-bg { background: url(../img/news/news-bg.jpg) no-repeat 0px 0px; background-size: 100% auto; display: block; height: 510px; position: absolute; right: 0px; top: 144px; width: 383px; }
.news .news-inner { display: block; margin: 0px auto; padding-bottom: 0px; padding-top: 0px; position: relative; width: calc(100% - 270px);  }
.news .news-inner:before { background: #F3F3F3; content: ""; display: block; height: calc(100% - 260px); left: -135px; position: absolute; bottom: 0px; width: 77%; z-index: 1; }
.news .news-inner h1 { font-size: 30px; margin-bottom: 40px; position: relative; z-index: 2; }
.news .news-inner .news-loading { min-height: 150px; padding-top: 50px; width: 100%; }
.news .news-inner .news-filters { display: flex; list-style: none; position: relative; z-index: 2; }
.news .news-inner .news-filters li { padding-right: 23px; }
.news .news-inner .news-filters li a { border-bottom: 1px solid #CDCDCD; color: #000000; display: block; font-size: 15px; font-weight: 300; line-height: 1em; padding: 7px 20px; padding-bottom: 10px; }
.news .news-inner .news-filters li a:hover { border-bottom-color: #000; }
.news .news-inner .news-filters li a.current { border-bottom-width: 3px; border-bottom-color: #000;  font-weight: 400; padding-bottom: 8px; }

.news .news-inner .news-select { display: none; }
.news .news-inner .news-grid { align-items: stretch; display: flex; flex-wrap: wrap; padding-top: 63px; position: relative; z-index: 2; width: calc(100% + 80px); }
.news .news-inner .news-grid a.post { color: #040707; display: block; margin-bottom: 98px; margin-right: 80px; width: calc(33.33% - 80px); }
.news .news-inner .news-grid a.post p.news-tags { display: block; font-size: 12px; font-weight: 300; padding-bottom: 35px; }
.news .news-inner .news-grid a.post p.news-tags span { padding-right: 10px; text-transform: uppercase; }
.news .news-inner .news-grid a.post img { display: block; height: auto; width: 100%; }
.news .news-inner .news-grid a.post .post-image { display: block; overflow: hidden; margin-bottom: 25px; }
.news .news-inner .news-grid a.post:hover img {  transform: scale(1.13);  }
.news .news-inner .news-grid a.post:hover hr + span { color: #8f8f8f; }
.news .news-inner .news-grid a.post:hover .post-image + p { color: #8f8f8f; }
.news .news-inner .news-grid a.post .post-image + p { font-size: 19.79px; line-height: 1.71em; margin-bottom: 21px; }
.news .news-inner .news-grid a.post hr { background: #040707; border: 0px none; display: block; height: 1px; margin: 0px; padding: 0px; position: relative; width: 47px; }
.news .news-inner .news-grid a.post hr + span { display: block; font-size: 15px; font-weight: 400; line-height: 1em; padding-top: 23px; }
.news .news-inner .news-grid ul.page-numbers { background: #fff; display: flex; justify-content: flex-end; list-style: none; margin-left: -135px; margin-top: 14px; padding-bottom: 85px; padding-top: 39px; padding-right: 135px; position: relative; width: calc(100% + 270px); }
.news .news-inner .news-grid ul.page-numbers li { border-left: 1px solid #D9D9D9; }
.news .news-inner .news-grid ul.page-numbers li:first-child,
.news .news-inner .news-grid ul.page-numbers li:last-child,
.news .news-inner .news-grid ul.page-numbers li:nth-child(2) { border-left: 0px none; }
.news .news-inner .news-grid ul.page-numbers li a { color: #040707; font-size: 13px; font-weight: 300; margin: 0px 10px; } 
.news .news-inner .news-grid ul.page-numbers li a:hover { color: #8f8f8f; }
.news .news-inner .news-grid ul.page-numbers li span { color: #040707; font-size: 13px; font-weight: 400; margin: 0px 10px; } 



/* news-internal */
.news-internal { display: block; padding-bottom: 100px; padding-top: 277px; position: relative; width: 100%; }
/* .news-internal:before { background: #F3F3F3; content: " "; display: block; height: 370px; right: 348px; position: absolute; top: 500px; width: calc(55% - 283px); z-index: -1; } */
.news-internal .news-left { display: inline-block; padding-bottom: 0px; padding-left: 135px; padding-top: 48px; position: sticky; top: 122px; vertical-align: top; width: 40%; z-index: 2; }
.news-internal .news-left p { font-size: 14px; font-weight: 300; line-height: 1.71em; padding-bottom: 12px; width: 80%; }
.news-internal .news-left p.title { font-size: 23px; line-height: 1.2em; font-weight: normal; padding-bottom: 18px; }
.news-internal .news-left p.meta { font-size: 12px; line-height: 1.5em; font-weight: 300; padding-bottom: 36px; text-transform: uppercase; }
.news-internal .news-left p.meta span { display: block; }
.news-internal .news-left p.meta span i { font-style: normal; padding-right: 10px; }
.news-internal .news-right { display: inline-block; float: right; padding-right: 135px; position: relative; vertical-align: top; width: 55%; z-index: 2; }
.news-internal .news-right .news-image { position: relative; }
.news-internal .news-right .news-image:before { background: #F3F3F3; content: " "; display: block; height: 100%; right: 40px; position: absolute; top: 40px; width: 100%; z-index: -1; }

.news-internal .news-right img { display: block; height: auto; margin-bottom: 40px; width: 100%; }
.news-internal .news-right .news-content { display: block; padding-top: 60px; }
.news-internal .news-right .news-content h1 { font-size: 40px; line-height: 1.4em; padding-bottom: 17px; }
.news-internal .news-right .news-content h2 { font-size: 34px; line-height: 1.53em; padding-bottom: 17px; padding-top: 15px; }
.news-internal .news-right .news-content h3 { font-size: 28px; line-height: 1.61em; padding-bottom: 18px; padding-top: 12px; }
.news-internal .news-right .news-content p { font-size: 14px; font-weight: 300; line-height: 1.71em; width: 90%; padding-bottom: 17px; }
.news-internal .news-right .news-content ul { font-size: 14px; font-weight: 300; line-height: 1.71em; list-style: disc; list-style-position: inside; width: 90%; }
.news-internal .news-right .news-content ul li { margin-bottom: 11px; }


/* latest-news */
.latest-news { display: block; margin: 0px auto; position: relative; width: calc(100% - 270px); }
.latest-news h6 { font-size: 23px; line-height: 1.2em; font-weight: normal; }
.latest-news .latest-news-grid { display: flex; padding-bottom: 168px; padding-top: 81px; width: calc(100% + 80px) }
.latest-news .latest-news-grid article { display: block; margin-right: 80px; position: relative; width: calc(100% - 80px) }
.latest-news .latest-news-grid article h5 { font-size: 12px; font-weight: 300; line-height: 1.2em; margin-bottom: 28px; text-transform: uppercase; }
.latest-news .latest-news-grid article h2 { font-size: 19.79px; font-weight: normal; line-height: 1.71em; padding-bottom: 80px; }
.latest-news .latest-news-grid article a { bottom: 0px; color: #040707; font-size: 15px; position: absolute; }
.latest-news .latest-news-grid article a:before { background: #040707; content: ""; display: block; height: 1px; margin-top: -24px; position: absolute; width: 47px; }



/* contact */
.contact { display: flex; justify-content: space-between; padding-top: 195px;  }
.contact .contact-left { padding-left: 220px; padding-top: 118px; width: 40%; }
.contact .contact-left h1 { font-size: 30px; font-weight: normal; line-height: 1.2em; padding-bottom: 29px; }
.contact .contact-left p { font-size: 14px; font-weight: 300; line-height: 1.71em; padding-bottom: 24px; }
.contact .contact-left p b,
.contact .contact-left p strong { display: block; font-weight: normal; }
.contact .contact-left p a {  color: #040707; }
.contact .contact-left p a:hover { color: #8f8f8f; }
.contact .contact-left .contact-socials { padding-top: 0px; text-align: left; }
.contact .contact-left .contact-socials p { padding-bottom: 12px; }
.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 { background: #F3F3F3; padding-left: 120px; padding-right: 120px; padding-top: 118px; width: 60%; }
.contact .contact-right .form-grid { display: flex; flex-wrap: wrap; max-width: 665px; padding-bottom: 159px; }
.contact .contact-right .form-grid h2 { font-size: 30px; font-weight: normal; line-height: 1.2em; padding-bottom: 18px; width: 100%; }
.contact .contact-right .form-grid h2 + p { font-size: 14px; font-weight: 300; line-height: 1.71em; padding-bottom: 24px; }
.contact .contact-right .form-grid .form-left { margin-right: 40px; width: calc(50% - 20px); }
.contact .contact-right .form-grid .form-right { width: calc(50% - 20px); }
.contact .contact-right .form-grid label {  margin-bottom: 15px; display: block; }
.contact .contact-right .form-grid input,
.contact .contact-right .form-grid textarea { background: none; border: 0px none; border-bottom: 1px solid #ABACAC; display: block; font-size: 14px; font-weight: 300; min-height: 38px; padding: 14px 0px 13px 0px; width: 100%; }
.contact .contact-right .form-grid textarea { height: 45px; min-height: inherit; font-family: 'GothamPro', sans-serif; margin-bottom: 53px; resize: none; }

.contact .contact-right .form-grid input.wpcf7-not-valid { border-bottom-color: #C00; }
.contact .contact-right .form-grid select.wpcf7-not-valid + .sbHolder { border-bottom-color: #C00; }

.contact .contact-right .form-grid div.wpcf7-response-output { display: none !important; opacity: 0 !important; }

.contact .contact-right .form-grid span.wpcf7-not-valid-tip { display: none !important; opacity: 0; }

.contact .contact-right .form-grid hr { background: #040707; border: 0px none; display: block; height: 1px; margin: 0px; padding: 0px; position: absolute; width: 47px; }
.contact .contact-right .form-grid input[type="submit"] { border: 0px none; font-size: 21.56px; padding-top: 22px; text-align: left; }
.contact .contact-right .form-grid input[type="submit"]:hover { color: #8f8f8f; }
.contact .contact-right .form-grid .select .sbHolder { background: none; border: 0px none; border-bottom: 1px solid #ABACAC; min-height: 45px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; text-decoration: none; text-align: left; width: 100%; position: relative; }
.contact .contact-right .form-grid .select .sbSelector { color: #000; display: block; font-size: 14px; font-weight: 300; padding: 14px 30px 13px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.contact .contact-right .form-grid .select .sbOptions { background: #fff; border: 1px solid #ABACAC; list-style: none; line-height: 1.71em; left: -1px; max-height: 200px; margin: 0; padding: 0; position: absolute; top: 44px !important; width: calc(100% + 2px); overflow-y: auto; padding-bottom: 17px; padding-top: 21px; z-index: 9999; }
.contact .contact-right .form-grid .select .sbOptions a { background: #fff; border-bottom: 1px solid #ABACAC; color: #000; display: block; font-size: 13px; font-weight: 300; line-height: 1em; outline: none; margin: 0px; margin-top: 0px; padding: 8px 20px 8px 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.contact .contact-right .form-grid .select .sbOptions li:last-child a { border-bottom: 0px none; }
.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 { content:""; border: 5.5px solid transparent; border-top-color: #000; height: 0px; position: absolute; width: 0px; right: 11px; top: 25px; }
.contact .contact-bg { background-repeat: no-repeat !important; background-size: 100% auto !important; display: block; height: 755px; left: 0px; mix-blend-mode: multiply; position: absolute; top: 372px; width: 178px; z-index: 1000; }

.thanks-page .contact .contact-right { height: 824px; }
.thanks-page .contact .contact-right .form-grid h2 { padding-bottom: 29px; }


.content-404 { display: block;  padding-top: 279px; }
.content-404 .content-inner { display: block; height: 425px; text-align: center; }

.content-404 .content-inner h2 { font-size: 84.24px; line-height: 1.2em; padding-bottom: 19px; }
.content-404 .content-inner p { font-size: 26px; line-height: 1em; }


.page-404 { background: #F3F3F3; }
.page-404 header { background: #fff; }
.page-404 .content-404  { background: #fff; }
