@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	
}
@media (min-width:1500px) {
	html, body{
		background-size:  100% auto;
	}
}

html {
  scroll-behavior: smooth;
}

html {
  scroll-behavior: smooth;
}
#wrapper{
	min-height: 100%;
	position: relative;
}
div.body-content{
  /** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
	padding-bottom: 78px;
}
.footer{
	background:white;
	width: 96%;
	padding:10px 2%;
	position: absolute;
	bottom: 0;
	left: 0;
}


body:before {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	/*background-image:url("img/site/bg.jpg");*/
	/*background-color: rgba(235,245,255,1);*/
	background-attachment: fixed;
	background-position:center;
	background-size: auto 100%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbbbbb;
  opacity: 1; /* Firefox */
}



body,ul{
	font-family: 'Montserrat', sans-serif;
	color:#555555;
	margin:0;
	padding:0;
}
.header{
	background: -webkit-linear-gradient(left,rgba(255,96,119,1),rgba(255,145,96,1));
	position:absolute;
	padding:10px;
	width:calc(100% - 20px);
}
.centro{
	margin:0 auto;
	max-width:1200px;
	width: 95%;
}



/* FONTES			 FONTES			 FONTES			 FONTES			 FONTES			 FONTES			 FONTES			 FONTES			 */
.t30{
	font-size:30px;
	display:block;
	margin-bottom:5px;
}
.t20{
	font-size:20px;
	display:block;
	margin-bottom:5px;
}
.corrido{
	font-size:15px;
	color:#888;
	font-weight:400;
}
.h1home{
	color:rgba(255,96,119,1); font-weight: 200; font-size: 50px; margin: 0; line-height: 60px;
}
@media (max-width:1000px) {
	.h1home{
		font-size: 30px; line-height: 40px;
	}
}



@font-face {
	font-family: "Fonte1";
	src: url(../fontes/1.ttf) format("truetype");
}
@font-face {
	font-family: "Fonte2";
	src: url(../fontes/2.ttf) format("truetype");
}
@font-face {
	font-family: "Fonte3";
	src: url(../fontes/3.ttf) format("truetype");
}
@font-face {
	font-family: "Fonte4";
	src: url(../fontes/4.ttf) format("truetype");
}
@font-face {
	font-family: "Fonte5";
	src: url(../fontes/5.otf) format("truetype");
}
@font-face {
	font-family: "Fonte6";
	src: url(../fontes/6.ttf) format("truetype");
}
@font-face {
	font-family: "Fonte7";
	src: url(../fontes/7.ttf) format("truetype");
}
@font-face {
	font-family: "Fonte8";
	src: url(../fontes/8.otf) format("truetype");
}
@font-face {
	font-family: "Fonte9";
	src: url(../fontes/9.otf) format("truetype");
}


.fonte1{
	font-family: 'Fonte1';
	font-size: 3.5vw; 
}
.fonte2{
	font-family: 'Fonte2';
	font-size: 3vw; 
}
.fonte3{
	font-family: 'Fonte3';
	font-size: 4.6vw; 
}
.fonte4{
	font-family: 'Fonte4';
	font-size: 4.8vw; 
}
.fonte5{
	font-family: 'Fonte5';
	font-size: 3.2vw; 
}
.fonte6{
	font-family: 'Fonte6';
	font-size: 3.8vw; 
}
.fonte7{
	font-family: 'Fonte7';
	font-size: 2.2vw; 
}
.fonte8{
	font-family: 'Fonte8';
	font-size: 4.2vw; 
}
.fonte9{
	font-family: 'Fonte9';
	font-size: 2.8vw; 
}

@media (max-width:800px) {
	.fonte1{
		font-size: 7vw; 
	}
	.fonte2{
		font-size: 6vw; 
	}
	.fonte3{
		font-size: 9.2vw; 
	}
	.fonte4{
		font-size: 9.6vw; 
	}
	.fonte5{
		font-size: 6.4vw; 
	}
	.fonte6{
		font-size: 7.6vw; 
	}
	.fonte7{
		font-size: 4.4vw; 
	}
	.fonte8{
		font-size: 8.4vw; 
	}
	.fonte9{
		font-size: 5.6vw; 
	}
}










/* BARRA SUPERIOR		 BARRA SUPERIOR		 BARRA SUPERIOR		 BARRA SUPERIOR		 BARRA SUPERIOR		 BARRA SUPERIOR		 */

.foto_usuario{
	height:40px; 
	width:auto; 
	float:left;
}













/* HOME PERSONALIZADOR  		  	HOME PERSONALIZADOR  		  	HOME PERSONALIZADOR  		  	HOME PERSONALIZADOR  		  	*/
.btn_formato{
	padding: 5%; background-color: black; display: block; border-radius: 5px; color:white; text-decoration: none; width: 70%; margin: 10px auto; text-align: center; font-size: 15px;
	transition: background-color 0.5s;

}
.btn_formato:hover{
	background-color: green;
	transition: background-color 0.5s;
}
.lista_relacionados{
	list-style:none;
}
.lista_relacionados li{
	position: relative;
	border-radius:10px;
	width:20.5%;
	min-height:450px ;
	margin:10px 1%;
	padding:1%;
	text-align:center;
	float:left;
	background-color: white;
	border-bottom: solid 1px rgba(200,100,0,0.4);
}
@media (max-width:1000px) {
	.lista_relacionados li{
		width:45.0%;
	}
}
.lista_relacionados li img{
	width:100%; height:230px; object-fit:cover; 
}
.img_hover{
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 1s;
}
.lista_relacionados :hover .img_hover{
	opacity: 1;
	  -webkit-transition: opacity 1s;
}


