html, body {
    height: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
}
body{
	background-color: #f7f7f7;
}
.grey{
	background:#edf0f2;
}
.grey1{
	background:#f7f7f7;
}
.grey2{
	background:#dde0e3;
}
.grey3{
	background-color: #9d9d9d;
}
.grey5{
	background:#2e3a50;
}
.grey6{
	background:#212531;
}
.maxWidth{
	max-width:1465px;
}
.nav-item a.nuxt-link-exact-active {
	text-decoration: underline;
}

h1,h2,h3,h4,h5{
	position: relative;
}
.container > .row{
	margin-top:100px;
	margin-bottom:100px;

}
.titolo_2{
	font-family:"Montserrat", sans-serif;
	font-size:20px;
	font-weight:400;
	text-transform:uppercase;
}

.titolo_big_2{
	font-family:"Montserrat", sans-serif;
	font-size:25px;
	font-weight:400;
	text-transform:uppercase;
}
.w-80{
	width:80%;
	max-width:650px;
	margin:15px auto 30px;
}
.w-40{
	width:80%;
	max-width:400px;
	margin:15px auto 30px;
}
p.regular{
	padding:20px 0;
}

.margin{
	margin:0 auto;
}

.w-60{
	width:60%;
}
/**IMMAGINE**/
#immagine_1{
	background-image:url(../img/PARCOVITTORIA_int01_rev03_Post.jpg);
	background-size: cover;
}
.bg_img{
	background-size: cover;
	background-position: center center;
}
/** fine IMMAGINE**/
/**inizio GRILGIA IMMAGINI**/
#img_blocks{
	height:500px;
	margin-top:50px;
}
#img_blocks .imageBG{

    background-size: cover;
    background-position: 50% 50%;
    margin: 10px 5px;
}

#img_blocks #img1{
	height:Calc(70% - 20px);
	background-image:url(../img/A__D5934_1.jpg);
}

#img_blocks #img2{
	height:Calc(30% - 10px);
	background-image:url(../img/4k-wallpaper-close-up-dew-807598.jpg);
}

#img_blocks #img3{
	height:Calc(100% - 20px);
	background-image:url(../img/A__D4830.jpg);

}

#img_blocks #img4{
	height:Calc(45% - 20px);
	background-image:url(../img/A__D5983_1.jpg);
}

#img_blocks #img5{
	height:Calc(55% - 10px);
	background-image:url(../img/iStock-170616359-mod.jpg);
}

/**fine GRILGIA IMMAGINI**/
/**INIZIO ARREDO**/
#arredo .immagine_sx{
	background-image:url(../img/Parco_Vittoria_Dettaglio2_Int03_VAR1_rev01.jpg);
	background-size:cover;
	background-position:50% 50%;
	padding-top:50%;
}

#arredo .caratteristiche ul{

}
.arredo_icona {
    position: relative;
    width: 100%;
    padding-left: 60px;
    background-color: #f7f7f7;
	padding-top: 10px;
    padding-bottom: 10px;

}
.arredo_icona ul .less-margin{
	margin-right:20px;

}
/*.icona_arredo.cucina*/
.caratteristiche .arredo_icona:nth-child(1) .icona_arredo {
    top: 38px;
    background-image: url(../img/forno.svg);
}

.caratteristiche .arredo_icona:nth-child(2) .icona_arredo {
    top: 25px;
    background-image: url(../img/sofa.svg);
}

.caratteristiche .arredo_icona:nth-child(3) .icona_arredo {
    top: 25px;
    background-image: url(../img/bed_narrow.svg);
}

.caratteristiche .arredo_icona:nth-child(4) .icona_arredo {
    top: 25px;
    background-image: url(../img/bathroom.svg);
}

.caratteristiche .arredo_icona:nth-child(5) .icona_arredo {
    top: 25px;
    background-image: url(../img/lamp.svg);
}
.caratteristiche .arredo_icona:first-child  {
	padding-top:20px;
}
.caratteristiche .arredo_icona:last-child  {
	padding-bottom:20px;
}
.icona_arredo {
    position: absolute;
	left:25px;
    width: 30px;
    height: 30px;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
/**FINE ARREDO**/
/***PACKS***/
#packs > div.col-12{
	background-color:#f7f7f7;
	padding-bottom:150px!important;
}

#packs .scheda{
	position:relative;
	background-color:#ffffff;
	background-position:50% 50%;
	background-size:cover;
	height:475px;
	margin-bottom:15px;
}

#packs .scheda .scheda_prezzo{
    width: 140px;
    background-image: url(../img/label-pack.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    height: 35px;
    margin-top: -30px;
	font-size: 13px;
    font-weight: 500;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 9px;
}

#packs .scheda .scheda_box{
	background-color:#ffffff;
	position:absolute;
	bottom:0;
	z-index:2;
	min-height: 160px;
	width:100%;
	padding-bottom:20px;
}/* quando si apre transition su height a 350px*/

#packs .scheda .scheda_contenuti{
	opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-out;
    background: #eaebec;
    padding-right: 10px;
    padding-left: 10px;
    width: 90%;
    margin: auto;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
	}

#packs .scheda.active .scheda_contenuti{
    max-height:250px;
    opacity: 1;
    padding-top:20px;
	padding-bottom:20px;

	}

#packs .scheda .scheda_titolo{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	}

#packs .scheda .scheda_testo{
	padding-right: 15px;
	padding-left: 15px;
	font-size:14px;
	}

#packs .scheda .piu{
    position: absolute;
    top: 0;
    width: 30px;
    padding: 5px;
    right: 0;
    color: #ffffff;
    text-align: center;
    background-color: #00679a;
	transition: rotate 1s ease-in-out;
	cursor: pointer;
}
#packs .scheda.active .piu .icon{
	transform: rotate(0);
	-webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
#packs .scheda.active .piu .icon{
	transform: rotate(45deg);
}
/*
#packs #pack_1 .scheda_img{
	background-image:url(../img/cinema-2.jpg);
}

#packs #pack_2 .scheda_img{
	background-image:url(../img/curtain-3.jpg);
}

#packs #pack_3 .scheda_img{
	background-image:url(../img/carta-2.jpg);
}

#packs #pack_4 .scheda_img{
	background-image:url(../img/outdoor-1.jpg);
}

#packs #pack_5 .scheda_img{
	background-image:url(../img/cutlery-1.jpg);
}

#packs #pack_6 .scheda_img{
	background-image:url(../img/linen-2.jpg);
}

#packs #pack_7 .scheda_img{
	background-image:url(../img/gym-1.jpg);
}

#packs #pack_8 .scheda_img{
	background-image:url(../img/coworking-2.jpg);
}
*/

#packs .scheda .scheda_img{
	z-index:1;
	height:80%;
	background-position:50% 50%;
	background-size:cover;
}

/***FINE PACKS***/
/***CONTATORE***/
#contatore .centro{
	display: inline;
    width: 250px;
    margin: auto;
}
#contatore .row .linea{
	border-bottom: 1px solid #d0cfcf;
    height: 117px;
    width: Calc(50% - 125px);
	display:inline-block;
}
#contatore .row > div:nth-child(2){
	border-left:1px solid #d0cfcf;
	border-right:1px solid #d0cfcf;
}
#contatore .conatatore_sopratitolo{

	color: #41392e;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

#contatore .conatatore_titolo{
	margin-bottom: 15px;
    padding-right: 5px;
    padding-left: 7px;
    color: #00679a;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

#contatore .conatatore{
	font-size: 50px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 4px;
	}
