/* Theme Name: Bela Mana
	Version: v.1.0 
	Author: Vila de Bortoli */

.logo{
	padding: 0 30% 0 0;
    display: block;
}

.swiper-button-prev, .swiper-button-next{
	border-radius:100%;
	width:50px!important;
	height:50px!important;
	display:flex;
	align-items:center;
	justify-content:center;
	bottom:auto!important;
	top:50%!important; 
	background:none!important;
	color:#000!important
}

.swiper-pagination span{
	background:#ccc!important;
	border-radius:100%!important;
	margin: 0 3px;
	border: none!important
}
.swiper-pagination .swiper-pagination-bullet-active{
	background:#000!important;
}

.efect{
	transition:all 0.6s;
	filter: blur(30px);
	opacity:0;
	width: 100%;
}
.efectimgno{
	transition:all 0.6s;
	filter: blur(0px)!important;
	opacity:10!important;
 }
     


 .slider-top{
	height:100vh;
  } 
  

#slider{
	margin-bottom:0!important
}

.menu-item-876{
	padding-right:0!important;
}
.icon-busca{
	display: inline-block!important;
	width:30px!important;
	height:30px!important;
	background: url(images/icon-busca.png) center center no-repeat!important; 
	background-size:cover!important;
 	cursor: pointer!important;
	border-radius:0!important;
	padding:0!important;
}

.imagem-f1{
	background: url(images/f1.png) top left no-repeat; 
	background-size:cover;
	width:525px;
	height:250px;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto 0;
	bottom: -125px;
	z-index:2;
}


.head-int .header{
 	background:#fff;
	position: relative;
	padding: 15px 0;
	border-bottom: solid 1px #B78B3C
}
 
.header-home{
	background: #000000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 72%);
	padding: 0px 0 40px 0!important;
}
 

.header{
	padding: 10px 0;
	width:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:9;
}
 
