.row-6{
	gap:0
}

.row-6 > * {
    flex: 0 0 calc(16.666%);
    margin: 0;
}

.selection{
	background:var(--color9)
}

section.centro-estetico {
    background: white;
}


.selection .container:nth-child(2){
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.contenitore-welcome > h3{
	font-size:40px;
	color:var(--color1);
	margin-bottom:0;
	text-align:center;
}

.contenitore-welcome{
	flex: 0 0 calc(33.333% - 30px);
	width: calc(33.333% - 30px);
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 75px;
}

.contenitore-welcome > h2{
	text-align:center;
	color:var(--color3);
	font-size: 50px;
	margin-bottom: 0;
}

.contenitore-welcome .card{
	width:100%;
	background: white!important;
	overflow: hidden;
}

.scrollables{
	flex:0 0 66.666%;
	width: 66.666%;
	margin: 0;
	overflow: hidden;
}

.selection.paganti .welcome .whazzy {
	display: none;
}

.selection.paganti .hour-popup {
	background: var(--color4);
}

.selection.paganti .card-body .heading {
	padding: 30px 20px 0;
}

.selection.paganti .card-body .servizi-di-punta {
	padding: 0 20px 30px;
}

.selection.paganti .card-body .group {
	padding: 0 20px;
}

section.selection.paganti .container > h3 {
	color: var(--color1);
	font-size: 30px;
}

.card-footer .btn {
	border: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white!important;
}

.card-footer .btn:hover {
	background: var(--color6) !important;
	border: 0 !important;
}

.card-footer .btn:hover svg path {
	fill: white !important;
}

.card-footer .btn span {
	transition: .3s ease-in-out;
}

.card-footer .btn:hover span {
	color: white !important;
}

.cards-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	overflow: visible;
}

.cards-pager button {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 0;
	background: var(--color3);
	margin: 0 3px;
	transition: .3s;
	padding: 0;
	cursor: pointer;
}

.cards-pager button.active {
	background: var(--color1);
	width: 24px;
	height: 24px;
}

.cards-pager button:hover {
	width: 24px;
	height: 24px;
}

.rating {
	display: flex;
	gap: 30px;
	margin-top: 0;
	margin-bottom: 15px;
	align-items: center;
}

.selection .rating {
	justify-content: space-between;
}

.rating .rate {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.rating .rate .number {
	margin-right: 8px;
	font-family: var(--font2);
	color: var(--color5);
	font-size: .9rem;
	height: 16px;
	line-height: 1.2;
	font-weight: normal;
}

.rating svg {
	height: 16px;
	width: auto;
}

.rating svg .empty {
	fill: var(--color3);
}

.rating svg .full {
	fill: var(--color1);
}

.rating svg .stencil {
	fill: var(--color8);
}

.card .servizi {
	color: var(--color1);
	font-weight: 700;
	margin-bottom: 5px;
	font-size: .9rem;
	line-height: 1.5;
}

.card .caratteristiche {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}

.card .caratteristiche .group {
	flex: 0 0 50%;
	padding: 0;
}

.card .caratteristiche .group:nth-child(1) {
	padding-bottom: 20px;
	padding-right: 10px;
}

.card .caratteristiche .group:nth-child(2) {
	padding-bottom: 20px;
	padding-left: 10px;
}

.card.welcome .caratteristiche .group:nth-child(2) {
	padding-left: 20px;
}

.card .caratteristiche .group:nth-child(3) {
	padding-bottom: 8px;
	padding-right: 10px;
}

.card .caratteristiche .group:nth-child(4) {
	padding-left: 10px;
}

.card .istituto-special,
.card .linea-cosmetica,
.card .titolare-special,
.card .promo {
	margin-bottom: 0;
	color: var(--color1);
	font-weight: 700;
	font-size: .9rem;
	line-height: 1.1;
}

.card.welcome .istituto-special br {
	display: none;
}

.card .istituto-special span,
.card .linea-cosmetica span,
.card .titolare-special span {
	color: var(--color5);
	font-weight: 400;
	display: block;
	font-size: .75rem;
	line-height: 1.3;
	margin-top: 5px;
}

.card .promo span {
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--color5);
	font-weight: 400;
	font-size: .75rem;
	line-height: 1.3;
	margin-top: 5px;
}

.card .categoria {
	margin-top: 0;
	margin-bottom: 0;
	font-style: italic;
	font-size: .75rem;
	font-weight: bold;
}

.scrollables:hover .cards-arrow.disable {
	opacity: 0.3 !important;
	pointer-events: none;
}

.cards-arrow {
	position: absolute;
	top: 50%;
	border: 0;
	background: var(--color3);
	color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 999px;
	font-size: 30px;
	cursor: pointer;
	z-index: 1;
	user-select: none;
	transition: background .2s ease;
	align-items: center;
	padding: 0;
	line-height: 0;
	display: flex;
	justify-content: center;
	opacity: 0 !important;
}

.scrollables .cards-arrow {
	display:none;
}

.scrollables:hover .cards-arrow {
	opacity: 1 !important;
}

.cards-arrow:hover {
	background: var(--color1);
}

.cards-prev {
	left: 10px;
}

.cards-next {
	right: 10px;
}

section.selection .title {
	margin: 0 0 60px !important;
	padding: 0;
	font-size: 2.1rem;
	color: var(--color1);
	text-align: left;
	line-height: 1.3;
	float: none;
	/* text-align: center; */
}