/***FINE CONTATORE***/
/***SPAZI***/
#spazi > .row{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#spazi .spazi{
	position:relative;
	background-color:#ffffff;
	background-position:50% 50%;
	background-size:cover;
	height:325px;
	margin-bottom:15px;
}

#spazi .spazi .spazi_prezzo{
    width: 140px;

    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    height: 35px;
    margin-top: -30px;
	font-size: 13px;
    font-weight: 500;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 9px;
}

#spazi .spazi .spazi_prezzo{
	background-image: url(../img/label-pack.svg);
}

#spazi .spazi .spazi_box{
	background-color:#ffffff;
	position:absolute;
	bottom:0;
	z-index:2;

	width:100%;
}

#spazi .spazi .spazi_contenuti{
    height: 0;
    overflow: hidden;
	transition: height 0.5s ease-in;
	background:#eaebec;
	padding-right: 15px;
	padding-left: 15px;
	width: 80%;
    margin: auto;
	font-size:10px;
	}

#spazi .spazi .spazi_titolo{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
		margin-bottom:0;
	}

#spazi .spazi .spazi_testi{
	padding-left: 40px;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:contain;

	}

#spazi .spazi .spazi_testo{
	padding-right: 15px;
	padding-left: 15px;
	font-size:10px;
	}

#spazi .spazi .spazi_img{
	z-index:1;
	height:80%;
	background-position:50% 50%;
	background-size:cover;
}

#spazi #studio .spazi_img{
	background-image:url(../img/Parco_Vittoria_Dettaglio1_Int03_rev00.jpg);
}
#spazi #studio .spazi_testi{
	/* background-image:url(../img/icona_apt-smart.svg); */
}
#spazi #smart .spazi_img{
	background-image:url(../img/pv_natural.jpg);
}
#spazi #smart .spazi_testi{
	/* background-image:url(../img/icona_apt-studio.svg); */
}
#spazi #comfy .spazi_img{
	background-image:url(../img/Parco-della-Vittoria_Int07_Natural-Feel_Rev00.jpg);
}
#spazi #comfy .spazi_testi{
	/* background-image:url(../img/icona_apt-comfy.svg); */
}
#spazi #big .spazi_img{
	background-image:url(../img/Parco_Vittoria_Int06_NaturalFeel_rev02.jpg);
}
#spazi #big .spazi_testi{
	/* background-image:url(../img/icona_apt-big.svg); */
}

/***FINE SPAZI***/
/***MOOD***/
#mood {
	padding-bottom:50px;
}
#mood .photo{
	width:80%;
}

#mood .photo div{
	display:none;
	width:100%;
	height:500px;
	background-position:50% 50%;
	background-size:cover;
}

#mood .photo div.active{
	display:block;
}

#mood .mood_menu{
	position:absolute;
	right:0;
	top:10%;
}

#mood .mood_menu .tab_btn{
    /*border-right: 25px solid #dadada;*/
    background-color: #f7f7f7;
    margin-bottom: 15px;
    margin-right: 0;
    margin-left: auto;
    padding: 20px 30px 20px 50px;
    width: 300px;
	transition: all 0.5s ease-in-out;
	position:relative;
}

#mood .mood_menu .tab_btn.active{
    background-color: #dadada;
    width: 350px;
	padding: 20px 70px 20px 60px;
}

#mood .mood_menu .tab_btn .stile_titolo{
	color: #333;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

#mood .mood_menu .tab_btn .piu{
	text-align: center;
    padding-top: Calc(60px - 18px);
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background-color: #dadada;
	cursor: pointer;
}

#mood .mood_menu .tab_btn.active .piu{
	color:#dadada;
}

#mood .mood_menu_mob .tab_btn{
	display:inline-block;
    border-right: 25px solid #dadada;
    background-color: #f7f7f7;
    margin-bottom: 15px;
    padding: 20px 20px 20px 50px;
	transition: background-color 1s ;
}

#mood .mood_menu_mob  .tab_btn.active{
    background-color: #dadada;
}

#mood .mood_menu_mob   .tab_btn .stile_titolo{
	color: #333;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}


#mood .stile_txt{
	color: #8d8d8d;
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
}
#mood .moodBox{

}

/***FINE mood***/

/**carusel**/
.carousel-item{
	height:400px;
	overflow:hidden;
}

.carousel-image{
	/*margin-top:-100px;*/
	height:60%;
	background-size:cover;
	background-position:50% 50%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
		background-color:rgba(0,0,0,0.8);
}

.carousel-caption{
	right:0;
	width:100%;
	height:40%;
	background-color:#fff;
	color:#000!important;
	bottom:0;
	left:0;
}

.left-carousel{
	max-width:400px;
	margin-right:0;
	margin-left:auto;
}

 #carusel .carousel{
	 max-width:600px;
 }

/**fine carusel**/

/**LIFESTYLE **/
#lifestyle #gallery {
	height:80vh;
}

#lifestyle #gallery > div {
	height:100%;
}

#lifestyle #gallery .img{
	background-size:cover;
	background-position:50% 50%;
	margin:0 5px 10px 5px;
}

#lifestyle #gallery > div:nth-child(1) > .img:nth-child(1){
	height:25%;
	background-image:url(../img/iStock-498338296-mod.jpg);
}
#lifestyle #gallery > div:nth-child(1) > .img:nth-child(2){
	height:25%;
	background-image:url(../img/Parco-Vittoria---Contesto002.jpg);
	background-position:50% 100%;
}
#lifestyle #gallery > div:nth-child(1) > .img:nth-child(3){
	height:50%;
	background-image:url(../img/pexels-andrea-piacquadio-994234-mod.jpg);
}
#lifestyle #gallery > div:nth-child(2) > .img:nth-child(1){
	height:45%;
	background-image:url(../img/iStock-170091120-mod1.jpg);
}
#lifestyle #gallery > div:nth-child(2) > .img:nth-child(2){
	height:40%;
	background-image:url(../img/Parco_Vittoria_-_Contesto021.jpg);
}
#lifestyle #gallery > div:nth-child(2) > .img:nth-child(3){
	height:15%;
	background-image:url(../img/iStock-1156386055-mod1.jpg);
}

#lifestyle #gallery > div:nth-child(3) > .img:nth-child(1){
	height:25%;
	background-image:url(../img/iStock-1267361232.jpg);

}
#lifestyle #gallery > div:nth-child(3) > .img:nth-child(2){
	height:30%;
	background-image:url(../img/Parco-Vittoria---Contesto008.jpg);
}

#lifestyle #gallery > div:nth-child(3) > .img:nth-child(3){
	height:45%;
	background-image:url(../img/iStock-582298358-mod.jpg);
}

#lifestyle {
	padding-top:100px;
	padding-bottom:100px;
}
/**FINE LIFESTYLE **/
/**MAPPA**/
#mappa iframe  {
	min-height:400px;
	height:550px;
}

/**fine MAPPA**/
/**Datapicker generico**/
#dataPicker,
#dataPickerMobile{
	position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
	z-index:8;
}

#dataPicker > .row,
#dataPickerMobile > .row{
	background-color:#eaebec;
	border-top: 2px solid #00679a;
}
#dataPicker .dateSelect{
	margin:auto;
	max-width: 1200px;
}

/* Le tre colonne si appoggiano in basso: l'etichetta di sinistra e' su
   due righe, quelle delle date su una, ma i box restano allineati. */
.dateSelect{
	align-items: flex-end;
}

/* L'etichetta di sinistra su due righe alza il blocco: il padding
   verticale scende per tenere la striscia ai 142px di sempre. */
.dateSelect.p-5{
	padding-top: 2.6rem !important;
	padding-bottom: 2.6rem !important;
}

