@charset "UTF-8";
@import url("/css/landings/common.css");


:root {
	--img-outline: url("/images/landings/outline.svg");
}

header {
	background-image: url("../img/header-bg-mobile.jpg");
}

@media (min-width: 576px) {
	header {
		background-image: url("../img/header-bg.jpg");
	}	
}

header #brandLogo {
	max-width: 142px;
	position: absolute;
	right: 1.875rem;
	top: 2.25rem;
	z-index: 1;
}

@media (min-width: 992px) {
	header #brandLogo {
		max-width: 220px;
	}	
}

.acinque {
	margin-bottom: 95px;
	text-align: center;
}

.acinque h3 {
	font-weight: 300;
	margin: 0 0 10px 0;
}

.acinque h3.text-brand-color {
	margin: 0 0 70px 0;
}

.acinque img, 
.item-list .swiper img {
	margin-bottom: 25px;
}

.acinque h5 {
	color: var(--brand-color-1);
	font-weight: 700;
	margin-bottom: 10px;
}

.acinque p {
	font-size: 1rem;
	line-height: 1.45;
	margin: 0;
}

.banner {
	background-color: var(--brand-color-1);
	background-image: var(--img-outline);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 42px 0 32px;
}

@media (min-width: 768px) {
	.btn-attivaora, 
	.offerta .item .footer .btn-outline-primary {
		font-size: 1.25rem;
		height: 54px;
		padding: 10px 30px;
	}
}

.btn-outline-primary, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled):focus, 
.btn-outline-primary:not(:disabled):not(.disabled):hover {
	--bs-btn-bg: transparent;
	--bs-btn-active-bg: var(--brand-color-1);
	--bs-btn-hover-bg: var(--brand-color-1);
	--bs-border-width: 2px;
	--bs-btn-border-color: var(--brand-color-1);
	--bs-btn-active-border-color: var(--brand-color-1);
	--bs-btn-hover-border-color: var(--brand-color-1);
	--bs-btn-color: var(--brand-color-1);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-border-radius: 50rem;
}

.btn-secondary, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled):focus, 
.btn-secondary:not(:disabled):not(.disabled):hover {
	--bs-btn-bg: var(--brand-color-2);
	--bs-btn-active-bg: var(--brand-color-2);
	--bs-btn-hover-bg: var(--brand-color-2);
	--bs-btn-border-color: var(--brand-color-2);
	--bs-btn-active-border-color: var(--brand-color-2);
	--bs-btn-hover-border-color: var(--brand-color-2);
	--bs-btn-color: var(--bs-white);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-hover-color: var(--bs-white);
}

.btn-secondary:hover {
	filter: brightness(110%);
}

.countdown-wrapper {
	background-color: var(--brand-color-2);
	background-position: 50% 48%;
}

@media (min-width: 992px) {
	.countdown-wrapper div {
		margin-right: 0;
	}
}

.feedback .swiper-pagination .swiper-pagination-bullet, 
.vantaggi .component-slider .swiper-pagination-bullet {
	--swiper-pagination-bullet-height: 12px;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-inactive-color: transparent;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-color: var(--white);
	border: 1px solid var(--white);
	margin: 0 8px;
}

.intro {
	margin-bottom: 66px;
	margin-top: 66px;
}

.item-list .swiper img {
	height: 88px;
}

.item-list .swiper-pagination .swiper-pagination-bullet {
	--swiper-pagination-bullet-height: 12px;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-inactive-color: transparent;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-color: var(--white);
	border: 1px solid var(--brand-color-3);
	margin: 0 8px;
}

.item-list .swiper-pagination .swiper-pagination-bullet-active {
	--swiper-pagination-color: var(--brand-color-3);
}

.line-height-header {
	line-height: 1.3;
}

@media (max-width: 767.98px) {
	.line-height-header {
		line-height: .9;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.line-height-header {
		line-height: 1;
	}
}

.loader-icon-inline {
	height: 1em;
}

.offerta .h1 span.coloured {
	color: var(--brand-green);
	font-weight: 700;
}

.offerta .item .accordion-item .accordion-body ul li span {
	/* position: absolute;
	right: 0; */
	text-align: right;
	/* font-weight: 600; */
}


.offerta .item .footer .btn-attivaora, 
.offerta .item .footer .btn-outline-primary {
	margin: 0 auto;
	max-width: 70%;
}

@media (min-width: 992px) {
	.offerta .item .footer .btn-attivaora, 
	.offerta .item .footer .btn-outline-primary {
		max-width: 50%;
	}
}


.vantaggi.rounded-box .items-wrapper .item.pro-1,
.vantaggi.rounded-box .items-wrapper .item.pro-2,
.vantaggi.rounded-box .items-wrapper .item.pro-3 {
	background-position: 25px center;
	background-repeat: no-repeat;
	background-size: 64px;
}

.vantaggi.rounded-box .items-wrapper .item.pro-1 {
	background-image: url("../img/icon-pro-1.svg");
}

.vantaggi.rounded-box .items-wrapper .item.pro-2 {
	background-image: url("../img/icon-pro-2.svg");
}

.vantaggi.rounded-box .items-wrapper .item.pro-3 {
	background-image: url("../img/icon-pro-3.svg");
}

#bookingBoxWrapper {
	background: #f4f4f4;
	height: 2550px;
}

#siteSelector {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle tyle='text/css'%3E.st0 %7Bfill: %23575757;%7D%3C/style%3E%3Cpath class='st0' d='M4.6,7.8c-0.3,0.4-0.3,1,0,1.3L12,17l7.4-7.9c0.3-0.4,0.3-1,0-1.3c-0.4-0.4-1-0.4-1.4,0l-6,6.4L6,7.8C5.7,7.4,5,7.4,4.6,7.8 z'/%3E%3C/svg%3E");
	--bs-border-color: var(--gray-700);
	align-items: center;
	background-size: 1rem;
    border-radius: .5em;
    color: var(--gray-700);
    display: flex;
    justify-content: space-between;
}

@media (min-width: 1200px) {
	#bookingBoxWrapper {
		height: 2350px;
	}
}

@media (max-width: 991.98px) {
	/* .vantaggi {
		margin-bottom: 40px;
	} */

	.vantaggi .component-card {
		display: none;
	}

	.vantaggi .component-slider {
		display: block;
	}

	.vantaggi .component-slider .swiper-pagination {
		z-index: 1;
	}

	.vantaggi.rounded-box .items-wrapper .item {
		padding: 80px 15px 15px;
	}

	.vantaggi.rounded-box .items-wrapper .item.pro-1,
	.vantaggi.rounded-box .items-wrapper .item.pro-2,
	.vantaggi.rounded-box .items-wrapper .item.pro-3 {
		background-position: center 10px;
	}
}

@media (max-width: 767.98px) {
    .countdown-wrapper {
        padding: 1rem 10px;
    }
}