#novo-header, #como-funciona, #kuke-box, #faq, #description, #pratos-incriveis, #beneficios-bloco {
		margin:4% 80px;
		font-family: AvenirNext;
	}
	#cards{
		margin:0 80px;
	}
	.panel-group{
		padding:0 15px;
	}	

#novo-header h1, #como-funciona h1, #kuke-box h1, #pratos-incriveis h1, #beneficios-bloco h1{
    font-size: 4em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: bold;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
}

#novo-header h2, #como-funciona h2, #description h2, #kuke-box h2, #best-recipes h2, .depoimentos h2, .beneficios-clube h2, .faq h2, #pratos-incriveis h2, #beneficios-bloco h2{
    font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: bold;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
}

.beneficios-clube h2{
    font-size: 2em!important;
	padding-bottom:15px;
}


#novo-header h3, #como-funciona h3, #kuke-box h3{
    font-size: 1.7em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 300;
    line-height: 1.3;
}

#cinta-clube{
	background:#C4BDAE url(/static/fictix/assets/images/images-home-01-06-2022/bg-clube-draw.png) repeat-x center;
	color:#1d1d1b;
	text-align:center;
	
}

.kuke-home-text{
	width:min-content;
}
.kuke-home-imagem{
    margin: 12px 30px;
	
}

#footer-home{
	background:url(/static/fictix/assets/images/images-home-01-06-2022/bg-footer.jpg) center no-repeat;
	color:#FFF;
	padding:7% 1%;
}

#footer-home h2{
    font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: bold;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
	color:#FFF;	
}
#footer-home p{
    font-size: 1.7em;
    line-height: 1.3;
}

.steps{
	text-align:center;
	
}
.steps h2{
	font-size: 2em!important;
	display:block;
}
.steps .number{
	font-size: 16px!important;
    color: #fff;
	background:rgba(255,255,255,0.5);
    padding: 5px 10px;
    height: 35px;
    width: 35px;
    font-weight: bold;
    border-radius: 999px;
    float: left;
}
.steps p{
	font-size: 1.2em;
	color:#000;
}
.step{
	border-radius:15px;
	padding:10px;
	margin-top:15px;
    min-height: 180px;	
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);	
}

.step1{
	background:#677e8c;
	color:#fff!important;
}
.step1 .number{
	color:#677e8c;
}
.step2{
	background:#c0cb55;
	color:#000!important;
}
.step2 .number{
	color:#c0cb55;
}
.step3{
	background:#7d4a2b;
	color:#fff!important;
}
.step3 .number{
	color:#7d4a2b;
}
.steps .foto-step img{
	width:130px;
	height:130px;
	border-radius:999px;
	border:6px solid #000;	
}
.steps .foto-step {
	text-align:center;
}

.beneficios-clube{
	text-align:center;
	/* padding-top:50px; */
}

.beneficios-clube img{
	max-width:80px;
	margin:10px 0;
	margin-top:20px;
}

.beneficios-clube p{
	color:#000;
	line-height:1.3;
}
.video-js .vjs-big-play-button {

    width: 80px;
    height: 70px;
    padding: 35px;
    background: none;
    line-height: 70px;
    font-size: 70px;
    border: 5px solid;
    border-radius: 999px;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    color: #000;
}
.video-js:hover .vjs-big-play-button{
    background: none;
    color: #FFF;
}
.video-js .vjs-control-bar{
	background-color: rgba(0, 0, 0, 0.7); 
}
.video-js .vjs-load-progress div{
	background-color: rgba(100, 100, 100, 0.7); 
}

.video-js, .vjs-poster, .vjs-tech {
}

/* This appears to be needed because the control bar (or its contents) will otherwise break out of the player. */
.video-js .vjs-control-bar {
}