.dateSelect > div{
	align-self: flex-end;
}

/**fine Datapicker generico**/
/**FOOTER**/
#footer{
	position:relative;
	z-index:10;
	background-color:#212531;
    color: #fff;
}
#footer .footer-wrap {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    height: 350px;
}
@media screen and (max-width: 767px) {
    #footer .footer-wrap {
        flex-direction: column;
        align-items: center;
        height: auto;
    }
}
@media screen and (max-width: 479px) {
    #footer .footer-wrap {
        flex-direction: column;
        align-items: center;
        padding-top: 40px;
    }
}
#footer .footer_loghi__wrap {
    height: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}
@media screen and (max-width: 767px) {
    #footer .footer_loghi__wrap {
        flex-direction: column;
        align-items: center;
        height: auto;
    }
}
@media screen and (max-width: 479px) {
    #footer .footer_loghi__wrap {
        flex-direction: column;
        align-items: center;
    }
}
#footer .loghi_principale {
	vertical-align: top;
	display:inline-block;
    width: 150px;
    height: 150px;
    background-image: url(../img/FlatTower_logo-spesso.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
	margin:10px;
	margin-top: 30px;
}
#footer .loghi_divisore {
	vertical-align: top;
    display: inline-block;
    width: 1px;
    height: 185px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 30px;
    background-color: #fff;
}
@media screen and (max-width: 479px) {
    #footer .loghi_divisore {
        width: 30px;
        height: 1px;
        margin-top: 20px;
        margin-bottom: 0;
        margin-left: 10px;
    }
}
#footer .loghi .logo{
	display:inline-block;
	width:100px;
	height:50px;
	 background-position: 50% 0%;
    background-size: contain;
    background-repeat: no-repeat;
	margin:20px;
}
#footer .loghi {
	    vertical-align: top;
	display:inline-block;
	color:#ffffff;
	    margin-top: 30px;
}
@media screen and (max-width: 479px) {
    #footer .loghi {
        text-align: center;
    }
}
#footer .loghi .logo.vittoriaassicurazioni {
    background-image: url(../img/va_bianco.svg);
}

