/*=========================================
    Section hero
=========================================*/
.section-hero {
	position: relative;
	width: 100%;
	padding: 50px 0 250px;
	background: #000;
	overflow: hidden;
	color: #fff;
}

.hero-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom right;
}

.label-hero {
	font-size: 10px;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.section-hero h1 {
	font-size: 32px;
	line-height: 1.1;
	margin-bottom: 22px;
}

.section-hero p {
	color: #ACACAC;
	margin-bottom: 35px;
}

.section-hero p.light {
	color: #e9e9e9;
}

.no-touchevents .link-hero {
	display: none;
}

.logo-diventa-joelle {
	margin-bottom: 30px;
}

.logo-diventa-joelle svg {
	display: block;
	width: 120px;
	height: auto;
}

@media (min-width: 768px) {
	.section-hero {
		height: 65vh;
		min-height: 500px;
		padding: 0;
	}

	.section-hero .container,
	.section-hero .row {
		height: 100%;
	}

	.label-hero {
		font-size: 12px;
		letter-spacing: 6px;
		margin-bottom: 40px;
	}

	.section-hero h1 {
		font-size: 48px;
		margin-bottom: 32px;
		max-width: 70%;
	}

	.section-hero p {
		max-width: 55%;
		margin-bottom: 55px;
	}

	.link-hero {
		display: none;
	}

	.logo-diventa-joelle {
		margin-bottom: 40px;
	}

	.logo-diventa-joelle svg {
		width: 170px;
	}
}

@media (min-width: 992px) {
	.section-hero {
		height: 85vh;
		height: calc(100vh - 150px);
	}

	.label-hero {
		margin-bottom: 50px;
	}

	.section-hero h1 {
		font-size: 60px;
		line-height: 70px;
		margin-bottom: 45px;
		max-width: 800px;
	}

	.section-hero p {
		max-width: 45%;
	}

	.logo-diventa-joelle {
		margin-bottom: 48px;
	}
}

/*=========================================
    Section numbers
=========================================*/
.section-numbers {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-numbers .col-4 {
	margin-bottom: 30px;
}

.digits {
	color: var(--title-color);
	font-size: 32px;
	letter-spacing: -1px;
}

.digits-label {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	.section-numbers .col-4 {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {
	.section-numbers {
		padding-bottom: 65px;
	}

	.digits {
		font-size: 44px;
	}

	.digits-label {
		font-size: 12px;
	}
}


/*.section-hero-2 {
	padding-top: 50px;
	padding-bottom: 50px;
	background: var(--light-grey);
}

.section-hero-2 .hero-text {
	max-width: 750px;
}

.section-hero-video {
	padding-bottom: 30px;
}

.section-hero-video .video-wrapper {
	margin-top: -20px;
	box-shadow: 8px 16px 16px 0 rgba(0, 0, 0, 0.23);
	margin-bottom: 30px;
}

.section-hero-video .title-caps {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.section-hero-video {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-hero-video .video-wrapper {
		margin-top: -70px;
		box-shadow: 30px 50px 50px 0 rgba(0, 0, 0, 0.23);
	}
	.hero-video-right {
		padding-left: 30px;
	}
}

@media (min-width: 992px) {
	.section-hero-2 {
		padding-top: 70px;
		padding-bottom: 105px;
	}
	.section-hero-video {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.section-hero-video .video-wrapper {
		margin-top: -100px;
	}
	.hero-video-right {
		padding-left: 55px;
	}
	.section-hero-3 {
		padding-bottom: 50px;
	}
}

@media (min-width: 1200px) {
	.section-hero-2 {
		padding-top: 90px;
		padding-bottom: 145px;
	}
	.section-hero-video .video-wrapper {
		margin-top: -140px;
	}
	.section-hero-3 {
		padding-bottom: 65px;
	}
}

.hero-tecniche-left {
	position: relative;
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 50px;
}
.hero-tecniche-left::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--light-grey);
}

.logo-diventa-joelle {
	margin-bottom: 30px;
}
.logo-diventa-joelle svg {
	display: block;
	width: 80px;
	height: auto;
}

.hero-label {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.hero-title {
	font-size: 32px;
	line-height: 1.4;
	color: var(--title-color);
	margin-bottom: 30px;
}

.hero-text {
	color: var(--text-grey);
	margin-bottom: 40px;
}
.hero-text:last-child {
	margin-bottom: 0;
}

.hero-tecniche-image {
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
}
.hero-tecniche-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 45%;
	width: 100%;
	background: var(--light-grey);
	z-index: -1;
}
.hero-tecniche-image img {
	width: 100%;
	height: auto;
}

.hero-tecniche-content {
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 30px;
}

.hero-tecniche-content .title-caps {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	
	.logo-diventa-joelle {
		margin-bottom: 40px;
	}
	.logo-diventa-joelle svg {
		width: 103px;
	}
	.hero-label {
		font-size: 12px;
		letter-spacing: 6px;
		margin-bottom: 40px;
	}
	.hero-title {
		font-size: 48px;
		margin-bottom: 32px;
	}

	.hero-tecniche-image {
		position: relative;
		padding: 0;
	}
	.hero-tecniche-image::before {
		display: none;
	}


	.hero-tecniche-left {
		max-width: 655px;
		margin-left: auto;
		padding-top: 70px;
		padding-right: 50px;
		padding-bottom: 70px;
	}
	.hero-tecniche-left::before {
		width: 200%;
	}


	.hero-tecniche-content {
		max-width: 655px;
		margin-left: auto;
		padding-top: 70px;
		padding-bottom: 70px;
		padding-right: 50px;
	}

	.hero-text:last-child {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {

	.logo-diventa-joelle {
		margin-bottom: 48px;
	}
	.hero-title {
		font-size: 60px;
		line-height: 70px;
		margin-bottom: 45px;
	}
	.hero-tecniche-left {
		padding-top: 90px;
		padding-right: 70px;
		padding-bottom: 90px;
	}
	.hero-tecniche-content {
		padding-top: 90px;
		padding-right: 70px;
		padding-bottom: 90px;
	}
}
@media (min-width: 1200px) {
	.hero-tecniche-left {
		padding-top: 120px;
		padding-right: 100px;
		padding-bottom: 120px;
	}
	.hero-tecniche-content {
		padding-right: 100px;
	}
}
*/


/*=========================================
    Section numbers
=========================================*/
/*.section-numbers {
	padding-top: 40px;
	padding-bottom: 50px;
}

.section-numbers .col-4 {
	margin-bottom: 30px;
}

.digits {
	color: var(--title-color);
	font-size: 32px;
	letter-spacing: -1px;
}

.digits-label {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	.section-numbers .col-4 {
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {
	.section-numbers {
		padding-top: 0;
		padding-bottom: 65px;
	}
	.digits {
		font-size: 44px;
	}
	.digits-label {
		font-size: 12px;
	}
}
*/





/*=========================================
    Section banner cta
=========================================*/
.section-cta-banner {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	background: var(--light-grey);
	overflow: hidden;
}

.cta-banner-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.cta-banner-inner {
	text-align: center;
	max-width: 940px;
	margin: 0 auto;
}

.banner-title {
	color: #fff;
	font-size: 26px;
	margin-bottom: 20px;
}

.cta-banner-inner p {
	color: #ACACAC;
	margin-bottom: 30px;
}

@media (min-width: 768px) {

	/*.section-cta-banner {
		margin-top: 100px;
	}*/
	.cta-banner-inner {
		text-align: left;
	}

	.banner-title {
		font-size: 30px;
	}

	.cta-banner-inner p {
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {
	.section-cta-banner {
		padding-top: 70px;
		padding-bottom: 70px;
		/*margin-top: 135px;*/
	}

	.banner-title {
		font-size: 34px;
	}
}

@media (min-width: 1200px) {
	/*.section-cta-banner {
		margin-top: 155px;
	}*/
}




/*=========================================
    Section text
=========================================*/
.section-text {
	padding-top: 50px;
	padding-bottom: 50px;
}


.section-text h5 {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.section-text h3 {
	font-size: 26px;
	line-height: 1.4;
	color: var(--title-color);
	margin-bottom: 30px;
}

.section-text p {
	margin-bottom: 30px;
	color: #808080;
}

.section-text p:last-child {
	margin-bottom: 0;
}

.section-text .title-caps {
	margin-bottom: 20px;
}

@media (min-width: 768px) {

	.section-text {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.section-text h5 {
		font-size: 12px;
		letter-spacing: 6px;
		margin-bottom: 40px;
	}

	.section-text h3 {
		font-size: 32px;
		margin-bottom: 32px;
	}
}

@media (min-width: 992px) {
	.section-text {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.section-text h5 {
		margin-bottom: 50px;
	}

	.section-text h3 {
		font-size: 38px;
		margin-bottom: 50px;
	}

	.section-text .title-caps {
		margin-bottom: 30px;
	}
}



/*=========================================
    Section tecnica
=========================================*/
.section-tecnica-degrade {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-tecnica-degrade .title-caps {
	margin-bottom: 40px;
}

.video-wrapper {
	position: relative;
	cursor: pointer;
	background: var(--text-grey);
}

.video-wrapper picture {
	-webkit-transition: opacity 200ms ease 0s;
	transition: opacity 200ms ease 0s;
}

.video-wrapper.loading picture {
	opacity: 0;
}

.video-wrapper.loaded .video-embed iframe {
	opacity: 1;
}

.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	-webkit-transition: opacity 500ms ease 0s;
	transition: opacity 500ms ease 0s;
}

/*.iframe-wrapper {
    position: relative;
}
.iframe-wrapper::before {
	content: '';
	display: block;
    padding-bottom: 56.25%;
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

@media (min-width: 768px) {

	.section-tecnica-degrade {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.section-tecnica-degrade .title-caps {
		margin-bottom: 60px;
	}
}

@media (min-width: 992px) {
	.section-tecnica-degrade {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.section-tecnica-degrade .title-caps {
		margin-bottom: 90px;
	}
}





/*=========================================
    Section featured
=========================================*/

.section-featured-left {
	background-color: var(--light-grey);
}


.featured-col-left {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 30px;
	padding-left: 30px;
}

.featured-label {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.featured-title {
	font-size: 26px;
	line-height: 1.4;
	color: var(--title-color);
	margin-bottom: 30px;
}

.featured-title:last-child {
	margin-bottom: 0;
}

.featured-text {
	color: var(--text-grey);
	margin-bottom: 30px;
}

.featured-col-right {
	position: relative;
}

.featured-small-picture {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 190px;
}

.featured-digit-list {
	list-style-type: none;
	margin-bottom: 30px;
	padding: 0;
}

.featured-digit-list span {
	color: var(--title-color);
	font-size: 46px;
	display: block;
	width: 45px;
}

.featured-digit-list label {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.section-featured-left {
		padding-bottom: 25px;
		margin-top: 25px;
	}


	.featured-col-left {
		max-width: 655px;
		margin-left: auto;
	}

	.featured-col-right {
		overflow-x: hidden;
		-webkit-transform: translateY(-25px);
		transform: translateY(-25px);
	}

	.featured-big-picture {
		width: 100%;
	}

	.featured-big-picture img {
		float: right;
	}

	.featured-title {
		font-size: 32px;
	}

	.featured-small-picture {
		bottom: -50px;
		right: auto;
		left: 40px;
		width: 300px;
	}


	/*.featured-digit-list span {
		font-size: 44px;
	}*/
}

@media (min-width: 992px) {
	.section-featured-left {
		padding-bottom: 55px;
		margin-top: 45px;
	}


	.featured-col-right {
		-webkit-transform: translateY(-45px);
		transform: translateY(-45px);
	}

	.featured-small-picture {
		bottom: -70px;
		left: 70px;
		width: 400px;
	}

	.featured-col-left {
		padding-right: 50px;
	}

	.featured-label {
		font-size: 12px;
		margin-bottom: 50px;
	}

	.featured-title {
		font-size: 38px;
		margin-bottom: 45px;
	}

	.featured-text {
		margin-bottom: 50px;
	}

	.featured-digit-list span {
		font-size: 55px;
		width: 50px;
	}

	.featured-digit-list label {
		font-size: 12px;
		letter-spacing: 6px;
	}
}

@media (min-width: 1200px) {
	.featured-label {
		margin-bottom: 60px;
	}

	.featured-text {
		margin-bottom: 70px;
	}

	.featured-small-picture {
		bottom: -100px;
		left: 120px;
		width: 455px;
	}

	.featured-digit-list span {
		font-size: 67px;
		width: 55px;
	}
}

@media (min-width: 1600px) {
	.featured-big-picture img {
		float: left;
	}
}

/* Image left */
.section-featured-right {
	background-color: var(--light-grey);
}

@media (min-width: 768px) {
	.section-featured-right {
		padding-bottom: 25px;
		margin-top: 25px;
	}

	.section-featured-space {
		margin-bottom: 80px;

	}

	.section-featured-right .featured-col-left {
		margin-left: 0;
		margin-right: auto;
	}

	.section-featured-right .featured-big-picture img {
		float: left;
	}

	.section-featured-right .featured-small-picture {
		left: auto;
		right: 40px;
	}
}

@media (min-width: 992px) {
	.section-featured-right {
		padding-bottom: 55px;
		margin-top: 45px;
	}

	.section-featured-space {
		margin-bottom: 120px;

	}

	.section-featured-right .featured-small-picture {
		right: 70px;
	}

	.section-featured-right .featured-col-left {
		padding-left: 60px;
	}
}

@media (min-width: 1200px) {
	.section-featured-right .featured-small-picture {
		right: 120px;
	}
}

@media (min-width: 1600px) {
	.section-featured-right .featured-big-picture img {
		float: right;
	}
}


.section-wella {
	padding-top: 50px;
}

.section-wella .title-caps {
	margin-bottom: 20px;
}

.wella-banner-inner {
	padding-bottom: 50px;
	border-bottom: 1px solid var(--border-color);
}

.wella-banner-inner p {
	color: var(--text-grey);
}

.wella-banner-inner img {
	max-width: 355px;
}


@media (min-width: 768px) {

	.section-wella {
		padding-top: 70px;
	}

	.wella-banner-img img {
		width: 100px;
	}

	/*.wella-banner-inner {		
		padding-bottom: 0;
	}*/
}

@media (min-width: 992px) {
	.section-wella {
		padding-top: 100px;
	}

	.wella-banner-img {
		padding-right: 50px;
	}

	.wella-banner-img img {
		width: 150px;
	}

	/*.wella-banner-inner {	
		padding-bottom: 100px;
	}*/
}

@media (min-width: 1200px) {
	.section-wella {
		padding-top: 140px;
	}

	.wella-banner-img {
		padding-right: 80px;
	}

	.wella-banner-img img {
		width: 200px;
	}

	/*.wella-banner-inner {	
		padding-bottom: 130px;
	}*/
}


.formula-completa-inner {
	border-top: 1px solid var(--border-color);
	padding-top: 50px;
}

.formula-completa-inner .title-caps {
	margin-bottom: 20px;
}

.formula-completa-inner p {
	max-width: 640px;
	margin: 0 auto 50px;
	color: var(--text-grey);
}


@media (min-width: 768px) {

	.formula-completa-inner {
		padding-top: 70px;
	}

	.formula-completa-inner p {
		margin-bottom: 70px;
	}
}

@media (min-width: 992px) {
	/*.formula-completa-inner {
		padding-top: 100px;
	}*/
}

@media (min-width: 1200px) {
	.formula-completa-inner {
		padding-top: 100px;
	}

	.formula-completa-inner p {
		margin-bottom: 100px;
	}
}


.section-consulenza {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-consulenza .title-caps {
	margin-bottom: 20px;
}

.consulenza-label {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.consulenza-title {
	font-size: 26px;
	line-height: 1.4;
	color: var(--title-color);
	margin-bottom: 30px;
}

.consulenza-text {
	color: var(--text-grey);
	margin-bottom: 20px;
}

.section-consulenza .list-checkmark {
	margin-bottom: 0;
}


@media (min-width: 768px) {
	.section-consulenza {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.section-consulenza .title-caps {
		margin-bottom: 50px;
	}

	.section-consulenza picture {
		margin-bottom: 50px;
	}

	.consulenza-title {
		font-size: 32px;
	}
}

@media (min-width: 992px) {
	.section-consulenza {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.section-consulenza .title-caps {
		margin-bottom: 70px;
	}

	.section-consulenza picture {
		margin-bottom: 70px;
	}

	.consulenza-label {
		font-size: 12px;
		margin-bottom: 40px;
	}

	.consulenza-title {
		font-size: 38px;
		margin-bottom: 45px;
	}

	.consulenza-text {
		margin-bottom: 40px;
	}
}

@media (min-width: 1200px) {
	.section-consulenza .title-caps {
		margin-bottom: 100px;
	}

	.section-consulenza picture {
		margin-bottom: 90px;
	}

	.consulenza-label {
		margin-bottom: 50px;
	}
}



/*=========================================
    Section corsi
=========================================*/
.section-corsi {
	padding-bottom: 30px;
}

.section-corsi h3 {
	font-size: 26px;
	line-height: 1.4;
	color: var(--title-color);
	margin-bottom: 30px;
}

.section-corsi p {
	color: #808080;
}

@media (min-width: 768px) {

	.section-corsi {
		padding-bottom: 50px;
	}

	.section-corsi h3 {
		font-size: 32px;
		margin-bottom: 32px;
	}
}

@media (min-width: 992px) {
	.section-corsi {
		padding-bottom: 70px;
	}

	.section-corsi h3 {
		font-size: 38px;
		margin-bottom: 45px;
	}
}


.corso-title {
	position: relative;
	color: var(--title-color);
}

.corso-title::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 60px;
	height: 60px;
	background-color: #fafafa;
	z-index: -1;
}

.corso-title.orange::before {
	background-color: #FFE7CD;
}

.corso-title.yellow::before {
	background-color: #F8F4E4;
}

.corso-title.blue::before {
	background-color: #D0F3FF;
}

.corso-title.red::before {
	background-color: #FFDADA;
}

.corso-label {
	display: inline-block;
	color: var(--text-color);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.corso-description {
	font-size: 16px;
	color: var(--text-color);
}

.section-list-sep {
	margin-top: 25px;
	height: 1px;
	background-color: var(--border-color);
	margin-bottom: 25px;
}

.section-list-sep:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {

	.corso-label {
		font-size: 12px;
		letter-spacing: 6px;
		margin-bottom: 0;
	}
}

@media (min-width: 992px) {

	.corso-title::before {
		top: -15px;
		width: 80px;
		height: 80px;
	}

	.section-list-sep {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}


.section-covid {
	padding-top: 50px;
}

.covid-wrapper {
	max-width: 915px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 20px;
	background: #F2F2F2;
	border-radius: 25px;
}

.covid-wrapper .featured-title {
	margin-bottom: 20px;
}

.covid-wrapper .featured-text {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.section-covid {
		padding-top: 70px;
	}
}

@media (min-width: 992px) {
	.section-covid {
		padding-top: 100px;
	}

	.covid-wrapper {
		padding: 50px 30px;
	}
}


.section-strategie {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-strategie .title-caps {
	margin-bottom: 20px;
}

.strategie-text {
	color: var(--text-grey);
	margin-bottom: 30px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.section-strategie {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media (min-width: 992px) {
	.section-strategie {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.section-strategie .title-caps {
		margin-bottom: 30px;
	}
}


/*=========================================
    Section numbers
=========================================*/
.section-salon-numbers {
	padding-bottom: 35px;
}

.section-salon-numbers .title-caps {
	margin-bottom: 40px;
}

.section-salon-numbers .col-4 {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.section-salon-numbers {
		padding-bottom: 40px;
	}
}

@media (min-width: 992px) {
	.section-salon-numbers {
		padding-bottom: 60px;
	}

	.section-salon-numbers .title-caps {
		margin-bottom: 70px;
	}
}


/*=========================================
    Section pacchetto
=========================================*/
.section-pacchetto {
	padding-top: 50px;
	padding-bottom: 35px;
}


/*.section-pacchetto h5 {
	color: var(--text-grey);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.section-pacchetto h3 {
	font-size: 26px;
	line-height: 1.4;
	color: var(--title-color);
	margin-bottom: 30px;
}*/
.section-pacchetto p {
	margin-bottom: 30px;
	color: #808080;
}

/*.section-pacchetto p:last-child {
	margin-bottom: 0;
}*/
.section-pacchetto .title-caps {
	margin-bottom: 20px;
}

.pacchetto-item {
	padding-left: 35px;
	margin-bottom: 15px;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5' /%3E%3C/svg%3E");

	/* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MiAoOTEzOTApIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iRk9STVVMQS1KT0VMTEUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb25zdWxlbnphLVNhbG9uZS1GdXR1cm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MDguMDAwMDAwLCAtMzk3NS4wMDAwMDApIiBmaWxsPSIjNDhBQUNDIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iRkVBVC1CTE9DSy1SaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDM0MTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTAzLjAwMDAwMCwgMTE3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjMsNDQ3LjcgTDUuMyw0NDUuNyBDNC45LDQ0NS4zIDQuOSw0NDQuNyA1LjMsNDQ0LjMgQzUuNyw0NDMuOSA2LjMsNDQzLjkgNi43LDQ0NC4zIEw4LDQ0NS42IEwxMy4zLDQ0MC4zIEMxMy43LDQzOS45IDE0LjMsNDM5LjkgMTQuNyw0NDAuMyBDMTUuMSw0NDAuNyAxNS4xLDQ0MS4zIDE0LjcsNDQxLjcgTDguNyw0NDcuNyBDOC4zLDQ0OC4xIDcuNyw0NDguMSA3LjMsNDQ3LjcgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); */
}

.pacchetto-item:last-child {
	margin-bottom: 0;
}

.pacchetto-title {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--title-color);
}

.pacchetto-label {
	color: var(--title-color);
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.pacchetto-label span {
	display: block;
	letter-spacing: normal;
	text-transform: none;
	color: var(--text-grey);
}

@media (min-width: 768px) {

	.section-pacchetto {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.section-pacchetto p {
		margin-bottom: 50px;
	}

	.pacchetto-item {
		background-position: 0 5px;
		margin-bottom: 30px;
		background-size: 30px 30px;
	}

	.pacchetto-title {
		font-size: 30px;
	}

	.pacchetto-label {
		font-size: 12px;
		letter-spacing: 6px;
	}
}

@media (min-width: 992px) {
	.section-pacchetto {
		padding-top: 100px;
		padding-bottom: 70px;
	}

	.section-pacchetto p {
		margin-bottom: 70px;
	}

	.pacchetto-item {
		background-size: 36px 36px;
		background-position: -5px 7px;
	}

	.pacchetto-title {
		font-size: 38px;
	}
}


.section-text.section-traguardi {
	padding-bottom: 30px;
}


.container.container-blocks {
	padding-left: 0;
	padding-right: 0;
}

.blocks-container {
	overflow: hidden;
}

.blocks-wrapper {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.blocks-wrapper::-webkit-scrollbar {
	display: none
}

.blocks-inner {
	width: 100%;
}

.blocks-item {
	padding-right: 0;
}

.blocks-item:first-child {
	padding-left: 30px;
}

.blocks-item:last-child {
	padding-right: 30px;
}

.blocks-item-content {
	min-width: 150px;
	text-align: center;
}

.blocks-item-label {
	color: var(--title-color);
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1.2;
	display: inline-block;
}


@media (min-width: 992px) {
	.section-text.section-traguardi {
		padding-bottom: 40px;
	}

	/*.section-blocks .title-caps {
		margin-bottom: 85px;
	}*/
	.container.container-blocks {
		padding-left: 30px;
		padding-right: 30px;
	}

	.blocks-container {
		margin-left: -8px;
		margin-right: -8px;
	}

	.blocks-item,
	.blocks-item:first-child,
	.blocks-item:last-child {
		padding-left: 8px;
		padding-right: 8px;
	}

	.blocks-item-content {
		min-width: initial;
	}

	.blocks-item-label {
		font-size: 12px;
	}

	/*.blocks-item-content {
		padding: 40px 30px 60px;
	}
	.blocks-label-step {
		font-size: 66px;
	}
	.blocks-title {
		font-size: 33px;
		margin-bottom: 35px;
	}*/
}



.section-testimonianze {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-testimonianze .title-caps {
	margin-bottom: 20px;
}

.testimonianze-text {
	margin-bottom: 30px;
	color: #808080;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.testimonianze-author {
	margin-top: 10px;
	margin-bottom: 5px;
	color: var(--title-color);
}

.testimonianze-salon {
	color: var(--title-color);
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

@media (min-width: 768px) {

	.section-testimonianze {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.section-tecnica-degrade .title-caps {
		margin-bottom: 60px;
	}

	.testimonianze-salon {
		font-size: 12px;
	}
}

@media (min-width: 992px) {
	.section-testimonianze {
		padding-top: 100px;
		/*padding-bottom: 100px;*/
	}

	.section-testimonianze .title-caps {
		margin-bottom: 30px;
	}

	.testimonianze-text {
		margin-bottom: 50px;
	}
}



.form-center {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.form-center .button {
	width: 100%;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

.form-ac-privacy-wrap {
	margin-bottom: 20px;
}

.button {
	background-color: #91dc5a;
	border-color: #91dc5a;
}

.no-touchevents .button:hover {
	background-color: #ADF678;
	border-color: #ADF678;
	color: white;
}

.button-outline {
	color: #91dc5a;
	border-color: #91dc5a;
	background-color: transparent;
}

.no-touchevents .button-outline:hover {
	color: white;
	border-color: #91dc5a;
	background-color: #91dc5a;
}

@media (min-width: 768px) {
	.form-center {
		max-width: 380px;
	}
}



/* Modifiche Affiliazione 2021 */
.page-template-diventa-joelle {
	padding-top: 125px;
}

.avviso {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	height: 125px;
	text-align: center;
	background: #fff;
	/**#000000;*/
	z-index: 10;
	box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%);
}

.avviso p {
	font-size: 12px;
	color: #000;
	/*fff;*/
}

.avviso a {
	position: relative;
	/*padding-left: 35px;*/
	color: #03080A;
	font-size: 12px;
	letter-spacing: 1.5px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
}

.avviso a:hover {
	opacity: 0.8;
}

/*.avviso a::before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url(../../images/salon-marketing-revolution/icon-tel-header.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}*/

@media (min-width: 992px) {
	.page-template-diventa-joelle {
		padding-top: 50px;
	}

	.avviso {
		padding-top: 0;
		text-align: left;
		height: 50px;
	}
}

.section-audio {
	padding-top: 40px;
	margin-bottom: 40px;
}

.wrapper-audio {
	margin-bottom: 30px;
}

.wrapper-audio:last-child {
	margin-bottom: 0;
}

.item-audio {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: var(--light-grey);
	border-radius: 30px;
}

.item-audio::before {
	content: '';
	display: block;
	padding-bottom: calc(19.26% + 8px);
}

.play-audio,
.pause-audio {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*background-color: var(--light-grey);*/
	padding: 8px 8px 8px 20px;
	cursor: pointer;
}

.pause-audio {
	/**/
	display: none;
}

.item-audio.on {
	background-color: #DCF8D2;
}

.item-audio.on .play-audio {
	display: none;
}

.item-audio.on .pause-audio {
	display: block;
}

.item-audio audio {
	display: none;
}

.author-audio {
	font-size: 16px;
	/* font-family: 'silkamedium' */
	font-weight: 500;
}

.section-testimonianze .salon-review {
	color: #BDBDBD;
	font-size: 10px;
	max-width: 180px;
	margin-left: auto;
	margin-right: auto;
}

.section-audio .button-outline {
	margin-bottom: 30px;
}

@media (min-width: 992px) {
	.section-audio {
		padding-top: 70px;
		margin-bottom: 70px;
	}

	.wrapper-audio {
		margin-bottom: 0;
	}

	.section-audio .button-outline {
		margin-bottom: 0;
	}

	.item-audio {
		margin-bottom: 25px;
	}
}



.section-reviews {
	margin-bottom: 30px;
}

.section-reviews .col-12 {
	margin-bottom: 30px;
}

.item-review {
	background-color: var(--light-grey);
	padding: 20px 30px 150px 30px;
	position: relative;
	height: 380px;
	/*margin-bottom: 30px;*/
}

.icon-review {
	font-size: 90px;
	/* font-family: "silkabold"; */
	font-weight: 500;
	color: #ddd;
	display: block;
	margin-bottom: -35px;
	line-height: 1;
}

.text-review {
	font-size: 16px;
	font-style: italic;
	/* font-family: 'silkamedium'; */
	font-weight: 500;
}

.author-review {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	height: 80px;
}

.author-review picture {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	margin-right: 14px;
}

.owl-carousel .owl-item .author-review img {
	width: 100%;
}

.name-review {
	font-size: 16px;
	/* font-family: 'silkamedium'; */
	font-weight: 500;
	margin-bottom: 3px;
}

.salon-review {
	color: #BDBDBD;
	font-size: 10px;
	max-width: 180px;
}


.section-video {
	padding-bottom: 40px;
}

.video-item-wrap {
	margin-bottom: 30px;
}

.item-video-review {
	padding-bottom: 30px;
}

.item-video-review img {
	width: 100% !important;
	height: auto !important;
}

.video-item {
	margin-bottom: 15px;
}

.video-item.wide {
	margin-bottom: 0;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .07);
}

.video-item .media-column-content {
	position: relative;
	background: var(--text-grey);
	cursor: pointer;
}



.video-item .media-column-content picture {
	position: relative;
	-webkit-transition: opacity 200ms ease 0s;
	transition: opacity 200ms ease 0s;
}

.video-item .media-column-content picture::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	background-image: url('../../images/wall-of-love/video/icon-play.svg');
	background-position: center;
	background-size: 20px;
	background-repeat: no-repeat;
}

.video-item.loading .media-column-content picture {
	opacity: 0;
}

.video-item.loading .media-column-content picture::after {
	display: none;
}

.video-item.loaded .video-embed iframe {
	opacity: 1;
}

.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	-webkit-transition: opacity 500ms ease 0s;
	transition: opacity 500ms ease 0s;
}

@media (min-width: 992px) {
	.section-reviews {
		margin-bottom: 50px;
	}

	.item-review {
		height: 425px;
		/*margin-bottom: 30px;*/
	}

	.text-review {
		font-size: 18px;
	}

	.section-video {
		padding-bottom: 70px;
	}

	.video-item-wrap {
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {

	.text-review {
		font-size: 20px;
	}
}