@charset "utf-8";

.prd_category-cover {padding-bottom: 50px}
/* CSS Document */
.hp_products_kit, .secondary_img_decoro {
    position: absolute !important;

    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    z-index: 9;
}
.code_form span {font-weight: bold;}
.comp {color:#fff}
		.code {background: #ffffff; color:#000 !important; font-size:30px !important; padding: 10px 40px 10px 20px; display: inline-block; margin-top: 15px; position: relative; border-radius:5px;}
			.code svg {fill:#000; position: absolute; top:5px; right:5px; width: 20px; height: 20px;}
			.checkbox_consenso {color:#fff}
			.input_submit  {padding:10px 30px; font-weight: bold;  text-transform: uppercase;background-image: linear-gradient(to right, #e30613, #3973b9) !important;
    background: transparent; color:#fff; border-radius: 3px; border: 0;}
			.input_mail {padding:10px 20px; border: 0; margin-right: 10px;  min-width: 220px}
			.checkbox_consenso {margin-top: 10px}
		.prd_category-cover {
    margin-top: 0 !important;
}

.prd_category-cover .swiper-slide, .hp_cover, .swiper-container-cover_prd {
    height: 70vh !important;
	min-height: 700px !important;}
		.guida_1 p, .guida_1 h2, .guida_1 h3, .guida_3 p, .guida_3 h2, .guida_1 h3 {}
.hp_cover h1, .hp_cover h2 {text-align:left !important}
		.img_prd_code { position: absolute; bottom:-20px; width: 320px; left: calc(50% - 160px); pointer-events: none}
		
		h1 {font-size:16px !important; margin-top: 0;}
		.hp_cover .title_1 { margin-top: 0px !important;}
		.event_col {width: 50%; margin: 100px 0; float:left; padding-left: 20%; position: relative}
		.event_col svg {position: absolute; left: 30%; top:0; width: 40px}
		.plus_landing h3 {font-size:3}
		.prd_category-cover {margin-top: 40px}
		.b_a h3 {text-align: center; margin-bottom: 50px; font-size: 3.5rem}
		.aics-container {width: 23%; margin: 1%; height: 47.5vh; float: left}
		.aics-container img {height: 47.5vh; width: 100%; object-fit: cover}
		.pre_footer {background: black; padding: 30px 0; margin-top:60px}
		
		#aics-1, #aics-2, #aics-3, #aics-4 {height: 100% !important}
		#aics-1 .images, #aics-2 .images, #aics-3 .images, #aics-4 .images{height: 500px !important}
		.fino_al {font-size:22px}
		.hp_plus .cta { margin: 50px auto !important}
		.hp_plus svg { width: 50px; margin: 0 auto}
		.hp_plus svg path {fill:#fff;}
		.event_box {padding: 100px 0}
		.event_box h2, .event_box h3, .event_box p {width: 100%; text-align: center}
		.event_box .cta { background: -webkit-linear-gradient(#3973b9, #e30613); color:#fff; padding: 20px 50px; font-size:18px; white-space: nowrap}
		.hp_plus ul {list-style-type: none; text-align:left; padding: 0 10%}
		.hp_plus ul li span { margin-right:30px}
		
		.plus_landing h3 {text-align:center !important}
		
		.guida_black {background: #000}
		.hp_products {position: relative}
		.hp_title_products_1 img {
    width: 300px;
}
		
		.swiper-button-prev, .swiper-button-next {z-index: 999}
/*		.hp_cover::before {  background-image: linear-gradient(to right, #000 , transparent); width: 100%; height: 100%; position: absolute; left: 0; top:0; content: ""}
*/		.cover .title_1 {padding: 0 0 !important}
		.hp_cover h1, .hp_cover h2 {font-weight: normal; text-align: left}
		.hp_cover h1 {font-size:40px}
		.hp_cover h3 {font-size:24px}
		.logo_landing {position: absolute; left: 7.5%; top:30px; width: 180px; z-index: 99; }
		.prd_category-cover h3 {color:white; text-align: left}
		.prd_category-cover .cta {    text-align: center;
    display: block;
    width: 320px;
    margin: 30px 0 !important;}
		 .hp_products .cta {    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
}
		
		.image-rgt, .image-lft {height: 100% !important}
		
		.hp_plus { background:#000 !important; background-image: url(); padding: 100px 0}
		.hp_plus h3 {text-align: center; color:#fff }
		.plus_title {  margin: 100px 0; }
		
				.guida_1 p, .guida_1 h3, .guida_1 .title_1 {padding: 10px !important}

		
		.blocks .title_1, .prd_category-cover h2, .plus_landing h3, .hp_plus h3, .event_box h2  {
    font-size: 3.5rem !important;
    padding: 0 0 !important;
}
		.blocks .title_1 {}
		.blocks, .guida_1, .guida_2, .guida_3 {height: 700px; display: flex; justify-content: center; align-items: center; flex-direction: column}
		.guida_1, .guida_2, .guida_3 {
  
    padding: 4%;
}
		
		.magazine {margin: 75px 0}
		
		.hp_products .cta {margin: 150px auto 100px auto!important}
		.hp_products h2, .plus_landing h3, .magazine h3, .form_container h3 {font-size:36px}	
	.form_container h3 {color:#fff}
		.magazine h3, .form_container h3 {text-align: center}
		.plus_landing h3  {text-align:left; margin: 50px 0 100px 0; padding-left: 5%;
    padding-right: 5%;}
		.plus_landing ul {margin: 20px auto; max-width: 850px}
		.plus_landing h4 {font-size:45px !important; background: -webkit-linear-gradient(#3973b9, #e30613);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
		.plus_landing ul {list-style-type: none;margin-bottom: 30px}
		.plus_landing ul li {position: relative; margin-bottom: 75px}
		.plus_landing span {font-size:132px; position: absolute; left: -150px; top:-50px; 
		 background: -webkit-linear-gradient(#e30613, #3973b9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
		}
		.swiper-pagination-bullet {
    background: #555;
}
		
		
		.hp_plus br {display: none}
		.swiper-pagination-bullet-active {
    background: #fff;
}
		
		.cta {transform: scale(1.3)}
		
		.plus_landing ul li p {font-size:18px}
				.plus_landing .cta, .magazine .cta {display: block;  background: #000; color:white !important; position: relative; top:-35px; margin: 0 auto !important; width: 230px; text-align: center}
		.plus_landing, .swiper_magazine {margin: 100px 0}




		.oppure { width: 120px !important;  display: inline-block; font-size:22px}
		.cta_container {display: flex; justify-content:center; margin: 50px 0; width: 100%}


.code_form {
    padding-top: 300px;
}
.after_form {
	color:#fff;
    width: 75%;
    float: right;
    padding: 30px 20px; border:1px solid #fff;
}
		.guida_1 .cta {background: none !important}
		
		.hp_plus h4 {color:#fff}


.title_1 {
	font-size: 4rem !important;}		
		
.form_submit input {padding:0 !important;     background-image: linear-gradient(to right, #e30613, #3973b9) !important;
    background: transparent;}
.consenso input {
	
	margin-bottom: 0 !important;
	float: right !important;
	width: auto !important;
	display: inline-block;
	outline: 0;
	padding: 6px 30px !important;
	border-radius: 45px;
	font-size: 12px;
	-moz-transition: color .15s ease-out, background-color .15s ease-out, border-color .15s ease-out;
	transition: color .15s ease-out, background-color .15s ease-out, border-color .15s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #ac1512 !important;
	cursor: pointer;
}
		
		.event_box .cta {margin: 0 10px !important; line-height: 90px}
		.pre_footer .event_col {width: 100%; margin: 30px 0}
		.pre_footer .col-lg-6 .event_col:nth-child(1) {margin-top: 40px}
		.pre_footer .event_col svg {
    position: absolute; fill:#fff;
			left: 50px;}
		
		.pre_footer .event_col p, .pre_footer .event_col h2, .pre_footer .event_col h4 {color:#fff}
		.form_column_textarea textarea {min-height: 290px}

		.whatsapp_text {clear: both; width: 100%; margin-top: 80px}
		.whatsapp_text .cta {
    margin: 30px auto 0 auto !important;
    display: block;
    width: fit-content;
}

.column_footer {
	width:25%; 
	float:left;
	margin-top:75px;    
	margin-bottom: 50px;
  }
.column_footer a{
color:white;
  } 
		.pre_footer .cta {position: relative; left: 60%; top:50px;}
		.pre_footer iframe {height: 600px}
.btn_form_container { margin-top:50px;  }
		
		.form_container {background: #000}

.form_container .container {padding: 0 80px;}
	
		.form_p {text-align: center; max-width: 800px; margin: 30px auto; font-size:20px; color:#fff}		
		
		.swiper_prd .secondary_img, .swiper_prd .first_img {width: 47.5%; float: left; margin:1.25% }
		.hp_products_kit {width: 60% !important; left: -10% !important; top:100px !important}
.swiper-slide_b .hp_products_kit {left: auto !important; right: -10% !important}
		.header_prd_landing p {color:white; padding-right: 25%}
		
		.form_column_textarea {width: 50%}
		
		.swiper-slide_b .hp_products_kit {left: 35%;}
		
		.guida_2 {
    background-image: url(https://www.divinablk.com/images/landing/prodotti_tot.png), linear-gradient(to bottom right, #000, #0d3361);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
		
		.first_img {margin-top: 30px !important}
		
		.header_prd_landing {margin-bottom: 35px}
		
		.swiper-container-cover_prd {
    height: auto;
}
		.hp_cover .title_1 {margin-top: 200px}
		
		.hp_plus h4 span {position: absolute; left: -150px}
		
		.hp_plus h4 {position: relative}
			
			.event_box .cta{ color:#fff !important }
		
		
				.price_bar {font-size:30px; line-height: 1}
		.price_bar span {font-size:3.5rem; position: relative; font-weight: bold}
		.price_bar span::before {content: "";position: absolute; top:37px; width:100%; height: 3px; background: #000; transform: rotate(30deg)}
.hp_products h2 {color:#fff; text-align: center; margin: 20px auto 100px auto}
.paragraph_1 {font-size:16px !important}
.loader img {max-width: 70px}
@media screen and (max-width: 1525px) {
	.hp_plus h2 {
    font-size: 26px !important;
}
	.hp_plus .row {
    margin-bottom: 20px;
}
	.plus_title {
    margin: 50px 0;
}
.title_1 {
    font-size: 2rem !important;
}
	.hp_cover h3 {
    font-size: 18px;
}
	
	.blocks .title_1, .prd_category-cover h2, .plus_landing h3, .hp_plus h3, .pre_footer h3 {
		font-size: 2rem !important; line-height: 1.2}
		
		}
		
		.pre_footer h3 {margin-bottom: 30px; color:#fff}
	.after_form h2 {font-size:24px !important}

@media screen and (max-width: 1250px) {	
	.aics-container {width:48%; height: 600px}
	.aics-container img {height: 600px}
		}
@media screen and (max-width: 992px) {	
	
	.plus_landing ul, .hp_plus ul {padding-left: 160px}
	.hp_products h2, .plus_landing h3, .magazine h3, .form_container h3 {
    font-size: 32px;
}
		
		.hp_plus h2 {
    font-size: 20px !important;
}
	
	.blocks .title_1 {
    font-size: 2.25rem !important;
	}
	
	
		}
		
		.event_box .cta {transition: all .3s;}
		.event_box .cta:hover {transform: scale(1.1); transition: all .3s;}
		
		@media screen and (max-width: 789px) {	
			
			.hp_products {padding-bottom: 150px !important}
			
			.code {font-size:20px !important; }
			
			.img_prd_code {
    position: absolute;
    bottom: -30px;
			z-index: -1;
    width: 220px;
    left: calc(50% - 110px);
}
			.header_event {padding:7px 20px }
					.hp_plus br {display: block}

			.pre_footer .event_col svg {position: relative; left: 0}
			.event_col svg {position: relative; left:0; widht:32px}
			.event_col {
    width: 100%;
    margin: 20px 0;
				
    float: left;
    padding-left: 0%;
    position: relative;
}
			
			.header_event a span {position:relative; top:4px}
			.plus_landing ul, .hp_plus ul {
        padding-left: 10px;
    }
			.hp_plus li span {position: relative; top:-10px}
			.hp_plus li {margin-bottom: 40px}
			.hp_plus h4 span {
    position: relative; 
    left: 0; margin-right:0;
}
			.event {margin-bottom: 50px}
			
			.event_box .cta {

    padding: 15px 40px;
    font-size: 16px;

}
			.event_col {text-align: center}
			
			.plus_landing h4 {
				font-size: 35px !important;}

			    .aics-container {
        width: 98%;
        height: 600px;
    }
			.event_box .cta {
				margin: 0 auto !important;}
			.cta_container {        justify-content: center;
        align-items: center;
        text-align: center;}
			.oppure {width: 100% !important}
			.price_bar {
				font-size: 18px;}
			.price_bar span::before {top:24px}
			.price_bar span {
				font-size: 2rem; }
			
			.fino_al {
    font-size: 18px;
}
			    .blocks .title_1, .prd_category-cover h2, .plus_landing h3, .hp_plus h3, .event_box h2, .pre_footer h3, .b_a h3 {
        font-size: 2rem !important;
    }
			.hp_plus h4, .event_box h3 {font-size: 1.15rem;}
			
			.plus_landing ul {padding:0 10px}
			
			.magazine .cta { position: relative; margin-top:90px !important; display: block}
			.hp_products h2, .plus_landing h3, .magazine h3, .form_container h3 {
    font-size: 26px;
}
			
			.secondary_img {display: none}
			
			
			.blocks, .guida_1, .guida_2, .guida_3 {
		height: auto;}
			
			.plus_landing span {
    font-size: 92px;
    position: relative;
    left: 0;
				top: 0;}
			
			.form_column input {
   
				margin: 0 0 .5rem;}
			
			.form_column_textarea textarea {
    min-height: 200px;
}
			img.hp_products_kit {
    width: 100% !important;
				left: 0; top:220px; transform: scale(1.1)}
			
			.swiper-slide_b .hp_products_kit {
    left: 0%;
}
			
			.header_prd_landing {
    margin-bottom: 0;
}
		.hp_products .paragraph_1 {
			min-height: 73px;
    padding-right: 10%; margin-top: 10px; font-size:14px !important
}
			
		.form_container .container {
    padding: 0 30px;
}	
			.swiper-button-next, .swiper-button-prev, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    fill: #fff;
}
			
		 .cta {
margin-top: 50px !important;
    width: fit-content !important;
}
			.form_column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
			.form_p {

    margin: 10px auto 50px auto;
    font-size: 16px;

}
.swiper_magazine img {
    width: 100%;
    transform: scale(1.5);
}
			
			.plus_title {
    margin: 30px 0;
}
			main {
    margin-top: 60px !important;
}
			.logo_landing {
    left: 7.5%;
    top: 30px;
    width: 140px;
}
			
			.title_1 {
    font-size: 1.75rem !important;
}
			.hp_cover h3 {
    font-size: 15px;
}
			
			.plus_landing ul li p {
    font-size: 16px;
}
			.plus_landing h3 {
				margin: 0px 0 50px 0;}
			.hp_products {
    padding: 50px 0 0 0;
}
			.hp_cover {background-position:68% !important;}
			
			.paragraph_1 {
    font-size: .9rem !important;
}
			.plus_landing {
    margin: 10px 0;
}
			.swiper_magazine {
    margin: 50px 0;
}		
			
			.plus_landing ul li {
    position: relative;
    margin-bottom: 25px;
}
			.hp_products h2 {margin-bottom: 30px}
			
			.hp_cover .title_1 {
    margin-top: 200px;
}.prd_category-cover .cta {
   
    margin: 10px 0 10px 0 !important;
}
			
			.blocks .title_1 {
    font-size: 2rem !important;
}
			.plus_landing ul {
    margin-bottom: 70px;
}
			
			.blocks .cta {margin: 0 !important}
			
			.prd_category-cover .swiper-slide, .hp_cover {
				height: 70vh; }
			.prd_category-cover h2 {font-size:1.75rem !important}
		}
		
		
			.code_form h2 {text-shadow: #000 1px 0 20px; font-size:40px !important; margin-bottom: 20px; line-height: 1.2 !important}
		
.comp {
    line-height: 1.3;
}
@media screen and (max-width: 750px) {

	
	.checkbox_consenso p {font-size:18px !important}
	
	.hp_cover::before {background: linear-gradient(0deg, rgba(0,0,0,.6) 35%, rgba(255,255,255,0) 100%); content:""; width: 100%; height:300px; position: absolute; bottom:0; left: 0}

	
	.comp {
    font-size:18px !important
}

	.hp_cover {height: 100% !important}
	.hp_cover br {display: block !important}
	.swiper-container-cover_prd {
        height: 100vh !important;
    }
	.blocks {margin-top: 40PX}
	.guida_3 .cta {position: relative; top:30px}
	
	.guida_1 h2, .guida_1 h3, .guida_1 a {position: relative; top:-40px}
	.code_form h2 {font-size:30px !important; margin-bottom: 10px}
	.hp_products_kit {top:200px !important; left: -10%}
	
		}

.guida_3 h2 span {font-size:25px}
.guida_3 h2 {text-shadow: #000 1px 0 20px;}
.blocks br {
        display: block !important;
}

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

	.code_form h2 {
		font-size: 26px !important;}
	.checkbox_consenso p, .comp {font-size:16px !important}
}

	.cta_land {background-color:#d300a5; color:#fff; padding: 10px 30px; border-radius: 30px; font-weight: bold; float: right; text-transform: uppercase; margin-top: 30px; transition: all .3s;}
			.cta_land:hover {background-color:#fff; color:#000; transition: all .3s; text-decoration: none}	
		.cover_black {width:100%; margin: 200px 0 0 0}
		
		.flipper {max-width: 80%; margin:0 auto; margin-bottom: 100px}
		
		.code_form {  padding-left: 15%}	
		
		.code_form h2 {color:#fff; font-size:32px !important; font-weight: bold}
		.code_form h2 span {color:#d300a5;}
		
		.input_submit {background-image: none !important; background: #d300a5; border-radius:30px}
		.after_form p {font-size:14px}
		footer .row_1 {margin-bottom: 20px !important}
.hp_products {
    padding: 0 0 50px 0;
}
		

		

		
	@media only screen and (max-width: 789px) {
		.input_submit {
			margin-top: 20px;}
		
		.input_mail {
 
			min-width: 100%;}
		.hp_products h2 {padding: 20px}
		.after_form {width: 90% ;position: relative; margin:0 auto; float: none; text-align: center !important}
		main {margin-top: 0 !important}
		.cover_black {
    margin: 150px 0 0 0;
}
.code_form {
    padding-top: 0px !important; padding-bottom: 10px;
    padding-left: 0%; margin-bottom: 20px;
}
		
		.after_form h2 {
    font-size: 18px !important;
}
}