#footer .loghi .logo.vittoriaassicurazioni {
    background-image: url(../img/va_bianco.svg);
}
#footer .loghi .logo.morningapital {
    background-image: url(../img/MG_logo_bianco.png);
}
.footer_contatti__wrap {
    text-align: right;
    height: 100%;
    padding-top: 20px;
    padding-right: 20px;
}
@media screen and (max-width: 767px) {
    .footer_contatti__wrap {
        text-align: center;
        padding-right: 0;
    }
}
@media screen and (max-width: 479px) {
    .footer_contatti__wrap {
        text-align: center;
        flex-direction: column;
        align-items: center;
        width: 90%;
        padding-top: 30px;
        padding-right: 0;
        display: flex;
    }
}
.contatti_intro {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 300;
}
@media screen and (max-width: 991px) {
    .contatti_intro {
        font-size: 8px;
    }
}
@media screen and (max-width: 479px) {
    .contatti_intro {
        font-size: 10px;
    }
}
.contatti_social__wrap {
    margin-top: 10px;
    margin-bottom: 30px;
}
@media screen and (max-width: 479px) {
    .contatti_social__wrap {
        text-align: center;
    }
}
.contatti_link {
    text-transform: uppercase;
    font-size: 14px;
	margin-top: 30px;
}
.contatti_link a {
    color: #fff;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.social {
    width: 30px;
    height: 30px;
    margin-left: 20px;
    margin-right: 0;
}
.social.social-fb {
    background-image: url(../img/005-facebook.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 991px) {
    .social {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width: 479px) {
    .social.social-fb, .social.social-yt {
        margin-left: 0;
    }
}
.bottom_footer {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media screen and (max-width: 479px) {
    .bottom_footer {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 40px;
        align-items: center;
        max-width: 80vw;
    }
}
.link_footer_wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
@media screen and (max-width: 479px) {
    .link_footer_wrapper {
        justify-content: center;
        flex-direction: column;
    }
}
.text-block-2 {
    z-index: 1;
    text-align: right;
}
@media screen and (max-width: 479px) {
    .text-block-2 {
        text-align: center;
        margin-top: 30px;
    }
}
.link_footer {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
	font-size: 12px;
}



a.link_footer:hover {
    color: #00679a;
    text-transform: uppercase;
    text-decoration: none;
	font-size: 12px;
}

@media screen and (max-width: 767px) {
    .link_footer {
        white-space: nowrap;
    }
}
@media screen and (max-width: 479px) {
    .link_footer {
        font-size: 9.5px;
    }
}
.footer_sep {
    background-color: #fff;
    width: 2px;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
@media screen and (max-width: 479px) {
    .footer_sep {
        width: 10px;
        height: 2px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}
.disclaimer {
    color: #798497;
    font-size: 10px;
    font-weight: 300;
    line-height: 2;
}
/**FINE FOOTER**/

/**COSE DA SAPERE**/
#cosedasapere .row{
	padding-top:20px;
    border-top: 1px solid #212531;
    border-bottom: 1px solid #212531;
}

/**Fine COSE DA SAPERE
/**hero**/
nav.nav_hero{
	background-color:transparent;
	min-height:140px;
}
 nav.navbar a{
	color:#fff!important;
	font-size:0.8rem;
	text-transform:uppercase;

}
.nav-item  nav.navbar a{
	margin-bottom: 1.5rem;
	padding-bottom: 0.1rem;
}
nav.navbar ul {
	margin:auto;
}
nav.navbar ul.navbar-nav{
	padding-top:20px;

}

.navbar-collapse.show .hideonmobile,
.navbar-collapse.collapsing .hideonmobile {
	display:none;
}
.navbar-collapse.collapsing ul,
.navbar-collapse.show ul {
    background-color: rgba(0,0,0,0.8);
	height: 100vh;
    padding-top: 50px;
}
nav.nav_hero button.navbar-toggler{
	top:20px;
	left:20px;
}
nav img.top-10-px{
	top:10px;
}
nav button.navbar-toggler{
	top:20px;
	left:120px;
}
nav .out_collapse{
	position: absolute;
    right: 10px;
	top:20px;
}
nav .language{
	text-align:center;
}
nav .language_link{
	display:inline-block;
}
nav .language_line{
	display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #fff;
    vertical-align: middle;
}

nav .loghi_principale {
	vertical-align: top;
	display:inline-block;
    width: 100px;
    height: 100px;
    /*background-image: url(../img/logo-generico.svg);*/
	background-image: url(../img/FlatTower_logo-spesso.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.nav_hero{

	position: absolute;
    padding-top: 30px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0.5px solid hsla(0, 0%, 100%, 0.25);
	z-index:30;
}
.navbar.nav{
	position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
	z-index:28;
	background-color:#212531;
	height:70px;
}

.hero.home {
    background-image: url(../img/sfondo_home.jpg);
}

.hero.project{
	background-image: url(../img/A__D4830.jpg);
}

.hero.apart{
	background-image: url(../img/Parco_Vittoria_int01_notturna_rev004.jpg);
}

.hero.lifestyle{
	background-image: url(../img/iStock-498338296-mod.jpg);
}

.hero.gal{
	background-image: url(../img/Parco_Vittoria_Dettaglio2_Int03_VAR1_rev01.jpg);
}
.hero.MyLiving{
	background-image: url(../img/iStock-1185878314-mod.jpg);
}
.hero.home,
.hero.project,
.hero.apart,
.hero.gal,
.hero.lifestyle,
.hero.MyLiving {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;

	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
		z-index:29;
}

.hero_wrap {
    position: relative;
    z-index: 29;
    width: 100%;
}

.hero video{
	background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    object-fit: cover;
    z-index: -100;
}
.vela{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.dateSelect .button{
    font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
    background-color: #fff;
    color: #00679a;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin: 0.3rem auto;
	padding:5px 10px;
	display: inline-block;
}

.dateSelect.hero .submit-button{

    font-size: 0.8rem;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #00679a;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin: 0.3rem auto;
	padding:5px 10px;
}

.dateSelect .text {
    margin-right: 0.4rem;
    /* Tutte le etichette sopra i box hanno la stessa misura, piu'
       piccola dei valori: vedi anche .dateSelect .top-note e
       .quote .setarea .top-note. Interlinea e margine identici a
       .top-note: cosi' la seconda riga di "Seleziona un periodo..."
       cade esattamente sulla riga di "Quando vuoi entrare...". */
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0.2rem;
    width: 100%;
    text-align: left;
}

.dateSelect .month-box,
.dateSelect .year-box {
	font-size: 1rem;
    display: flex;
    width: 55%;
    border-right: 1px solid #cfd6cf;
    background-color: #f4f6f6;
    align-items: center;
    justify-content: center;
    min-width: 170px;
}
.hero video{
	background-image:url(../img/sfondo_home.jpg)
}
.hero .dateSelect{
	position:relative;
	background-color: hsla(0, 0%, 100%, 0.5);
	margin:auto;
	max-width: 1200px;
	margin-top:4%
}
.dateSelect .top-note{
	margin-bottom:0.2rem;
	font-size: 12px;
}

/* Selettore date della home: 16px e' il massimo che regge "15 settembre"
   su una riga sola nella casella (misurato, limite reale 16.5px). In px
   e non in rem perche' la base del sito e' 14px. Il padding verticale
   del blocco scende per tenere la striscia all'altezza di prima. */
/* Valori, "scopri come funziona" e "verifica disponibilita'" sono tre
   box identici: stessa dimensione del testo, stesso padding verticale e
   stessa altezza minima, cosi' si allineano sulla stessa riga. */
.dateSelect .setarea .date-select,
.dateSelect .setarea .clickarea,
.dateSelect .button{
	font-size: 14px;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
}
/* Il padding verticale della casella data sta sul valore interno (vedi
   .setarea .date-select .valore): se lo mettessimo anche qui si
   sommerebbe e il box data verrebbe piu' alto degli altri due. */
.dateSelect .setarea .clickarea,
.dateSelect .button{
	padding-top: 5px;
	padding-bottom: 5px;
}
.dateSelect .setarea .date-select{
	padding-top: 0;
	padding-bottom: 0;
}

.hero .dateSelect .month-box,
.hero .dateSelect .year-box{

	background-color: #212631;
}

.hero .dateSelect .slide-item{
	color:#fff;
}

.dateSelect.hero .submit-button{


}

.date-picker.hero{

}

 .setare .day,
 .setare .month,
 .setarea .year
{
	text-transform:uppercase;
	text-align: center;
}

.setarea .date-select
{
	/* Due contenitori affiancati: a sinistra il valore, che si prende
	   tutto lo spazio e centra il testo al suo interno; a destra le
	   frecce, attaccate. Niente padding di compensazione e niente
	   posizionamento assoluto: il testo e' centrato per costruzione. */
	display:flex;
	align-items:stretch;
	background-color:#f4f6f6;
	/* La casella della data ospita il mese piu' lungo ("settembre"),
	   quella dell'anno solo 4 cifre: larghezze sbilanciate a favore
	   della prima. */
	width: 64%;
	min-width:0;
	float:left;
}

.setarea .date-select .valore
{
	flex:1 1 auto;
	min-width:0;
	padding:5px 8px;
	text-align:center;
	white-space:nowrap;
}

.setarea .date-select.select-year
{
	width: 34%;
}
.hero .setarea .date-select
{
	background-color:#212631;
}
.hero .setarea  .select-year
{
	min-width:90px;
}

.setarea .clickarea,
.hero .setarea .clickarea
{
    display: inline-block;
    color: #fff;
    background-color: #00679a;
    padding: 5px 10px;
    position: relative;
    min-width: 150px;
    /* Testo e freccina sulla stessa riga: col font piu' grande la
       freccina finiva sotto. */
    white-space: nowrap;
}

.setarea .clickarea a{
	color:#fff;
	text-decoration:none;
}

.setarea .clickarea img{
	vertical-align:baseline;
}

.hero .setarea .clickarea
{
	color:#fff;
	background-color:#00679a;
}

.arrow-select{
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    align-self: stretch;
}

.arrow-up,
.arrow-down{
	width:30px;
	overflow:hidden;
	height:50%;
	flex:1 1 0;
	background-size:50%;
	background-position:center center;
	background-repeat:no-repeat;
	border-left:1px solid #b9b7bc;
	border-right:1px solid #b9b7bc;
	background-color:#f4f6f6;
	cursor: pointer;
}

.hero .arrow-up,
.hero .arrow-down{
	background-color:#212631;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
}

.hero .arrow-up{
	background-image:url(../img/freccia-up.svg);
	border-bottom:1px solid #efefef;
}

.arrow-up{
	background-image:url(../img/freccia-up-blu.svg);
	border-bottom:1px solid #b9b7bc;
}

.hero .arrow-down{
	background-image:url(../img/freccia-down.svg);
}

.arrow-down{
	background-image:url(../img/freccia-down-blu.svg);
}

.arrow-right{
	width:30px;
	display:inline-block;
	background-image:url(../img/freccia-right-blu.svg);
}

.arrow-left{
	width:30px;
	display:inline-block;
	background-image:url(../img/freccia-left-blu.svg);
}

.gif_scroll {
    width: 50px;
    height: 50px;
	margin:auto;
}

.scroll-txt {
    color: #fff;
    font-size: 10px;
    font-weight: 200;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.freccia{
    position: absolute;
    z-index: 5;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
}

a{
	text-decoration:none;
}

.container-fluid > .space{
	padding-top:150px;
	padding-bottom:100px;
}

.no-a-capo {
    white-space: nowrap;
}

.claim{
	font-family: 'Roboto Slab', serif;
	color:#00679a;
	text-transform:uppercase;
	padding-top:15px;
	padding-bottom:15px;
}

.text-white .claim{
		color:#ffffff;
}

.padding_bot{
	padding:9px 18px;
}

a.tasto_contattaci{
	background-color:transparent;
	color:#ffffff;
	text-transform:uppercase;
	border:1px solid #fff;
	display:inline-block;
	text-align: center;
}

a.tasto_contattaci:hover{
	background-color:#ffffff;
	color:#000000!important;
}

.tasto_dark{
	background-color:#212531;
	color:#ffffff;
	text-transform:uppercase;
	border:1px solid #212531;
	display:inline-block;
	min-width:200px;
	text-align: center;
}

.tasto_dark:hover{
	background-color:#ffffff;
	color:#212531;
}

.tasto_blu{
	background-color:#00679a;
	color:#ffffff;
	text-transform:uppercase;
	border:1px solid #00679a;
	display:inline-block;
	min-width:200px;
	text-align: center;
}

.tasto_blu:hover{
	background-color:#fff;
	color:#00679a;

}
.tasto_light{
	background-color:#ffffff;
	color:#00679a;
	text-transform:uppercase;
	border:1px solid #00679a;
	display:inline-block;
	min-width:200px;
	text-align: center;
}

.tasto_light:hover{
	background-color:#00679a;
	color:#fff;
	border-color:#00679a;
}

.color_dark{
	color:#212531;
}
.blu{
	color:#00679a;
}
.color_light{
	color:#ffffff;
}
.linea-gradient {
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #00679a), to(#00679a));
    background-image: linear-gradient(90deg, #00679a 5%, #00679a);
}
.text-white .linea-gradient {
	width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #ffffff), to(#ffffff));
    background-image: linear-gradient(90deg, #ffffff 5%, #ffffff);
}
.claim_content{
	display:inline-block;
}

/* Scrollbar */
::selection {
        background: #2e3a50; /* WebKit/Blink Browsers */
        color: #f0f0ef;
    }
::-moz-selection {
    background: #2e3a50; /* Gecko Browsers */
    color: #f0f0ef;
}


.grecaptcha-badge{
    visibility: collapse !important;
}

::-webkit-scrollbar {
    width: 10px;
    padding: 2.5px;
}
/* Track */
::-webkit-scrollbar-track {
    background-color: #212531;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #869cb2;
    border: solid 1px #fff
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #fff;
}

/*----PAGINA PRENOTAZIONE----*/
.steps .step {
	border-top:#00679a 1px solid;
 	background-color: #edf0f2;
}

.steps .step > div{
	padding:15px 20px;
}

.steps .step button.btn-sm.btn-primary,
.choicesPrice button.btn-sm.btn-primary{
	background-color: #00679a;
	border-radius: 20px;
	min-width: 130px;
	padding: 5px;
}
.quote{
	min-height:70vh;
}

/* Bottoni squadrati in tutto il configuratore: azzera sia i raggi
   storici (conferma/modifica step, salva e procedi, visualizza le tue
   scelte) sia quello di default di Bootstrap. I cerchietti icona e i
   radio restano tondi: qui si toccano solo i <button>/.btn. */
.quote button,
.quote .btn,
.quote .steps .step button.btn-sm.btn-primary,
.quote .choicesPrice button.btn-sm.btn-primary,
.quote button.showchioices{
	border-radius: 0;
}

/* La colonna immagine parte a tutta altezza anche al primo step (quando
   la colonna step e' chiusa e corta): e' lei a dettare l'altezza della
   riga, non il contrario. La nav "short" del layout funnel e' alta 70px
   e il footer nel funnel non c'e': l'immagine chiude esattamente la
   finestra. */
@media screen and (min-width: 993px) {
	.quote .bg-white > .col-lg-8 {
		min-height: calc(100vh - 70px);
	}

	/* Quando la colonna degli step supera l'altezza della finestra
	   (tipicamente lo step extra space) la foto non si allunga per tutta
	   la colonna: resta incollata sotto la nav e occupa solo la parte
	   visibile, cosi' scrollando la si vede sempre per intero.
	   L'!important serve a battere .h-100 di Bootstrap. */
	.quote .quote-media {
		position: sticky;
		top: 70px;
		height: calc(100vh - 70px) !important;
	}

	/* Il riepilogo "Visualizza le tue scelte" resta sempre a video (prezzo,
	   salva e procedi, azzera): negli step lunghi scorreva via insieme al
	   contenuto. Fixed e non sticky perche' e' un pannello fuori flusso
	   incollato al bordo destro; se le scelte sono tante scrolla al suo
	   interno. */
	.quote .recap {
		position: fixed;
		top: 70px;
		max-height: calc(100vh - 70px);
		overflow-y: auto;
	}
}

.quote .setarea .date-select{
	display:flex;
	align-items:stretch;
	background-color:#f4f6f6;
	padding:0;
	width:auto;
	min-width:0;
	max-width:100%;
	float:none;
	text-transform:uppercase;
}

.quote .setarea .date-select .valore{
	padding:5px 6px;
}

/* Check-in e check-out affiancati quando la colonna lo consente, in
   colonna quando non ci stanno: e' il flex-basis a decidere, senza
   scaglioni di media query. */
/* Il sottotitolo sta attaccato al titolo, l'aria si prende sotto, prima
   delle bande. Il selettore e' .grey.p-3 e non .grey: dentro .quote la
   classe .grey sta anche sulle frecce di Selector e Floor. */
.quote .grey.p-3 h5{
	margin-bottom: 2px;
}

.quote .StartEndDate{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: stretch;
	/* Il margine sta qui e non sulle bande: sommato all'altezza al 100%
	   le faceva sbordare sopra la riga "Restano N disponibili". */
	margin-top: 16px;
}

/* Tre zone (titolo, bande, disponibilita') separate dallo stesso passo,
   e lo stesso passo tutt'intorno al riquadro: sopra, sotto, destra e
   sinistra. Dentro le bande il passo e' la meta'. */
.quote .grey.p-3 .apartments-left{
	margin-top: 16px;
}

.quote .StartEndDate > div{
	flex: 1 1 100%;
	min-width: 0;
}

/* Sopra questa soglia la colonna tiene i quattro box sulla stessa riga
   con un testo ancora leggibile: il limite misurato a 1440px e' 12px,
   a 1920px 19.4px. Sotto restano incolonnati, dove il testo arriva a
   18px. */
@media screen and (min-width: 1440px) {
	.quote .StartEndDate > div{
		flex: 1 1 0;
	}

	/* Selettore piu' specifico della regola base qui sotto, che sta piu'
	   avanti nel file e altrimenti vincerebbe. */
	.quote .StartEndDate .setarea {
		font-size: clamp(10px, calc(1.47vw - 11.3px), 18px);
	}
}

/* Etichetta sopra le due caselle, tutto allineato a sinistra e il gruppo
   centrato in verticale nella banda: prima l'aria in eccesso finiva fra
   etichetta e caselle e le faceva sembrare due cose staccate. */
.quote .StartEndDate .setarea{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	padding: 8px;
	text-align: left;
}

.quote .StartEndDate .setarea .fields{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.quote .StartEndDate .setarea .fields{
	width: 100%;
}

.quote .StartEndDate .setarea .date-select{
	flex: 1 1 auto;
}

.quote .StartEndDate .setarea .date-select.select-year{
	flex: 0 0 auto;
}

/* Etichetta sopra i box, stessa misura della home (vedi .dateSelect
   .top-note): resta piccola anche quando il valore cresce. */
.quote .setarea .top-note{
	font-size: 12px;
	display: block;
	margin-bottom: 2px;
	text-transform: none;
}

/* Il testo del selettore date cresce con la colonna invece di saltare
   fra sei scaglioni di media query (che sopra i 1400px lo rimpicciolivano
   fino a 8px). I valori vengono dalla misura del punto di a capo con il
   mese piu' lungo: e' il massimo che sta su una riga. */
.quote .setarea {
	font-size: clamp(12px, calc(1.6vw - 4px), 18px);
}

.steps .info{
	font-size:85%;
	display: inline-block;
    margin-bottom: 15px;
}

.quote .steps .info ico{
	color: #ffffff;
    background-color: #00679a;
    padding: 2px 8px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 2px;
    font-size: smaller;
    font-weight: 600;
}

.quote .setarea .date-select.select-year{
	flex: 0 0 auto;
	width: auto;
}

/* Frecce piu' larghe e col simbolo piu' grande: qui servono ben
   visibili, e con i due contenitori affiancati costano solo la loro
   larghezza. */
.quote .setarea .date-select .arrow-up,
.quote .setarea .date-select .arrow-down{
	width:26px;
	background-size:72%;
	display: block;
	border-top: 0;
	border-bottom: 0;
}

.quote #quote-carousel .carousel-Bg{
	background-size: cover;
	background-position:center center;
}

/* Comandi gallery (full screen, precedente, successiva) e comandi della
   planimetria (full screen, zoom -, zoom +) in basso a sinistra sopra
   l'immagine, al posto delle bande laterali di Bootstrap. */
.quote .carousel-tools{
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 5;
	display: flex;
	gap: 8px;
}

.quote .carousel-tool{
	width: 40px;
	height: 40px;
	padding: 8px;
	border: 0;
	background-color: rgba(33, 37, 49, 0.75);
	fill: #ffffff;
	transition: background-color 180ms ease;
}

.quote .carousel-tool:hover{
	background-color: #00679a;
}

/* Zoom al minimo o al massimo: il comando resta al suo posto ma spento,
   cosi' la fila di bottoni non cambia larghezza mentre si ingrandisce. */
.quote .carousel-tool:disabled{
	opacity: 0.35;
	cursor: default;
	background-color: rgba(33, 37, 49, 0.75);
}

.quote .carousel-tool svg{
	display: block;
	width: 100%;
	height: 100%;
}

.quote .circledIcon-default{
	width: 2rem;
    height: 2rem;
	display: inline-block;
	padding:6px;
	background-color: #00679a;
	fill:#ffffff;
	border-radius: 100%;
	margin-right:4px;
}
.quote .circledIcon-default svg {
	vertical-align: initial;
}

 .Selector{
	padding-top:30px;
	height:80px;
	margin-bottom:70px;
}

.Selector .arrow-right{
    width: 100%;
    max-width: 30px;
    height: 100%;
	display:inline-block;
	background-image:url(../img/freccia-right-blu.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 65%;
}

.Selector .arrow-left{
    width: 100%;
    max-width: 30px;
    height: 100%;
	display:inline-block;
	background-image:url(../img/freccia-left-blu.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 65%;
}

.Selector .option,
.Floor .option{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:100%;

}

.Selector .value{
	font-size:80%;
}

.Selector .prev,
.Selector .next
{
	/*width:30px;*/

}

.Selector .vacation
{
	font-size:80%;
	margin-bottom:10px;
}

.Floor{
	padding-top: 30px;
    margin-bottom: 30px;
}
.Floor .grey{
	border:1px solid  #BFBFBF;
}

.Floor .prev,
.Floor .next,
.Floor .value
{
	height:50px;

}
.Floor .prev,
.Floor .next{
	font-size: 230%;
	min-width:35px;
}

.OptionsSide{
    display: inline-block;
    overflow: hidden;
    height: 95px;
    font-size: 70%;
	position: relative;
}

.Floor .value{

	min-width:150px;

}

.OptionsSide .OptionsList{
	position:absolute;
	transition: top 0.5s ease-in-out;
	top:0;
	padding-left: 10px;
}

.OptionsSide .OptionsN{
	margin-bottom:5px;
}

.OptionsSide .OptionsPrice{
	margin-bottom:30px;
	font-weight: 600;
	font-size:120%;
}

.steps .step .form-check input{
	font-size:100%;
}
.steps .step .form-check label{
	font-size:100%;
}

.quote #packs{
 	margin-right:25%;
}
.quote #packs .scheda .piu{
	width:inherit;
	padding: 3px 10px;
}

.quote #packs .scheda .addPack{
	position: absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #00679a;
	cursor: pointer;
}
.quote #packs .scheda .addPack:hover{
	background-color: #f7f7f7;
}
.quote #packs .scheda{
 	/*border:1px solid #2e3a50;*/
	box-shadow: 0 2px 10px 0  #B3B3B3;
}
.step .OptionsList{
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight: 600;
	text-transform:uppercase;
}
/* righetta separatrice: sempre tra l'elenco stanze e il prezzo */
.step .OptionsList .OptionsN{
	border-bottom: #000 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.step .extraOption{
	text-transform:uppercase;
	border:#333 solid 1px;
	min-height: 75px;
}

.quote #packs .scheda .addPack a{
	width:100%;
	height:30px;
	text-transform: uppercase;
	margin-left: 10px;
}

.quote #packs .scheda .addPack.added{
	background-color: #00679a;
}

.quote #packs .scheda .addPack.added a{
	color:#ffffff!important;
}

.quote #packs .scheda .addPack a span{
	padding:3px 7px;
}
.quote #packs .scheda .addPack a span.float-end{
	color:#ffffff;
	background-color:#00679a;
	min-width:27px;
	text-align: center;
}
.quote #packs .scheda .addPack a span.float-end:hover{
	background-color: #2e3a50;
}
.choices{
	max-height:45vh;
	overflow:auto;
}
.choicesPrice{
	margin-top: 20px;
}
.choices .choice{
	border:1px solid #000000;
	padding:10px;
	margin:20px auto;
}
.choices .choice .choiceTitle{
	font-weight: 600;
	font-size:150%;
}
.choicesPrice .price{
	font-weight: 600;
	font-size:180%;
	color: #00679a;
}

/* "Azzera le mie scelte" sotto "Salva e procedi": link di servizio, non
   un secondo bottone, per non competere con la call to action. */
.choicesPrice .reset-quote{
	font-size:80%;
	color:#00679a;
	text-decoration: underline;
	background: none;
	border: 0;
	padding: 0;
}
.choicesPrice .reset-quote-confirm{
	font-size:80%;
	margin-top:4px;
}
.choicesPrice .reset-quote-confirm .reset-quote{
	margin:0 6px;
}

.recap{
	z-index: 10;
	max-width:320px;
	position: absolute;
	top: 0;
	right: 0;
}

button.showchioices{

		border: 2px solid #00679a;
		padding: 5px 10px;
		border-radius: 20px;
		color: #00679a!important;

}
.form-check{
	border: #00679a solid 1px;
    padding: 10px 10px 10px 30px;
}
.form-check-input{
	margin-right:3px;
}

.form-check-label{
	vertical-align: middle;
}

.form-check-input:checked {
    background-color: #00679a;
    border-color: #00679a;
}
.quote .steps .info ico{
	position: relative;
}

ico .tooltip{
	/* Bootstrap >=5.2 non posiziona piu' .tooltip via CSS: senza absolute
	   il tooltip resta nel flusso e gonfia il cerchietto <ico>. */
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	visibility: hidden;
}

ico:hover .tooltip{
	visibility:visible;
	opacity:1;
}

ico .tooltip .tooltip-inner {
	text-align: left;
	width: 300px;
	background-color: #ffffff;
	border: solid 2px #00679a;
	color:#000;
}
/*.OptionsList{
 .form-check-inline

.quote .circledIcon-default > span {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
*/

/*----FINE PAGINA PRENOTAZIONE----*/

/*----Inizio pagina projects----*/
/**inizio GRILGIA IMMAGINI**/

.row #img_blocks_proj,
.row #img_blocks_lifestyle{
	height:80vh;
	max-height:700px;
	margin-top:50px;
}
#img_blocks_proj .imageBG,
#img_blocks_lifestyle .imageBG{
    background-size: cover;
    background-position: 50% 50%;
    margin: 10px 5px;
}

