.itens_mobile{display:block !important;}
.itens_main{display:none !important;}
/*-------------------------------------- CENTRAL */
.centralizar{
	position:relative;
	width:100%;
	left:0;
	margin-left:0;
}

/*-------------------------------------------------------------------- TEMPLATE*/

/*--------------------------------------------------------------- HEADER*/
header .info-header,header .itens,header .share,header .socials{display: none;}

header{
	height:85px;
	background:none;
	background-color: #545454;
}


header  .logo{
	width: 175px;
	height: 28px;
	position:absolute;
	margin-top: 27px;
	margin-left: -109px;
	left: 50%;
	object-fit: cover;
}

header  .logo img{width: 100%; height: 100%; position: relative;}


header nav{
	width:70px;
	height:85px;
	margin-top:0px;
	overflow:hidden;
	text-align:center;
	padding-top:85px;
	box-sizing:border-box;
	transition:0.3s;
	margin-right:0;
	z-index:10;
	margin-left:0;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #762d83;
}

header nav a#menu_mobile{
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:85px;
	background:url(../imagens/mobile/menu-mobile.png) center right no-repeat;
	margin-left:0;
}

header nav ul{
	width:100%;
	position:relative;
	height:auto;
	text-align:center;

	}

header nav ul li{
	padding: 0;
	float:none;
	margin-left:0;
	width:100%;
	display:block;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom: 5px;
	color:#fff;
	padding-bottom: 5px;
	border-bottom: 1px #903f9e solid;
}

#localizacao_mobile{
	width:100%;
	height:40px;
	position:fixed;
	display:block;
	bottom:0;
	text-align:center;
	z-index:5;
}
	
	
#localizacao_mobile a{
	width:50%;
	float:none;
	color:#fff;
	line-height:40px;
	font-size:0.9em;
	display:inline-block;
	z-index:2;
}
	
#localizacao_mobile a img{
	height:30px;
	width:auto;
	padding:5px 0;
}
	
#localizacao_mobile .ligar_mobile{ background-color: #feb117; }	
#localizacao_mobile .chegar_mobile{ background-color:  #42d5ff; }	
#localizacao_mobile .whats_mobile{ background-color:  #25d366; display: none;}	
/*--------------------------------------------------------------- HEADER*/

/*--------------------------------------------------------------- FOOTER*/
footer nav,footer .newsletter,footer .btns-footer .encontrar-footer,.assinatura p{display: none;}

footer{z-index:1; float:none;}
footer .topo-footer{height:auto; background:#000; padding-bottom: 20px;}

footer .logo{
	width: 175px;
	height: 28px;
	position:relative;
	margin-top: 27px;
	margin-left: -87.5px;
	left: 50%;
	object-fit: cover;
}
footer .logo img{width: 100%; height: 100%; position: relative;}

footer .btns-footer{
	float:none;
	margin-top:0;	
}

footer .btns-footer .loja-footer{
	width:90%;
	margin: 25px 5% 0 5%;
	height:60px;
	float:none;
	background:url(../imagens/sacola-header.png) center left 30px no-repeat;
	margin-right:0;
}
footer .btns-footer button:hover{
	width:80%;
	margin-left:0;
	margin: 25px 10% 0 10%;
	opacity:0.7;	
}

footer .content-footer{height:auto;	}

footer .social-footer{
	width:100%;
	height:auto;	
	left:0;
	margin-left:0;
	margin-top:25px;	
}

footer .social-footer img{
	display:inline-block;
	cursor:pointer;	
}

footer .social-footer p{
	padding-top:15px;
	font-family: 'ofelia_stdbook';
	font-weight:400;
	font-size:20px;	
}

footer .info-footer{
	width:90%;
	margin: 0 5%;
	height:auto;
	float:none;
	text-align:center;
	margin-top:25px;
	border-right:none;	
}

footer .info-footer h6{font-size:18px; padding-left:0;}
footer .info-footer p{padding-left:0; font-size: 15px;}
footer .info-footer p span{font-size: 15px;}

.assinatura {
	position:relative;
	margin-top:0;
	float:none;
	padding:0;
	bottom:0;
	height: 40px;
	padding-bottom: 45px;
	}
a.class {
	width:100%;
	height: 40px;
	background:url(../imagens/class.png)  center center no-repeat;
	float:none;
}

/*--------------------------------------------------------------- FOOTER*/

.breadcrumb{
	width:100% !important;
}

.breadcrumb h1{
	font-size:25px;
}

.breadcrumb p{
	font-size:15px;
}
	

/*-------------------------------------------------------------------- INDEX*/		
/*------------------------------------- BANNER */
#banner {
	width:100%;
	height:200px;
	position:relative;
	z-index:1;
	margin-top:0;
	float: none;
	overflow:hidden;
	
	}
	ul.owl-carousel	 {
	width:100%;
	height:100%;
	position:relative;
	list-style:none;
	}
