#top-nav .logo {
	position:relative;
	padding-left:250px;
}
#top-nav .custom-logo-link {
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:120px;
	background-image:url('http://dallavitae.flywheelsites.com/subscription/wp-content/uploads/sites/3/2021/03/cropped-logo-dalla-vitae-black.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:80% 80%;	
	-webkit-transition: 0.25s width linear,0.25s height linear,0.25s background-color linear;
	-moz-transition: 0.25s width linear,0.25s height linear,0.25s background-color linear;
	-ms-transition: 0.25s width linear,0.25s height linear,0.25s background-color linear;
	-o-transition: 0.25s width linear,0.25s height linear,0.25s background-color linear;
	transition: 0.25s width linear,0.25s height linear,0.25s background-color linear;
}
.state2 #top-nav .custom-logo-link  {
	background-color:white;
	width:220px;
	height:90px;
}
#top-nav .custom-logo-link img {
	display:none;
}
#top-nav .logo h3.sitename {
	font-size:15px;
}
.sitename.sitetitle a {
	color:black;
	-webkit-transition: 0.25s opacity linear;
	-moz-transition: 0.25s opacity linear;
	-ms-transition: 0.25s opacity linear;
	-o-transition: 0.25s opacity linear;
	transition: 0.25s opacity linear;
}
.sitename.sitetitle a:hover {
	color:black;
	opacity:0.75;
}
/* Home (slide iniziale) --> */
.text-slide-home,.img-slide-home {
	display:none;
}
#home .layout-boxed {
    display:flex;
	align-items:center;
	justify-content:space-between;
}
#home .layout-boxed .text-slide-home {
	min-width:300px;
	max-width:100%;
	padding-left:20px;
	font-size:20px;
	display:block;
}
#home .layout-boxed .text-slide-home p {
	color:white;
	font-size:1em;
	line-height:1.45em;
}
#home .layout-boxed .text-slide-home .title {
	font-size:1.95em;
	font-family: "Oswald", Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:700;
	line-height:1.15em;
	white-space: nowrap;
}
#home .layout-boxed .text-slide-home .promo.price {
	font-weight:700;
	font-size:1.75em;
	color:white;
	line-height:1em;
}
#home .layout-boxed .text-slide-home .promo.price em {
	font-weight:400;
	font-size:0.85em;
	text-decoration:line-through;
	color:#bfbfbf;
	padding-right:10px
}
#home .layout-boxed .text-slide-home .button {
	color:white;
	font-weight:700;
	font-size:1.15em;
	padding:15px 25px;
	margin-top:20px;
	background-color:#B85750;
}
#home .layout-boxed .text-slide-home .button:hover {
	background-color:black;
	color:#B85750;
}
#home .layout-boxed .img-slide-home {
	max-width:50%;
	display:block;
}
#home .layout-boxed .img-slide-home img {
	width:100%;
}
#home a.arrow-scroll {
	width:20px;
	height:20px;
	bottom:70px;
	right:60px;
}
#home a.arrow-scroll svg {
	width:100%;
}
#home .flask-bubbles {
	transform:scale(0.5);
	right:20px;
	bottom:50px;
}
@media (max-width:1024px) {
	#home .layout-boxed .text {
		font-size:18px;
	}
	#home .layout-boxed .text .title {
		white-space: normal;
	}
}
@media (max-width:768px) {
	#home .layout-boxed .text {
		padding-left:0;
		text-align:center;
	}
	#home .layout-boxed {
		flex-direction:column;
		margin-top:-45px;
	}
}
@media (max-width:500px) {
	#home .layout-boxed .text {
		font-size:15px;
	}
	#home .layout-boxed .img-slide-home {
		max-width:90%;
	}
	#home .layout-boxed .text .button {
		padding:10px 18px;
	}
}
/* <-- Home (slide iniziale) */

/* Experience Kit --> */
#experience-kit .process .process-row:before {
	display:none;
}
#experience-kit .pure-g .process-box {
	border:none;
}
#experience-kit .pure-g .process-box i {
	display:none;
}
#experience-kit .pure-g .process-box:before {
	display:none;
} 
#experience-kit .pure-g > div .process-box {
	background-repeat:no-repeat;
	background-position:center center;	
}
#experience-kit .pure-g > div:nth-child(1) .process-box {
	background-image:url('/wp-content/themes/skrollex/assets/images/bottle.png');
}
#experience-kit .pure-g > div:nth-child(2) .process-box {
	background-image:url('/wp-content/themes/skrollex/assets/images/glass.png');
}
#experience-kit .pure-g > div:nth-child(3) .process-box {
	background-image:url('/wp-content/themes/skrollex/assets/images/flavor.png');
}
#experience-kit .pure-g > div:nth-child(4) .process-box {
	background-image:url('/wp-content/themes/skrollex/assets/images/label.png');
}
#experience-kit-2 .pure-g > div:nth-child(2) {
	padding:15px 45px;
}
/* <-- Experience Kit */