#img_blocks_proj #img1{
	height:Calc(30% - 20px);
	background-image:url(../img/iStock-1146096609.jpg);
}

#img_blocks_proj #img2{
	height:Calc(30% - 10px);
	background-image:url(../img/iStock-1050634172-mod.jpg);
}

#img_blocks_proj #img3{
	height:Calc(40% - 10px);
	background-image:url(../img/A__D4673.jpg);
}

#img_blocks_proj #img4{
	height:Calc(45% - 20px);
	background-image:url(../img/henry-co-oSAE-2NVx6I-unsplash.jpg);
}
#img_blocks_proj #img5{
	height:Calc(55% - 10px);
	background-image:url(../img/A__D5983_1.jpg);
}
#img_blocks_proj #img6{
	height:Calc(25% - 20px);
	background-image:url(../img/iStock-171589323-1.jpg);
}
#img_blocks_proj #img7{
	height:Calc(25% - 10px);
	background-image:url(../img/claudio-testa-FrlCwXwbwkk-unsplash-mod.jpg);
}
#img_blocks_proj #img8{
	height:Calc(50% - 10px);
	background-image:url(../img/A__D5569_1.jpg);
}
/*IMMAGINE BLOCK LIFESTYLE*/
#img_blocks_lifestyle #img1{
	height:Calc(30% - 20px);
	background-position: 10% 10%;
	background-image:url(../img/iStock-1250190211.jpg);
}