#banner ul li {
	width:100%;
	height:200px;
	overflow:hidden;
	position:relative;}
#banner ul li img {
	width:100%;
	height:100%;
	position:absolute;
	margin-top:0;
	left:0;
	margin-left:0;
	object-fit:cover;	
  }
  
/*produtos*/
.produtos{height:auto;
	background:url(../imagens/bg-produtos-home.jpg) center top no-repeat;
	float:none;	
}

.produtos h2{
	font-size:25px;
	padding-top:20px;
}

.produtos p{
	color:#a75aa6;
	text-align:center;
	padding-top:10px;	
}

.produtos ul{
	width:100%;
	height:auto;
	position:relative;
    text-align: center;
}

.produtos ul li{
	width:320px;
	height:250px;
	float:none;
	margin: 15px auto 0;
    text-align: center;
}

.produtos ul li p{
	color:#fff;
	font-size:24px;	
}

.produtos ul li span{
	font-size: 27px;	
}
.produtos ul li .img-produto{    
    position: absolute; 
    left: 50%; 
    top: 50%; 
    height: auto; 
    width: auto; 
    transition: 0.3s; 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}

#produtos .owl-nav{display: none !important;}
/*produtos*/

/*busca*/
.busca{
	height:auto;
	float:none;
	background:none;
	background-color: #000;
	width: 90%;
	padding: 0 5%;
	text-align: center;
}

.busca .busca-left{
	width:100%;
	height:auto;
	position:relative;
	float:none;	
}

.busca .busca-left h3{
	font-size:25px;
	padding-top:25px;
	text-align: center;
}

.busca .busca-left p{
	color:#a75aa6;
	text-align: center;
	padding-top:10px;	
}

.busca .busca-right{
	width:100%;
	float:none;	
	margin-left:0;
}

.busca .busca-right input{
	width:100%;
	margin-top:25px;
	margin-left:0;	
}

.busca .busca-right button{
	margin-top:15px;
	background:none;
	margin-left:0;
}
/*busca*/

/*blog*/
.blog .blog-left button img,.blog .blog-left .video-blog,.blog .blog-right{display: none;}

.blog{
	width:90%;
	padding: 15px 5%;
	height:auto;
	background:none;
	background-color: #ae58a1;
	float:none;
}


.blog h4{
	margin-left:0px;
	text-align:center;
	padding-top:15px;
	font-size:25px;
}

.blog .blog-left{
	width:100%;
	height:auto;
	float:none;
	margin-top:20px;		
}

.blog .blog-left button{
	width:100%;
	margin-left:0;
	font-size: 15px;
}

.blog .blog-left button:hover{
	width:100%;
	opacity:0.7;
	margin-left:0;	
}

.blog .blog-left .img-video{
	width:100%;
	height:auto;	
	float:none;
	position:relative;
	left:0;
	margin-top:10px;	
	z-index:1;
}

.content-video{
	width:100%;
	height:auto;	
	float:none;
	position:relative;
	z-index:1;
}

.v3{
	margin-left:0;
	left:0;
}

.video-blog iframe{
	width:100%!important;
	height:auto!important;	
}
.blog .blog-left .video-blog p{
	color:#fff;
	width:100%;
	margin-left:25px;
	text-align:center;
	font-size:20px;
}
.blog h5{
	margin-left:0px;
	text-align:center;
	padding-top:15px;
	font-size:20px;
	color:#fff;
	float:none;
	margin-bottom:5px;
}
.blog .links{
	margin-left:0;
	display: block;
	width: 100%;
	padding-top:15px;
	text-decoration:underline;
	font-size:20px;
	color:#000;
	float:none;
	font-weight:bold;
	-webkit-transition:0.5s;
    -moz-transition:0.5s;
	text-align: center;
}
/*blog*/

/*colormake*/
.colormake{height:auto; position:relative; width: 90%; margin: 25px 5%;}

.colormake ul{width:100%; float: none; height: 250px;}
.colormake ul li{width:100%; margin-bottom: 20px;}

.colormake .texto-empresa{
	width:100%;
	float:none;
    height: auto;
}

.colormake .texto-empresa h5{
	font-size:22.5px;
	padding-top:0;
}

.colormake .texto-empresa p{
	width:90%;
	text-align:justify;
	padding-top:20px;
}

.colormake .texto-empresa button{
	width:90%;
	margin-left:5%;
	margin-right: 5%;
	margin-top:20px;
}
/*colormake*/
/*-------------------------------------------------------------------- INDEX*/	