/* Slogan animato --> */
#slogan .slogan {
	color:white;
}
#slogan .button {
	margin-top:35px;
	color:white;
	font-weight:700;
	font-size:20px;
	padding:20px 25px;
	background-color:rgba(255,255,255,0.65);
	color:#B85750;
}
#slogan .button:hover {
	color:white;
	background-color: #B85750;
}
/* <-- Slogan animato */

/* Come funziona --> */
#come-funziona i {
	background-color:transparent;	
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:-30px;
}
#come-funziona i::before,#come-funziona i::after {
	display:none;
}
#come-funziona .pure-g > div:nth-child(1) i {
	background-image:url('/wp-content/themes/skrollex/assets/images/come-funziona-1-white.png');
}

#come-funziona .pure-g > div:nth-child(2) i {
	background-image:url('/wp-content/themes/skrollex/assets/images/come-funziona-2-white.png');
}

#come-funziona .pure-g > div:nth-child(3) i {
	background-image:url('/wp-content/themes/skrollex/assets/images/come-funziona-3-white.png');
}

#come-funziona .pure-g > div:nth-child(4) i {
	background-image:url('/wp-content/themes/skrollex/assets/images/come-funziona-4-white.png');
}

#come-funziona .pure-g > div:nth-child(5) i {
	background-image:url('/wp-content/themes/skrollex/assets/images/come-funziona-5-white.png');
}
/* <-- Come funziona */

/* REVIEW --> */
#review .swiper-wrapper {
	border-radius:100%;
	overflow:hidden;
	width:200px;
	height:200px;
	margin:0 auto;
}
#review .swiper-wrapper  img {
	object-fit:cover;
	width:100% !important;
	height:100% !important;
}
#review .lead {
	margin-bottom:60px;
}
#review .pure-g > div {
	position:relative;
}
#review .pure-g > div::before {
	margin:0;
	position:absolute;
	top:240px;
	left:50%;
	transform:translateX(-50%);
	width:200px;
}
#review .pure-g > div > div.row > div:first-child p {
	text-align:center;
	font-style:italic;
	margin-top:10px;
	margin-bottom:25px;
}
@media (max-width:960px) {
	#review .swiper-wrapper {
		width:150px;
		height:150px;
	}
	#review .pure-g > div::before {
		top:185px;
	}
	#review .pure-g > div {
		padding-bottom:30px;
		margin-bottom:30px;
	}
	#review .pure-g > div::after {
		content:'';
		position:absolute;
		left:10%;
		bottom:0;
		width:80%;
		height:1px;
		display:block;
		background-color:#bfbfbf;
	}
}
/* <-- REVIEW */

/* PERSONALIZZAZIONE DEI COLORI --> */

#home[class^="colors-"], #home[class*=" colors-"],#come-funziona[class^="colors-"], #come-funziona[class*=" colors-"] {
	background-color:rgba(208,113,64,0.75);
}
#slogan[class^="colors-"], #slogan[class*=" colors-"] {
	background-color:rgba(184,87,80,0.75);
}

.nav-horizontal .active {
	color:#B85750 !important;
}
[class^="colors-"] .fill-highlight, [class*=" colors-"] .fill-highlight {
	fill:#d07140;
}

#dot-scroll[class^="colors-"] li a span, #dot-scroll[class*=" colors-"] li a span {
	background-color: #B85750;
	border-color: #B85750;
}
.scroll-down span {
	color:#d07140 !important;
}
#experience-kit-2 h4 span, #experience-kit-2 p.col-detail,#multimedia p.header-details span,#multimedia ul.filter *.active,#multimedia h4 span,#review p.header-details span  {
	color:#d07140 !important;
}
#come-funziona p.circle-caption::after {
	background-color: #B85750 !important;
}
#contact {
	background-color:#B85750 !important;
}
.footer-bottom {
	background-color:black !important;
}
/* <-- PERSONALIZZAZIONE DEI COLORI */

/* DIMENSIONI TESTI --> */
.header-details {
	font-size:20px;
	line-height:1.4em;
}
.pure-g p {
	font-size:16px;
	line-height:1.4em;
}
.pure-g p.lead,.pure-g p.narrow,.pure-g p.col-detail,p.lead,p.narrow,p.col-detail {
	font-size:18px;
}
p.narrow {
	font-style:italic;
}
/* <-- DIMENSIONI TESTI */

.state2 .page-border.bottom {
	height:30px;
}
.state2 .page-border.bottom a.to-top {
	font-size:20px;
	line-height:26px;
}

/* REGOLE CSS DOPO LO SCROLL --> */
.state2 .arrow-scroll, .state2 .flask-bubbles {
	display:none;
}
/* <-- REGOLE CSS DOPO LO SCROLL */

/* SEZIONE CONTATTI --> */
#contact .pure-g {
	padding-top:50px;
}
#contact .pure-g > div {
	padding-left:35px;
	padding-right:35px;
}
@media (max-width:1024px) {
	#contact .pure-g > div:first-child p {
		text-align:left !important;
	}
}
/* <-- SEZIONE CONTATTI */