#img_blocks_lifestyle #img2{
	height:Calc(30% - 10px);
	background-image:url(../img/iStock-938501614.jpg);
}

#img_blocks_lifestyle #img3{
	height:Calc(40% - 10px);
	background-image:url(../img/luke-chesser-vCF5sB7QecM-unsplash-mod4web.jpg);
}

#img_blocks_lifestyle #img4{
	height:Calc(45% - 20px);
	background-image:url(../img/A__D5949-Pano_flat.jpg);
}
#img_blocks_lifestyle #img5{
	height:Calc(55% - 10px);
	background-image:url(../img/Parco-Vittoria---Contesto010.jpg);
}
#img_blocks_lifestyle #img6{
	height:Calc(25% - 20px);
	background-image:url(../img/iStock-929598594-mod.jpg);
}
#img_blocks_lifestyle #img7{
	height:Calc(25% - 10px);
	background-image:url(../img/iStock-629163662-mod_1.jpg);
}
#img_blocks_lifestyle #img8{
	height:Calc(50% - 10px);
	background-image:url(../img/iStock-1148925683-mod.jpg);
}


.fixh-50{
	height:50vh;
	min-height: 200px;
	max-height: 600px;
	background-size: cover;
}
 .greyunder{
	z-index:1;
 }
/**fine pagina projects**/
/**inizio pagina appartaments**/
.apt_carat:nth-child(odd){
	background-color: #ffffff;
}
.apt_carat .Mycol-7{
	display: inline-block;
	width:14%;
	padding:0;
}
.apt_carat .apt_img_gril .w-100{
	min-height:200px;
}
.apt_carat .apt_img_gril .w-100{
	width:Calc(100% - 1rem)!important;
	margin-right:1rem;
	margin-bottom:1rem;
}
.apt_carat .apt_img_gril .w-50{
	width:Calc(50% - 1rem)!important;
	margin-right:1rem;
	margin-bottom:1rem;
}
.apt_carat .apt_img{
	background-size: cover;
	background-position: center center;
	height:Calc(50% - 1rem);
}
.apt_carat .subtitle{
	font-size:60%;
	padding-bottom: 3px;
}
.apt_carat .value{
	border-right:1px solid #000;
	margin-bottom: 20px;
}

