/* =========================== GLOBAL STYLES =========================== */ html{scroll-behavior: smooth} body {font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 300;color: #2b2b2b;background-color: #ffffff;line-height: 1.6;} h1, h2, h3, h4, h5, h6 {font-family: 'Playfair Display', serif;} img.rounded {border-radius: 10px;} section {overflow-x: hidden;font-weight: 300;} .p-80 {padding: 80px 0} .p-30{padding: 30px 0} .m-80{margin-top: 80px;margin-bottom: 80px;} #navbarText1{width: 100%;} #navbarText1>div{width: 100%;} #navbarText1>div {position: relative;display: flex;flex-direction: row;align-content: center;justify-content: space-between;align-items: center;text-align: center;} #navbarText1 a.navbar-brand { /*position: relative;*/ /* z-index: 9; */ /* top: 0; */ /* left: 10%; */ } /*nav*/ .navbar{background-color:#191919 !important;position: relative;height: 70px;} /*#navbarText1 a.navbar-brand {position: absolute;z-index: 9;top: 0;left: 10%}*/ #navbarText1 a.navbar-brand img{height: 80px;position: absolute;z-index: 9;top: -20px;} #navbarText1 .btIconWidgetTitle {color: #ba9778;font-weight: 400;font-family: "Oswald", Arial, Helvetica, sans-serif; text-transform: uppercase;font-size: 1em;} #navbarText1 .btIconWidget .btIconWidgetText {font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-size: 1em;} #navbarText1 a.btWidgetWithText{text-decoration: none;color: white;} .btWidget_contacts {margin: 0;} .btWidget_contacts li {padding: 0 20px 0 0;} #navbarText1 .nav-link{color: white;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;font-family: "Oswald", Arial, Helvetica, sans-serif;} .navbar-toggler-icon {display: inline-block;width: 2em;height: 2em;vertical-align: middle;content: "";color:#bb9878;background: no-repeat center center;background-size: 100% 100%;} .navbar-toggler-icon svg{width: 39px;height: 39px;} #navbarText1 .soc ul {display: flex;flex-direction: row;align-items: center;padding: 0;} #navbarText1 .soc li {background: initial;border-radius: 20px;margin: 0 15px 0 0;padding: 0;border: 1px solid #bc9978;} #navbarText1 .soc li svg {fill: #bb9878;} #navbarText1 .soc a {padding: 4px 6px 7px;background: initial;border-radius: 20px;} /*nav*/ /* =========================== HERO SECTION =========================== */ .hero {position: relative;} .head-carousel .item {height: 90vh;overflow: hidden;color: white;} .head-carousel .owl-item {overflow: hidden} .head-carousel.item img{position: absolute;z-index: 1;} .head-carousel .slide1 img{position: absolute;z-index: 1;bottom: 0;height: 100%;} .head-carousel .slide2 img{position: absolute;z-index: 1;bottom:0;} .head-carousel .slide4 img{position: absolute;z-index: 1;bottom:0%;} .head-carousel .slide3 img{position: absolute;z-index: 1;bottom:0;} .head-carousel .item:before{content: '';position: absolute;z-index: 2;width: 102%;top: 0;left: 0;height: 100vh;background: rgb(0 0 0 / 49%);} .head-carousel .item .item-text{position: relative;z-index: 999;bottom: -25%;} /*.hero .carousel-inner::before{height: 90vh;position: absolute;width: 100%;z-index: 1;content: "";background-color: rgba(0, 0, 0, 0.58);}*/ .hero .carousel-inner .img_slide::after {height: 70vh;position: absolute;top: 0;left: 0;width: 100%;z-index: 1;content: "";background-color: rgba(0, 0, 0, 0.58);} .owl-carousel .item-content {border-left: 2px solid white;padding: 0 0 0 30px;top: 5%;} #owl-carousel2 .owl-nav{position: absolute;z-index: 999;height: 10vh;width: 230px;bottom: 10%;right: 5%;} #owl-carousel2 .owl-nav button span {color: transparent;} #owl-carousel2 .owl-nav .owl-prev span { width: 100px;height: 54px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.213 476.213'%3E%3Cpolygon fill='%23ffffff9c' points='0,238.105 76.213,161.893 76.213,223.106 476.213,223.106 476.213,253.106 76.213,253.106 76.213,314.32'/%3E%3C/svg%3E"); background-repeat: no-repeat;background-position: center;background-size: contain;display: inline-block; } #owl-carousel2 .owl-nav .owl-next span{width: 100px;height: 54px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.213 476.213'%3E%3Cpolygon fill='%23ffffff9c' points='476.213,238.105 400,161.893 400,223.106 0,223.106 0,253.106 400,253.106 400,314.32'/%3E%3C/svg%3E"); /*background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none'%3E%3Cpath d='M2 12 H100' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M90 4 L110 12 L90 20' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");*/ background-repeat: no-repeat;background-position: center;background-size: contain;display: inline-block; } .carousel-inner {height: 70vh;} .hero-content {max-width: 800px;padding: 40px 20px;background: rgba(0, 0, 0, 0.35);border-radius: 10px;} .head-carousel .item h1 {font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 4rem;line-height: 1.3;margin: 30px 0} .head-carousel .item h2 {font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 4rem;line-height: 1.3;margin: 30px 0} .head-carousel .item h1 span {font-family: "Vidaloka", Arial, Helvetica, sans-serif;color: #ba9778;text-transform:uppercase;letter-spacing: 0.2rem;margin: 50px 0} .head-carousel .item .label{font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ffffff;font-weight: 400;font-size: 1.334rem;text-transform: uppercase;letter-spacing: 1px;} .head-carousel .item p {font-size: 1.4rem;} .hero .img_slide img{height: 100%;width: auto;} .info_header .under-title{position: relative;padding: 0 0 0 65px;text-transform: uppercase;font-weight: 500;color: #bb9878;letter-spacing: 1px;font-size: 1.1rem;} .info_header .under-title:before {position: absolute;width: 50px;height: 1px;background-color: #ba9778;content: "";display: inline-block;margin: 0;top: 50%;left: 0;border-style: solid;border-width: 1px 0 0;} .info_header h2 {font-weight: 500;font-size: 4rem;margin: 0 0 30px;} .info_header h2 span{ color: #ba9778} .info_header p{font-weight: 300;font-size: 1.334rem;} .call-link-header { position: relative;padding: 0 50px 0 0 } a.call-link-header{font-family: "Oswald", Arial, Helvetica, sans-serif;color:white;text-transform: uppercase;font-size: 1.14rem;font-weight: 300;} .call-link-header svg{ right:0; position:absolute;height: 30px;width: 30px; fill: white} .carousel-caption {bottom: 7.25rem;} /* =========================== about-section =========================== */ .about-project-image.img-item {height: 550px;overflow: hidden;} #about-project .img-item img{width: auto;height: 100%;margin: 0 0 0 -5%;} #about-project .about-project-title{font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 4em;font-weight: 100;margin: 35px 0;} #about-project .about-project-label{position: relative;font-family: "Oswald", Arial, Helvetica, sans-serif;padding: 0 0 0 85px;color: #ba9778;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;font-size: 1.067rem;} #about-project .about-project-label:before{content: "";display: inline-block;width: 4em;position: absolute;top: 50%;left: 0;margin: 0;border-style: solid;border-width: 1px 0 0;} .about-project-text{font-size: 1.334rem;margin: 1.6em 0 2.4rem;font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 300;} #about-project .btn-contact{box-shadow: 0 3px 3px #828282;color: #ffffff;background: #bb9878;border-radius: 0;padding: 15px 30px;text-transform: uppercase;letter-spacing: 1px;font-family: "Oswald", Arial, Helvetica, sans-serif;font-size: 1.14em;font-weight: 300;} .about-project-content{padding: 0 50px;} /* =========================== about-section =========================== */ /* =========================== reach_to section =========================== */ .reach-to {background: url(assets/img/frontpage/reviera-liguria10.png) no-repeat 90% 83%;background-size:cover;position: relative;padding-top: 8em; padding-bottom: 0 !important;} .reach-to:before{content: '';width: 100%;height: 100%;top: 0;position: absolute;background: rgb(0 0 0 / 43%);} .reach-to .bt_bb_text{font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;color: white;font-weight: 400;} .reach-to .progress-item{padding: 9px 0} .reach-to .bt_bb_headline_tag{font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 4em;font-weight: 300;color: white;margin: 0 0 30px;} .reach-to .bt_bb_headline_tag b{color: #ba9778;} .reach-to .progress{background: #ffffff80;border-radius: 0;padding: 5px;height: 20px;} .reach-to .progress-bar{color: #585858 !important;background-color: rgb(255 255 255) !important;} .reach-to .progress-lable{margin: 0 0 5px;color: white;font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 400;font-size: 1em;} .progress-box{padding: 0 0 0 50px} .reach-to .stats-section{width: 100%} /* =========================== about-section =========================== */ /* =========================== STATS BLOCK =========================== */ .stats-section {background: #ffffff; width: 90.5%;margin: 30px 0 0;position: relative;} .stats-section .num-items{} .stats-section .num-items .num{font-family: "Vidaloka", Arial, Helvetica, sans-serif;color: #ba9778;font-size: 5em;font-weight: 300 !important;} .stats-section .num-items p{font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 400;font-size: 1.15em;letter-spacing: 1px;color: black;} .stats-section h3 {font-size: 2.2rem;} .stats-section p {margin: 0;opacity: 0.9;} .accordion.accordion-flush .accordion-body{padding: 15px 5px;} /*house-interactive-map*/ .bt_bb_section > .bt_bb_port {display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;} .bt_bb_section.bt_bb_vertical_align_top > .bt_bb_port > .bt_bb_cell {align-items: flex-start;} .bt_bb_row {color: var(--row-primary-color);background-color: var(--row-secondary-color);--column-gap: 20px;--column-delta: .01px;--row-width: 1200px;} .bt_bb_column_gap_0 > .bt_bb_row_holder {margin-left: 0;margin-right: 0;} .animate:not(.bt_bb_section):not(.btArticleListItem):nth-child(1) {transition-delay: 200ms;} .bt_bb_column_gap_0 > .bt_bb_row_holder .bt_bb_column {padding-left: 0;padding-right: 0;} .bt_bb_row {color: var(--row-primary-color);background-color: var(--row-secondary-color);--column-gap: 20px;--column-delta: .01px;--row-width: 1200px;} .bt_bb_row_holder .bt_bb_column.bt_bb_vertical_align_middle {justify-content: center;} .bt_bb_column.bt_bb_padding_40 .bt_bb_column_content {padding-left: 40px;padding-right: 40px;} .bt_bb_row_holder .bt_bb_column .bt_bb_column_content {width: 100%;} .bt_bb_separator.bt_bb_bottom_spacing_medium {margin-bottom: 4em;} .bt_bb_size_normal.bt_bb_headline h3 {font-size: 3rem;} .btSupertitleWeight_normal .bt_bb_headline .bt_bb_headline_superheadline {font-weight: 400;} .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_superheadline {font-size: 1rem;margin-bottom: 2.5em;display: block;position: relative;padding: 0 0 0 90px;} .bt_bb_size_normal.bt_bb_headline .bt_bb_headline_superheadline:before {content: '';width: 70px;height: 1px;background: #ba9778;font-size: 1rem;position: absolute;left: 0;top: 10px;} .house_tab-item_inner .bt_bb_headline{padding: 0 0 0 10px} .bt_bb_headline .bt_bb_headline_superheadline {font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ba9778;} .bt_bb_dash_top.bt_bb_headline .bt_bb_headline_superheadline:before, .bt_bb_dash_top_bottom.bt_bb_headline .bt_bb_headline_superheadline:before {content: "";display: inline-block;width: 4em;margin: 0;position: absolute;top: 50%;left: 0em;border-style: solid;border-width: 1px 0 0;} .bt_bb_headline .bt_bb_headline_superheadline {font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ba9778;font-weight: 400;text-transform: uppercase;background: none;width: 100%;text-align: left;padding: 0 0 20px 0;margin: 0;border-radius: 0;display: block;} .bt_bb_layout_boxed_1200 .bt_bb_cell {width: 1200px;max-width: calc(100% - 60px);} h3.bt_bb_headline_tag .bt_bb_headline_content{font-size: 2.6rem;font-weight: 200;font-family: "Vidaloka", Arial, Helvetica, sans-serif;} .bt_bb_real_estate_details {display: flex;align-items: center;border-top: 1px solid rgba(0, 0, 0, .2);border-bottom: 1px solid rgba(0, 0, 0, .2);padding: .5em 0;} .boardline-none.bt_bb_real_estate_details {display: flex;align-items: center;border-top: none;border-bottom: 1px solid rgba(0, 0, 0, .2);padding: .5em 0;} .bt_bb_real_estate_details .bt_bb_real_estate_details_icon {color: #ba9778;} .bt_bb_real_estate_details .bt_bb_real_estate_details_icon {margin-right: 1em;display: inline-block;float: left;color: #d00000;} .bt_bb_real_estate_details .bt_bb_real_estate_details_content {display: flex;align-items: center;float: left;width: 100%;justify-content: space-between;} *[data-ico-fontawesome]:before {font-family: FontAwesome;content: attr(data-ico-fontawesome);} .btSupertitleWeight_normal .bt_bb_real_estate_details .bt_bb_real_estate_details_content .bt_bb_real_estate_details_title {font-weight: 400;} .bt_bb_real_estate_details .bt_bb_real_estate_details_content .bt_bb_real_estate_details_details {text-align: right;opacity: .8;line-height: 1;font-weight: 400;} .bt_bb_real_estate_details .bt_bb_real_estate_details_content .bt_bb_real_estate_details_title {font-family: "Oswald", Arial, Helvetica, sans-serif;font-weight:400;} .bt_bb_separator.bt_bb_bottom_spacing_medium {margin-bottom: 4em;} .bt_bb_separator {line-height: 0;display: block;clear: both;} .bt_bb_button.bt_bb_size_medium:not(.bt_bb_style_clean) {min-width: 12rem;} .bt_bb_button.bt_bb_size_medium {font-size: 1rem;} .bt_bb_color_scheme_6.bt_bb_button.bt_bb_style_filled a {background: #ba9778;box-shadow: 0 3px 3px #828282;color: #ffffff;text-decoration: none;font-weight: 400;} .bt_bb_button.bt_bb_size_medium a {padding: 1.17rem;} .house_map .bt_bb_row_holder{display: flex} /*house-interactive-map*/ .project-map-img{} .project-map-img .project-map-img_tab li{position: absolute} .project-map-img .project-map-img_tab li button.active{background: inherit;border: none;} .project-map-img .project-map-img_tab li button:hover{border: none;} .project-map-img .project-map-img_tab li button{height: 209px;width: 198px;} .project-map-img .project-map-img_tab li button.active span{position:absolute;border-radius: 27%;} .project-map-img .project-map-img_tab li.tab-m4 {left: 71%;top: 46%;} .project-map-img .project-map-img_tab li.tab-m5 button.active span{height: 75px;width: 81px;top: -8px;left: 30%;box-shadow: 0 0 8px 7px white;} .project-map-img .project-map-img_tab li.tab-m4 button.active span{height: 75px;width: 81px;top: -8px;left: 30%;box-shadow: 0 0 8px 7px white;} .project-map-img .project-map-img_tab li.tab-m5 {left: 37%;top: 33%;} .interactive-houses-map{width: 940px;background-size: cover; position: relative; top: 35px; z-index: 998; height: 600px; transition: opacity 600ms ease-out;} /*banners*/ .for-sale-banner{align-items: center;display: flex;padding: 50px 30px;background: url(assets/img/pattern_linear.png) no-repeat 112% 50% #575757;background-size:contain;position: relative;} .for-sale-banner>div{display: inline-block;margin: 0 auto;position: absolute;left: 0;width: 290px;right: 0;top: 30%;bottom: 0;} .for-sale-banner h2 {color: #ffffff;font-size: 3rem;} .for-sale-banner a {display: flex;align-items: center;flex-direction: row;justify-content: center;} .for-sale-banner a>div:first-of-type{padding: 0 17px 0 0;} .for-sale-banner a svg {height: 55px;width: 55px;} .for-sale-banner h2 span {color: #ba9778;font-size: 2rem;} .for-sale-banner .banner-init_callbtn {box-shadow: 0 3px 3px #333333;padding: 20px;background: #bb9878;} .for-sale-banner .bt_bb_service_content_supertitle {font-family: "Oswald", Arial, Helvetica, sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: 0.7px;font-size: 0.85rem;} .for-sale-banner .bt_bb_service_content_title {font-weight: 500;font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 1.4rem;} /*banners*/ /* =========================== APARTMENT CARDS =========================== */ .apart-contain {max-width: 85% !important;margin: 0 auto;} .apart-types h2{font-size: 3rem;font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-weight: 300 !important;} .tabs-houses .nav-pills{flex: 1 0 100%;display: flex;flex-wrap: nowrap;border-radius: 0 !important;flex-direction: row;justify-content: space-between;align-items: center;border-bottom: 2px solid #e8e8e8;} .tabs-houses .nav-pills .nav-item{width: 100%;display: inline-block;} .tabs-houses .nav-pills .nav-item .nav-link{font-weight: 400;text-transform: uppercase;background: none;font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ba9778;width: 100%;text-align: left;padding: 0 0 20px 10px;margin: 0;border-radius: 0;} .tabs-houses .nav-pills .nav-item.non-act .nav-link{color: #dbdbdb;} .tabs-houses .nav-pills .nav-item .nav-link.active{border-bottom: 2px solid #000000;} .house_img_inner{height: 300px;overflow: hidden;position: relative;} .house-page-contain .house_img_inner{height: 360px;overflow: hidden;} .house_apartment_img{width: 100%;} .house-page-contain .house_apartment_img{height: 100%;width: auto} .house-page-contain .house-m5_A .house_apartment_img{height: 120%;} .house-page-contain .house-m5_B .house_apartment_img{height: 120%;} .house-page-contain .house-m5_C .house_apartment_img{height: 120%;} .house-page-contain .house-m5_D .house_apartment_img{height: 120%;} .house_tab-item_inner{margin: 15px 0;border: 1px solid #c2c2c2;padding: 30px 10px;} .house_tab-item_inner .bt_bb_headline_superheadline{display: block;font-weight: 400;font-size: 1rem;margin-bottom: 2.15em;font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ba9778;} .house_tab-item_inner .bt_bb_headline_content{font-size: 2rem;font-weight: 200;font-family: "Vidaloka", Arial, Helvetica, sans-serif;} .house_tab-item_inner .bt_bb_headline_content a{text-decoration: none;color: black} .house_tab-item_inner .bt_bb_headline_content b{color: #ba9778;} .house_tab-item_inner .bt_bb_text{font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 400;font-size: 1.2em;padding: 0 0 0 10px;} .tab-plan-apart>div{display: flex;flex-direction: row;justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, .2);align-items: center;} .tab-plan-apart>div>div:first-of-type{font-weight: 400;font-size: 0.9rem;font-family: "Oswald", Arial, Helvetica, sans-serif;letter-spacing: 1px;text-transform: uppercase;} .list-commersial>div:last-of-type{font-size: 1.7rem;} .house_tab-item_inner .bt_bb_text p{margin-bottom: 0.1rem;} .apartment-card img {max-height: 140px;object-fit: contain;} .apartment-card {transition: all 0.3s ease;background: #fff;} .apartment-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.1);} .front-page-house-tab .house_tab-item_inner .bt_bb_headline_content {font-size: 1.9rem;} .front-page-house-tab .house_tab-item_inner .bt_bb_headline_content p{font-size: 1.2rem;font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 400;margin: 10px 0 0;} .m_5-a .house_apartment_img{height: 125%;width: auto;top: -12%;position: absolute;} .m_5-b .house_apartment_img{height: 120%;top: -10%;width: auto;position: absolute;} .m_5-c .house_apartment_img{height: 113%;top: -7%;right: 0;width: auto;position: absolute;} .m_5-d .house_apartment_img{height: 131%;position: absolute;width: auto;} .house_tab-item_inner .col-md-8{display: flex;flex-direction: column;justify-content: center;} .non-act{color: lightgrey} /* ========================== ENERGY SECTION =========================== */ .energy-section {background: url(assets/img/energy-img.jpg) no-repeat 90% 50%} .energy-section h2 {color:#ba9778;font-size: 4rem;font-weight: 300;font-family: "Vidaloka", Arial, Helvetica, sans-serif;} .energy-section p {color:black;font-size: 1.1rem;opacity: 0.9;font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;font-weight: 400;} .energy-section-text{width: 43%;} /* =========================== AMENITIES =========================== */ .amenities .item{font-weight: 300;position:relative;height: 290px;display: flex;text-align: left;flex-direction: column;justify-content: flex-end;padding: 20px 20px;} .amenities .item div{top: 1.5rem;position: absolute;right: 2rem;width: 30px;height: 30px;} .amenities .item div svg{width: 30px;height: 30px;} .amenities_even div svg{fill: #bb9878;} .amenities_odd div svg{fill: #ffffff;} .amenities_even{background-color: #f1f1f1;} .amenities_odd{color: #ffffff;background-color: #ba9778;} .amenities h2{font-size: 3rem;} .amenities h3{font-family: 'Playfair Display', serif;font-weight: 300;font-size: 2rem;} section .border {border-color: #bfa48e !important;} section .p-4 {background: #faf7f5;} section .p-4:hover {background: #f0ece9;} /* =========================== reach to =========================== */ .item_wthnreach{padding: 50px;background-color: #f1f1f1 !important;} .header_wthnreach{display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .accordion-item span{padding: 0 20px 0 0} .btn_wthnreach{padding: 20px;font-size: 1.2rem;letter-spacing: 0.1rem;text-transform: uppercase;font-weight: 300;background: #bb9878;box-shadow: 0 3px 3px #828282;} .btn_wthnreach a{text-decoration: none;color: #ffffff;} .header_wthnreach{padding: 0 0 30px 0} .header_wthnreach h2{font-size: 3rem;} .header_wthnreach h3{font-size: 3rem;font-weight: 500 !important;border-top: 1px solid rgba(0, 0, 0, .3);margin: 0 0 30px 0} .accordion h3 button{font-family: "Oswald", Arial, Helvetica, sans-serif;text-transform: uppercase;background-color: inherit; padding: 30px 0;} .accordion .accordion-item{background-color: inherit;} .accordion-button:not(.collapsed){background-color: inherit;color: #bb9878;} .accordion .accordion-body{font-weight: 300;} .wthnreach_img img{width: 100%} /* =========================== MAP SECTION =========================== */ .list-group-item {font-size: 1rem;padding: 14px 18px;} /* =========================== DEVELOPER SECTION =========================== */ .progress-item{color: #000000; padding: 30px;} .progress-item .proj-ico{color: #000000;background-color: #e1e1e1;padding: 30px;} /*carousel*/ .project-card {background: #ffffff;padding: 40px 35px;border: 1px solid #e9e9e9;border-radius: 0;transition: all 0.3s ease;height: 100%;display: flex;flex-direction: row;justify-content: space-between;} .project-card:hover {transform: translateY(-6px);box-shadow: 0 15px 40px rgba(0,0,0,0.06);} .owl-carousel .owl-item .project-card img {display: inline-block;width: 140px;height: 140px;} .region-badge {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: #bc9978;margin-bottom: 18px;display: inline-block;} .project-title {font-size: 24px;font-weight: 500;margin-bottom: 15px;color: #111;} .project-location {font-size: 15px;color: #666;margin-bottom: 30px;display: flex;align-items: center;gap: 6px;} .project-location i {font-size: 16px;color: #aaa;} .divider {height: 1px;background: #eee;margin-bottom: 20px;} .project-link {text-decoration: none;font-size: 14px;font-weight: 500;color: #111;transition: all 0.3s ease;} .project-link:hover {letter-spacing: 1px;} /*carousel*/ /* =========================== company =========================== */ .company-text{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;margin: 50px 0} .company-text div:first-of-type{width: 46%;font-size: 1.334rem;} .company-text div:last-of-type{width: 46%;padding: 0 0 0 30px;} .company-text ul{list-style: disc;} .company-text ul li{padding: 7px 0;font-size: 1.2rem; } .company-text div:last-of-type h3{font-family: "Oswald", Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;font-size: 1.15rem;} .developer-info{padding-bottom: 0px;} .developer img {border-radius: 10px;} .developer p {max-width: 720px;margin: 0 auto;} .developer-info .info-item-col h3{font-size: 1.334rem;font-weight: 400;font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;} .developer-info .info-item-col p{font-weight: 300;} .project-phase_table li {display: flex;align-items: center;border-top: 1px solid #ba9778;border-bottom: 1px solid #ba9778;padding: .5em 0;flex-direction: row;justify-content: space-between;} .project-phase_table li span:first-of-type{font-family: "Oswald", Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: 400;} .project-phase_table li span:last-of-type{} .project-phase_table li.date-phase span:first-of-type{text-transform: inherit} .developer-info .bt_bb_headline_subheadline{font-weight: 300;font-size: 1.334rem;} .developer-info .phases p{font-family: "Oswald", Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;font-size: 1.15rem;padding-left: 2rem;} .company-info-investments_item h3 {color: #ba9778;font-weight: 400;font-family: "Oswald", Arial, Helvetica, sans-serif;font-size: 1rem;letter-spacing: 1px;text-transform: uppercase;} /*slide*/ /*#owl-carousel3 .item{height: 200px}*/ .call-back{background: #ba9778;padding: 80px 0;} .init-col{display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .init-col .col-cb{font-family: "Vidaloka", Arial, Helvetica, sans-serif;color: white;font-size: 3rem;} .btn-contact{color: #ffffff;border-radius: 0;padding: 15px 30px;text-transform: uppercase;letter-spacing: 1px;font-family: "Oswald", Arial, Helvetica, sans-serif;font-size: 1.14rem;font-weight: 300;} .call-back .btn-contact{box-shadow: 0 0 0 3em #000000 inset;} /* ==== ======================= FOOTER =========================== */ .footer-section {background: #2f2e2d;color: #7a7a7a;padding:50px 0} .footer .footer-adress ul{padding: 0} .footer .footer-adress ul li{padding: 3px 0} .footer .footer-adress ul li a{text-decoration: none;color: #7a7a7a;} .footer .number>div{padding: 3px 0;font-weight: 300;font-family: "Oswald", Arial, Helvetica, sans-serif;color: #bb9878;} .footer-section h3 {font-size: 1.8rem;} .footer .number>p{margin: 15px 0;} .footer-section p {opacity: 0.7;} .footer-section .btn {font-size: 1.1rem;padding: 12px 30px;} .footer .ico{color: #ba9778; fill:#ba9778;margin: 0 10px 0 0;} /* =========================== BUTTONS =========================== */ .btn-light {color: #2b2b2b;} .btn-outline-dark:hover {background: #2b2b2b;color: #fff;} .footer-brand{width: 100px;height: 100px} .footer-brand a{width: 100%;display: block;} .footer-brand a img{width: 100%;} .footer-col{margin: 15px 0;} .footer h6{color: #ba9778;font-weight: 400;margin: 0 0 20px;text-transform: uppercase;font-family: "Oswald", Arial, Helvetica, sans-serif;letter-spacing: 1px;} .footer-imgs{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;} .footer-imgs div{width: 32%; margin: 0 0 5px;overflow: hidden;height: 100px} .footer-imgs div img {width: auto;min-width: 100%;height: 100%;min-height: 100%;} .footer .copyright{ color: #ba9778;} /*house*/ .page-head{height: 500px;position: relative;display: block;} .page-head .m5-house-page-header{height: 500px;overflow: hidden;position: relative;} .page-head .m5-house-page-header .item-text{position: relative;z-index: 8; padding: 17% 0 0;color: white;} .page-head .m5-house-page-header img{top: -69%;display: block;position: absolute;left: 0;} .page-head .m5-house-page-header:before{content: '';position: absolute;z-index: 2;width: 102%;top: 0;left: 0;height: 100vh;background: rgba(0, 0, 0, 0.6);} .m5-house-page-header .item {height: 400px} .m5-house-page-header .item h1 {font-size: 4rem;font-weight: 300;} #slide_value .btn-contact{background: #bb9878;margin: 10px 0 0;display: inline-block;} #slide_value .slide_value_init{ margin: 0 auto;height: 530px;width: 530px;padding: 45px;border-radius: 50%;} #slide_value .slide_value-slide-text{background: white;height: 100%;border-radius: 50%;display: flex;align-content: center;flex-direction: column;justify-content: center;align-items: center;} #slide_value .slide_value-slide-text h6{font-weight: 400;font-size: 1.067rem;font-family: "Oswald", Arial, Helvetica, sans-serif;} #slide_value .slide_value-slide-text p{ font-weight: 400;line-height: 1.7em;} .values .row{align-items: center;} .m5-house-page-header .item-content .label{font-weight: 400;font-size: 1.067rem;padding: 0 0 0 80px;margin: 0 0 30px;position: relative;letter-spacing: 1px;} .m5-house-page-header .item-content .label:before{content: '';width: 63px;height: 2px;background: #ffffff;position: absolute;top: 12px;left: 0;} .house-apartment-ul>div{display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, .2);padding: .3em 0;justify-content: space-between;} .house-apartment-ul>div>div:first-of-type{font-weight: 400;font-family: "Oswald", Arial, Helvetica, sans-serif;text-transform: uppercase;font-size: 1rem;letter-spacing: 1px;} .house_tab-item_inner .bt_bb_headline {padding: 0 0 0 10px;margin: 0 0 30px;} .house_tab-item_inner .bt_bb_headline_content {font-size: 3rem;} .house-page .house-page-contain .house_img_inner {height: 400px;overflow: hidden;} .house-page .house-page-contain .house-m5_A .house_apartment_img {height: 120%;} .house-page .house-page-contain .house-m5_C .house_apartment_img {height: 105%;} .house-m5_interactive-map .project-map-img_tab li button.active {background: inherit;border: none;} .house-m5_interactive-map .project-map-img_tab li.nav-item {left: 35%;top: 23%;} .house-m5_interactive-map .project-map-img_tab li.nav-item button.active span {height: 65px;width: 65px;top: 23px;left: 24%;position: absolute;padding: 10px 18px;background: rgba(0, 170, 255, 0.15);color: #ffffff;font-weight: 600;border-radius: 40px;transition: all 0.3s ease;border: 2px solid #d0efff;box-shadow: 0 0 6px rgba(255, 255, 255, 0.8), 0 0 18px rgba(127, 223, 255, 0.6), 0 0 35px rgba(127, 223, 255, 0.4);} .house-m5_interactive-map .project-map-img_tab li.nav-item button span {height: 65px;width: 65px;top: 23px;left: 24%;position: absolute;padding: 10px 18px;color: #ffffff;font-weight: 600;font-size: 1.7rem;border-radius: 40px;transition: all 0.3s ease;border: 2px solid #dbf6ff;} .house-m5_interactive-map .interactive-houses-map {width: 940px;background-size: 112%;position: relative;top: 0;background-position: 16% 63%;z-index: 998;height: 600px;transition: opacity 600ms ease-out;} .house-m5_interactive-map .project-map-img_tab li button {height: 110px;width: 198px;} .house-m5_interactive-map .project-map-img_tab li button.active span {position: absolute;padding: 10px 18px;background: rgba(0, 170, 255, 0.15);color: #ffffff;font-weight: 600;transition: all 0.3s ease;border-radius: 8px;border: 2px solid #7fdfff;box-shadow: 0 0 6px rgba(127, 223, 255, 0.8), 0 0 18px rgba(127, 223, 255, 0.6), 0 0 35px rgba(127, 223, 255, 0.4);} .house-m5_interactive-map .project-map-img_tab li.tab-appA button.active span {height: 65px;width: 65px;top: 23px;left: 24%;} .house-m5_interactive-map .project-map-img_tab li.tab-appB button.active span {height: 65px;width: 65px;top: 17%;left: 40%;} .house-m5_interactive-map .project-map-img_tab li.tab-appC button.active span {height: 65px;width: 65px;top: 18%;left: 35%;} .house-m5_interactive-map .project-map-img_tab li.tab-appD button span {height: 65px;width: 65px;top: 23px;left: 24%;} .house-m5_interactive-map .project-map-img_tab li.tab-appD button.active span {height: 65px;width: 65px;top: 23px;left: 24%;} .house-m5_interactive-map .project-map-img_tab li.tab-appA {top: 43%;left: 10%;} .house-m5_interactive-map .project-map-img_tab li.tab-appB {top: 45%;right: 7%;left: inherit;} .house-m5_interactive-map .project-map-img_tab li.tab-appC {top: 24%;right: 7%;left: inherit;} .house-m5_interactive-map .project-map-img_tab li.tab-appD {left: 24%;top: 23%;} /*house*/ /*connect*/ .conect-contein{display: flex;flex-direction: row; margin: 30px 0 0;justify-content: space-between;align-items: center;} .conect-contein_num>div:first-of-type{font-weight: 400;font-size: 1rem;font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ba9778;margin: 0 0 10px;} .conect-contein_num>div:nth-of-type(2){margin: 10px 0 0;} .img-contein_call{height: 600px;background: url(assets/img/visualapt/59.24.jpeg) no-repeat 20% 87%;background-size: cover;position: relative} .img-contein_call-banner{position: absolute;bottom: 0;background: #181818d1;display: block;width: 100%;padding: 45px 0;} .img-contein_call-banner-init{display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .img-contein_call-banner-init>div:first-of-type>div:first-of-type{font-weight: 400;font-size: 1rem;font-family: "Oswald", Arial, Helvetica, sans-serif;color: #ba9778;margin: 0 0 10px;letter-spacing: 1px;} .img-contein_call-banner-init>div:first-of-type>div:nth-of-type(2){font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 2.8em;color: white;font-weight: 100;margin: 15px 0 0;} .banner-init_callbtn{box-shadow: 0 0 0 1px #ba9778 inset;padding: 10px 50px;} .bt_bb_service_content_supertitle{font-family: "Oswald", Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 1px;} .bt_bb_service_content_title{font-weight: 500;font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 1.7rem;} .bt_bb_service_content a{text-decoration: none;color: white;} /*connect*/ /*aminities*/ .page-head .m5-house-page-header.amanities-page-header img {bottom: 0;} .reach-to-aminities{background: url(assets/img/FINALE.jpg) no-repeat 90% 50%;background-size:cover;position: relative;padding-top: 8em; padding-bottom: 0 !important;} .developer-info .phases .aninities-phases p{font-weight: 300;text-transform: capitalize;margin: 15px 0 30px;} .page-head .m5-house-page-header.amanities-page-header img {bottom: -185%;top: inherit;display: block;position: absolute;width: 100%;left: 0;} .amenities-developer-info {padding-bottom: 80px;} .amenities.page-a .item {padding: 0 10px;height: 225px;} /*aminities*/ .logo-for-mobile{display: none} .soc ul{display: flex;flex-direction: row;align-items: center;padding: 12px 0 0;} .soc a{padding: 4px 6px 7px;background: #bb9878;border-radius: 20px;} .soc li {background: #bb9878;border-radius: 20px;margin:0 15px 0 0;} .soc li svg{fill: #ffffff;} .footer-adress{color: #7a7a7a;} .footer .soc{color: #7a7a7a;} .footer-nav a{color: #7a7a7a;border-bottom: 1px solid;} .footer-nav ul{min-width: 100px;} /* =========================== RESPONSIVE =========================== */ @media (min-width: 1200px) { .apart-types .container {max-width: 1400px;} } @media (max-width: 1024px) { .head-carousel .item {height: 65vh;overflow: hidden;color: white;} .owl-carousel .owl-item .slide1 img {height: 100%;width: auto;left: -45%;} nav ul.navbar-nav{left: 15%;} .amenities .item {font-weight: 300;position: relative;height: 300px;display: flex;text-align: left;flex-direction: column;justify-content: flex-end;padding: 0 20px;} .energy-section-text {width: 65%;} .amenities .item div {right: 1rem;top: 1rem;} .amenities h3 {font-size: 1.7rem;} } @media (max-width: 768px) { .logo-for-mobile{display: inline-block;} .logo-for-mobile img{height: 42px;width: 42px} .head-carousel .item .item-text {bottom: -20%;} .p-80 {padding: 50px 0;} .hero {height: 70vh;overflow: hidden} .head-carousel .item .label {font-size: 1rem;} .head-carousel .item {height: 60vh;} .head-carousel .slide1 img{position: absolute;z-index: 1;bottom:0; width: auto !important;left: -54%;} .head-carousel .slide2 img{position: absolute;z-index: 1;bottom: 0;height: 100%;width: auto !important;left: -116px;} .head-carousel .slide3 img{position: absolute;z-index: 1;bottom: 0;left: -73%;height: 100%;width: auto !important;} .head-carousel .slide4 img {position: absolute;z-index: 1;bottom: 0;height: 100%;width: auto !important;max-width: inherit;} .owl-carousel .slide1 img {display: block;height: 100%;width: auto;} .head-carousel .item h1 {font-size: 1.9rem;} .head-carousel .item h1 span{letter-spacing: 0.06rem;} .info_header h2 {font-weight: 500;font-size: 4rem;margin: 30px 0;} .head-carousel .hero-content {padding: 25px 15px;} .hidden {display: none;} #navbarText1 {background-color:#191919;width: 100%;left: 0;right: 0;height: 100vh;color: white;} #navbarText1>div {position: relative;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;text-align: center;} #navbarText1.active {display: block;position: absolute;top: 0;height: 500px;z-index: 9;} nav button.navbar-toggler{float: right;position: absolute;top: 0.3em;right: 1em;z-index: 9999;} .info_header{width: 90%;margin: 0 auto} .hidden {display: none;} #navbarText1 {background-color:#191919;width: 100%;left: 0;right: 0;height: 100vh;color: white;} #navbarText1>div {position: relative;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;text-align: center;} #navbarText1.active {display: block;position: absolute;top: 0;height: 500px;z-index: 9;} .navbar-nav {left: 0% !important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;} #navbarText1 a.navbar-brand {position: relative;z-index: 9;top: -20px;left: -57px;display: inline-block;margin: 60px 0;} #navbarText1 .btWidget_contacts {margin: 0 0 30px;} .apart-contain.house-page-contain>div{margin: -50px 0 0} .apart-contain.house-page-contain>div:last-of-type .house_img_inner{height: 280px;} .btWidget_contacts li {padding: 15px 0 0;} .carousel-inner {height: 100%;} .hero .img_slide img {height: 100%;width: auto;text-align: center;} .hero #myCarousel .carousel-item{height: 100%} .hero #myCarousel{height: 100%} .about-project-content {padding: 0;} #about-project .img-item img {max-width: initial;margin: -50px 0 0;text-align: center;} .about-project-image {margin: 50px 0 0;overflow: hidden;height: 400px;} #about-project .about-project-title {font-size: 3em;} .reach-to .bt_bb_headline_tag {font-size: 4em;} .progress-box {padding: 0;} .stats-section .num-items .num {font-size: 3em;} .stats-section .num-items p {font-size: 1em;} .stats-section {background: #ffffff;width: 90.5%;margin: 30px 0 0;padding: 15px 0 !important;position: relative;} .house_map .bt_bb_row_holder {display: block;} .project-map-img .project-map-img_tab li.tab-m4 {left: 68%;top: 50%;} .project-map-img .project-map-img_tab li button {height: 100px;width: 100px;} .project-map-img .project-map-img_tab li.tab-m5 {left: 26%;top: 33%;} .project-map-img .project-map-img_tab li.tab-m5 button.active span {height: 90px;width: 92px;top: 1%;left: 0;box-shadow: 0 0 8px 7px #ffffff8a;} .project-map-img .project-map-img_tab li.tab-m4 button.active span {height: 107px;width: 106px;top: -10px;left: -9%;box-shadow: 0 0 8px 7px #ffffff8f;} .interactive-houses-map{background-position: 51% 50%;width: 100%;background-size: cover;position: relative;top: 0;left: 0; /* right: 0; */z-index: 998;height: 240px;transition: opacity 600ms ease-out;} .bt_bb_separator.bt_bb_bottom_spacing_medium {margin-bottom: 3em;} .energy-section h2 {font-size: 3rem;} .energy-section-text {width: 100%;} .energy-section {background-size: cover;} .col_amenities{width: 50%;padding: 5px;margin: 0;} .amenities h3 {font-size: 1.4rem !important;} .amenities .item {padding: 0 10px;height: 275px;} .amenities .item div {top: 1rem;right: 1rem;} .reach-to .bt_bb_headline_tag {font-size: 3em;} .item_wthnreach {padding: 50px 20px;} .header_wthnreach {flex-direction: column;align-items: start;} .info_header h2 {font-size: 3rem;} .developer-info .phases p {padding-left: 0;} .project-phase_table{padding: 0} .phases{margin: 30px 0 0} .phases .project-phase_table{padding: 0} .phases p{padding:0} .company-info .info_header h2{font-size: 3rem} .company-text {flex-direction: column;margin: 50px 0 0;} .company-text div:first-of-type {width: 100%;font-size: 1.2rem;margin: 0 0 20px;} .company-text div:last-of-type {width: 100%;padding: 30px 0 ;} .company-info-investments_item{width: 50%;margin: 0 0 30px 0;} .init-col {display: flex;flex-direction: column;align-items: flex-start;} .call-back {background: #ba9778;padding: 50px 0;} .init-col .col-cb {font-size: 3rem;} .bt_bb_dash_top.bt_bb_headline .bt_bb_headline_superheadline:before, .bt_bb_dash_top_bottom.bt_bb_headline .bt_bb_headline_superheadline:before {content: "";display: inline-block;width: 4em;margin: 0;position: absolute;top: 29%;left: 0em;border-style: solid;border-width: 1px 0 0;} .bt_bb_headline .bt_bb_headline_superheadline {padding: 0 0 20px 80px;} .bt_bb_size_normal.bt_bb_headline h3 {font-size: 3rem;padding: 30px 0 0;} .reach-to {background: url(assets/img/frontpage/reviera-liguria10.png) no-repeat 59% 90%;background-size: auto;padding: 30px 0;position: relative;} /*house*/ .apart-contain{max-width: 100% !important;margin: 0 auto;} .house_img_inner{height: 340px;overflow: hidden;} h3.bt_bb_headline_tag .bt_bb_headline_content { font-size: 2.5rem;} .house_img_inner .house_apartment_img{width: 109%;left: -17px;top: 0;height: auto !important;} .house-m5_A .house_apartment_img img{height: 110%;margin: -10% 0 0 0;} .house-m5_D .house_apartment_img img{height: 108%;margin: -10% 0 0 0;} .m_5-a .house_apartment_img { width: 109%;left: -17px;top: 0;height: auto !important;} .m_5-b .house_apartment_img {width: 109%;left: -17px;top: 0;height: auto !important;} .m_5-c .house_apartment_img { right: -14px;} .house-page-contain .house-m5_A .house_apartment_img {height: auto;width: 100%;} .house-m5_interactive-map .interactive-houses-map {width: 511px;} .interactive-houses-map.M5 {background-size: 216%;background-repeat: no-repeat;background-position: -226px -114px;} .house-m5_interactive-map .interactive-houses-map {width: 497px;background-size: 112%;position: relative;top: 0;background-position: 54% 57%;z-index: 998;height: 394px;transition: opacity 600ms ease-out;} .house-m5_interactive-map .project-map-img_tab li button.active span{position: absolute;padding: 10px 18px;background: rgba(0, 170, 255, 0.15);color: #ffffff;font-weight: 600;font-size: 16px;border-radius: 6px;transition: all 0.3s ease;border: 2px solid #7fdfff;box-shadow: 0 0 6px rgba(127, 223, 255, 0.8), 0 0 18px rgba(127, 223, 255, 0.6), 0 0 35px rgba(127, 223, 255, 0.4);} .house-m5_interactive-map .project-map-img_tab li.tab-appD button.active span {height: 30px;width: 57px;top: 34px;left: -2%;transform: rotate(-8deg);} .house-m5_interactive-map .project-map-img_tab li.tab-appA button.active span {height: 30px;width: 57px;top: 12px;left: 5%;transform: rotate(-8deg);} .house-m5_interactive-map .project-map-img_tab li.tab-appB button.active span { height: 30px;width: 57px;top: 11px;right: 5%;transform: rotate(8deg);} .house-m5_interactive-map .project-map-img_tab li.tab-appC button.active span {height: 30px;width: 57px;top: 35px;right: 4%;transform: rotate(8deg);} .house-m5_interactive-map .project-map-img_tab li.tab-appA {left: 2%;top: 49%;} .house-m5_interactive-map .project-map-img_tab li.tab-appB {right: 26%;top: 50%;} .house-m5_interactive-map .project-map-img_tab li.tab-appC {right: 26%;top: 26%;} .house-m5_interactive-map .project-map-img_tab li.tab-appD {left: 15%;top: 25%;} #slide_value .btn-contact{background: #bb9878;margin: 10px 0 0;display: inline-block;} #slide_value .slide_value_init{margin: 0 auto;height: 350px;width: 350px;padding: 45px;border-radius: 50%;} #slide_value .slide_value-slide-text{background: white;height: 100%;border-radius: 50%;display: flex;align-content: center;flex-direction: column;justify-content: center;align-items: center;} #slide_value .slide_value-slide-text h6{font-weight: 400;font-size: 1.067rem;font-family: "Oswald", Arial, Helvetica, sans-serif;} #slide_value .slide_value-slide-text p{font-weight: 400;line-height: 1.7em;} /*house*/ .developer-info .info_header {width: 100%; margin: 0 auto;} .developer-info.kappa .info_header {width: 90%; margin: 0 auto;} .values .text-start{ width: 80%;} .page-head .m5-house-page-header {height: 350px;} .page-head .m5-house-page-header img {top: 0;display: block;position: absolute;left: 0;height: 352px;} .page-head .m5-house-page-header:before {height: 60vh;} .page-head .m5-house-page-header .item-text {position: relative;z-index: 8;padding: 30% 0 0;} .m5-house-page-header .item h1 {font-size: 3rem;font-weight: 300;} .m5-house-page-header .item-content .label {margin: 0 0 10px;} .page-head {height: 350px;} #owl-carousel12 .item{padding: 0 20px;} .developer-info{padding: 50px 0 0} .img-contein_call-banner-init {display: flex;flex-direction: column;justify-content: space-between;align-content: center;align-items: center;} .img-contein_call-banner-init>div:first-of-type>div:nth-of-type(2) {font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 2em;color: white;font-weight: 100;margin: 15px 0;text-align: center;} .img-contein_call-banner-init>div:first-of-type>div:first-of-type {text-align: center;} .contact-contain-section .contact-form_form{margin: 30px 0} .bt_bb_service_content_title {font-weight: 400;font-family: "Vidaloka", Arial, Helvetica, sans-serif;font-size: 1.2rem;} .img-contein_call-banner {position: absolute;bottom: 25px;background: #181818d1;display: block;width: 100%;padding: 45px 0;} .img-contein_call {height: 570px;background: url(assets/img/visualapt/59.24.jpeg) no-repeat 0 0;background-size: contain;position: relative;} .banner-init_callbtn {box-shadow: 0 0 0 1px #ba9778 inset;padding: 10px 30px;} .cont-panel-box{padding: 20px 0;} .contact-panel .col-md-3{width: 50%} .contact-panel .col-md-3 div:nth-of-type(2){font-family: "Oswald", Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 1px;padding: 10px 0 5px;} .contact-panel .col-md-3 a{text-decoration: none;color: black} .contact-panel .col-md-3 svg{fill:#ba9778; height: 25px;width: 25px;} .page-head .m5-house-page-header.amanities-page-header img {bottom: 0;} .house_tab-item_inner .bt_bb_headline_content a br{display: none;} .reach-to-aminities {background: url(assets/img/FINALE.jpg) no-repeat 65% 39%;background-size: cover;position: relative;padding-top: 8em;padding-bottom: 0 !important;} .reach-to-aminities .m-80{margin: 0} .for-sale-banner>div {display: inline-block;margin: 0 auto;position: absolute;left: 0;width: 320px;right: 0;top: 52%;bottom: 0;} .for-sale-banner {align-items: center;display: flex;padding: 50px 30px;background: url(assets/img/pattern_linear.png) no-repeat 0% 141% #575757;background-size: contain;position: relative;flex-direction: column;justify-content: flex-start;height: 400px;} .for-sale-banner .banner-init_callbtn {box-shadow: 0 0 0 1px #ba9778 inset;padding: 10px 30px;background: #bb9878;} .navbar{background-color:#191919 !important;position: relative;height: 60px;padding: 5px 10px 7px;} #navbarText1 .soc{margin: 35px 0 0;} .head-carousel .item p {font-size: 1.3rem;} #owl-carousel2 .owl-nav {position: absolute;z-index: 999;height: 10vh;width: 230px;bottom: 0;right: 23%;} #navbarText1 .soc li:last-of-type {margin: 0;} #navbarText1 .soc li {margin:0 35px 0 0;} }