/* CSS Document */ #all{ width:100%; overflow: hidden; } .container{ max-width:1360px; width:100%; } h1, h2{font-family: "dejanire-headline",serif;} h1,h2,h3,h4,h5{ font-weight:400; } h1{ font-size:85px; letter-spacing: -0.1px; } h2{ font-size:64px; letter-spacing: -0.1px; } h3{ font-size:48px; letter-spacing: -0.1px;} h4{ font-size:22px; } h5{ font-size:18px; } p{ line-height: 1.8; } .flex{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-wrap{ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .flex-justify{ -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} .flex-align-items-center{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .flex-align-content-center{ -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center;} /* ================================ */ /* ====== HOME PAGE STYLE ====== */ /* ================================ */ .home_specials_bar{ overflow: hidden; background: rgb(85,80,150); position: relative; z-index: 990; background: -moz-linear-gradient(90deg, rgba(85,80,150,1) 0%, rgba(139,143,190,1) 40%, rgba(255,180,72,1) 100%); background: -webkit-linear-gradient(90deg, rgba(85,80,150,1) 0%, rgba(139,143,190,1) 40%, rgba(255,180,72,1) 100%); background: linear-gradient(90deg, rgba(85,80,150,1) 0%, rgba(139,143,190,1) 40%, rgba(255,180,72,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#555096",endColorstr="#ffb448",GradientType=1); } .home_specials_bar_inner{ background: #002D3C; padding: 15px 0 12px; margin: 8px 0 0; overflow: hidden; color: #FFF; } .specials_bar_content{ max-width: 1300px; margin: 0 auto; padding: 0 25px;} .specials_bar_content p{ color: #FFB44B; margin-bottom: 0; line-height: 1; } .specials_bar_content p:first-child{ margin-bottom: 5px; } .specials_bar_content p a{ color: #FFB44B; text-decoration: underline;} .specials_bar_content p em, .specials_bar_content p i{ font-size: 13px;} #home{ min-height: 500px; position: relative; } .overlay{ position: absolute; } /* Home pge Hero Section */ .water-video-overlay .container{ padding:0; } .bgvideo_bacground{ position: fixed; top: 0; width: 100%; } .water-video-overlay{ position: relative; width: 100%; z-index: 9; overflow: hidden; } .video-overlay-text{ display: flex; flex-wrap: wrap; margin-top: 100px; margin-bottom: 100px; } .video-overlay-text .title { letter-spacing: -0.4px; width: 100%; font-family: "dejanire-headline",serif; font-size: 228px; color: #FFF; text-align: center; text-transform: uppercase; font-weight: 900; margin-bottom: 30px; } .video-overlay-text .subtitle{ letter-spacing: 2px; word-spacing: 5px; width: 100%; font-size: 32px; color: #FFF; text-align: center; text-transform: uppercase; font-weight: bold;} /* Home Section One */ #section_one{ display: flex; flex-wrap: wrap; width: 100%; min-height: 500px; background-color: #F6F4F3; position: relative; padding-bottom: 100px; } .section_one_inner_content{ max-width: 720px; margin: 100px auto 80px; } .section_one_inner_content h2{ font-size: 64px; font-weight: 400; color: #002D3C; margin-bottom: 40px; } .section_one_inner_content h3{} .section_one_inner_content p{ line-height: 1.8; } .section-one-video{ width: 100%; max-width: 1100px; margin: 0 auto; position: relative; z-index: 25; } .section-one-video-inner{ position: relative; display: flex; z-index: 9; } .section-one-video-inner img, .section-one-video-inner video{ width: 100%; } .video-play-button-overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; } .video-play-button-overlay span { border-radius: 22px; background: url(../../images/svgs/video_icon.svg) no-repeat center center; width: 130px; height: 89px; position: absolute; cursor: pointer; left: 50%; top: 50%; margin-top: -45px; margin-left: -65px; } .video-play-button-overlay span:hover{ box-shadow: 1px 1px 50px #000; } .section-one-video::before, .section-one-video-inner::before, .section-one-video-inner::after{ content: ""; position: absolute; z-index: 5 } .section-one-video::before{ height: calc(100% + 30px); width: calc(100% - 120px); top: -15px; left: -15px; background: url(../../images/video-bg.svg) no-repeat; background-size: auto; background-size: calc(100% + 30px) auto; } .section-one-video-inner::before{} .section-one-video-inner::after{} .section-one-overlay { background: url(../../images/svgs/home-orange-lines.svg); width: 786px; height: 339px; bottom: -238px; right: 0; z-index: 11; } /* Home Section Two */ #section_two{ min-height: 500px; position: relative; z-index: 22; padding: 120px 0 80px; } .gallery-title-two{ max-width: 980px; margin: 0 auto; } .gallery-title-two h2{ font-size: 85px; font-weight: 400; color: #002D3C; margin-bottom: 40px; } .bottom-gallery-content h2{ font-size: 85px; } #section_two .section_one_inner_content{ margin: 20px auto 0px; } #section_two .section_one_inner_content p{ max-width:430px; } #section_two .see-more-link{ margin-top: 30px; } .see-more-link a { letter-spacing: 2px; color: #002D3C; font-weight: bold; text-transform: uppercase; font-size: 13px; display: inline-block; line-height: 40px; padding-left: 45px; transition: all 0.4s ease-in-out 0s; position: relative; } .see-more-link a::before { transition: all 0.4s ease-in-out 0s; content: ""; background: url("../../images/svgs/arrow-blue.svg"); background-position-x: 0%; background-position-y: 0%; background-repeat: no-repeat; background-repeat: repeat; background-repeat: no-repeat; background-position: center center; width: 32px; height: 32px; position: absolute; left: 0; border: 1px solid #002D3C; border-radius: 100%; top: 50%; margin-top: -18px; } .see-more-link a:hover::before{ background: url("../../images/svgs/arrow-hover.svg") no-repeat center center; border: 1px solid #407ec9; width: 36px; height: 36px; margin-top: -20px; } .see-more-link a:hover{ padding-left: 50px; color: #407ec9; } #neighborhood-main-section .see-more-link a::before{ background: url("../../images/svgs/down-arrow.svg") no-repeat center center; } #neighborhood-main-section .see-more-link a:hover::before{ background: url("../../images/svgs/down-arrow-hover.svg") no-repeat center center; } /* Section Three */ #section_three{ display: flex; background: #002D3C; min-height: 500px; position: relative; z-index: 7; padding: 120px 0 80px; } .container-full-width{ position: relative; width: 100%; z-index: 99; } .gallery-title-three { max-width: 720px; margin: 0 auto 30px; } .gallery-title-three h2{font-size: 85px; color: #FFB44B; font-weight: 400;} .section_three_inner_content{} .section_three_inner_content .bottom-gallery-content{ margin: 0 auto; max-width: 460px;} .section_three_inner_content .bottom-gallery-content h2{ font-size: 85px; color: #FFB44B; font-weight: 400; margin: 20px 0 30px; } .section_three_inner_content .bottom-gallery-content p{ color:#FFF; line-height: 1.8; } #section_three .see-more-link { margin-top: 30px; } #section_three .see-more-link a::before{ background: url("../../images/svgs/arrow-white.svg") no-repeat center center; border: 1px solid #FFF; } #section_three .see-more-link a{ color: #FFF; } #section_three .see-more-link a:hover::before{ background: url("../../images/svgs/arrow-orange.svg") no-repeat center center; border: 1px solid #FFB44B; } #section_three .see-more-link a:hover{ color: #FFB44B; padding-left: 50px; } .section-three-overlay { background: url(../../images/svgs/home-blue-waves.svg); width: 1313px; height: 250px; bottom: -55px; left: 0; z-index: 20; } /* Section Four */ #section_four{ display: flex; min-height: 500px; position: relative; z-index: 6; padding: 120px 0 80px; } .gallery-title-four { max-width: 1050px; margin: 0 auto 30px; } .gallery-title-four h2{font-size: 85px; font-weight: 400;} .section_four_inner_content{ margin: 0 auto; max-width: 690px} .section_four_inner_content .bottom-gallery-content{ } .section_four_inner_content .bottom-gallery-content h2{ font-size: 85px; font-weight: 400; margin: 20px 0 30px;} .section_four_inner_content .bottom-gallery-content p{ line-height: 1.8; max-width: 430px; } #section_four .see-more-link { margin-top: 30px; } .hamburger-menu-active #home, .hamburger-menu-active .main, .hamburger-menu-active footer.site-info{ display: none; } .main{ min-height:500px; } /* ================================ */ /* ====== HOUSING PAGE STYLE ====== */ /* ================================ */ #housing-hero-section{ position: relative; min-height: 700px; background-color: #F6F4F3; } #housing-hero-section .container-full-width{ position: relative; z-index: 30; padding: 100px 0; } #housing-hero-section .content{ max-width: 1150px; margin: 0 auto; } #housing-hero-section .content .content-iiner{ max-width: 760px;} #housing-hero-section .content h1 { font-size: 85px; color: #002D3C; font-family: "dejanire-headline",serif; line-height: 1.2; margin-bottom: 30px; } #housing-hero-section .content h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1.8px; color: #38584B; } #housing-hero-section .content .content-iiner p{ font-family: "dejanire-headline",serif; font-size:26px; line-height: 40px; } #housing-hero-section .content-inner { max-width: 580px; margin-top: 50px; display: flex; justify-content: space-between; margin-left: 20px; } #housing-hero-section .hours-section-box{ width: 68%; } #housing-hero-section .contact-section-box{} .housing-hero-top-overlay { background: url("../../images/svgs/contact-header-lines-right.svg") no-repeat; width: 404px; height: 148px; right: 0; } .housing-hero-bottom-overlay { background: url("../../images/svgs/contact-header-lines-left.svg") no-repeat; width: 1221px; height: 184px; left: 0; bottom: -60px; } .housing-form-bottom-wrap { max-width: 1150px; margin: 170px auto 0;} .housing-bottom-inner{} .housing-bottom-inner p{} .housing-box-inner{} .housing-box-inner h3 { font-family: "dejanire-headline",serif; font-size: 26px; color: #002D3C; line-height: 1.5; margin-bottom: 30px; } .housing-box-inner p{} #contact-main-section.housing-all-main-section .container-full-width{ padding-bottom:40px;} .hywrap .controls textarea { outline: none; border: none; border-radius: 0; padding: 7px 12px; height: 140px; font-family: "azo-sans-web",sans-serif; font-weight: 400; font-size: 17px; line-height: 28px; color: #002D3C; background-color: #F6F4F3; resize: none; } .hywrap .top_align label.control-label{ max-width: 250px; font-weight: 500 !important; font-size: 10px; line-height: 16px; letter-spacing: 0.6px; color: #002D3C; text-transform: uppercase; margin-right: 0; font-family: "azo-sans-web",sans-serif; } .hywrap .controls input[type="text"]{ color: #002D3C; border-bottom: 1px solid #38584B; height: 40px; font-size: 17px; } .hywrap .name-fields li:first-child { margin-bottom: 0px; } .hywrap #form-fields{ margin-bottom:15px; } #contact-main-section .hywrap { margin-top: 50px; } /* ================================ */ /* ====== CONTACT PAGE STYLE ====== */ /* ================================ */ #contact-hero-section{ position: relative; min-height: 590px; background-color: #F6F4F3; } #contact-hero-section .container-full-width{ position: relative; z-index: 30; padding: 100px 0; } #contact-hero-section .content{ max-width: 1170px; margin: 0 auto; } #contact-hero-section .content h1{ font-size: 110px; color: #38584B; font-family: "dejanire-headline",serif; } #contact-hero-section .content h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1.8px; } #contact-hero-section .content-inner { max-width: 600px; margin-top: 50px; display: flex; justify-content: space-between; margin-left: 20px; } #contact-hero-section .hours-section-box{ width: 68%; } #contact-hero-section .contact-section-box{ width: 100%; max-width:207px; } .hours_section{} .hours_section .day_row { display: flex; width: 100%; justify-content: space-between; max-width: 280px; line-height: 1.8; } .day_row .day_col{} .day_row .to_col{} .day_row .from_col{} .contact-section-box .address_box{ margin-bottom: 50px;} .contact-section-box .address_box p{} .contact-section-box .address_box p a{ color:#002D3C; } .contact-section-box .address_box p a:hover{ color: #407ec9; } .contact-section-box .phone_box{} .contact-section-box .phone_box a{ color:#002D3C; } .contact-section-box .phone_box a:hover{ color: #407ec9; } .contact-section-box .scheduleatour{ margin-top:17px } .contact-section-box .scheduleatour a{ display: block; width: 100%; border: none; border-radius: 0; margin: 0; margin-top: 0px; padding: 0; background: #FFB44B; -webkit-box-shadow: none !important; box-shadow: none !important; font-family: "azo-sans-web",sans-serif; font-weight: bold; font-size: 12px; line-height: 20px; color: #02303C; letter-spacing: 1px; text-transform: uppercase; position: relative; text-align: center; border-radius: 0px; margin-top: 10px; line-height:50px; } .contact-section-box .scheduleatour a:hover{ top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: -webkit-gradient(linear, left top, right top, from(#8B8FBE), to(#FFB448)); background: linear-gradient(90deg, #8B8FBE 0%, #FFB448 100%); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .contact-hero-top-overlay { background: url("../../images/svgs/contact-header-lines-right.svg") no-repeat; width: 404px; height: 148px; right: 0; } .contact-hero-bottom-overlay { background: url("../../images/svgs/contact-header-lines-left.svg") no-repeat; width: 1221px; height: 184px; left: 0; bottom: -60px; } #contact-main-section{} #contact-main-section .container-full-width{ padding: 100px 0; } .contact-main-inner{ } .contact-box-inner{ margin: 0 auto; max-width: 530px; } #contact-main-section .frm_forms{ margin-top: 50px; } #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field input[type="checkbox"] { border: 1px solid #002D3C; } #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field textarea{background-color: #F6F4F3; resize: none;} #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field textarea, #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field input, #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field .frm_primary_label, #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field .frm_opt_container label{ color: #002D3C; } #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field input[type="tel"] { } #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field input[type="text"], #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field input[type="email"], #contact-main-section .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field input[type="tel"]{ border-bottom: 1px solid #38584B; height: 40px; font-size: 17px; } .frm_forms.frm_style_formidable-style form.site-form .frm_form_fields .frm_form_field .frm_primary_label{ font-weight: 500 !important;} #contact-main-section .with_frm_style .frm_top_container ::-webkit-input-placeholder { color: #7697AC;} #contact-main-section .with_frm_style .frm_top_container :-ms-input-placeholder { color: #7697AC; } #contact-main-section .with_frm_style .frm_top_container ::placeholder { color: #7697AC;} .frm_first ::-webkit-input-placeholder, .frm_last ::-webkit-input-placeholder { color: #002D3C !important; opacity:1;} .frm_first :-ms-input-placeholder, .frm_last :-ms-input-placeholder { color: #002D3C !important; opacity:1; } .frm_first ::placeholder, .frm_last ::placeholder { color: #002D3C !important; opacity:1; } .hywrap .controls{} .hywrap .controls input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #7697AC !important; opacity: 1; font-size:17px; } .hywrap .controls input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #7697AC !important; opacity: 1; font-size:17px; } .hywrap .controls input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7697AC !important; opacity: 1; font-size:17px; } .hywrap .controls :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #7697AC !important; opacity: 1; font-size:17px; } .hywrap .controls .controls ::-ms-input-placeholder { /* Microsoft Edge */ color: #7697AC !important; opacity: 1; font-size:17px; } .hywrap .controls input::placeholder { /* Most modern browsers support this now. */ color: #7697AC !important; opacity: 1; font-size:17px; } /* dark color */ .hywrap .hytag_name .controls input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #002D3C !important; opacity: 1; font-size:17px; } .hywrap .hytag_name .controls input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #002D3C !important; opacity: 1; font-size:17px; } .hywrap .hytag_name .controls input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #002D3C !important; opacity: 1; font-size:17px; } .hywrap .hytag_name .controls :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #002D3C !important; opacity: 1; font-size:17px; } .hywrap .hytag_name .controls .controls ::-ms-input-placeholder { /* Microsoft Edge */ color: #002D3C !important; opacity: 1; font-size:17px; } .hywrap .hytag_name .controls input::placeholder { /* Most modern browsers support this now. */ color: #002D3C !important; opacity: 1; font-size:17px; } .thank-you-message{ margin-top: 30px; } .thank-you-message .bottom-text{ text-align: center; font-size: 13px; text-transform: uppercase; color: #002D3C; font-weight: bold; margin-top: 50px; letter-spacing: 1.8px; } .frm_forms.frm_style_formidable-style form.site-form .frm_submit .frm_button_submit{ padding:0; line-height:50px; } .hywrap .controls select { background-color: rgba(255,255,255,0.15); background-image: url("../../images/svgs/mobile/filter-arrow.svg"); background-position: 96% 50%; background-size: 13px 7px; background-repeat: no-repeat; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 250px; border-radius: 0; font-family: "azo-sans-web",sans-serif; font-weight: 500; font-size: 17px; line-height: 28px; color: #002D3C; border-bottom:1px solid #38584B; } .hywrap .controls select option { padding: 0; background-color: transparent; } /* ================================ */ /* ====== Features/Amenities ====== */ /* ================================ */ #hero-features-amenities { position: relative; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% auto; min-height: 700px; } #features-amenities{ background-color: #F6F4F3; min-height: 320px; position: relative; } #features-amenities .container{ position: relative; z-index: 11; } #features-amenities .content{ text-align: center; padding-top: 170px; overflow: hidden; } #features-amenities .content h1{} #features-amenities .content h5{ letter-spacing: 2px; margin-bottom: 20px; text-transform: uppercase; color: #407EC9; font-weight: 700; font-size: 13px; } .hero-banner-parallax{ height: 390px; } .amenities-hero-top-overlay { z-index: 11; background: url(../../images/svgs/apartments-header-blue-lines.svg); width: 675px; height: 189px; left: 0; top: 0; } #features-amenities-section-one{ position: relative; } .amenities-section-one-overlay { background: url(../../images/svgs/apartments-orange-lines.svg); width: 800px; height: 346px; z-index: 11; right: 0; bottom: -275px; } .amenities-section-three-overlay { background: url(../../images/svgs/apartments-header-blue-lines.svg); width: 675px; height: 189px; z-index: 11; bottom: 12px; } #amenities-section-one{ position: relative; z-index: 30; } .container-inner{ margin:50px auto; max-width: 1100px; } #amenities-section-one .content{ max-width: 760px; margin-bottom: 50px;} #amenities-section-one .content p{ font-family: "dejanire-headline",serif; font-size: 26px; line-height: 40px;} .amenities-section-one-photos{ display: flex; column-gap: 5px; } #features-amenities-section-two{ position: relative; background-color: #002D3C; color: #FFF; } #features-amenities-section-two .container-full-width{ position: relative; z-index: 30; } #features-amenities-section-two .content{ max-width: 1100px; margin: 0 auto; padding: 70px 0;} #features-amenities-section-two .amenities-two-con-wrap{ width:100%; clear: both; overflow: hidden; max-width: 950px; padding-right:20px; } #features-amenities-section-two .amenities-two-con-inner{ width:100%; max-width: 770px; float: right; } .amenities-two-con-inner .amenities-two-contet{ margin-bottom: 100px; } .amenities-two-title-section h5{ font-weight: bold; text-transform: uppercase; color: #FFB44B; letter-spacing: 2px; margin-bottom: 15px; } .amenities-two-title-section h2{ margin-bottom: 40px; font-family: "dejanire-headline",serif; } .amenities-two-contet ul { overflow: hidden; padding: 0; margin: 0 0 30px; line-height: 2; display: block; width: calc(50% - 50px); float: left; } .amenities-two-contet ul li{ width: calc(100% - 0px); position: relative; line-height: 28px; padding-left: 20px; float: left; } .amenities-two-contet ul li::before{content: ""; position: absolute; width: 6px; height: 6px; border: 1px solid #FFF; border-radius: 100%; left: 0px; top: 11px; } .amenities-two-contet ul:nth-child(2n), .amenities-two-contet ul:nth-child(even){ margin-left: 50px;} .amenities-two-contet ul:nth-child(2n+1), .amenities-two-contet ul:nth-child(odd){ margin-right: 50px;} .amenities-two-con-inner .amenities-two-contet p{ width:100%; overflow: hidden; } .amenities-two-sweep-box{ text-align: center; } .amenities-two-sweep-box h3{ font-family: "dejanire-headline",serif; } .amenities-two-sweep-box h4{ letter-spacing: 2px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #BFB8AF; margin-top: 25px; margin-bottom: 15px; } .sweep-box-mm img{ width:100%; } .caption-box{ display: flex; justify-content: space-between; text-transform: uppercase; font-size: 12px; font-weight: 500; margin-top: 10px; letter-spacing: 2px; } .dark-light-sweep{ max-width: 760px; } .sweep-wrap{ position: relative; } .sweep-dark{ position: absolute; top: 0; left: 0; width: 100%; } .sweep-dark img, .sweep-light img{ width:760px; } .sweep-scell{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 30} .sweep-scell > span { /*background: url("../../images/dark-light-bar.svg") no-repeat; background-position-x: 0%; background-position-y: 0%;*/ width: 1px; height: 400px; display: block; background-position: 50% center; cursor: all-scroll; background-position: 0 center; left: 50%; position: absolute; } .dark-view-image{ width:50%; overflow: hidden;} .sweep-scell > span > .sweep_triger{ position: relative; height: 400px; display: block; } .sweep-scell > span > .sweep_triger::before{ content: ""; position: absolute; left: 50%; background-color: #FFF; height: 100%; top: 0; width: 4px; margin-left: -2px;} .sweep-scell > span > .sweep_triger::after { content: ""; position: absolute; background: url(../../images/svgs/sweep-triger.svg) no-repeat; width: 40px; height: 40px; left: -19px; top: 50%; margin-top: -20px; } #features-amenities-section-three{ position: relative; } #features-amenities-section-three .container-full-width{ position: relative; z-index: 30; } #features-amenities-section-three .content{ max-width: 1100px; margin: 0 auto; padding: 70px 0;} #features-amenities-section-three .amenities-three-con-wrap{ width:100%; clear: both; overflow: hidden; max-width: 930px; } #features-amenities-section-three .amenities-three-con-inner{ width:100%; max-width: 770px; float: right; } .amenities-three-title-section{ margin-bottom: 30px; } .amenities-three-title-section h2{ font-family: "dejanire-headline",serif; } .amenities-three-content ul { padding: 0; margin: 0 0 30px; line-height: 2; width: 40%; float: left; } .amenities-three-content ul:last-child{ float: right; } .amenities-three-content ul li{ position: relative; line-height: 2; padding-left: 20px; line-height: 28px; } .amenities-three-content ul li::before{content: ""; position: absolute; width: 6px; height: 6px; border: 1px solid #002D3C; border-radius: 100%; left: 0px; top: 11px; } .amenities-section-three_gallery{ display: flex; margin-bottom: 40px; column-gap: 3px; } .amenities-section-three_gallery .gallery-image{ display: block; } .amenities-section-three_gallery .gallery-image img{ width:100%; } .amenities-section-three_gallery .ast_gallery_left, .amenities-section-three_gallery .ast_gallery_right{height: auto; width: 100%; background-size: 100% auto; background-position: center center; } .amenities_buttons_box{ overflow: hidden; max-width: 800px; margin: 0 auto 70px; } .amenities_buttons_box_inner{ width:40%; float: right; } .morelinks-wrap{ margin-bottom: 20px;} .morelinks-wrap:last-child{ margin-bottom: 0; } /* ================================ */ /* ====== Neighborhood ====== */ /* ================================ */ #neighborhood-hero-section{ background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto; background-position: center 60px; position: relative; z-index: 33; } #neighborhood-hero-section .neighborhood-hero-inner{overflow: hidden; padding-top: 400px; width: 100%; } #neighborhood-hero-section .container-full-width{ background-color: #002D3C; } #neighborhood-hero-section .content{ width:100%; display: flex; justify-content: center; align-content: center; align-items: center; height: 325px; } #neighborhood-hero-section .content-inner{ width: 100%; text-align: center; color: #FFF; } #neighborhood-hero-section .content-inner h5{ color: #FFB44B; letter-spacing: 2px; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } #neighborhood-hero-section .content-inner h1{} .neighborhood-hero-top-overlay{background: url(../../images/svgs/neighborhood-top-green-line.svg) no-repeat; width: 1221px; height: 264px; bottom: -164px; left: 0; z-index: 99;} #neighborhood-main-section{ position: relative; } #neighborhood-main-section .neighborhood-main{ position: relative; z-index: 30; } #neighborhood-main-section .content{ max-width: 600px; margin: 0 auto; padding: 120px 0 70px; } #neighborhood-main-section .content h2, #neighborhood-main-section .content h3{ font-size: 34px; margin-bottom: 30px; line-height: 1.4; letter-spacing: 0; } #neighborhood-main-section .content p{} #neighborhood-main-section .content .see-more-link{ margin-top: 30px;} #neighborhood-main-section .list_items_section{ max-width: 930px; min-height: 320px; background: #FFB44B; margin: 0 auto 65px; display: flex; justify-content: center; align-items: center; } #neighborhood-main-section .list_items_section_inner{ max-width: 690px; width: 100%; padding: 30px; } #neighborhood-main-section .list_items_section_inner h5{ font-size: 16px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #002D3C; padding-bottom: 10px; margin-bottom: 20px;} #neighborhood-main-section .list_items{ width: 50%; float: left;} #neighborhood-main-section .list_items ul{ padding: 0; margin: 0; } #neighborhood-main-section .list_items ul li{ position: relative; line-height: 30px; padding-left: 20px; } #neighborhood-main-section .list_items ul li::before{ content: ""; width: 5px; height: 5px; border: 1px solid #002D3C; position: absolute; border-radius: 100%; left: 0; top: 12px; } #neighborhood-main-section .list_items_left{ width:60%; } #neighborhood-main-section .list_items_left ul{ max-width: 300px; } #neighborhood-main-section .list_items_right{ width: 40%; } .neighborhood-main-top-overlay{ background: url(../../images/svgs/neighborhood-main-yellow-line.svg) no-repeat; width: 1313px; height: 250px; top:-170px; right: 0; z-index: 11; position: absolute; opacity:1} #neighborhood_section_three{ position: relative; margin-bottom: 100px; } .neighborhood-three{ position: relative; z-index: 13; } .neighborhood-wrap{} #neighborhood_section_three .content{ position: relative; z-index: 13; } #neighborhood_section_three .content .row{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;} #neighborhood_section_three .content .column{ width: 50%; } #neighborhood_section_three .content .column-left{} #neighborhood_section_three .content .column-left .column-content{ max-width: 428px; margin: 0 auto; } #neighborhood_section_three .content .column-left .column-content h2{ font-size: 48px; margin-bottom: 20px; } #neighborhood_section_three .content .column-left .column-content h4{ font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 50px;} #neighborhood_section_three .content .column-left .column-content p{} #neighborhood_section_three .content .column-left .column-image{} #neighborhood_section_three .content .column-left .imagebox{} #neighborhood_section_three .content .column-left .imagebox img{ max-width:100%; } #neighborhood_section_three .content .column-right{} #neighborhood_section_three .content .column-right .column-content{ max-width: 428px; margin: 0 auto;} #neighborhood_section_three .content .column-right .column-content h2{ font-size: 48px; margin-bottom: 20px; } #neighborhood_section_three .content .column-right .column-content h4{ font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 50px; } #neighborhood_section_three .content .column-right .column-content p{} #neighborhood_section_three .content .column-right .column-image{} #neighborhood_section_three .content .column-right .imagebox{} #neighborhood_section_three .content .column-right .imagebox img{ max-width:100%;} #neighborhood_map{ position: relative; padding-bottom: 100px; z-index: 33; background-color: #FFF; } #neighborhood_map .content h2{ text-align: center; margin-bottom: 30px; line-height: 1.4; } #neighborhood_map .bottom_links{ width: 100%; overflow: hidden; margin-top: 40px; } #neighborhood_map .bottom_links .bottom_links_wrap{ width: 46%; float: right; } #neighborhood_map .bottom_links .bottom_links_wrap .see-more-link{ margin-bottom: 20px;} #neighborhood_map .bottom_links .bottom_links_wrap .see-more-link a{} #neighborhood_section_five{ position: relative; padding-bottom: 100px; background: #FFF; z-index: 13; padding-top: 80px; } #neighborhood_section_five .content h2{ font-size: 48px; text-align: center; margin-bottom: 30px; line-height: 1.4; } #neighborhood_section_five .things_content{ margin: 40px auto 30px; max-width: 600px; text-align: center; } #neighborhood_section_five .things_content p{} #neighborhood_section_five .things_button{ text-align: center; margin-bottom: 40px; } #neighborhood_section_five .things_button a{ padding: 0; display: inline-block; padding: 0; height: 50px; line-height: 50px; width: 265px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #002D3C; background-color: #EDEAE7; letter-spacing: 1.8px; -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */ transition: background 2s; /* For modern browsers */ } #neighborhood_section_five .things_button a:hover{ background: rgb(139,143,190); background: -moz-linear-gradient(93deg, rgba(139,143,190,1) 0%, rgba(255,180,72,1) 100%, rgba(255,180,72,1) 100%); background: -webkit-linear-gradient(93deg, rgba(139,143,190,1) 0%, rgba(255,180,72,1) 100%, rgba(255,180,72,1) 100%); background: linear-gradient(93deg, rgba(139,143,190,1) 0%, rgba(255,180,72,1) 100%, rgba(255,180,72,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b8fbe",endColorstr="#ffb448",GradientType=1); } #neighborhood_section_five .things_link{ text-align: center;} #neighborhood_section_five .things_link a{ font-weight: bold; color:#38584B; font-size: 13px; text-transform: uppercase; letter-spacing: 1.8px; } #neighborhood_section_five .things_link a:hover{ color:#407ec9 ; } .things_slider_section{} .things_slider{ display: flex; justify-content: center; column-gap: 5px; } .map-wrap{ display: flex; } #map{ width:100%; margin-left: 4px; } .neighborhood-map-section #map-container .map-wrap .categories-container { -webkit-justify-content: flex-end; justify-content: flex-end; width: 333px; height: 600px; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer { position: relative; width: 100%; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories { padding-left: 0; margin: 0; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent { cursor: pointer; font-size: 13px; font-size: 1.3rem; color: #fff; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #fff; text-transform: uppercase; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent .box-name { position: relative; padding: 22px 0 22px 20px; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent .box-name .minus { display: none; top: 16px; } #categories .parent.active > .box-name{ background: #FFB44B; color:#002D3C; } #categories .parent > .box-name > .plus, #categories .parent > .box-name > .minus{ margin-right: 7px; } #categories .parent.active > .box-name > .plus{ display: none !important; } #categories .parent.active > .box-name > .minus{ display: inline-block !important;} #categories .parent > ul.children > li { text-transform: none; font-size: 14px; font-weight: 400; display: block; padding-left: 34px; line-height: 1.5; padding-right: 5px; margin-bottom: 5px; } #categories .parent > ul.children > li span{} .neighborhood-map-section #map-container .map-wrap .categories-container { position: relative; background-color: #002531; padding: 0; display: -webkit-flex; display: flex; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent ul.children { display: none; max-height: 322px; overflow-y: scroll; overflow-x: hidden; padding: 8px 0; background-color: #033343; scrollbar-color: #649EE5 #034156; } html { --scrollbarBG: #034156; --thumbBG: #649EE5; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent ul.children::-webkit-scrollbar { width: 11px; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent ul.children { scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent ul.children::-webkit-scrollbar-track { background: var(--scrollbarBG); } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer ul#categories li.parent ul.children::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: 6px; border: 3px solid var(--scrollbarBG); } .map_wrap{ position: relative; z-index: 30; } .map-wrap .subcontainer > a { position: absolute; bottom: 0; z-index: 33; color: #FFF; display: block; width: 100%; background-color: #000; padding: 0 15px; text-align: left; font-size: 13px; min-height: 38px; line-height: 38px; } .neighborhood-map-bottom-overlay { background: url(../../images/svgs/neighborhood-map-line.svg) no-repeat; width: 675px; height: 190px; bottom: 70px; left: 0; } .amenities-services-bottom-overlay{ background: url(../../images/svgs/neighborhood-map-line.svg) no-repeat; width: 675px; height: 190px; bottom: -44px; left: 0; } /* ================================ */ /* ====== Gallery ====== */ /* ================================ */ #gallery-hero-section { background-color: #002D3C; color: #FFF; min-height: 270px; position: relative; overflow: hidden; } #gallery-hero-section .content-inner { text-align: center; padding-top: 140px; padding-bottom: 25px; } #gallery-hero-section .content-inner h5{ color: #FFB44B; letter-spacing: 2px; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } #gallery-hero-section .content-inner h1{} .gallery-hero-top-overlay{ background: url(../../images/svgs/gallery-line-top-yello.svg) no-repeat; width: 862px; height: 231px; top: -63px; right: 0; z-index: 11; } #gallery-main-section{ min-height: 1000px; background: rgb(139,143,190); background: -moz-linear-gradient(180deg, rgba(139,143,190,0.4) 0%, rgba(255,180,72,0.2) 51%, rgba(139,143,190,0.4) 100%, rgba(139,143,190,1) 100%, rgba(139,143,190,0.3) 100%); background: -webkit-linear-gradient(180deg, rgba(139,143,190,0.4) 0%, rgba(255,180,72,0.2) 51%, rgba(139,143,190,0.4) 100%, rgba(139,143,190,1) 100%, rgba(139,143,190,0.3) 100%); background: linear-gradient(180deg, rgba(139,143,190,0.4) 0%, rgba(255,180,72,0.2) 51%, rgba(139,143,190,0.4) 100%, rgba(139,143,190,1) 100%, rgba(139,143,190,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b8fbe",endColorstr="#8b8fbe",GradientType=1); } #gallery-main-section .container-full-width{ padding: 70px 0; } #gallery-main-section .filter-tab-section{} #gallery-main-section .filter-tab-section > h5{ font-size: 12px; margin-bottom: 10px; font-weight: 500; letter-spacing: 0.3px;} #gallery-main-section .filter-tab-section .filter{ display: flex; column-gap: 8px;} #gallery-main-section .filter-tab-section .filter a{ width: auto; text-align: center; display: block;} #gallery-main-section .filter-tab-section .filter a .filter-image, #gallery-main-section .filter-tab-section .filter a.active .filter-image{ overflow: hidden; position: relative; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #gallery-main-section .filter-tab-section .filter a .filter-image img{transition: transform .5s ease;} #gallery-main-section .filter-tab-section .filter > a:hover .filter-image img{ transform: scale(1.1); } #gallery-main-section .filter-tab-section .filter > a:hover .filter-image::before, /*#gallery-main-section .filter-tab-section .filter a.active .filter-image::before,*/ #gallery-main-section .filter-tab-section .filter a.is-checked .filter-image::before{ z-index: 11; content: ""; position: absolute; border: 8px solid #002D3C; width: calc(100% - 16px); height: calc(100% - 16px); top: 0; left: 0;} #gallery-main-section .filter-tab-section .filter a h5{ font-size: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.8px; color: #002D3C; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; } #gallery-main-section .filter-tab-section .filter > a:hover h5 span, #gallery-main-section .filter-tab-section .filter a.active h5 span, #gallery-main-section .filter-tab-section .filter a.is-checked h5 span{ border-bottom: 1px solid #002D3C; display: inline-block; } .filter-tab-section{ max-width:825px; margin: 0 auto; } .boxes { max-width: 1100px; margin: 50px auto 0; } .boxes a { } .filter a.active:before {} .is-animated { animation: .6s zoom-in;} @keyframes zoom-in { 0% { transform: scale(.1); } 100% { transform: none; } } .portfolios{ display: flex; flex-wrap: wrap; column-gap: 10px;} .portfolios .gallery-box-images{ width:calc(50% - 0px); margin-bottom: 10px; } .portfolios .gallery-box-images.gallery-large-item{ width:calc(100% - 0px); } .portfolios .gallery-box-images:not(.gallery-large-item) .gallery-box-img{ position: relative; overflow: hidden} .portfolios .gallery-box-images:not(.gallery-large-item) .gallery-box-img a{ position: relative; overflow: hidden; display: block; } .portfolios .gallery-box-images:not(.gallery-large-item) .gallery-box-img img{ width:100%; cursor: pointer} .portfolios .gallery-box-images:not(.gallery-large-item) .gallery-box-img:hover a::before{ z-index: 11; content: ""; position: absolute; border: 8px solid #002D3C; width: calc(100% - 16px); height: calc(100% - 16px); top: 0; left: 0; } .gallery-box-hulf:nth-child(2n+1){ padding: 0 5px; } .gallery-box-hulf:nth-child(2n){ padding: 0 5px; } .portfolios .gallery-box-images.gallery-large-item .gallery-box-img{ margin:0 5px; } .portfolios .gallery-box-images.gallery-large-item .gallery-box-img img{ width:100%; } div.pp_default .pp_content, div.light_rounded .pp_content{ background-color: transparent !important; color: #FFF !important; } a.pp_next{ margin-right: -50px !important; } a.pp_previous{ margin-left: -50px !important; } div.pp_overlay{ opacity: 1 !important; background: #002531 !important;} .gallery-popup{ background: #002531 !important; position: fixed; width: 100%; height: 100%; z-index: 99999; top: -100%; left: 0; } .gallery_popup_inner{ position: relative; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .gallery-popup{ } .gallery-popup.active{} .admin-bar .gallery-popup .close{ top: 47px; } .gallery-popup .close{position: absolute; right: 20px; top: 20px; z-index: 999; cursor: pointer;} .gallery-popup .close span{ background: url("../../images/svgs/menu-close-x.svg") no-repeat; font-size: 0; width: 18px; height: 18px; display: block; } .gallery-popup .close span:hover{ background: url("../../images/svgs/menu-close-x-hover.svg") no-repeat;} .gallery_popup_box .prev { background: url("../../images/svgs/popup-prev-y.svg") no-repeat; width: 47px; height: 26px; position: absolute; left: 30px; top: 50%; cursor: pointer; margin-top: -15px;} .gallery_popup_box .prev:hover{ background: url("../../images/svgs/popup-prev-w.svg") no-repeat; } .gallery_popup_box .next { background: url("../../images/svgs/popup-next-y.svg") no-repeat; width: 47px; height: 26px; position: absolute; right: 30px; top: 50%; cursor: pointer; margin-top: -15px;} .gallery_popup_box .next:hover{ background: url("../../images/svgs/popup-next-w.svg") no-repeat;} .gallery_popup_box{ max-width: 1000px; width: auto; } .gallery_popup_box .popup-image img{ max-width:100%; } .popup_caption{ padding-top: 15px; color:#FFF; text-align:center; } .gallery_popup_box .prev.deactive, .gallery_popup_box .next.deactive{ opacity: 0.5; cursor: grab;} .gallery-selected-items{ display: none} /* ================================ */ /* ====== Amenities ====== */ /* ================================ */ #amenities_banner_section{ position: relative; min-height: 700px; background-size: cover; background-attachment: fixed; overflow: hidden; } #amenities_banner_section .container-full-width{ z-index: 11; } #amenities_banner_section .content { overflow: hidden; position: relative; z-index: 11; text-align: center; min-height: 320px; background: #002531; color: #FFF; } #amenities_banner_section .content .content-inner { position: relative; z-index: 30; margin-top: 170px; margin-bottom: 0; } #amenities_banner_section .content .content-inner h4{ font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #FFB44B; margin-bottom: 20px;} #amenities_banner_section .content .content-inner h1{} .amenities-banner-top-overlay{ background: url("../../images/svgs/amenities-header-line-right.svg") no-repeat; width: 1201px; height: 229px; right: 0; top: -35px; z-index: 31; } #amenities_two_section{ position: relative; padding: 70px 0;} #amenities_two_section .content{ margin: 0 auto; position: relative; max-width: 1100px; } #amenities_two_section .section-tow-inner-content{ max-width: 760px;} #amenities_two_section .section-tow-inner-content p{ font-family: "dejanire-headline",serif; font-size:26px; line-height: 40px; } #amenities_two_section .section-tow-image-content{ margin-top: 40px; z-index: 32; position: relative;} #amenities_two_section .section-tow-image-content img{ width:100%; } .amenities-two-bottom-overlay { background: url("../../images/svgs/amenities-lines-2.svg") no-repeat; width: 1119px; height: 212px; right: 0; bottom: -82px; z-index: 30; } #amenities_three_section { position: relative; min-height: 1000px; padding-bottom: 70px; background: #002D3C; } #amenities_three_section .content{ color: #FFF; max-width: 1100px; margin: 0 auto; padding: 70px 0; } #amenities_three_section .content h2{} #amenities_three_section .content .list_items_box_main{ max-width: 1050px; display: flex; flex-wrap: wrap; padding-top: 40px; } #amenities_three_section .content .list_items_box{ width: 50%; padding-left: 100px; margin-bottom: 85px;} #amenities_three_section .content .list_items_box_wrap{ } #amenities_three_section .content .list_items_box_wrap h4{ margin-bottom: 25px; font-size: 18px; text-transform: uppercase; color: #FFB44B; letter-spacing: 2px; font-weight: bold;} #amenities_three_section .content .list_items_box_wrap ul{ max-width: 300px; padding: 0 0 0 20px; margin:0; } #amenities_three_section .content .list_items_box_wrap ul li{ display: block; position: relative; line-height: 28px; } #amenities_three_section .content .list_items_box_wrap ul li::before{ content: ""; width: 6px; height: 6px; position: absolute; left: -20px; border: 1px solid #FFF; border-radius: 100%; top: 11px; } #amenities_three_section .content .list_items_box_wrap ul li a{} .amenities_gallery_wrap { width: calc(100% - 0px); max-width: 900px; margin: 70px auto 0; } .amenities_gallery_wrap .amenities_gallery_inner{ position: relative; } .amenities_gallery_wrap .amenities_gallery_inner::before { content: ""; background: url(../../images/svgs/aminities-gallry-bg.svg) no-repeat; background-size: auto; position: absolute; height: calc(100% + 30px); width: 92%; top: -15px; right: -15px; background-size: cover; } .amenities_gallery_wrap #gallery_amenities{} .amenities_gallery_wrap{} #gallery_amenities{} #gallery_amenities .owl-nav { position: absolute; left: 50%; width: 140px; bottom: -65px; margin-top: 0; font-size: 0; margin-left: -70px; } #gallery_amenities .owl-nav .owl-prev { background: url("../../images/svgs/popup-prev-y.svg") no-repeat; width: 47px; height: 26px; margin: 0; float: left; } #gallery_amenities .owl-nav .owl-next{ background: url("../../images/svgs/popup-next-y.svg") no-repeat; width: 47px; height: 26px; margin: 0; float: right; } #gallery_amenities .owl-nav .owl-prev:hover { background: url("../../images/svgs/popup-prev-w.svg") no-repeat; } #gallery_amenities .owl-nav .owl-next:hover{ background: url("../../images/svgs/popup-next-w.svg") no-repeat; } #gallery_amenities{} .amenities-sec-three-overlay { background: url(../../images/svgs/aminities-sec3.svg) no-repeat; width: 496px; height: 394px; left: 0; bottom: 200px;} #amenities_services_section{ position: relative; } #amenities_services_section .container-full-width{ min-height: 380px; background-color: #FFB44B; } #amenities_services_section .content{ max-width: 1100px; margin: 0 auto; padding: 70px 0;} #amenities_services_section .content-inner{} #amenities_services_section .content-inner h2{} #amenities_services_section .content-inner{} #amenities_services_section .content-inner .content_services { padding-left: 100px; margin-top: 40px; margin-left: 0; max-width: 100%; } #amenities_services_section .content-inner .content_services ul{ padding: 0; margin: 0; } #amenities_services_section .content-inner .content_services li { position: relative; width: calc(50% - 90px); float: left; margin-left: 90px; line-height: 24px; padding: 2px 70px 2px 0; } #amenities_services_section .content-inner .content_services ul li::before { content: ""; width: 6px; height: 6px; position: absolute; left: -20px; border: 1px solid #002D3C; border-radius: 100%; top: 11px; } #amenities_services_section .content-button-group{ width: 1100px; margin: 0 auto 100px; overflow: hidden; z-index: 44; position: relative; margin-top: 15px;} #amenities_services_section .content-button-group .bottom_links_wrap{ width: calc(50% - 125px); float: right; } #amenities_services_section .content-button-group .bottom_links_wrap .see-more-link{ margin-top: 25px;} #amenities_five_section{ position: relative;} /* ================================ */ /* ====== 404 PAGE ====== */ /* ================================ */ .error404 .main{ min-height: 1px; } #contact-hero-section.hero-error-page-section .content { max-width: 1220px; margin: 0 auto; } #contact-hero-section.hero-error-page-section{ min-height:200px; } #contact-hero-section.hero-error-page-section .content h1{ font-size: 85px; color: #002D3C; line-height: 75px; font-weight: 400;} #contact-hero-section.hero-error-page-section .content-inner{ flex-wrap: wrap; max-width: 760px; margin-left: 0; margin-top:60px; } #contact-hero-section.hero-error-page-section .content-inner p{ font-size: 26px; line-height: 40px; margin-bottom: 10px; font-family: "dejanire-headline",serif; } #contact-hero-section.hero-error-page-section .content-inner .bottom_links_wrap{ width: 100%;} #contact-hero-section.hero-error-page-section .content-inner .bottom_links_wrap .see-more-link{ margin-top:30px; } /* ================================ */ /* ====== THANKYOU ====== */ /* ================================ */ #contact-hero-section.thankyou-hero-section-new{ min-height: 400px; } #contact-hero-section.thankyou-hero-section-new .container-full-width{ padding:100px 0 50px; } #contact-hero-section.thankyou-hero-section-new .content{ max-width: 1316px; } #contact-hero-section.thankyou-hero-section-new .content h1{ margin-bottom: 45px; } #contact-hero-section.thankyou-hero-section-new .content p{ line-height: 28px; max-width: 450px; } #contact-hero-section.thankyou-hero-section-new .content .tags{font-size: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 1.8px; margin-top: 30px;} #contact-main-section.thankyou-main-section-new{} #contact-main-section.thankyou-main-section-new .thankyou-main-inner{ max-width: 1316px; } #contact-main-section.thankyou-main-section-new .container-full-width { padding: 50px 0 90px; } #contact-main-section.thankyou-main-section-new .thankyou-main-inner{} #contact-main-section.thankyou-main-section-new .content-inner{ max-width: 714px; width: 100%; } #contact-main-section.thankyou-main-section-new .hours-section-box{ width: 60%;} #contact-main-section.thankyou-main-section-new .hours-section-box .day_row{} #contact-main-section.thankyou-main-section-new .hours-section-box .day_col{} #contact-main-section.thankyou-main-section-new .hours-section-box .to_col{} #contact-main-section.thankyou-main-section-new .contact-section-box{ width: 40%;} #contact-main-section.thankyou-main-section-new h4{ font-size: 13px; text-transform: uppercase; letter-spacing: 1.8px; font-weight: bold; line-height: 20px; margin-bottom: 15px;} /* ================================ */ /* ====== Virtual Tours ====== */ /* ================================ */ #gallery-main-section.video-gallery-main-section{ background: rgb(255,180,72); background: -moz-linear-gradient(180deg, rgba(255,180,72,0.5) 0%, rgba(139,143,190,0.25) 33%, rgba(255,180,72,0.5) 66%, rgba(139,143,190,0.25) 100%); background: -webkit-linear-gradient(180deg, rgba(255,180,72,0.5) 0%, rgba(139,143,190,0.25) 33%, rgba(255,180,72,0.5) 66%, rgba(139,143,190,0.25) 100%); background: linear-gradient(180deg, rgba(255,180,72,0.5) 0%, rgba(139,143,190,0.25) 33%, rgba(255,180,72,0.5) 66%, rgba(139,143,190,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb448",endColorstr="#8b8fbe",GradientType=1); } #gallery-hero-section.virtual-tours-hero-section{ background-color: #FFB44B; } .virtual-tours-hero-section .gallery-hero-top-overlay{background: url(../../images/svgs/video-top-line.svg); top: -86px; width: 885px; height: 232px;} #gallery-hero-section.virtual-tours-hero-section .content-inner{ padding-top: 115px; padding-bottom: 50px;} #gallery-hero-section.virtual-tours-hero-section .content-inner h1{ color: #002D3C;} #gallery-hero-section.virtual-tours-hero-section .content-inner h5{ color: #002D3C; } .video-item-elements{ width: 100%; } .video-item-elements h2{ font-size: 34px; line-height: 48px; margin-bottom: 6px; } .video-item-elements p{} .gallery-section-one-video{ width:100%; position: relative; margin-bottom:80px; margin-top:22px; } .gallery-section-one-video-inner{ position: relative; } .gallery-section-one-video-inner video{ width:100%; } .gallery-section-one-video .video-play-button-overlay span{ background: url(../../images/svgs/gallery-video-icon.svg) no-repeat center center; } .video-item-elements:last-child .gallery-section-one-video{ margin-bottom: 0; } .embed-video{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .embed-video iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #gallery-main-section.video-gallery-main-section .filter-tab-section{max-width: 617px;} #gallery-main-section.video-gallery-main-section .filter-tab-section .filter{ justify-content: center;}