.apt_service{
	padding-left:30px;
	background-repeat: no-repeat;
    margin-bottom: 10px;
    font-size: 90%;
	margin-left: 10px;
}
.apt_service.ico_app{
	background-image: url(/img/icona_app_nera.svg);
}
.apt_service.ico_concierge{
	 background-image: url(/img/concierge.svg);
}
.apt_service.ico_tv-satellite{
	background-image: url(/img/tv-satellite.svg);
}
.apt_service.ico_riscaldamento-pavimento{
	background-image: url(/img/riscaldamento-pavimento.svg);
}
.apt_service.ico_raffrescamento-aria{
	background-image: url(/img/raffrescamento-aria.svg);
}
.apt_service.ico_bike{
	background-image: url(/img/bike.svg);
}
.apt_service.ico_box-cantina{
	background-image: url(/img/box-cantina.svg);
}
.apt_service.ico_car{
	background-image: url(/img/car.svg);
}
.apt_service.ico_temporary_apartment{
	background-image: url(/img/temporary-apartment.svg);
}
.apt_service.ico_easy_gym{
	background-image: url(/img/easy-gym.svg);
}
.apt_service.ico_kindergarten{
	background-image: url(/img/kindergarten.svg);
}
.apt_service.ico_coworking{
	background-image: url(/img/coworking.svg);
}
.apt_service.ico_home_maintenance{
	background-image: url(/img/home-maintenance.svg);
}
.apt_bot.tasto_dark{
	margin-top: 20px;
	padding:10px;
}
.apt_price{
	margin-top: 20px;
	padding:10px;
	border:1px solid #000;
}
/**fine pagina appartaments**/

/**inizio gallery**/
.gallery .bg_img{
	height:300px;
	position:relative;
}
.gallery a:hover .bg_img{
	opacity:0.8;
}
.container > .row.gallery {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.gallery .gallery_tile-zoom {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    background-image: url(../img/frecce-zoom.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.gallerytitle{
	border-bottom:1px solid #000000;
}
/**fine gallery**/
.imgrow .bg_img{
	height:300px;
}

/**Form modal**/
.modal#formMail{
	/*background-color:rgba(0,0,0,0.8);*/
}

#formMail .modal-content {
	background-color: transparent;
	border:none;
}

#formMail .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}

#formMail form .select-field {
    margin-bottom: 10px;
    background-color: #e9e9e9;
    color: #212531;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none;
}

#formMail form .dati__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#formMail form .w-input,
#formMail form .w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

#formMail form .text-field {
    width: 48%;
    margin-bottom: 0px;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

#formMail form .textarea {
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

#formMail form .check-2 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0.5px;
}

#formMail form .w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

#formMail form .w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}

#formMail form .submit-button-2.bl {
    height: 50px;
    background-color: #f7f7f7;
    color: #212531;
    font-size: 16px;
    letter-spacing: 1px;
}

#formMail form .submit-button-2 {
    width: 20%;
    height: 60px;
    border: 1px solid #000;
    background-color: #000;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

#formMail form .w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}

.modal#formMail .btn-close{
	background-color: #ffffff;
}
/**login signup**/

.login,
.signup,
.activate{
	min-height: 70vh;
}
.login .container,
.signup .container,
.activate .container{
	max-width: 950px;
}
.login > .row,
.signup > .row,
.activate > .row{
	border-bottom: 4px solid #00679a;
}
.login a,
.signup a,
.activate a{
	color:#00679a;
	text-decoration: underline;
	font-size:90%;
}
.login .v-divider,
.signup .v-divider,
.activate .v-divider{
    width: 1px;
    height: 80%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 10%;
}
.login form .btn,
.signup form .btn,
.activate form .btn,
.suggested-date .btn {
	position: absolute;
    background-color: #00679a;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #00679a;
    display: inline-block;
    /* min-width: 400px; */
    text-align: center;
    width: 70%;
    left: 15%;
    bottom: -17px;
}
.login .pos-base,
.signup .pos-base,
.activate .pos-base{
	position:absolute;
	bottom:3rem;
	/*left:3rem;*/
}
.checkLabel{
	display: inline;
}
.am-checkbox{
	margin-top:5px;
}
/****/
/**MY HOME**/