.img_hover2{
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 1s;
}

.a_formato :hover .img_hover2{
	opacity: 1;
	  -webkit-transition: opacity 1s;
}



.comprar{
	background: -webkit-linear-gradient(left,rgba(255,96,119,1),rgba(255,145,96,1));
	border-radius: 4px; 
	padding:10px 2%; 
	color:white; 
	display:block; 
	width:96%; 
	text-align:center;
	 margin:0 auto; 
	text-decoration:none;
	}
.comprar:hover{
	background: -webkit-linear-gradient(left,rgba(255,145,96,1),rgba(255,96,119,1));

}


.blocos_infos{
	width: 29%; float: left;
	margin-bottom: 30px;
	padding: 1%;
}
@media (max-width:700px) {
	.blocos_infos{
		width: 98%; float: left;
	}
}



.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* PASSO A PASSO	  	PASSO A PASSO	  	PASSO A PASSO	  	PASSO A PASSO	  	PASSO A PASSO	  	PASSO A PASSO	  	*/
.passoapasso{
	width:96%; margin:0 auto; max-width:1000px; overflow:hidden;
}

	.pp_item{
		width:15.3%; 
		position:relative;
		font-size:13px;	
		float:left; 
		padding-left:1%;
		height:36px;
		border-bottom: solid 1px #ddd;
	}
	.pp_item a{
		text-decoration:none;
		float:left;
		padding:10px 0 0 3px;
	}
	.pp_item img{
		right:0; position:absolute;
	}

	.passoapasso_item1{
		background:green;   
	}
		.passoapasso_item1 a{
			color:rgba(255,255,255,0.5);  
		}
	.passoapasso_item2{
		background:rgb(80,160,80);  
		color:white;
		font-weight:bold;
	}
	.passoapasso_item3{
		background:white;   
		color:#888888;
	}



@media (max-width:700px) {
	.numero{
		display: none;
	}
}
@media (max-width:500px) {
	.numero{
		display: block;
		font-size: 17px;
	}
	.pagina{
		display: none;
	}
}









.mobile_out{
	display:block;
	float:left;
}
.mobile_in{
		display:none;
	
}
@media (max-width:800px) {
	.mobile_out{
		display:none;
	}
	.mobile_in{
	display: inline;
	}
}






/* CRIAÇAO DA CANGA  		 CRIAÇAO DA CANGA  		 CRIAÇAO DA CANGA  		 CRIAÇAO DA CANGA  		 CRIAÇAO DA CANGA  		  	*/
.mosaico_estampas{
	float:left; position:relative; width:18%; margin:10px 1%;
}
@media (max-width:1600px) {
	.mosaico_estampas{
		 width:23%;
	}
}
@media (max-width:1200px) {
	.mosaico_estampas{
		 width:31%;
	}
}
@media (max-width:800px) {
	.mosaico_estampas{
		 width:47%;
	}
}
@media (max-width:500px) {
	.mosaico_estampas{
		 width:98%;
	}
}


.mosaico_formato{
	float:left; position:relative; width:31%;
	margin: 1%;
}
@media (max-width:1000px) {
	.mosaico_formato{
		 width:42%;
		margin: 4%;
	}
}
@media (max-width:700px) {
	.mosaico_formato{
		 width:90%;
		margin: 5%;
	}
}


.btn{
	padding:10px 20px;
	background-color:rgba(255,96,119,1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	color:white;
	font-size:13px;
	font-weight: 600;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	border-radius:5px;
}
.btn:hover{
	background-color:white;
	color:black;
}
.btn_escolher{
position:absolute; text-decoration:none; padding:10px 20px; border-radius:10px;background: -webkit-linear-gradient(left,rgba(255,96,119,1),rgba(255,145,96,1)); color:white; bottom:20px; right:20px; z-index:999;
	font-size:13px; text-transform: uppercase; font-weight: 600;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
		border: 0;
	cursor: pointer;

}
.btn_escolher:hover{
	background:white;
	color:black;
}






.mosaico_fontes{
	padding-left:2%;
	float:left; 
	width:31%;
	height:80px;
	padding-top:20px;
}
@media (max-width:900px) {
	.mosaico_fontes{
		 width:48%;
	}
}
@media (max-width:600px) {
	.mosaico_fontes{
		 width:98%;
	}
}





.mosaico_posicao{
	overflow:hidden;
	float:left;
	position:relative;
	width:50%;
}
@media (max-width:800px) {
.mosaico_posicao{
		width:100%;
	}
}

.toalha_finalizar{
	position:absolute;
	z-index:999;
	
	 width:20vw;
	 height:20vw; 
	 right:20px; 
	 bottom:20px;
}
@media (max-width:800px) {
	.toalha_finalizar{
		 width:30vw;
		 height:30vw; 
		 right:0px; 
		 bottom:0;

	}
}

.textos_chapeu{
	margin: 0 8vw 3vw 0; float: left; font-size: 3vw;
}
@media (min-width:800px) {
	.textos_chapeu{
		margin: 0 4vw 1.5vw 0; float: left; font-size: 1.5vw;
	}
}







/* PAINEL		 PAINEL		 PAINEL		 PAINEL		 PAINEL		 PAINEL		 PAINEL		 PAINEL		 */

.menu_esquerda{
	list-style: none;
}

.menu_esquerda li{
	float: left;
}
@media (max-width:800px) {
	.menu_esquerda li{
		float: none;
		margin-top: 10px;
	}
	.menu_esquerda{
		display: none;
		margin-top: 30px;
	}
}