/*-------------------------------------------------------------------- contato*/
.contato .c-left .p-contato img{display: none;}

.contato{padding: 30px 0;}

.contato .c-left{width:100%; float:none; margin-top: 15px;}

.contato .c-left h2{
	text-align:center;
	font-size:20px;
	padding-top:35px;
}

.contato .c-left p{
	color:#757575;
	font-size:14px;	
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
}
.contato .c-left .p-contato{padding-bottom:5px; line-height:normal;}


.contato .c-right{
	width:90%;
	height:auto;
	position:relative;
	float:none;
	background:none;
	margin: 15px 5% 10px 5%;
	padding-top:0px;
	text-align: center;
}

.contato .c-right input{
	width:100%;
	margin-left:0;
	border:none;
	border-bottom:2px #c9c9c9 solid;
	outline:none;
	padding-bottom:15px;
	padding-top:15px;
}

.contato .c-right textarea{
	width:100%;
	margin-left:0;
	height:140px;
	border:none;
	border-bottom:2px #c9c9c9 solid;
	outline:none;
	resize:none;
	padding-top:30px;
	font-family: 'ofelia_stdbook';
}

.contato .c-right button{
	width:256px;
	height:52px;
	float:none;
	border:none;
	border-bottom:2px #c9c9c9 solid;
	outline:none;
	margin-right:0;
	margin-top:20px;
	background:url(../imagens/bg-button-contato.png) center top no-repeat;
	font-family: 'ofelia_stdbook';
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	}
	
	.contato .c-right button:hover{
		opacity:0.7;	
	}
/*-------------------------------------------------------------------- contato*/

/*-------------------------------------------------------------------- empresa*/
.content-empresa{padding: 25px 5%; box-sizing: border-box;}

.content-empresa .texto-empresa{
	width:100%;
	height:auto;
	position:relative;
	float:none;
}
.content-empresa .texto-empresa h5{font-size:25px; padding-top:0;}

.content-empresa .texto-empresa p{
	line-height:25px;
	padding-top:0px;
	margin-top: 15px;
}

.content-empresa .img-colormake{
	width:100%;
	height:auto;
	float:none;
	margin: 0;
	margin-bottom: 20px;
}

.galeria{
	width:100%;
	float:none;
	margin-top:20px;	
}

.galeria ul{
	width:100%;
	height:auto;
	position:relative;
}
.galeria ul li{
	width:100%;
	float:none;
	height:auto;
	position:relative;}
	
/*-------------------------------------------------------------------- empresa*/

/*-------------------------------------------------------------------- blog-inside*/
.blog-inside{float:none; margin-top:0; padding: 25px 0;}

.blog-inside .topo-blog{
	width:100%;
	left:0;
	margin-left:0;
	float:none;
	margin-top:0;
}

.blog-inside .topo-blog h2{
	font-size:25px;
	padding-top: 25px;
}
.blog-inside .topo-blog p{
	width:100%;
}

.blog-inside .social-blog{
	width:100%;
	height: auto;
	text-align: center;
	float:none;
	margin-top:20px;
	margin-left:0;
	}
	
.blog-inside .social-blog p{
	line-height:normal;
	margin-right:0;
}

.blog-inside .social-blog img{
	float:none;
	margin-left:0;	
}

.blog-inside .video-blog{
	width:90%;
	height:auto;
	float:none;
	left:0;
	margin: 25px 5% 0 5%;
}

.blog-inside .descricao-blog{
	width:90%;
	margin-top:25px;
	float:none;
	margin-left:5%;
	margin-right: 5%;
}

.blog-inside .comentarios{
	width:90%;
	margin-top:25px;
	float:none;
	margin-left:5%;
	margin-right: 5%;		
}


.blog-inside .comentarios h4{
	font-size:35px;
	padding-bottom:10px;
	color:#474747;
	font-family: 'ofelia_stdlight';
	text-align:center;
}
.blog-inside .comentarios img{width: 100%; height: auto; position: relative;}
/*-------------------------------------------------------------------- blog-inside*/

/*-------------------------------------------------------------------- list-blog*/
.list-blog{
	width:100%;
	height:auto;
	position:relative;	
}

.v2{
	height:auto;
	float:none;
}

.v2 h4{
	font-size:25px;
	padding-top:20px;
}
.v2 h4 span{
	font-size:25px;
}


.list-blog .blog-right{
	float:none;
	margin-top:25px;
	margin-bottom:15px;	
}

.list-blog .blog-right ul{float: none; box-sizing: border-box; padding: 0 5%;}
.list-blog .blog-right ul li{
	width:100%;
	height:232px;
	float:none;
	margin-left:0;
}