section.selection .title span {
	display: block;
	margin: 0;
	font-size: 4rem;
	color: var(--color3);
	text-align: left;
	line-height: 1.3;
}

section.selection.paganti .container {
	overflow: hidden;
	padding: 45px;
}

section.selection .card-img {
	background: black;
	display: none;
}

.card-slider {
	top: 0;
	overflow: hidden;
	height: 200px;
	display: flex;
	flex: 0 0 200px;
	left: 0;
	width: 100%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	position: relative;
}

.card-slider ul {
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	height: 200px;
}

.card-slider li {
	height: 200px;
	width: 100%;
	flex: 0 0 380px;
	overflow: hidden;
}

.card-slider li img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 1;
	transition: .3s;
}

.card-slider li img.hover {
	transform: scale(1.2) rotate(5deg);
}

.card-slider .slider-link {
	position: absolute;
	display: block;
	background: transparent;
	width: 100%;
	height: 100%;
}

section.selection .card-body {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 0;
	flex: 0 0 calc(100% - 255px);
	padding: 0;
}

section.selection .row-3 {
	display: flex;
	flex-wrap: initial;
	gap: 0 30px !important;
	overflow: visible !important;
	justify-content: flex-start;
}

section.selection .row-3 .card {
	flex: 0 0 calc(50% - 15px);
	background: white;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

section.areas h3{
	margin-top:0
}

@media (max-width: 1399px) {

	    .areas .row-6 .card {
        flex: 0 0 calc(33.333%);
    }

.row-6 > * {
    flex: 0 0 calc(33.333%);
    margin: 0!important;
}

	section.areas h3 br{
		display:none;
	}

	}

@media (max-width: 991px) {


.contenitore-welcome{
	flex: 0 0 calc(50% - 30px);
	width: calc(50% - 30px);
}


	.scrollables {
    flex: 0 0 50%;
    width: 50%;
    margin: 0;
}

	
	.cards-next,
	.cards-prev {
		display: none;
	}

	section.selection .row-3 .card {
		flex: 0 0 calc(100%);
	}
}

@media (max-width: 767px) {

	section.selection.paganti .container:nth-child(2){
		display:block;
	}

	.contenitore-welcome{
		width:100%;
		padding-bottom: 30px;
	}

		section.selection .scrollables{
		width:100%;
	}


.contenitore-welcome .card{
	max-width:initial
}
	
	section.selection .row-3 .card {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.cards-pager {
		margin-top: 30px;
	}
}

@media (max-width: 500px) {

	.areas .row-6 .card{
        flex: 0 0 calc(50%);
    }

		.areas .row-6 .card-body{
     padding:10px
    }
	section.selection .title {
		margin-bottom: 15px !important;
	}

	.title span {
		font-size: 2.5rem !important;
	}

	.cards-pager {
		margin-top: 15px;
	}

	section.areas h3{
		font-size:18px
	}
}






#slider .search-bar-container{
    /* display:none!important; */
}

.topbar .search-bar-container{
        /* display:none!important; */
    }



#slider .search-bar-container.animate-on-scroll.done.end{ 
   
    transition: .6s!important;
    transition-delay:0s!important;
}


#slider .search-bar-container.animate-on-scroll.hide { 
    opacity: 0!important; 
    visibility:hidden;
    pointer-events: none; 
    transition: .6s!important;
    transition-delay:0s!important;
}
.topbar .search-bar-container.animate-on-scroll {
 opacity: 0!important;
 visibility:hidden;
 transition: .6s!important;
 transition-delay:0s!important;
 /* width:0; */
 margin-left:0;
 /* overflow:hidden; */
 /* border: 1px solid transparent!important; */
}


.topbar .search-bar-container.animate-on-scroll .search-icon{
    width:0;
    /* flex:0 0 0; */
}

.topbar .search-bar-container.animate-on-scroll.show .search-icon{
    width:40px;
    flex:0 0 40px;
}

.topbar .search-bar-container.animate-on-scroll input{
    padding:0!important;
    border:0!important;
    padding: 6px 12px !important;
}

.topbar .search-bar-container.animate-on-scroll.show {
    opacity: 1!important;
    visibility:visible;
    width:335px;
    margin-left:30px;
    transition: .6s!important;
}

#slider .search-bar-container.animate-on-scroll .results,
.topbar .search-bar-container.animate-on-scroll .results{
    transition-delay:0s!important;
}



@media(max-width:767px){

    
	section.operatore .container .row-2{
		display:flex;
		flex-direction: column-reverse!important;
        margin-top:50px
	}


section.operatore .section-txt{
    margin-bottom:0!important;
    margin-top:100px!important;
}
    
section.centro-estetico .section-txt{
    padding-bottom:0!important
}

    section.tutorial .video-container:after{
        display:none
    }

        
section.tutorial .video-container:after{
	content:"";
	width: calc(30% + 30px);
	height:calc(50% + 30px);
	position:absolute;
	bottom: -30px;
	right: -30px;
	border-bottom-right-radius: 500px;
	border-bottom: 3px solid var(--color3);
    display:block
}
}



@media(max-width:500px){
    
    .selection{
        padding-bottom:50px!important
    }


section.tutorial .video-container {
    position: relative;
    display: block;
    margin-top: 75px;
    height: 75vw;
}



    }