.container-int{
	padding: 60px 0;
 	
}
.title-page{
	font-size:28px;
	color:#000
}
.title-page b{
	color:#000
}


 
	 /*nav*/
	.nav{
 		margin:0!important;
		justify-content: flex-end;
 	}
	 .nav .menu-item {
		 position: relative;
		 display: inline-flex;
		 align-items:center;
		  padding: 7px 20px;
   	}
	 
	 .nav .menu-item a{
		 color:#000!important;
		animation-duration
		 display: inline-block;
 		 font-size:13px;
		 font-weight:300;
   	}
	 .head-home .nav .menu-item a{
		 color:#fff!important;
   	}
	
	
	
	
	
	.current-menu-item a{
		font-weight:700
	}
 
	 .nav .menu-item:hover a {
		 color:#33315F;
	}
	.nav .menu-item ul {
		 display:none;
		
		position: absolute;
		left: 10px;
		top: 100%;
		text-align: left;
		padding: 0;
   	}

	.nav .menu-item ul .menu-item {
		border-top: solid 1px #ccc;
		width: 100%;
		background: #fff;
	}
	.nav .menu-item ul .menu-item a {
		 white-space: nowrap;
		display:block;
		
	}



	.nav .menu-item:hover ul {
		 display:block
   	}
 
 	.nav  .menu-item a span{
		background:#000;
		padding: 7px 12px;
		border-radius:50px;
	}
 
 
 .nav-cat {
	padding:0;
	margin:0;
	list-style:none;
	display:flex;
	justify-content:center;
	background:#000;
   }
  
   
 .nav-cat li{
 	margin:0;
	list-style:none;
	display:inline-block;
	position: relative;
	padding:10px ;
 }
 
 
 .nav-cat li a{
	 display:block;
 	color:#fff!important;
	 font-weight:400;
	 font-size:13px;
  }
 
 
  .nav-cat li ul{
	 position: absolute;
	 padding:0;
	 margin:0;
	 top:100%;
	 z-index:99;
	 display:none;
	 min-width:200px;
  }
   .head-int  .nav-cat li ul li{
	 display:block;
	 padding: 0 15px;
	 background:#f1f1f1;
  } 
     .head-int .nav-cat li ul li a{
	 background:#f1f1f1;
  }

  
    .nav-cat li:hover ul{
	 display:block;
  }
  .nav-cat li ul li{
	 display:block;
	 padding: 0;
  } 
  .nav-cat li ul li a{
	 display:block;
	 color:#000!important;
	 padding: 10px;
	 margin:0!important;
	 font-weight:400;
	 font-size:13px;
	 border-top:solid 1px #ccc;
	 background:#fff;
  }
 
 .item-cat-slider h6{
	 color:#000!important;
	 display: inline-block;
	 margin: 10px 0 0 0;
	 font-size:13px!important;
	 font-weight:400!important;
 }
 .img-cat{
	 border-radius:100%;
	 width:80px;
	 height:80px;
	 border: solid 3px #000;
	 display: inline-block;
 }
 
 .btn-cat{
	 justify-content:center!important;
	 align-items:center!important;
	 background:#ccc!important;
	 color:#333!important;
	 width:30px!important;
	 height:30px!important;
	 border-radius:100%!important;
	 top:35%!important;
 }
 
 
 
 
 
 .nav-cat-int {
	padding:0;
	margin:10px 0 0 0;
 	display:block;
	width:95%;
 }
  
    .nav-cat-int li {
 	display:block;
 }
 .nav-cat-int li a{
 	margin:0;
 	display:block;
	position: relative;
	padding:8px 0 ;
	font-weight: 600;
	
	color:#000!important
 }
  .nav-cat-int li ul {
	padding:0;
	margin:5px 0 0 0 ;
 }
  .nav-cat-int li ul li a{
	font-weight: 400;
	border-top: solid 1px #ccc;
	font-size:13.5px;
 }
 
 
 @media screen and ( max-width: 768px ) {
		
		  
	.title-cat-side{
		position: relative;
		display: flex;
		align-items:center;
		justify-content: space-between;
	}
	.title-cat-side:after{
		position: absolute;
		font-size:20px;
		font-weight:600;
		content:"-";
		right:0;
		z-index:1;
	}
	.actic-titve:after{
		content:"+"!important;
	}
}	
 
	/*session-open*/
	.session-open{
		padding:80px 0;
 		position: relative;
		
   	}
	.session-open p{
		font-size:16px;
    	}
	  
   .session-destaque-2{
 	padding: 80px 0;
  }
  
  .line-color{
	  background: rgb(184,139,60);
		background: -moz-linear-gradient(90deg, rgba(184,139,60,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(184,139,60,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(90deg, rgba(184,139,60,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b88b3c",endColorstr="#ffffff",GradientType=1);
 		height:3px;
		width:50%;
		display: inline-block;
  }
 
	 /*session-destaque*/
	.session-destaque{
		padding: 80px 0 70px 0;
		position: relative;
   	}
 
	 
	 .session-destaque  h2{
 		font-weight:300;
		font-size:36px;
  		margin: 0 0 15px 0;
		color:#000;
		line-height:42px;
	} 
	.session-destaque  h2 b{
 		font-weight:600;
  	}
	.session-destaque  p{
		font-size:16px;
  		margin: 0;
	}
	
	
	 .row-revert:nth-child(even){
		flex-direction: row-reverse;
		text-align: right;
	 }
	
	 .row-revert{
		 margin-bottom:20px;
 	 }
	.row-revert h3 {
 		font-weight:300;
		color:#000;
		margin: 0 0 10px 0;
	}	
	.row-revert h3 b {
 		font-weight:600;
		display:block
	}
	
	.row-revert span {
		font-size:15px;
		font-weight:300;
		color:#000;
		margin: 0 0 30px 0;
		display:block;
		font-style:italic;
		position:relative;
	}
	.row-revert span:before {
		content:"";
		width:250px;
		bottom:-15px;
		left:0;
		height:2px;
		transform: rotate(180deg);
		position: absolute;
		background: rgb(184,139,60);
		background: -moz-linear-gradient(-90deg, rgba(184,139,60,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(-90deg, rgba(184,139,60,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(-90deg, rgba(184,139,60,1) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b88b3c",endColorstr="#ffffff",GradientType=1);
	}	
		
	.row-revert:nth-child(even) span:before {
 		left:auto;
		right:0;
		transform: rotate(0deg);
	}	
		
	
	
	
	
	.item-produto h3 {
 		font-weight:300;
		color:#000;
		margin: 0 0 10px 0;
	}	
	.item-produto h3 b {
 		font-weight:600;
		display:block
	}
	
	.item-produto span.sspan {
		font-size:15px;
		font-weight:300;
		color:#000;
		margin: 0 0 40px 0;
		display:block;
		font-style:italic;
		position: relative;
	}
	.item-row-produto h6 {
 		font-weight:400;
		color:#000;
 		font-size:14px;
	}
	.item-row-produto{
		padding:15px;
 	}
	
	
	
.item-produto p {
	color:#000
}
	
 
	.item-produto img {
		max-height:480px;
		width:auto;
		max-width: 100%;
		height: auto;
	}
 
 
	
	.flor{
		position: fixed;
		right:0;
		top: 40%;
		width:70px;
		height:auto;
	}
	
	.flor2{
		position: fixed;
		left:0;
		top: 65%;
		width:40px;
		height:auto;
 	}
	
	 .redes a {
		display: inline-block;
		font-size:15px;
		margin: 0 15px 0 0;
		color:#fff!important;
 	} 
 
 
	 .session-footer{
 		 color:#fff;
  		 background-color:#333;
		 padding: 20px 0;
	 }	
 
	 
	
	.copy{
		padding:10px;
		font-size:11px;
		color:#6D70B4;
 	}
	
	.item-footer{
		display: inline-flex;
		align-items:center;
		margin: 0 20px 0 0;
		font-size:12px;
	}
	.item-footer img{
		display: inline-block;
 		margin: 0 10px 0 0;
		width:auto;
		height:30px;
	}
	.item-footer span b{
		display:block
	}
 
 
	

	
	/*page*/
	.container-light{
		padding: 80px;
		font-weight:300
	}
	.title-light{
 		font-weight:300;
		font-size:32px;
 	}
	.container-sobre{
		padding: 10%
	}
	
	.row-reserve{
		padding:50px 0;
	}
	.row-reserve:nth-child(even){
		flex-direction: row-reverse;
		display:flex;
	}
	.row-reserve-container{
		padding:50px;
	}
	.row-reserve-container h3{
		font-weight:300
	}
	
	
	
	
	.bread{
		font-size:12px;
 	}
	.bread a{
		font-size:12px;
		color:#fff!important
 	}
	.bread li{
		display: inline-flex;
		padding: 0 10px;
		aling-items:center;
		text-transform:uppercase;
	}
	.bread li span{
		position: relative;
	}
	.bread li span.active-h:before{
		position: absolute;
		background:#4FDE77;
		width:100%;
		left:0;
		height:2px;
		bottom:-2px;
		content:"";
	}
	
	 
	.close-nav{
		 font-size:25px;
		 position: relative;
		top: -5px;
		 color:#5f4eb9 
	}
	.ic-menu{
		 font-size:25px;
		color:#33325f 
	}	.head-home .ic-menu{
 		color:#fff 
	}
	 
	.content-nav-mobile{
		position: fixed;
		top:0;
		left:-100%;
		z-index:9999;
		background:#fff;
		height:100%;
		width:100%;
		padding:30px;
		transition: all 0.5s;
	}
	
	.nav-mobile{
		position: relative;
		list-style:none;
		padding:0!important;
		margin:0!important;
	}
	
	.nav-mobile li {
		width:100%;
	}
	.nav-mobile li a{
		border-top: solid 1px #ccc;
		padding:20px 0;
		color:#000!important;
		width:100%;
		display:block;
 	}
	.nav-mobile li .sub-menu {
		display:none;
	}
	.nav-mobile li:hover .sub-menu {
		display:block;
	}
	
	 
	.bread{padding:0}
	
	.sliderc{
		justify-content:center
	}
	.container-single{
		padding: 50px 0;
	}
	
	.img-unidade img{
		border-radius: 12px 0 12px 0;
	}
	
	.img-single img{
		border-radius: 0 0 22px 0;
	}
 
	@media screen and ( max-width: 768px ) {
		
		
		#filtro-categorias select, #filtro-categorias input, #filtro-categorias button{
			width:100%;
			margin: 3px 0!important;
		}
		#filtro-categorias label{
			display:none
		}
		
		
		
		.icon-card {
 				top: 60%!important;
 			}


		
		.session-destaque h2 {
			line-height: 32px;
			text-align: center;
		}
		.item-produto h3 {
			font-size: 22px;
		}
		
		
		
		 .nav-cat-int{
			 display:none
		 }
		 .container-int {
				padding: 30px 20px;
			}
		 
		 .busca-float {
			padding: 30px!important;
		}
		
		.lupa-busca{
			width:100%;
			margin-top:10px;
		}
		 .campo-busca{
			width:100%!important;
 		}
		 
		 .title-cat-side{
			 padding: 14px;
			background: #fff;
			border-right: solid 15px #fff;
			border-radius: 6px;
			font-size: 18px;
			box-shadow: 0 0 7px 3px #ddd;
		 }
		 
		 
				
}	

		.item-novidade img{
			border-radius:12px 0;
		}
		.item-novidade h4{
			font-size:17px
		}
		

	
	@media screen and ( max-width: 481px ) {
		 
		 
		 
		 
		 
	}
	
  
  .gallery-item img{
	  border-radius:100%!important;
	  border: 5px solid #FFF!important;
	padding: 4px!important;
	background: #000!important;
	transition: all 0.5s;
  }	 
  .gallery-item:hover img{
	background: #ccc!important;
	transition: all 0.5s;
  }	
  
  
    
 .ic-close-busca{
	    background: url(images/ic-close-busca.svg) center center no-repeat;
	   background-size:cover;
	   display: inline-block;
	   width:20px;
	   height:20px;
	   content:"";
	   margin:0 5px 0 20px;
  }
   .busca-float{
	 position: fixed;
	 z-index:999;
	 height:100vh;
 	 background-color:#fff;
	 padding: 80px;
	 top:0;
	 right:-100%;
	 width:100%;
	 transition: all 1s;
 }
.campo-busca{
	border-radius:12px;
	padding:10px 20px;
	border: solid 1px #333;
	width:90%;
	outline:none;
}
.lupa-busca{
	padding:10px 15px;
	border:none;
	border-radius:8px;
	outline:none;
	color:#fff;
	cursor: pointer;
	background:#000
}
.busca-float  .redes a{
	font-size:20px!important;
	color:#F28D36!important;
}

#filtro-categorias select, #filtro-categorias input{
	padding: 6px 15px;
	border-radius:8px;
}
#filtro-categorias button{
	padding: 6px 15px;
	border-radius:8px;
	background:#000;
	color:#fff;
}


@media print { .no-print { display: none !important; } } 


.row-catalogo:nth-child(even) .row-catalogo-int{
	flex-direction: row-reverse;
    text-align: right;
}
.row-catalogo-int{
	border-bottom: solid 1px #bbb;
	padding-top:20px;
	padding-bottom: 20px;
}
.menu-list, .menu-print{
	cursor: pointer;
	font-size:20px;
	display: inline-block;
	color:#000!important
}
 .menu-print{
	margin-left:15px;
	
}

 .seta-up{
		 display:none;
		 position: fixed;
		 width:50px;
		 height:50px;
		 font-size:25px;
		 text-align:center;
		 color:#fff;
		 padding: 5px 0 0 0;
		 border-radius:100%;
		 background-color: rgba(0,0,0,0.5);
		 z-index:99;
		 right:2.3%;
		 bottom:110px;
		 cursor: pointer;
	} 
	
	
	.click-whats{
 		 position: fixed;
		 width:50px;
		 height:50px;
 		 text-align:center;
  		 border-radius:100%;
		  background: url(images/logo-w.png) center center no-repeat;
		background-size:cover;
		 z-index:99;
		 right:2.3%;
		 bottom:50px;
		 cursor: pointer;
		 display:block;
		 border: solid 8px #00E252;
	}
	 
	 
	 .icon-card{
 		 position: fixed;
		 width:50px;
		 height:50px;
 		 text-align:center;
  		 border-radius:100%;
		  background: url(images/icon-cart.svg) center center no-repeat;
		background-size:50%;
		 z-index:99;
		 right:2.3%;
		 top:20px;
		 cursor: pointer;
		 display:block;
		 border: solid 1px #333;
		 background-color:#fff;
	}
	 
	 
	 
	 
	 .form-add-carrinho input{
		border-radius:50px;
		width:80px;
		margin: 0 5px;
		padding: 5px 5px 5px 10px;
		text-align:center;
 	 }