.container-fluid.headMyHome {
	 background-image: url(../img/header-myhome.jpg);
	background-size:cover;
	background-position:center 60% ;
	height:300px;
}
.MyHome .container .row.head{
	margin-top:-6rem;
	margin-bottom:0;
}
.MyHome .container .row.head .claim{
	margin-bottom: 0;
}
.MyHome .head .btn{
	bottom:2rem;
	right:2rem;
}
.MyHome .box{
	padding:1rem;
	background-color: #869cb2;
	font-size:120%;
	font-weight: 600;
	height:100px;
}
.MyHome  .bordersingle .box{
	background-color: transparent;
	border:1px solid #000000;

}
.MyHome .title{
	height:40px;
}
.MyHome .btn.details{
	position:absolute;
	color:#fff!important;
	position: absolute;
    bottom: 0;
	left:0;
    border-radius: 0;
    border: none;
}
.MyHome .btn.details:hover{
	color:#fff;
	background-color: #212531;
}
.MyHome .quote .value{
	border-bottom:6px solid #212531;
}
.MyHome .btn-reserv{
	border-radius: 0;
	background-color:#00679a;
	margin:10px 3px;
	width:100%;
	border:0;

}
.MyHome .boxCustomer{
	position: fixed;
    right: 0;
    background-color: #212531;
    color: #fff;
    top: 130px;
    padding: 10px 20px;
    z-index: 10;
	cursor: pointer;
}

.MyHome .myhome-icon{
    width: 36px;
    fill: #fff;
    display: inline-block;
    margin-right: 10px;
}
a.phone-number{
	color: #ffffff;
    font-weight: 600;
}

.paymentSucess a.claim{
	color:#00679a;
	text-decoration: underline;
}
.paymentSucess .separatore{
	height:2px;
	width:80%;
	margin:auto;
}
.paymentSucess .payments-footer{
	bottom: 10%;
	left:0
}
.paymentSucess {
	height:100vh;
	max-width:800px;
	margin:5% auto;
}
.paymentSucess .title{
	margin-top:10%;
}
.suggested-date{
	background-color: rgba(0,0,0,0.7)!important;
    z-index: 1000;
    width: 100%;
    height: 100vh;
}
.suggested-date .box{
	max-width:600px;
}
.suggested-date .alert_icon{
	width:40px;
	height:40px;
	margin:10px auto;
}
.suggested-date .alert_icon svg{
	fill:#ff0000;
}
.suggested-date .btn-close{
	right:1.5rem;
}
.suggested-date h3{
	color:#ff0000;
	font-weight: 600;
}
.suggested-date .claim{
	color:#00679a;
	font-size:85%;
}
.suggested-date .linea-gradient{
	width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, #00679a), to(#00679a));
    background-image: linear-gradient(90deg, #00679a 5%, #00679a);
}
.suggested-date .alertText{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:20px 0;
	margin:40px 0;
	font-size:180%;
}
.profiling-data .profiling-image{
	background-image:url(../img/background-rent.jpg);
	background-size:cover;
	background-position: center center;

}
.profiling-data .btn-close{
	opacity: 1;
	background-color:#00679a!important;
	border-radius: 50%;
	padding:5px;
	color:#fff;
	top:-5px;
	right:-5px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.profiling-data .btn-close:hover,
.profiling-data a.profilingStep:hover{
	opacity:0.8;
}

.profiling-data a.profilingStep {
	position: relative;
	background-color:#8d8d8d;
	width: 10px;
	height: 14px;
	display: inline-block;
	border-radius: 50%;
}

.profiling-data a.profilingStep .stepActive{
	position: absolute;
	background-color: #00679a;
	width: 100%;
	height: 14px;
	display: inline-block;
	border-radius: 50%;
	left:0;
}

.profiling-data .profiling-buttons input{
	width:45%;
}
.profiling-data .stepBack svg{
	max-width: 20px;
    fill: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}
 .conditions svg.logoFix20{
    width: 30%;
    height: auto;
    fill: #fff;
    max-width: 160px;
}
.profiling-data svg.logoFix20{
	max-width: 20%;
    height: auto;
    fill: #fff;
	stroke:#fff;
    margin-left: -6%;
}
.conditions .check{
	width: 250px;
    margin: auto;
}

.vue-tel-input .vti__dropdown { background-color: #ddd; }
.vue-tel-input .vti__dropdown .vti__dropdown-item strong, .vue-tel-input .vti__dropdown .vti__dropdown-item span { color: black }

@media screen and (max-width: 1700px) {
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {
	.steps .step button.btn-sm.btn-primary {
		display: block!important;
    	float: none!important;
    	margin-top: 10px;

	}
	.OptionsSide .OptionsList{

		padding-left: 0px;
	}
	.MyHome .box{

		font-size:100%;
		height:80px;
	}

}

@media screen and (max-width: 992px) {
	/***MOOD***/
	#mood .photo{
		width:100%;
		margin-bottom:10px;
	}
	.quote #packs{
		margin-right:0;
   }
   .recap{
	position: relative;
	max-width: 100%
	}
	.apt_carat .Mycol-7{
		width:24%;
	}
}

@media screen and (max-width: 768px) {
	.login .v-divider,
	.signup .v-divider,
	.activate .v-divider{
		width: 80%;
		height: 1px;
		margin:auto;
		position: relative;
	}
	.left-carousel{
		max-width:100%;
		margin-bottom:2rem;
	}
	#img_blocks{
		height:400px;
	}
	.quote #quote-carousel{
		height:100vh!important;
	}
	.steps .step button.btn-sm.btn-primary {

    	float:right!important;
    	margin-top: 0;
	}
	.login .pos-base,
	.signup .pos-base,
	.activate .pos-base{
		position: relative;
		width: 100%;
		left: 0;
		bottom: 0;
	}
	.MyHome .box{

		font-size:150%;
		height:120px;
	}
}

@media screen and (max-width: 576px) {
	#spazi > .row{
	width:100%;

}
	.container-fluid > .space{
		padding-top:50px;
		padding-bottom:50px;
	}
	#img_blocks{
		height:300px;
	}
	.carousel-caption{

		height:55%;

	}
	.MyHome .boxCustomer{
		top: auto;
		bottom: 0;
	}
	.choicesPrice button.btn-sm.btn-primary{
		margin:10px auto 20px;
	}

}

/* Il recap "Visualizza le tue scelte" e' un pannello absolute largo 320px
   incollato al bordo destro. Sopra i 992px il wrapper dei contenuti
   (pacchetti e planimetria) riserva 344px a destra (recap + 24 d'aria) e
   24px a sinistra; dentro, griglia e titolo si centrano con margin auto:
   cosi' l'aria ai due lati e' identica a QUALUNQUE larghezza di finestra,
   senza mai finire sotto il recap. */
@media screen and (min-width: 993px) {
	.quote .packs-wrap,
	.quote .plan-preview {
		margin-left: 24px;
		margin-right: 344px;
	}
	.quote #packs,
	.quote .packs-wrap h3 {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.quote .plan-preview .plan-viewport {
		width: min(100%, 720px);
	}
}

/* Riquadro della planimetria: ritaglia l'immagine ingrandita e fa da
   riferimento per i comandi in basso a sinistra. Finche' la planimetria
   e' a misura intera il dito scorre la pagina come sempre; da ingrandita
   il trascinamento serve a spostarla, quindi lo prendiamo noi. */
.quote .plan-preview .plan-viewport {
	position: relative;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	touch-action: pan-y;
	background-color: #ffffff;
	vertical-align: top;
}

.quote .plan-preview .plan-viewport.is-zoomed {
	touch-action: none;
}

.quote .plan-preview .plan-viewport img {
	display: block;
	width: 100%;
	height: auto;
	transform-origin: center center;
	user-select: none;
	-webkit-user-drag: none;
}