.list-blog .blog-right ul li .fade-blog{
	width:100%;
	height:100px;
	z-index:1;
	text-align: center;
}
.list-blog .blog-right ul li .fade-blog p{
	width:100%;
	margin-top:15px;
}
/*-------------------------------------------------------------------- list-blog*/


/*-------------------------------------------------------------------- linha*/
.banner-linha{
	height:auto;
	float:none;
	margin-top:0px;
	box-sizing: border-box;
	padding: 0 5%;
}

.banner-linha img{
	position:absolute;	
}

.banner-linha h1{
	width:100%;
	float:none;
	text-align:center;
	font-size:20px;
	padding-top:25px;
}
.banner-linha h1 span{font-size:25px;}

.banner-linha p{
	width:100%;
	text-align:center;
	float:none;
	line-height:normal;
}

.list-produtos{
	width:90%;
	margin: 0 5%;
}

.list-produtos ul{
	float:none;
}

.list-produtos ul li{
	width:100%;
	height:auto;
	float:none;
	margin-top:20px;
	margin-left:0;
}
.list-produtos ul li img{
	width:50%;
	height:auto;
	margin-left:0;
	margin: 0 25%;
}

.list-produtos ul li .title-produto{
	width:100%;
	height:50px;
	position:relative;
	border-top:2px #975797 solid;
	margin-top:10px;
	background:#fff;
	-webkit-transition:0.5s;
    -moz-transition:0.5s;
}

.list-produtos ul a{
	color:#975797;	
}

.list-produtos ul li .title-produto p{
	width:90%;
	text-align:center;
	font-family: 'ofelia_stdlight';
	padding:5px 0px;	
}

.list-produtos ul li:hover .title-produto{
	background:	#975797;
	color:#fff;
}
/*-------------------------------------------------------------------- linha*/

/*-------------------------------------------------------------------- banner-produto*/
.banner-produto{
	height:auto;
	float:none;
	margin-top:-146px;
	padding-bottom: 35px;
}



.produto-inside{
	height:auto;
	z-index:1;
	width: 90%;
	margin: 0 5%;
	
}

.produto-inside .p-left{
	width: 100%;
	height:auto;
	float:none;
	margin-top:20px;
}


.produto-inside .p-left button{
	padding:15px 35px;
	color:#fff;
	background:#a75aa6;
	font-size:22px;	
	margin-top:20px;
	border-radius:6px;
	border:none;
	outline:none;
	cursor:pointer;
		-webkit-transition:0.5s;
    -moz-transition:0.5s;
}

.produto-inside .p-left button:hover{
	opacity:0.8;	
}

.produto-inside .p-right{
	width:100%;
	height:auto;
	float:none;	
	margin-top:20px;
}
.produto-inside .p-right span{
	width:100%;
	height:auto;
	position:relative;
	float:none;
	margin-left:0;
	margin-top:15px;
}

.produto-inside .p-right img{
	
	max-width: 100%;
	max-height: auto;	
}

.video-inside{
	margin-top:15px;
	float:none;
	margin-bottom:10px;
}

.video-inside img{
	width:100%;
	height:auto;
	float:none;
	margin-right:0;		
}

.video-inside h3{
	padding-left:0;	
}


.formulario-produto-inside{
	width:100%;
	height:auto;
	position:relative;
	background:url(../imagens/bg-form-contato.jpg) center top no-repeat;
	clear:both;	
	
}

.formulario-produto-inside h4{
	padding-top:20px;
	font-size:30px;	
}

.formulario-produto-inside span{
	width:100%;
	float:none;
	
}

.formulario-produto-inside span input{
	width:100%;
	float:none;
}

.formulario-produto-inside  textarea{
	width:100%;
	float:none;	
}

.formulario-produto-inside .content-formulario{
	width:100%;
	height:auto;}
	
.formulario-produto-inside  button{
	width:100%;
	margin-left:0;
	float:none;
}


.content-busca{
	float:none;
	margin-top:10px;
	padding-bottom: 20px;
    box-sizing: border-box; padding: 25px 5%;
}

.content-busca h2{
	font-size:20px;
}

.content-busca ul{
	margin-top: 15px;
    text-align: center;
}

.content-busca ul h3{
	font-size:15px;
	padding-bottom: 7.5px;
}

.content-busca ul li{
	width: 90%;
	margin: 25px auto 0;
	position: relative;
	height: auto;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border:#a75aa6 1px solid;
	padding: 25px;
}
.content-busca ul li h4,.content-busca ul li p{width: 100%; margin-bottom: 20px; color:#a75aa6;}
.content-busca ul li h4{font-size:20px; font-weight: 300;}
.content-busca ul li p{font-size:17px; font-weight: bold;}
.content-busca ul li p span{font-size:14px; color:#474747; display: block;}