.button-green  {
    padding: 20px 24px;
    border-radius: 12px;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
    transition: transform .2s cubic-bezier(.25, .46, .45, .94);
    transition: transform .2s cubic-bezier(.25, .46, .45, .94),-webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
    font-family: Barlow,sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    text-align: center;
    letter-spacing: .12em;
    text-transform: uppercase;
    background-color: #c2c951;
    color: #1d1d1b;	
    display: -webkit-inline-box;
	margin-top:20px;
}
.button-green:hover{-webkit-transform:scale(1.125);-ms-transform:scale(1.125);transform:scale(1.125); color: #FFF; background:#000;	}

.owl-carousel .item{
	background:#FFF;
	border-radius: 12px;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 25%);
	margin: 16px;
	min-height:290px;	
}
.owl-carousel .item .foto{
	margin-left: -15px;
    margin-top: -15px;
	float:left;
	padding:0 15px 15px 0;
}
.owl-carousel .item .foto img{
	width:100px;
	height:100px;
	border-radius:999px;
	border:6px solid #000;		
}

.owl-carousel .item .nome{
font-family: Barlow,sans-serif;
color:#000;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.owl-carousel .item .lugar{
	font-family: Barlow,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.owl-carousel .item .depoimento{
	min-height: 96px;
	color:#1d1d1b;
    font-size: 16px;
	padding:25px;
	border-top:1px solid #e0e0e0;	
}
.owl-carousel .item .depoimento i{
	color:#ccc;
}

.owl-carousel .item .divisor{
	padding:15px 0 25px 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.banner-full{
	background:url(/static/fictix/assets/images/images-home-01-06-2022/bg-main-b2.jpg) no-repeat center;
	background-size:cover;
	min-height:80vh;
	text-align:center;
}

.banner-full p{
    color: #FFF;
    font-size: 20px;
}

.banner-full-2{
	background:url(/static/fictix/assets/images/images-home-01-06-2022/bg-main-b3-2.jpg) no-repeat center;
	background-size:cover;
	min-height:420px; 
	text-align:center;
}

.banner-full h2, .banner-full-2 h2{
    font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: bold;
    line-height: 1;
	font-family: 'Barlow', sans-serif;	
}

.banner-full h1{
    font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 600;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
	color:#FFF;
	text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.5);
	padding-top:30vh;
	margin-top:0;
}

.banner-full-3{
	background:url(/static/fictix/assets/images/images-home-01-06-2022/bg-main-b-video.jpg) no-repeat center;
	background-size:cover;
	min-height:60vh; 
	text-align:center;
}

.banner-full-2 h1{
    font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 600;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
	color:#FFF;
	text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.75);
	padding-top:15vh;
	margin-top:0;
}

 .banner-full-3 h1{
    font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 600;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
	color:#FFF;
	text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.75);
	padding-top:20vh;
	margin-top:0;
}

.banner-full-3 p{
    color: #FFF;
    font-size: 18px;
	padding:0 20%;
}

.banner-full-2 h3{
    font-size: 1.8em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 400;
    line-height: 1;
	color:#FFF;
	text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.75);	
}

.panel-title{
	font-size: 20px;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 600;
    line-height: 1;
	font-family: 'Barlow', sans-serif;
}

.panel-body, .panel-heading{
	padding:30px;
}
.panel-body{
	border-top-color:#FFF!important;
	padding-top:10px;
}

.config-button {
	    right: unset!important;
}

#novo-header h2, #description h2, #best-recipes h2, .depoimentos h2, .beneficios-clube h2, .faq h2{
    margin: 1.4em;
	margin-top:10px;
}
.kuke-section ul{
	margin-top:1em;
}
#best-recipes h2{
	margin-top:1.5em;
}

