/* Google Fonts spostato nel (inc/head.php) con preconnect + display=swap. L'@import qui era render-blocking e "in catena" (scaricava il font solo DOPO questo CSS). */ body{font-family: 'Hind', sans-serif;font-weight: 400;} h1, h2, h3, h4, h5, h6{ font-family: 'Cormorant Garamond', serif; font-weight: 500; color:#ffffff; font-style: italic; } .complete{width: 100%; float: left;} /*.fadeInUp{animation-delay: 0.2s;} */ p, a {font-family: 'Hind', sans-serif;font-weight: 400;} .btn{letter-spacing: 1px;font-size: 13px;border-radius: 0;} .mt-0{margin-top: 0px;}.mt-10{margin-top: 10px;}.mt-20{margin-top: 20px;}.mt-30{margin-top: 30px;}.mt-40{margin-top: 40px;}.mt-50{margin-top: 50px;}.mt-60{margin-top: 60px;}.mt-70{margin-top: 70px;}.mt-80{margin-top: 80px;}.mt-90{margin-top: 90px;}.mt-100{margin-top: 100px;} a{transition: all 0.5s ease;} span:focus {outline: 0!important;} a:focus {outline: 0!important;} button:focus {outline: 0!important;} .btn:focus {outline: 0!important; box-shadow: none;} a:hover{text-decoration: none;} .mTop20{margin-top: 20px!important;} .mBottom50{margin-bottom: 50px!important;} .mBottom40{margin-bottom: 40px!important;} /* HEADER */ header{padding-top: 10px;position: fixed;top: 0;width: 100%;z-index: 100;background: #ffffff;padding-bottom: 10px;} header.fixed-header{position: fixed;margin-top: 0px;top:-40px;} main.fixed-main{margin-top: 120px;} .fixed-top{z-index: 10;} .navbar-brand{padding: 0; position: relative; z-index: 1;} .topbar{position: relative; top: 0px; z-index: 1; margin-top: 0px;} .dropdown-menu,.bootstrap-select{position: relative;z-index: 100;} .btn-light{background: transparent!important;border:1px solid #000000;color:#000000;} .bootstrap-select .dropdown-menu{background: #000000!important;color:#ffffff!important;border-radius:0;padding: 0;} .bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu li{color:#ffffff!important;background: #000000!important;} .bootstrap-select .dropdown-menu li a{padding: .25rem 0.87rem;text-align: center} .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus,.btn-light:hover,.btn-light:focus,.btn-light:active,.btn.dropdown-toggle.btn-light:active{outline: none!important;box-shadow:none;border:1px solid #000000!important;} .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{border:1px solid #000000!important;} .navbar-brand img{width: 200px;min-height: 32px;margin-top: -5px;position: relative;} .bg-dark{background: transparent!important;} .input-cerca{border:0;background:transparent!important;padding: 0;border-radius:0; border-bottom:1px solid #000000;font-family: 'Hind', sans-serif;font-weight: 300;font-size: 12px;text-transform: uppercase;color:#000000;letter-spacing: 1px; padding: 0 10px;} .form-control.input-cerca:focus{color:#000000;border:0;border-bottom:1px solid #000000;box-shadow:none;} .input-group-text img{width: 14px;} .input-group-text button{background: transparent;border:0;padding: 0;} .input-group-text{background-color: transparent;border: 0;border-radius: 0;} .navbar-dark .navbar-nav li{padding: 0 20px; position: relative; top: -10px;} .navbar-dark .navbar-nav li:last-child{padding-right: 0;} .navbar-dark .navbar-nav .nav-link{color:#498bc4;font-weight: 500;letter-spacing: 1px;font-size: 15px;text-transform: uppercase;padding: 0;position: relative; letter-spacing: 2px;} .navbar-dark .navbar-nav .nav-link:hover{color:#01427a;} .navbar-dark .navbar-nav li .nav-link::after{content:"";position: absolute;left: 0;bottom: -4px; height: 1px;width: 0;background: #01427a;transition: all 0.3s ease;} .navbar-dark .navbar-nav li:hover .nav-link::after{width: 100%;} .navbar-dark .navbar-toggler{border-color: #000000;color: #000000;border-radius: 0;margin-right: 15px; position: relative; top: -3px;} button:focus {outline: none!important;} .navbar-line{background: #000000;width: 33px!important;height: 2px;margin: 8px 0px;display: block;} .navbar-dark .navbar-nav .nav-link:hover{margin-right: 0px;} .input_search_nav input{ border-bottom: 1px solid #000; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding: 0; } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #01427a!important;} .navbar-dark .navbar-nav .active> .nav-link::after { width: 100%; } .cont_lang_selector{border: solid 1px #01427a; width: 80px; display: inline-flex;} .lang_a{color: #01427a; width: 50%; background: #fff; display: inline-block; text-align: center; padding: 5px 0;} .lang_a:hover{color: #fff; background-color: #01427a;} .lang_active{color: #fff; background-color: #01427a;} .lang_a:focus { outline: 0!important; color: #fff; background-color: #01427a;} /* HOME */ .carousel-caption{bottom:auto;top: 50%;margin-top: -100px;padding: 0;z-index: 99;} .carousel-caption>h5{font-style: italic; font-size: 65px;font-weight: 500;} .carousel-caption>p>a{font-size: 25px;font-weight: 100;letter-spacing: 1px;background: transparent;border:1px solid #ffffff;border-radius: 80px;color:#ffffff;padding: 6px 35px 1px;text-transform: uppercase;margin-top: 20px;display: inline-block;margin-left: 10px;margin-right: 10px;} .carousel-item{position: relative;} .carousel-caption>p>a:hover{text-decoration: none;background: #ffffff;color: #000000;} .carousel-item::after{content:"";height: 100%;width: 100%;/*background: rgba(0,0,0,0.4);*/z-index: 10;top:0;position: absolute; display: block;} .carousel_chi_siamo .carousel-item::after{background: transparent;} .tag_video{position: relative; width: 100%;} .tag_video video{width: 100%; float: left;} .tag_video::after{content:"";height: 100%;width: 100%;background: transparent;z-index: 10;top:0;position: absolute; display: none;}/*background: rgba(0,0,0,0.25); display: block;*/ video:focus{outline: 0!important; outline: none!important;} .cont_video_imm{background: #000;} #propieta{background: #01427a;padding: 20px 0px; float: left; width: 100%;} #propieta h2{color:#ffffff;font-size: 30px;font-style: italic; margin-bottom: 20px;} .selettore-proprieta{z-index: 1;} .selettore-proprieta.bootstrap-select>.btn.dropdown-toggle.btn-light{border: 1px solid #ffffff!important;color: #ffffff!important;border-radius: 40px;} .cerca-proprieta{letter-spacing: 1px;text-transform: uppercase;color: #ffffff;margin: 14px 0 20px 0;} .form-control{border-radius: 50px;background: #ffffff;border:1px solid #000000;letter-spacing: 1px;text-transform: uppercase;color:#000000;height: calc(1.5em + .6rem + 2px);} .form-control:focus{color:#000000;border:1px solid #000000;box-shadow:none!important;} .bootstrap-select .dropdown-toggle .filter-option-inner-inner{text-transform: uppercase; letter-spacing: 2px;} .input_search{height: 33px; border:1px solid #fff; font-size: 14px; letter-spacing: 2px; background: #01427a!important; color: #fff;} .input_search:focus { color: #fff; border: 1px solid #fff; box-shadow: none!important; background:#01427a!important; outline: 0; } .box_form_search input::-webkit-input-placeholder {color: #fff;} .box_form_search input::-moz-placeholder {color: #fff;} .box_form_search input:-ms-input-placeholder {color: #fff;} .box_form_search input:-moz-placeholder {color: #fff;} .select_search_nav{ height: 33px; border-bottom:0; border-left:0; border-right:0; border-top:0; font-size: 14px; letter-spacing: 2px; background: #fff; color: #000; position: relative; } .select_search_nav input{border-bottom: solid 1px #01427a; border-left: 0; border-right: 0; border-top: 0; /*text-transform: uppercase;*/ color: #000; width: 100%;} .select_search_nav input:focus{outline: 0;} .input_search_nav{position: relative;} .input_search_nav::after{ content:""; position: absolute; width: calc(100% - 42px); height: 1px; background:#000; bottom: 0; } .input_seacrh2{width: 100%; border-radius: 5px; padding: 0 10px;} .select_search_nav:focus { color: #000; border: none!important; box-shadow: none!important; background: transparent; } /* BOX CERCA IMMOBILE */ .cont_cerca_proprieta{width: 38px; float: left;} .cont_cerca_proprieta a{border-radius: 50%; background: #fff; border: 0; cursor: pointer;} .cont_cerca_proprieta a:hover{background: #eceee9d4;} @media (max-width: 991px) { .cont_cerca_proprieta{float: right;} } .cont_cerca_proprieta button{border-radius: 50%; background: #fff; border: 0; cursor: pointer;} .cont_cerca_proprieta button:hover{background: rgba(1, 66, 122, 0.5);} /* BOX CERCA IMMOBILE */ /* RESPONSIVE */ .sub_circle{width: 35px; height: 35px; padding: 0;position: relative} .sub_circle img{height: 25px; margin:0px;position: absolute;top: 4px;left: 8px;} .box_lang{top: 0px;} @media (max-width: 1199px) { .navbar-dark .navbar-nav li{padding: 0 15px;} } @media (max-width: 991px) { .navbar-dark .navbar-nav{margin-top: 20px;} .navbar-dark .navbar-nav li{/*text-align: right;*/ padding: 3px 0px!important; top:0;} .navbar-dark .navbar-nav .nav-link{font-size: 19px;} .navbar-dark .navbar-nav .nav-link:hover{margin-right: 10px;} .navbar-dark .navbar-nav li .nav-link::after{width: 0px!important;} .carousel-caption{margin-top: -70px!important;} .carousel-caption h5{ font-size: 40px; line-height: 1;} .carousel-caption>p>a{font-size:20px;} } @media (max-width: 767px) { .cont_lang_selector{margin-top: 20px;} header {padding-top: 0px; padding-bottom: 0;} main.fixed-main{margin-top: 60px;} #propieta h2{padding: 0px 15px; font-size: 25px;} /*.selettore-proprieta .dropdown-menu{z-index: 1;}*/ .carousel-caption{margin-top: -40px!important;} .carousel-caption h5{ font-size: 30px; line-height: 1;} .carousel-caption>p>a{font-size:15px; padding: 6px 15px 1px; margin-top: 10px;} .select_top_bar{display: none;} .navbar-brand img { width: 150px; min-height: 32px; margin-top: 0; position: relative;} .topbar { position: relative; top: 35px; z-index: 1; margin-top: -5px;} } @media (max-width: 720px) { .navbar-dark .navbar-toggler{margin-right: 100px;} } /*.cont_fluid_home{float: left; margin-bottom: 5px;} @media (max-width: 767px) { .cont_fluid_home{float: inherit;} }*/ @media (max-width: 575px) { .carousel-caption{margin-top: -40px;} .carousel-caption h5{ font-size: 20px; line-height: 1;} .carousel-caption>p>a{font-size:15px; padding: 6px 5px 1px; margin-top: 10px;} } /* SECTION VILLA IN COPERTINA */ .evidenza{position: relative; width: 100%; float: left;} .box_info_evidenza{background-color: #01427a; position: absolute; right: 0; bottom: 40px; padding: 0; animation-delay: 0.7s;} .box_info_evidenza:hover{background-color: #498bc4;} .cont_info_evidenza{margin-left: 30px; margin-top: 30px; margin-bottom: 30px; border-top: solid 1px #fff; background-color: transparent; float: left;} .cont_info_evidenza h3, .cont_info_evidenza p, .cont_info_evidenza div{padding-right: 15px; padding-left: 0;} .cont_info_evidenza h3{text-align: left; margin:10px 0 0 0; width: 100%; float: left; line-height: 1;} .cont_info_evidenza .location_ev{text-align: left; font-size: 12px; font-weight: 100; width: 100%; float: left; color: #e9ecef;} .cont_info_evidenza .location_ev span{text-transform: uppercase; float: right; letter-spacing: 2px; font-size: 12px;} .cont_info_evidenza .prezzo_ev{font-size: 14px; text-transform: uppercase; color: #fff; width: 100%; float: left; letter-spacing: 2px;} .cont_info_evidenza .prezzo_ev span{text-transform: capitalize; font-size: 12px;} .cont_info_evidenza .desc_ev{width: 100%; float: left; color: #fff; font-size: 13px; font-weight: 100; margin-bottom: 10px; font-family: 'Hind', sans-serif;} .cont_info_evidenza .go_page_evidenza{float: left; width: 40px; margin-top: 5px; padding: 0;} .cont_info_evidenza .go_page_evidenza img{width: 100%; margin-left: 0; transition: all 0.2s ease;} .cont_info_evidenza .go_page_evidenza:hover img{margin-left: 20px;} @media (max-width: 991px) { .box_info_evidenza{background-color: #01427a; position: relative; right: inherit; float: left; bottom: 50px; padding: inherit; width: 90%; margin-left: 5%;} .cont_info_evidenza{margin-right: 30px;} } @media (max-width: 767px) { .cont_info_evidenza{margin-right: 10px; margin-left: 10px; margin-top: 20px; margin-bottom: 0px;} .cont_info_evidenza .go_page_evidenza{margin-bottom: 10px;} .cont_info_evidenza .desc_ev {font-size: 12px;} .cont_info_evidenza .location_ev{margin:0;} } /* SECTION VILLA IN COPERTINA */ .h1_proprieta{text-align: center; margin-top: 50px; margin-bottom: 50px;} .h1_proprieta h1{color: #01427a; font-style: italic; font-size: 1.90rem; width: 100%; position: relative; float: left;} .h1_proprieta h1 span{background: white; padding: 10px 30px; position: relative; z-index: 2;} .h1_proprieta h1::before{ content: ''; position: absolute; width: 500px; height: 1px; background: #01427a; z-index: 1; top: 18px; left: 50%; margin-left: -250px; } .h1_proprieta p{font-size: 13px; max-width: 800px; margin:0 auto;} @media (max-width: 991px) { .h1_proprieta{margin-top: 0;} .h1_proprieta h1::before{top:20px;} .h1_proprieta p{max-width: inherit;} } @media (max-width: 575px) { .h1_proprieta h1::before{display: none;} } .box_filtri{position: relative; top: -30px;} .cont_filtri_box{ background: #01427a; padding: 15px; } .cont_filtri_box h5{font-size: 20px; text-align: left; color: #fff;} .h3_result{font-size: 24px; text-align: left; color: #fff;} p.filtro_App { background: #01427a; color: #fff; padding: 5px 10px; border-radius: 3px; border: solid 1px #fff; font-weight: 500; font-size: 14px; margin-bottom: 0; margin-top: 5px; text-align: center; min-height: 33px; } /* ELEMENTI IN EVIDENZA */ .pro_esclusive{margin-bottom: 50px; width: 100%; float: left;} .cont_element{background-color: #eceee9d4;} .cont_element .desc_element{width: 100%; float: left; color: #000; font-size: 13px; font-weight: 100; margin-bottom: 15px; font-family: 'Hind', sans-serif;} .box_img_left{padding: 0;} .box_info_right:hover{background: rgba(1,66,122,0.1);} @media (min-width: 1200px) { .box_info_right{padding: 0 35px;} } .box_title_element{background-color: #fff; float: left; width: 100%; margin-top: 20px; border-bottom-left-radius: 60px; border-top-left-radius: 60px;} .box_info_right h3{line-height: 1; text-align: left; margin:10px 0 5px 0; width: 100%; /*width: 80%;*/ float: left; color: #000; font-style: inherit; font-size: 1.4rem; padding-left: 30px; padding-right: 5px; margin-top: 5px;} .box_info_right .location_ev{text-align: left; font-size: 12px; font-weight: 100; width: 100%; float: left; color: #000; padding-left: 30px; padding-right: 5px; margin-bottom: 5px;} .box_info_right .location_ev span{text-transform: uppercase; float: right; letter-spacing: 2px; font-size: 12px;} .price_evidence{margin-bottom: 0!important;} .before_elite{position: relative;} .before_elite::before{ content: ''; position: absolute; background-image: url(../img/svg/elite.svg); background-size: 100%; background-repeat: no-repeat; z-index: 1; top: -23px; width: 25px; height: 25px; left: 17px; } .before_elite::after{ content: 'ELITE'; position: absolute; top: -13px; font-size: 9px; font-weight: 500; left: 44px; } @media (max-width: 499px) { .before_elite::before{display: none;} .before_elite::after{display: none;} .box_info_right h3{width: 100%;} .box_title_element{margin-top: 35px;} .before_elite_resp::before{ content: ''; position: absolute; background-image: url(../img/svg/elite.svg); background-size: 100%; background-repeat: no-repeat; z-index: 1; top: 8px; width: 30px; height: 30px; left: 50%; margin-left: -15px; } } .trattativa_ris{font-size: 13px; text-transform: uppercase; color: #000; width: 100%; float: left; letter-spacing: 2px; font-weight:500; margin-top: 20px;} .cont_icon_element{float: left; /*background: red;*/ padding: 0;} .cont_icon_element div{display: inline; padding: 0; float: left; position: relative;} .cont_icon_element div:after{ content: ''; position: absolute; height: 40px; width: 1px; background: #000; right: 15px; } .cont_icon_element div:last-child:after{display: none;} .cont_icon_element img{width: 25px; /*padding: 5px;*/ position: relative; top:2px;} .cont_icon_element div:last-child img{width: 20px;} .dato_icon{width: calc(100% - 30px); float: right; line-height: 0.8; padding: 0px 3px; font-size: 22px; position: relative; top: 12px; color: #000;} .info_icon{font-size: 11px; color: #000;} .desc_element{margin-top: 15px; float: left; width: 100%;} .box_info_right .go_page_evidenza img{max-width: 25px;} .box_info_right a{float: left; margin-bottom: 30px;} .continued{text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: #000; font-weight: 500;} @media (min-width: 992px) and (max-width: 1199px) { .box_title_element{margin-top: 10px;} .box_info_right a{float: left; margin-bottom: 10px;} .cont_element .desc_element{margin-bottom: 0px;} } @media (max-width: 991px) { .box_info_right{padding-bottom: 15px;} .info_icon{position: relative; left: -35px;} } @media (max-width: 767px) { .box_info_right .location_ev{margin:0;} .box_img_left img{padding: 15px 15px 0 15px;} } /* SLIDE ELITE *//* SLIDE ELITE *//* SLIDE ELITE */ .carousel_elite{position: relative;} /*.car_elite .carousel-indicators{position: relative; margin:0; padding: 10px 0; float:right;}*/ .car_elite .carousel-item:after{display: none;} .carousel-indicators-numbers-elite{position: absolute; bottom: -40px; width: auto; float: left; margin: 0; padding: 10px 0; display: -webkit-inline-box;} .carousel-indicators-numbers-elite li{ text-indent: 0; width: 20px; height: 20px; border: none; border-radius: 100%; line-height: 20px; color: #000; font-size: 10px; font-weight: bold; background-color: transparent; transition: all 0.25s ease; text-align: center; opacity: 1; } .carousel-indicators-numbers-elite li.active, .carousel-indicators-numbers-elite li:hover { width: 20px; height: 20px; background-color: #eceee9d4; } @media (max-width: 991px) { .carousel-indicators-numbers-elite {position: relative; bottom: 0; width: 100%; display: inline-flex; float: initial; background: #fff;} } @media (max-width: 767px) { .carousel-indicators-numbers-elite {display: none;} } /* SLIDE ELITE *//* SLIDE ELITE *//* SLIDE ELITE */ /* ELEMENTI IN EVIDENZA */ .box_info_right .hover_continued{position: relative; left: -10px; padding: 0 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; min-width: 230px; transition: all 0.2s ease; float: left;} .box_info_right .hover_continued:hover{background: #fff; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .box_info_right .go_page_evidenza img{margin-left: 5px; transition: all 0.2s ease;} .box_info_right .hover_continued:hover img{margin-left: 20px;} .box_proprieta .hover_continued{position: relative; left: -10px; padding: 0 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; min-width: 230px; transition: all 0.2s ease; margin-top: 20px;} /*.box_proprieta .hover_continued:hover{background: #eceee9d4; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .box_proprieta .go_page_evidenza img{margin-left: 5px; transition: all 0.2s ease;} .box_proprieta .hover_continued:hover img{margin-left: 20px;}*/ .box_proprieta .go_page_evidenza { width: auto; float: left;} .box_proprieta:hover .go_page_evidenza { background: #eceee9d4; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .box_proprieta .go_page_evidenza img{margin-left: 5px; transition: all 0.2s ease;} .box_proprieta:hover .go_page_evidenza img{margin-left: 20px;} .home_azienda .hover_continued{position: relative; left: -10px; padding: 0 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; min-width: 230px; transition: all 0.2s ease;} .home_azienda .hover_continued:hover{background: #fff; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .home_azienda .go_page_evidenza img{max-width: 25px; margin-left: 5px; transition: all 0.2s ease;} .home_azienda .hover_continued:hover img{margin-left: 20px;} /* ALTRE PROPRIETA */ .cont_element2{background: transparent;} .cont_element2 .desc_element{width: 100%; float: left; color: #000; font-size: 13px; font-weight: 100; font-family: 'Hind', sans-serif;} .box_proprieta{padding: 0; margin-bottom: 50px;} .box_proprieta .box_title_element{background-color: #01427a; margin-top: 10px!important;} @media (min-width: 992px) { .pLeft{padding-left: 5px;} .pRight{padding-right: 5px;} } .box_proprieta h3{line-height: 1; text-align: left; /*margin:10px 0 0 0;*/ width: 100%; float: left; color: #fff; font-style: inherit; font-size: 1.4rem; padding-left: 30px; padding-right: 5px; margin-top: 5px;} .box_proprieta .location_ev{text-align: left; font-size: 14px; font-weight: 100; width: 100%; float: left; color: #fff; padding-left: 30px; padding-right: 5px; margin-bottom: 5px;} .box_proprieta .location_ev span{text-transform: uppercase; float: right; letter-spacing: 2px; font-size: 14px;} .box_proprieta .go_page_evidenza img{max-width: 25px;} .box_proprieta a{float: left; margin-bottom: 30px;} @media (min-width: 992px) and (max-width: 1199px) { .box_proprieta a{float: left; margin-bottom: 10px;} } @media (max-width: 767px) { .box_proprieta{padding: 0 15px;} .box_proprieta .location_ev{margin:0;} } .cont_btn{width: 100%; float: left; text-align: center; margin:0;} .scopri_tutti{background: #01427a; color: #fff; padding: 5px 35px; letter-spacing: 2px; text-transform: uppercase; border-radius: 25px; font-size: 12px; margin: 0 auto; border: solid 1px #01427a; font-weight: 500;} .scopri_tutti:hover{background: #fff; border: solid 1px #01427a; color: #01427a; padding: 5px 55px;} .scopri_tutti2{cursor: pointer;float: right;background: #ffffff; color: #01427a!important; padding: 5px 35px; letter-spacing: 2px; text-transform: uppercase; border-radius: 25px; font-size: 12px; margin: 0 auto; border: solid 1px #ffffff; font-weight: 500;} .scopri_tutti2:hover{background: #01427a; border: solid 1px #fff; color: #fff!important; padding: 5px 55px;} @media (max-width: 991px) { .visible_md{display: none;} } /* ALTRE PROPRIETA */ /* SLIDE AZIENDA */ .home_azienda{background-color: rgba(73,139,196,0.2); width: 100%; float: left; margin-top: 100px; margin-bottom: 50px;} .carousel_company{top:-50px;} @media (min-width: 768px) and (max-width: 991px) { .home_azienda{margin-top: 50px;} .carousel_company{top:0px;} } @media (max-width: 767px) { .home_azienda{margin-top: 50px; margin-bottom: 50px;} .carousel_company{top: 0; margin-bottom: 30px;width: 100%;float: left;} } .box_info_company{padding-top:30px; padding-bottom: 30px;} .desc_azienda{width: 100%; float: left; color: #000; font-size: 13px; font-weight: 100; margin-bottom: 30px;/* max-width: 400px;*/ font-family: 'Hind', sans-serif;} /*.home_azienda .desc_azienda{margin-bottom: 0px;}*/ .p_company{font-size: 10px; text-transform: uppercase; color: #000; width: 100%; float: left; letter-spacing: 2px; font-weight:500; margin-top: 0px; margin-bottom: 0;} .h3_brilium{color: #01427a; font-style: italic; font-size: 1.90rem;} .h3_brilium img{width: 50px; margin-right: 10px; position: relative; top:-5px;} .inner_azienda img{border: solid 2px #f6eaea;} .carousel_studio .carousel-indicators{position: relative; margin:0; padding: 10px 0; float:right;} .carousel_studio .carousel-item:after{display: none;} .carousel-indicators-numbers li{ text-indent: 0; width: 20px; height: 20px; border: none; border-radius: 100%; line-height: 20px; color: #000; font-size: 10px; font-weight: bold; background-color: transparent; transition: all 0.25s ease; text-align: center; opacity: 1; } .carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover { width: 20px; height: 20px; background-color: #fff; } @media (max-width: 767px) { .carousel_studio .carousel-indicators{display: none;} } .accordion_home .card{background: transparent; border: transparent; float: left;} .accordion_home .card-header{ padding: 0; border-bottom: 0; background: transparent; margin-top: 10px;} .accordion_home .card-body{float: left; padding: 0;} .accordion_home .go_page_evidenza{background: transparent; border: 0; text-align: left;} .accordion_home .go_page_evidenza:hover{background:#fff;} /* SLIDE AZIENDA */ /* BOX CONTATTI HOME *//* BOX CONTATTI HOME */ .home_contatti{width: 100%; float: left; margin-bottom: 50px; margin-top: 50px;} .nomTop{margin-top: 0!important;} .home_contatti h3{text-align: center; width: 100%; float: left; line-height: 1; color: #01427a; font-style: italic; font-size: 1.90rem;} .home_contatti h3 span{background: white; padding: 10px 30px; position: relative; z-index: 2;} .home_contatti h3::before{ content: ''; position: absolute; width: 500px; height: 1px; background: #01427a; z-index: 1; top: 18px; left: 50%; margin-left: -250px; } @media (max-width: 575px) { .home_contatti h3::before{display: none;} } .home_contatti h1{text-align: center; width: 100%; float: left; line-height: 1; color: #01427a; font-style: italic; font-size: 1.90rem;} .home_contatti h1 span{background: white; padding: 10px 30px; position: relative; z-index: 2;} .home_contatti h1::before{ content: ''; position: absolute; width: 500px; height: 1px; background: #01427a; z-index: 1; top: 18px; left: 50%; margin-left: -250px; } @media (max-width: 575px) { .home_contatti h1::before{display: none;} } .title_contact_us{text-align: center;} /*.title_contact_us h3{color: #000; font-style: italic; font-size: 1.90rem;}*/ .title_contact_us p{ font-size: 13px; margin-bottom: 50px; max-width: 350px; margin: 0 auto 50px; position: relative; top:5px; } /* FORM */ .contactForm .form-control{border-radius: 30px; font-size: 12px; font-weight: 500; text-transform: inherit;} .contactForm textarea{border-radius: 10px!important;} .mBottomInput input{margin-bottom: 26px;} @media (max-width: 1199px) { .mBottomInput input{margin-bottom: 15px;} } @media (min-width: 768px) { .right15{right: 15px; position: relative;} } /*.contactForm .form-control::-webkit-input-placeholder {color: #000;} .contactForm .form-control::-moz-placeholder {color: #000;} .contactForm .form-control:-ms-input-placeholder {color: #000;} .contactForm .form-control:-moz-placeholder {color: #000;}*/ .privacy_btn{margin-bottom: 0;} .privacy_btn a{font-size: 12px; color: #000;} .privacy_btn a:hover{text-decoration:underline;} .style_invia{width: 100%; padding: 0 15px;} .style_invia a{float: right; background: #01427a; color: #fff!important; border-radius: 20px; border: solid 1px #01427a; padding: 4px 15px; font-size: 14px; letter-spacing: 2px; cursor: pointer;} .style_invia a:hover{color: #01427a!important; background: #fff; border: solid 1px #01427a;} .style_invia .btn-success:not(:disabled):not(.disabled).active, .style_invia .btn-success:not(:disabled):not(.disabled):active, .style_invia .show>.btn-success.dropdown-toggle { color: #01427a!important; background: #fff; border: solid 1px #01427a; } .style_invia a.disabled, .style_invia a:disabled {color: #01427a!important; background: #fff!important; border: solid 1px #01427a!important; opacity: 1!important;} @media (max-width: 767px) { .style_invia{padding: 0;} .style_invia a{margin-right: 15px;} } /* FORM */ .box_chiamaci{} .box_chiamaci a{text-align: center; width: 100%; float: left; border: solid 1px #000; border-radius: 10px;} .box_chiamaci a:hover{background: #f6eaea;} .box_chiamaci img{width: 53px; margin: 34px auto;} .box_chiamaci p{font-size: 12px; color: #000;} .box_chiamaci p span{font-size: 26px; font-style: italic; font-family: cursive; font-weight: bold;} @media (max-width: 767px) { .box_chiamaci{width: auto; margin: 40px auto 0; padding: 0;} .box_chiamaci a{padding: 10px; background: #f6eaea;} .box_chiamaci img { width: 45px; float: left; margin: 0;} .box_chiamaci p{ padding: 0 15px; float: left; margin-bottom: 0;} .box_chiamaci p span{font-size: 18px;} } /* BOX CONTATTI HOME *//* BOX CONTATTI HOME */ .fixed_contact{position: fixed; z-index: 99; right: 0; width: auto; bottom: 50px;} .fixed_icon1{border: solid 1px #ffffff; width: 60px; background: #498bc4; float: left; padding: 10px; margin-bottom: 5px;} .fixed_icon2{border: solid 1px #ffffff; width: 60px; background: #498bc4; float: left; padding: 18px 10px;} .fixed_contact a:hover{background: #01427a;} .fixed_contact img{width: 100%;} /*@media (max-width: 767px) { .fixed_contact{display: none;} }*/ /* PROPONI IMMOBILE */ .proponi{width: 100%; float: left; position: relative; top:50px; margin-bottom: 100px;} .box_proponi{position: absolute; padding: 0 30px 40px 30px; background: #498bc4; top:-50px;} .cont_info_proponi{width: 100%; padding:0; margin: 0; border-left: solid 1px #fff; padding-left: 20px;} .cont_info_proponi h3{text-align: left; margin: 40px 0 20px 0; width: 100%; float: left; line-height: 1; color: #fff;} .desc_proponi{width: 100%; float: left; color: #fff; font-size: 13px; font-weight: 100; font-family: 'Hind', sans-serif;} /* SENZA LA SCRITTA SCOPRI DI PIU .proponi .hover_continued{position: relative; left: -10px; padding: 0 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; min-width: 210px;} .proponi .hover_continued:hover{background: #eceee9d4; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .proponi .go_page_evidenza img{max-width: 25px;} .proponi .continued{color: #fff;}*/ .proponi .go_page_evidenza img{max-width: 40px; margin-left: 0px; transition: all 0.2s ease;} .proponi .go_page_evidenza:hover img{margin-left: 20px;} /**/ @media (max-width: 991px) { .box_proponi{position: relative; top:-100; width: 90%;} .proponi{margin-bottom: 0px; top:0;} } @media (max-width: 767px) { .box_proponi{margin-left: 5%;} } /* PROPONI IMMOBILE */ /* NEWS HOME */ .news_home{width: 100%; float: left; margin-bottom: 0px; position: relative;} .news_home h3{text-align: center; width: 100%; float: left; line-height: 1; color: #01427a; font-style: italic; font-size: 1.90rem;} .news_home h3 span{background: white; padding: 5px 30px; position: relative; z-index: 2;} .news_home h3::before{ content: ''; position: absolute; width: 500px; height: 1px; background: #01427a; z-index: 1; top: 18px; left: 50%; margin-left: -250px; } .p_news_home{text-align: center; font-size: 13px; max-width: 800px; margin: 0px auto; margin-bottom: 50px;} .box_news_home{width: 100%; float: left; text-align: left; margin-bottom: 20px;} .box_news_home p{width: 100%; float: left; text-transform: uppercase; margin:10px 0; font-size: 12px; letter-spacing: 2px; color: #000;} .box_news_home h4{width: 100%; float: left; margin:0; color: #000; font-style: italic; font-size: 18px; font-weight: bold;} .desc_news_home{font-size: 13px; width: 100%; float: left; margin: 5px 0; color: #000;} .absolute_news{position: absolute; width: 100%; background: #eceee9d4; height: 50%; bottom: 0;} .box_news_home .hover_continued{position: relative; left: -10px; padding: 0 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; min-width: 230px; transition: all 0.2s ease;} /*.box_news_home .hover_continued:hover{background: #fff; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .box_news_home .go_page_evidenza img{ max-width: 25px; margin-left: 5px; transition: all 0.2s ease;} .box_news_home .hover_continued:hover img{margin-left: 20px;}*/ .box_news_home .go_page_evidenza { width: auto; float: left;} .box_news_home:hover .go_page_evidenza { background: #fff; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .box_news_home .go_page_evidenza img{margin-left: 5px; transition: all 0.2s ease; max-width: 25px;} .box_news_home:hover .go_page_evidenza img{margin-left: 20px;} .box_news_home:hover .go_page_evidenza_news{background: #eceee9d4!important;} .mBottom80{margin-bottom: 80px;} .pRel_news_home{position: relative; top: 35px;} @media (max-width: 991px) { .absolute_news{display: none;} .news_home{background:transparent;} .news_home h3{margin-top: 30px;} .news_home h3::before{top: 45px;} .box_news_home{margin-bottom: 30px;} } @media (max-width: 575px) { .news_home h3::before{display: none;} .box_news_home{width: 90%; margin-left: 5%;} .mTop30_575{margin-top: 30px;} } /* NEWS HOME */ /* FOOTER */ .footer{background: #01427a; color: #ffffff; width: 100%; float: left; padding: 30px 0;} .footer_row_up{width: 100%; float: left; margin-bottom: 10px;} .logo_footer{background: #01427a; float: left; width: auto; width: 212px; min-height: 32px; margin-top: 2px;} .icon_footer{} .icon_footer a{width: 40px; background: #498bc4; float: right; height: 40px; line-height: 40px; text-align: center; margin-left: 10px; border-radius: 1px;} .icon_footer a:hover{background: #498bc4;} .icon_footer a img{position: relative; height: 20px;} /*.foter_to{margin-bottom: 0;}*/ .foter_to a{color: #ffffff; text-decoration: none;} .foter_to a:hover{color: #ffffff;} .copy_p{text-align: center; margin-bottom: 0;} @media (max-width: 575px) { .logo_footer{margin-bottom: 10px;} .icon_footer a{float: left; margin-right: 10px; margin-left: 0px; border-bottom: solid 2px #ffffff;} } .footer_row_down{width: 100%; float: left;} .box_info_footer p{color: #ffffff; font-size: 12px; margin-bottom: 5px; font-weight: 100; width: 100%; float: left;} .box_info_footer p:first-child{text-transform: uppercase; letter-spacing: 2px; color: #ffffff; font-weight: 400;} .box_a_footer{text-align: right;} .box_a_footer p{color: #ffffff; font-size: 12px; margin-bottom: 0; font-weight: 100; width: 100%; float: left;} .box_a_footer a{color: #ffffff; font-size: 12px; margin-bottom: 0; font-weight: 100; border-bottom: solid 2px #498bc4; margin:0;} .box_a_footer a:hover{color: #000000; border-bottom: solid 2px #ffffff;} @media (max-width: 767px) { .box_a_footer{text-align: left;} .copy_p{text-align: center; margin-top: 30px;} } .cont_studio{position: relative; top: -20px; margin-top: -30px;} .studio09{width: 100px; float: right;} @media (max-width: 767px) { .cont_studio{position: relative; top: 0px; margin-top: 30px;} .studio09{float: left;} } .cls-1{transition: all 0.4s ease;} .studio09:hover #Livello_2 #Livello_1-2 .pat_num_9 .cls-1{fill: #000000!important;} .studio09:hover #Livello_2 #Livello_1-2 .pat_num_0 .cls-1{fill: #000000!important;} /* FOTTER */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ .immobile_dettaglio{width: 100%; float: left; margin-bottom: 30px;} .breadcrumb_imm{background: #eceee9d4; margin-bottom: 30px;} .breadcrumb_imm ol{background: transparent; font-family: 'Cormorant Garamond', serif;} .breadcrumb_imm ol li a{font-family: 'Cormorant Garamond', serif; color: #000; font-weight: 600;} .breadcrumb_imm ol li a:hover{color: #01427a;} .breadcrumb_imm ol .breadcrumb-item.active {color: #01427a;} .imm_title{width: 100%; float: left; background: #fff; margin: 0 0 20px 0;} .imm_title_l h1{margin-bottom: 0; float: left; width: auto; color: #000; font-size: 1.80rem;} .imm_title_l p{ margin-bottom: 0; float: left; width: auto; color: #000; letter-spacing: 2px; font-size: 12px; position: relative; bottom: -13px; margin-left: 30px;} .imm_title_r{text-align: right; padding: 0;} .imm_title_r .scopri_tutti{padding: 2px 15px;} .imm_title_r .scopri_tutti:hover{color: #000;} @media (max-width: 991px) { .imm_title_l p{ width: 100%; bottom:0; margin-left: 0;} .imm_title_r{margin: 10px 0; text-align: left;} } @media (max-width: 575px) { .imm_title_r .scopri_tutti{padding: 2px 10px;} } .box_main_info{width: 100%; float: left; background: #eceee9d4; padding: 10px; margin:0;} .box_main_info div p:first-child{text-transform: uppercase; font-size: 10px; letter-spacing: 2px; font-weight: bold; margin-bottom: 0px;} .box_main_info div p:last-child{font-size: 19px; margin-bottom: 0; font-family: 'Cormorant Garamond', serif; line-height: 1;} @media (max-width: 767px) { .box_main_info div{margin-bottom: 15px;} .box_main_info div:last-child{margin-bottom: 0px;} } .cont_icon_dettagli{width: 100%; float: left; margin:0; padding: 15px;} .cont_icon_dettagli h4{width: 100%; float: left; text-transform: uppercase; font-size: 10px; font-family: 'Hind', sans-serif; letter-spacing: 2px; font-weight: bold; color: #000; font-style: inherit; padding-left: 10px; margin-top: 15px;} .icon_dettagli{float: left; /*background: yellow;*/} .icon_dettagli div{display: inline; padding: 0; float: left; position: relative; margin-bottom: 20px;} .icon_dettagli img{width: 25px; /*padding: 5px;*/ position: relative; top:2px;} .mq_i{width: 20px!important;} .piscina_i{width: 30px!important;} .altri_dettagli{width: 100%; float: left;} .altri_dettagli_p{width: 100%; float: left; font-size: 15px; color: #000!important; margin-bottom: 5px!important;} .altri_dettagli p{width: 100%; float: left; font-size: 12px; color: #212529; margin-bottom:0;} @media (max-width: 991px) { .cont_icon_dettagli{padding: 15px 0;} .icon_dettagli div{margin-bottom: 10px;} .altri_dettagli{background: #eceee9d4; margin-top: 10px; padding: 15px;} } @media (max-width: 575px) { .cont_icon_dettagli{margin-top: 20px; /*background: #eceee9d4;*/} .cont_icon_dettagli h4{margin-top: 0;} .altri_dettagli{margin-top: 0px;} .altri_dettagli_p{background: #fff; border-radius: 3px; padding: 5px; margin-bottom: 15px;} } .desc_row{margin: 0; width: 100%; float: left; margin-top: 10px;} .desc_row h3{color: #000; font-style: italic; font-size: 1.60rem; margin-top: 0px; line-height: 0.8;} .descrizioni_imm{width: 100%; float: left; color: #000; font-size: 13px; font-family: 'Hind', sans-serif; font-weight: 100;} .p_desc_row{text-transform: uppercase; font-size: 10px!important; letter-spacing: 2px; font-weight: bold!important; margin-bottom: 10px;} .desc_row_r p{margin-bottom: 10px;} .desc_row_r .scopri_tutti{padding: 2px 35px; margin-top: 10px; float: left;} .desc_row_r .scopri_tutti:hover{color: #000;} @media (max-width: 575px) { .desc_row{margin-top: 20px;} .desc_row_r .scopri_tutti{padding: 2px 10px;} } .desc_row_img{/*background: #000;*/} .cont_sard{position: relative; width: 150px; margin: 0 auto;} .sardegna_i{position: relative; width: 100%; /*background: red;*/} .pin_i{position: absolute; /*top:272px; left: 150px;*/ width: 10px; margin-top: -14px; margin-left: -5px;} @media (max-width: 991px){ .desc_row_img{background: #eceee9d4; padding: 15px 0; margin: 15px 0;} .sardegna_i{} } .dettagli_immobile button { padding: 2px 45px; transition: all 0.5s ease;} .dettagli_immobile:hover button { padding: 2px 45px;} .a_video{transition: all 0.5s ease; padding: 5px 15px; margin-top: 10px;} .a_video:hover{padding: 5px 25px;} @media (max-width: 991px){ .pad0991{padding: 0;} } /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /*.slick_filtri .slick-prev{ position: absolute; color: #fff; z-index: 1; width: 33.3%; height: 100%; left: 0; transition: all 0.25s ease; } .slick_filtri .slick-next{ position: absolute; color: #fff; z-index: 1; width: 33.3%; height: 100%; right: 0; transition: all 0.25s ease; cursor: pointer; }*/ .slick_filtri .slick-prev1{ position: absolute; color: #fff; z-index: 1; /* 1 width: 33.3%; height: 98%; left: 0; top:0;*/ /**/ /*2 width: 32.7%; height: 95%; left: 4px; top: 5px;*/ /**/ width: 4%; height: 98%; left: 0px; top: 5px; transition: all 0.4s ease; cursor: pointer; opacity: 1; } .slick_filtri .slick-next1{ position: absolute; color: #fff; z-index: 1; /*width: 33.3%; height: 98%; right: 0; top:0; */ /*2 width: 32.7%; height: 95%; right: 4px; top: 5px;*/ width: 4%; height: 98%; right: 0px; top: 5px; /**/ transition: all 0.4s ease; cursor: pointer; opacity: 1; } @media (max-width: 1199px) and (min-width: 992px){ .slick-prev1, .slick-next1{width: 5%!important;} } @media (max-width: 991px) and (min-width: 768px){ .slick-prev1, .slick-next1{width: 6%!important;} } @media (max-width: 767px) and (min-width: 481px){ .slick-prev1, .slick-next1{width: 8%!important;} } .slick-prev1:hover, .slick-next1:hover{/*background: #000;*/ opacity: 1;} .slick_filtri_2 .slick-slide img {padding: 0px 5px; cursor: pointer;} .slick_filtri .slick-slide img {/*padding: 5px;*/} .slick_filtri{background: #333;} .slick_filtri .slick-slide {opacity: 0.4;} .slick_filtri .slick-active {opacity: 1!important;} .prev_svg, .next_svg{position: absolute; z-index: 1; width: 20px;} .prev_svg{left: 10px; top:50%; margin-top: -10px; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .next_svg{right: 10px; top:50%; margin-top: -10px;} .slick-prev-news{width: 30px;height: 35px;position: absolute;bottom: -20px;right: 60px;}.slick-next-news{width: 30px;height: 35px;position: absolute;bottom: -20px;right: 0px;} .arrow_prev_news_img{transform:rotate(180deg); -ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .slick_filtri .slick-track:before { display: table; content: ''; width: 100%; float: left; height: 7px; background: #fff; position: absolute; bottom: 0px; z-index: 1; } #slick .cont_btn{margin-top: 10px;} .h3_correlati{margin-bottom: 30px; color: #01427a;} /*.h3_correlati h3{text-align: center; width: 100%; float: left; line-height: 1; color: #01427a; font-style: italic; font-size: 1.90rem;}*/ .h3_correlati span{background: white; padding: 10px 30px; position: relative; z-index: 2;} .h3_correlati::before{ content: ''; position: absolute; width: 500px; height: 1px; background: #01427a; z-index: 1; top: 18px; left: 50%; margin-left: -250px; } @media (max-width: 575px) { .h3_correlati::before{display: none;} } .box_correlato{margin-bottom: 30px!important; background: #eff1ed; width: 90%!important; margin-left: 5%; padding: 10px;} .box_correlato:hover{background: #fff;} @media (min-width: 768px){ .box_correlato{min-height: 271px;} } @media (max-width: 575px){ .correlati_css{overflow-x:hidden;} } .correlato_h3 h3{line-height: 1; text-align: left; margin: 10px 0; width: 100%; float: left; color: #fff; font-style: inherit; font-size: 1.2rem; padding-left: 30px; padding-right: 5px; margin-top: inherit;} .loc_p{font-size: 18px; font-family: 'Cormorant Garamond', serif; font-weight: 500; margin-top: 5px; padding-left: 30px; letter-spacing: 0; color: #000; width: 100%; float: left; margin-bottom: 0;} .other_p{font-size: 12px; margin-top: 5px; padding-left: 30px; letter-spacing: 0; color: #000; width: 100%; float: left; margin-bottom: 0;} .other_p span{font-weight: bold;} /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE *//* PAGINA IMMOBILE */ /* MODAL *//* MODAL *//* MODAL */ @media (min-width: 768px){ .modal_more_info .modal-dialog { max-width: 700px;} } .close_md_imm{opacity: 1; color: #01427a;} .modal_more_info .close{padding: 5px 10px 0 0;} .modal_more_info .modal-header{border-bottom:0;} .modal_more_info .modal-body{ padding: 0;} .modal_more_info .modal-body h5{ color: #01427a; width: 100%; float: left; font-size: 26px; line-height: 1; padding: 0px 15px; margin-bottom: 15px;} .row_more_dett{width: 100%; float: left; border-bottom: solid 1px #eceee9d4; margin: 0; border-top: solid 1px #eceee9d4;} .modal_more_info .modal-body .modal_dett{ color: #01427a; float: left; text-transform: uppercase; font-size: 12px; line-height: 1; margin-top: 20px; font-weight: bold;} .modal_more_info .modal-body p{ color: #000; float: left; font-size: 13px; line-height: 1;} .dettagli_imm span{font-weight: bold; font-size: 12px} .row_carat{width: 100%; float: left; margin: 0;} .modal_more_info .modal-body .modal_carat{ color: #01427a; float: left; text-transform: uppercase; font-size: 12px; line-height: 1; margin-top: 20px; font-weight: bold;} /* MODAL *//* MODAL *//* MODAL */ /* PAGINA COOKIE *//* PAGINA COOKIE *//* PAGINA COOKIE *//* PAGINA COOKIE */ .cookie_cont{margin-top: 165px; margin-bottom: 50px; width: 100%; float: left;} .c_general_title_h1{color: #000; font-weight: 900; font-size: 1.9rem; width: 100%; float: left;} .c_general_title_h2{color: #000; font-weight: 500; font-size: 1.7rem; width: 100%; float: left;} .c_general_text{color: #000; font-weight: 100; font-size: 14px; width: 100%; float: left;} @media (max-width: 767px){ .cookie_cont{margin-top: 145px;} } /* PAGINA COOKIE *//* PAGINA COOKIE *//* PAGINA COOKIE *//* PAGINA COOKIE */ /*PAGINA NEWS*//*PAGINA NEWS*//*PAGINA NEWS*//*PAGINA NEWS*//*PAGINA NEWS*/ .news_page{width: 100%; float: left; margin-bottom: 50px; position: relative;} .cont_box_news a{margin-bottom: 50px!important;} @media (max-width: 991px){ .cont_box_news a{margin-bottom: 50px!important;} } .dett_news{width: 100%; float: left; padding: 50px 0 30px 0; background: #fff;} .dett_news img{padding: 15px;} .dett_news .row{background: #eceee9d4; } .news_col{padding: 20px 15px; } .h1_news{color: #000; font-style: italic; font-size: 1.90rem; width: 100%; float: left;} .data_news{font-size: 16px; color: #000; width: auto; background: #fff; float: left; padding: 5px 10px;} .testo_news{color: #000; font-size: 13px; width: 100%; float: left;} .testo_news h2{color:#000!important;font-size: 17px;} .img_news{border: solid 1px #01427a;} @media (max-width: 575px){ .dett_news{padding: 0;} } .btn_video_news{float: left; margin-top: 30px;} .btn_condividi{ float: left; margin-left: 10px; margin-top: 2px; height: 30px; background: #01427a; border: solid 1px #01427a; border-radius: 50%; width: 30px; } .btn_condividi img{ height: 100%; padding: 5px; line-height: 30px; width: 100%; } /*@media (min-width: 992px){ .img_col{position: relative; left: 30px;} .news_col{position: relative; right: 30px;} }*/ /*PAGINA NEWS*//*PAGINA NEWS*//*PAGINA NEWS*/ /*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*/ /*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*/ .chi_siamo_page{width: 100%; float: left; margin-bottom: 50px; padding-top: 100px; overflow-x:hidden;} .row_chi_siamo{margin-bottom: 50px;} .row_chi_siamo h1{margin-bottom: 20px; font-size: 1.90rem; color: #01427a; position: relative;} /* .row_chi_siamo h1::before{ position: absolute; content: ''; background-image: url(../img/bi.png); width: 180px; left: -80px; top: -40px; height: 220px; background-size: 100%; background-repeat: no-repeat; } */ .row_chi_siamo p{ font-size: 14px; -webkit-column-count: 2; /* Old Chrome, Safari and Opera */ -moz-column-count: 2; /* Old Firefox */ column-count: 2; column-gap: 20px; } @media (max-width: 767px) { .row_chi_siamo p{ -webkit-column-count: 1; /* Old Chrome, Safari and Opera */ -moz-column-count: 1; /* Old Firefox */ column-count: 1; column-gap: 0px; } } .row_staff{position: relative;} .row_staff::after{ content: ''; position: absolute; z-index: 1; width: 200%; height: calc(100% - 300px); left: -50%; background-color: #498bc430; top:50%; margin-top:-300px; } .box_staff{margin-bottom: 15px; margin-top: 15px; position: relative; z-index: 2;} .div_staff{width: 100%; float: left; position: relative; border: 1px solid #f6e9ea;} .div_staff:hover .hover_staff{opacity: 1;} .hover_staff{ padding: 10px; position: absolute; width: 100%; bottom: 0; background-color: #01427a; opacity: 0; transition: all 0.8s ease; } .hover_staff h3{width: 100%; float: left; font-size: 20px; margin-bottom:5px;} .hover_staff h3 span{font-family: 'Hind', sans-serif; text-transform: uppercase; font-size: 12px;} .hover_staff p{display: none;} .box_info_staff{width: 100%; float: left;} .a_hover_staff{width: auto; float: left; margin-right: 5px; background: #498bc4; border-radius: 20px; padding: 5px 10px; font-size: 12px; color: #fff; border: 1px solid #498bc4;} .a_hover_staff:hover{background-color: transparent; color: #fff; border: 1px solid #fff;} @media (max-width: 991px){ .row_staff::after{height: 900px; margin-top:-500px;} } @media (max-width: 767px){ .hover_staff{ position: relative; width: 100%; float: left; background-color: #01427a; opacity: 1; } .hover_staff h3 span{display: none;} .hover_staff p{/*width: 100%; */float: left; color: #fff; font-size: 12px; text-transform: uppercase; /*margin-bottom: 10px;*/ display: block;} .hover_staff p{width: 50%; margin-bottom: 0;} .box_info_staff{width: 50%;} .a_hover_staff{ width: auto; float: left; margin-right: 20px; background: #498bc4; border-radius: 50%; padding: 6px 10px; font-size: 12px; color: #fff; position: absolute; right: 0; bottom: 50%; margin-bottom: -16px; } .absolute_phone{right: 40px!important;} .a_hover_staff span{display: none;} } @media (max-width: 575px){ .row_staff::after{display: none;} } /*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*/ /*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*//*PAGINA CHI SIAMO*/ /*PAGINE SERVIZI*/ .section_servizio{width: 100%; float: left; margin-bottom: 50px; margin-top: 50px; padding-left: 0;} @media (max-width: 575px) { .section_servizio{margin-top: 0;} } .desc_servizio h1{margin-bottom: 20px; font-size: 1.90rem; color: #01427a; position: relative; padding-left: 0;} .desc_servizio p{ font-size: 15px; -webkit-column-count: 1; /* Old Chrome, Safari and Opera */ -moz-column-count: 1; /* Old Firefox */ column-count: 1; } .desc_servizio ul{ padding-left:70px; font-size:15px; } @media (min-width: 992px) { .desc_servizio h1{padding-left: 50px;} .desc_servizio p{padding-left: 50px;} } @media (max-width: 767px) { .desc_servizio p{ -webkit-column-count: 1; /* Old Chrome, Safari and Opera */ -moz-column-count: 1; /* Old Firefox */ column-count: 1; column-gap: 0px; } } .nav_servizi{background: #498bc430; text-align: left;} .nav_servizi p{text-transform: uppercase; color: #000; font-size: 13px; margin-top: 10px; font-weight: bold; margin-bottom: 30px;} .nav_servizi a{color: #fff; font-size: 18px; color: #000; position: relative; width: calc(100% - 50px); left: 50px; float: left; margin-bottom: 25px; line-height: 1.2; font-family: 'Cormorant Garamond', serif; font-weight: 600;} /*color: #01427a;*/ @media (max-width: 991px) { .nav_servizi{margin-bottom: 50px;} } .nav_servizi a:hover{color: #01427a;} .nav_servizi .active{color: #01427a;} .serv::after{position: absolute; content: ''; width: 25px; left: -45px; top: 0px; height: 100px; background-size: 100%; background-repeat: no-repeat;} /*.serv_1::after{background-image: url(../img/servizi/marketing.svg);} .serv_2::after{background-image: url(../img/servizi/incarichi.svg);} .serv_3::after{background-image: url(../img/servizi/foto.svg);} .serv_4::after{background-image: url(../img/servizi/internet.svg);} .serv_5::after{background-image: url(../img/servizi/servizi-pro.svg);} .serv_6::after{background-image: url(../img/servizi/acquirente.svg);} .serv_1:hover::after{background-image: url(../img/servizi/marketing_hover.svg);} .serv_2:hover::after{background-image: url(../img/servizi/incarichi_hover.svg);} .serv_3:hover::after{background-image: url(../img/servizi/foto_hover.svg);} .serv_4:hover::after{background-image: url(../img/servizi/internet_hover.svg);} .serv_5:hover::after{background-image: url(../img/servizi/servizi-pro_hover.svg);} .serv_6:hover::after{background-image: url(../img/servizi/acquirente_hover.svg);} .act_1::after{background-image: url(../img/servizi/marketing_hover.svg);} .act_2::after{background-image: url(../img/servizi/incarichi_hover.svg);} .act_3::after{background-image: url(../img/servizi/foto_hover.svg);} .act_4::after{background-image: url(../img/servizi/internet_hover.svg);} .act_5::after{background-image: url(../img/servizi/servizi-pro_hover.svg);} .act_6::after{background-image: url(../img/servizi/acquirente_hover.svg);}*/ /*PAGINE SERVIZI*/ /*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*/ /*NEW CHI SIAMO*/ .hover_staff2{padding: 10px; position: absolute; width: 100%; bottom: 0; background-color: rgba(1,66,122,0.4); opacity: 0;top:0; transition: all 0.8s ease;} .div_staff:hover .hover_staff2{opacity: 1;} .hover_staff2 h3{width: 100%; float: left; text-align: center; font-size: 25px; margin-top: 40px; margin-bottom:5px;} .hover_staff2 p{width: 100%; float: left; color: #ffffff; font-size: 12px; text-transform: uppercase; margin-bottom: 10px; text-align: center;} .box_info_staff2{width: 100%; float: left;} .a_hover_staff2{ border-radius: 60px; float: left; position: relative; width: 60px; height: 60px; border: solid 2px #fff; color: #fff; background: transparent; left: calc(50% - 40px); margin: 10px 10px; padding: 10px; } .box_lino .a_hover_staff2{left: calc(50% - 80px)!important;} .a_hover_staff2:hover{ border: solid 2px #498bc4; background: #498bc4;} .a_hover_staff2 img{line-height: 60px; width: 100%; height: 100%;} .a_hover_staff2 i{display: none;} @media (max-width: 1199px) { .hover_staff2 h3{margin-top: 20px;} } @media (max-width: 767px){ .hover_staff2{ position: relative; width: 100%; float: left; background-color: #01427a; opacity: 1; } .descrizioni_imm p,.descrizioni_imm span,.descrizioni_imm b.descrizioni_imm i{ font-size:14px !important; } .box_info_staff2{width: 50%;} .box_lino .a_hover_staff2{left: inherit!important;} .a_hover_staff2{ width: 30px; float: left; margin-right: 20px; background: #498bc4; border-radius: 50%; padding: 5px; font-size: 12px; color: #fff; position: absolute; right: 0; bottom: 50%; margin-bottom: -16px; border: solid 1px #498bc4; height: 30px; left: inherit; } .a_hover_staff2:hover{ border: solid 1px #fff; background: transparent;} .hover_staff2 h3{text-align: left; margin-top: 0; font-size: 20px;} .hover_staff2 p{text-align: left; margin-bottom: 0; color: #fff;} } @media (max-width: 767px) and (min-width: 576px){ .a_hover_staff2{margin-right: 10px!important;} } @media (max-width: 575px){ .h1_proprieta h1 span{padding:0;background: trnsparent;} .h1_proprieta h1{font-size: 1.70rem;} .imm_title_l{padding: 0;} .imm_title_l h1{font-size: 1.60rem;} } /*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*//*NEW CHI SIAMO*/ /*NEW CHI SIAMO*/ .div_cerca{ background: linear-gradient(77deg, #153463 1.64%, #75132B 98.78%)!important; } .div_cerca .input_search{background-color: transparent!important;}