@media screen and (max-width: 768px) {
	#novo-header, #como-funciona, #faq, #description, #kuke-box, #pratos-incriveis, #beneficios-bloco {
		margin:30px;
		text-align:center;
	}
	.banner-full h1{
		padding-top:20vh;
		font-size: 2.4em;
		padding-left:20px;
		padding-right:20px;		
	}
	.banner-full-2 h1, .banner-full-3 h1{
		padding-top:15vh;
		font-size: 2.4em;	
		padding-left:20px;
		padding-right:20px;					
	}
	.banner-full-2 h3, .banner-full-3 h3{
		padding-left:20px;
		padding-right:20px;					
	}	
	.banner-full-3 p{
		padding:0 5%;
	}
	.navbar-nav{
		text-align:center;
	}
	.nav>li>a{
		display:inline-table;
	}
	
	#novo-header h1, #como-funciona h1, #kuke-box h1, #kuke-box h1{
		font-size: 2em;		
	}
	#novo-header h2, #description h2, #best-recipes h2, .depoimentos h2, .beneficios-clube h2, .faq h2{
		font-size: 2em;
		margin:2em 0;
	}
	#como-funciona h2, #kuke-box h2{
		font-size: 2.4em;
	}
	.banner-full h2, .banner-full-2 h2,.banner-full-2 h2{
    font-size: 1.4em;
	}
	#novo-header h3, #como-funciona h3{
    font-size: 1.8em;
	

	}
	.step h2{
	font-size: 1.6em!important;	
	}
	#cards{
		margin:0 30px;
	}
	.clubekukelogo{
		width:60%;
	}
	
}

@media screen and (min-width: 1600px) {
	#novo-header, #como-funciona, #faq, #description, #kuke-box, #pratos-incriveis, #beneficios-bloco {
		margin:4% 280px;
	}
	#cards{
		margin:0 280px;
	}
	.panel-group{
		padding:0 15%;
	}
} 
    
.carousel-inner .item{
	height:70vh;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.carousel-inner .item h1{
	font-size: 3em;
    letter-spacing: normal;
    text-transform: none;
    font-weight: 600;
    line-height: 1;
    font-family: 'Barlow', sans-serif;
    color: #FFF;
    text-shadow: 1px 0px 20px rgb(0 0 0 / 50%);    
    margin-top: 0;
}

.carousel-inner .item-namorados{
	background-image:url(/static/fictix/assets/images/images-home-01-06-2022/banner-namorados-pc.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}


.carousel-inner .item-namorados{
	background-image:url(/static/fictix/assets/images/images-home-01-06-2022/banner-namorados-pc.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}

.carousel-inner .item-nestle{
	background-image:url(images/banner-nestle-pc.jpg);
	background-size:cover;
	background-position:top left;
	background-repeat:no-repeat;
}

.carousel-caption{
	top:30vh;
	bottom:auto!important;

}

@media screen and (max-width: 768px) {
	.carousel-inner .item-namorados{
		background-image:url(/static/fictix/assets/images/images-home-01-06-2022/banner-namorados-mob.jpg);
		height:90vh;
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
	}
	.carousel-inner .item-nestle{
		background-image:url(/static/fictix/assets/images/images-home-01-06-2022/banner-nestle-pc.jpg);
		height:90vh;
		background-size:cover;
		background-position:top left;
		background-repeat:no-repeat;
	}
}

.carousel-indicators .active{
	background:#000;
}
.carousel-indicators li{
	border:1px solid #000;
}
.spacer-hack{
	padding:0 15%;
}
@media screen and (max-width: 768px) {
	.spacer-hack{
		padding:0 5%;
	}
}

.kuke-box-container{
    background-image: -webkit-gradient(linear,left bottom,left top,from(#1d1d1b),color-stop(89.9%,#1d1d1b),color-stop(90%,#fff),to(#fff));
    background-image: linear-gradient(0deg,#1d1d1b,#1d1d1b 89.9%,#fff 90%,#fff);
	}



.texto-banner-principal h1{
	font-size:4rem; 
	color:#000; 
	text-shadow:none; 
	font-family: 'Barlow', sans-serif; 
	text-transform:none;
	letter-spacing: 0;
}

.texto-banner-principal p{
	font-size:2rem; 
	color:#000; 
	text-shadow:none;
}

@media screen and (max-width: 768px) {
	.texto-banner-principal{
		text-align:center;
	}
}