﻿				/*-------------------------------- GLOBAL --------------------------------*/
				
				body{
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;  
					
				}
				
				.p_titulo {
					color:gray;	
					text-align:left;				
				}

				.div_total{
					min-width: 350px;
				}

				#glass {					
					border-radius: 50%;
					box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
					display: none;
					background-repeat: no-repeat;
					background-color: rgba(0,0,0,.6);					
				}

				.btn-group-xs > .btn, .btn-xs {
					padding: .25rem .4rem;
					font-size: .875rem;
					line-height: .5;
					border-radius: .2rem;
				  }

				/* ZOOM NA FOTO */
				/* #glass {
					position: absolute;
					border-radius: 50%;
					box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
					display: none;
					background-repeat: no-repeat;
					background-color: rgba(0,0,0,.6);
				} */
				
				
				
				/*-------------------------------- CABEÇALHO --------------------------------*/			

				.header{
					display:flex;
					flex-direction: column-reverse;					
				}
				
				/* LINHA LOGO */
				.cabecalho_logo{					
					height: 90px;
					background:white;
				}

				/* DIV LOGO */
				.div_logo{
					display:flex;
					align-items: center;
					justify-content:center;
					order: 0;
				}
					.cabecalho_logo_img{
						width:90%;
					} 


				/* DIV PESQUISAR */
				.div_pesquisar{
					display:flex;
					align-items: center;
					justify-content:center;
					order:0;
				}

					.div_input_pesquisar{
						margin-top:4%;
					}

				/* DIV CARRINHO */

				.div_carrinho_geral{
					order:0;
				}

				.div_head_info{
					display: flex;
					align-items: center;
					justify-content:space-around;
					
				}

				
				.head_info_zap {
					font-size:14px;
					color:black;
				}

				.head_info_zap > i {
					font-size:17px;
					color:#4bc95a;
				}

				.head_info_insta{
					font-size:17px;
					color:#7c35b7;
				}

				.head_info_youtube{
					font-size:17px;
					color:#db1d1d;
				}

				.div_head_carrinho{
					margin-top: 1%;
				}

				.div_carrinho{
					height:55px;
					background: #DCDCDC;
					border-radius: 10px; 					
				}

				.bt_ver_carrinho{
					cursor: pointer;
				}

				.div_carrinho >  div:nth-child(1){
					border-bottom:1px solid gray;
					font-size:14px;
				}

				.div_carrinho_valor{
					display: flex; 
					align-items: center;
					justify-content:space-around;
				}

				.icon_carrinho{
					font-size:30px;
				}

				.span_valor_carrinho, .span_qnt_carrinho{
					font-size:20px;
				}

				.div_qnt_carrinho{
					width:30px;
					background:#6f0002;
					border-radius:20px;
					color:white;
				}
				/* --------------------------------------------------------------------- */

				
				/* ------------------------------- MENU -------------------------------------- */
				.cabecalho_menu{
					height: 60px;
					justify-content: center;
					background: #6f0002;					
				}

				.side-menu-wrapper { 
					font-size: 16px;
					font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;				
				}

				.side-menu-wrapper nav{
					background: #6f0002;
				}								
				
				.side-menu-wrapper > nav > ul > li > a {
					display: block;
					color:white;
					transition: 0.3s;
					text-decoration: none;
					align-content: space-around;
					font-weight: bold;
				}

				.side-menu-wrapper > ul > li > a:hover {
					background:black	;
					border-radius:5px;
				}

				.side-menu-wrapper > a.menu-close { /* close button */					
					display: none;					
				}

				.nav-item{
					padding: 0 25px 0 0;
				}

				/* --------------------------------------------------------------------- */


				/* -------------------------------- CARROSEL ------------------------------- */

				.div_geral_carrosel{
					margin-top:150px;
				}

				.div_carrosel{
					width:100%; 
					height:400px;
				} 

				.div_carrosel_categoria{
					width:100%; 
					height:200px;
					margin-bottom: 3%;
				} 

				.slide{
					width: 100%;
					height:400px; 
				}

				.slide_categoria{
					width: 100%;
					height:200px; 
				}

			
				.slide0, .slide1, .slide1_acessorio, .slide1_cosmetico, .slide1_lingerie, .slide1_masturbador, 
				.slide1_protese, .slide1_plug, .slide1_sado, .slide1_vibrador, .slide2, .slide2_acessorio, .slide2_cosmetico, .slide2_lingerie, .slide2_masturbador, 
				.slide2_protese, .slide2_plug, .slide2_sado, .slide2_vibrador, .slide_quemsomos, .slide_comocomprar, .slide_frete, .slide_pagamento{
					width: 100%;
					height:100%;
					background-size:100% 100%;  
					background-repeat: no-repeat; 
					background-position: center center; 
				}

				.slide0{background-image: url('../imagem/capa_site00.png') ;}

				.slide1{background-image: url('../imagem/capa_site01.png') ;}
				.slide1_acessorio{background-image: url('../imagem/capa_acessorio.png') ;}
				.slide1_cosmetico{background-image: url('../imagem/capa_cosmeticos.png') ;}
				.slide1_lingerie{background-image: url('../imagem/capa_lingerie.png') ;}
				.slide1_masturbador{background-image: url('../imagem/capa_masturbador.png') ;}
				.slide1_plug{background-image: url('../imagem/capa_plug.png') ;}
				.slide1_protese{background-image: url('../imagem/capa_protese.png') ;}
				.slide1_sado{background-image: url('../imagem/capa_sado.png') ;}
				.slide1_vibrador{background-image: url('../imagem/capa_vibrador.png') ;}
					 
				.slide2{background-image: url('../imagem/capa_site03.png') ;}
				.slide2_acessorio{background-image: url('../imagem/capa_acessorio2.png') ;}
				.slide2_cosmetico{background-image: url('../imagem/capa_cosmeticos2.png') ;}
				.slide2_lingerie{background-image: url('../imagem/capa_lingerie2.png') ;}
				.slide2_masturbador{background-image: url('../imagem/capa_masturbador2.png') ;}
				.slide2_plug{background-image: url('../imagem/capa_plug2.png') ;}
				.slide2_protese{background-image: url('../imagem/capa_protese2.png') ;}
				.slide2_sado{background-image: url('../imagem/capa_sado2.png') ;}
				.slide2_vibrador{background-image: url('../imagem/capa_vibrador2.png') ;}

				.slide_quemsomos{background-image: url('../imagem/capa_quem_somos.png') ;}
				.slide_comocomprar{background-image: url('../imagem/capa_site2.png') ;}
				.slide_frete{background-image: url('../imagem/capa_site.png') ;}
				.slide_pagamento{background-image: url('../imagem/capa_pagamento.jpg') ;}

				
				/* ------------------------------------------------------------------------------- */


				/* ----------------------------------------- VITRINE ----------------------------------------- */

				.vitrine{
					height:450px;	
					margin-bottom: 3%;		
				}

				.vitrine_ordenar{
					/* display: inline; */
					width: 30%;
					height: calc(2.0rem + 2px);
					padding: .375rem .75rem;
					font-size: 0.87rem;
					line-height: 1.5;
					color: #495057;
					background-color: #fff;
					background-clip: padding-box;
					border: 1px solid #ced4da;
					border-radius: .25rem;
					transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
				}

				.vitrine_item{									
					width: 100%;
					height: 95%;
					border-radius: 10px 10px 20px 20px;
					/* margin: 7% 0;					 */
				}
	
				.vitrine_imagem{				
					width: 100%;
					height: 53%;
					border-top: 1px solid #DCDCDC;
					border-left:1px solid #DCDCDC; 
					border-right:1px solid #DCDCDC; 
					border-radius:10px 10px 0px 0px ;
				}

				.vitrine_imagem_imagem{				
					width: 100%;
					height: 100%;
				}

				.vitrine_imagem_imagem > img{
					width:90%;
					height:99%;
					border-radius:20px ; 
					justify-content:center;
				}

				.vitrine_nome{
					width: 100%;
					height: 10%;
					border-left:1px solid #DCDCDC; 
					border-right:1px solid #DCDCDC; 
				}

				.vitrine_nome_produto{
					font-size: 0.68rem;
				}
	
				.vitrine_descricao{				
					width: 100%;
					height: 17%;
					border-left:1px solid #DCDCDC; 
					border-right:1px solid #DCDCDC; 
				}				

				.vitrine_ver_mais{				
					width: 100%;
					height: 10%;
					border:1px solid #DCDCDC; 
					display:flex; 
					align-items: center; 
					justify-content:center;
				}

				.ver_mais{
					/* background: gray; 
					color:white;
					height: 25px; */
					cursor:pointer;
				}
			
	
				.vitrine_valor{				
					width: 100%;
					height: 10%;
					display:flex; 
					align-items: center; 
					justify-content:center;
					border-left:1px solid #DCDCDC; 
					border-right:1px solid #DCDCDC; 
				}

				.vitrine_detalhe_preco_span{
					font-size:21px;	
					font-weight:bold;
					display:flex;
					align-items: center; 
					justify-content:center;			
				}
				

				.qnt_vitrine{
					width: 30%;
				}
	
				.vitrine_comprar {				
					width: 100%;
					height: 10%;
					background: #DCDCDC;
					display:flex; 
					align-items: center; 
					justify-content:center;
					border-radius: 0px 0px 20px 20px;
				}

				.vitrine_comprar > div{
					display:flex; 
					align-items: center; 
					justify-content:space-around;
				}


				/* ---------------------------------------------------------------------------------- */


				/* ------------------------------------- BANNER ------------------------------------ */

				.div_banner_3{
					display:block;
				}

				.div_banner_menor_01{
					height:100%;
					background-image: url('../imagem/banner_site_1.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				.div_banner_menor_02{
					height:100%;
					background-image: url('../imagem/banner_site_2.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				.div_banner_menor_03{
					height:100%;
					background-image: url('../imagem/banner_site_3.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				/* -------------------------------------------------------------------------------- */

				
				/* ------------------------------------- CATEGORIA -------------------------------- */

				.div_categoria, .div_banner, .div_destaque_banner{
					height:250px;
					margin-bottom: 5%;
					text-decoration: none;
				}

					
				.div_categoria_titulo{
					background: #3a0101;
					color: white;
					border-radius: 0px 0px 5px 5px;
				}
	
					.div_categoria_titulo > h5{
						font-size: 14px;
					}


				.div_img_categoria_01, .div_img_categoria_02, .div_img_categoria_03, .div_img_categoria_04, 
				.div_img_categoria_05, .div_img_categoria_06, .div_img_categoria_07, .div_img_categoria_08{
					height:90%;					
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				.div_img_categoria_01{background-image: url('../imagem/vibradores.png');}
				.div_img_categoria_02{background-image: url('../imagem/cosmeticos01.png');}
				.div_img_categoria_03{background-image: url('../imagem/acessorio.png');}
				.div_img_categoria_04{background-image: url('../imagem/sado.png');}
				.div_img_categoria_05{background-image: url('../imagem/lingerie.png');}
				.div_img_categoria_06{background-image: url('../imagem/masturbacao.png');}
				.div_img_categoria_07{background-image: url('../imagem/plug.png');}
				.div_img_categoria_08{background-image: url('../imagem/protese.png');}


				/* --------------------------------- SUCESSO ---------------------------- */
				
				.div_sucesso{
					height: 500px;
					margin-top:5%;
				}

				.sucesso_titulo{
					background: #3a0101;
					color:white; 
					height: 40px;				
					display:flex ; 
					align-items: center;
					justify-content:center;
					border-radius: 5px;
				}
	
				.sucesso_titulo > h3{
					font-size:23px;
				}

				.div_sucesso_inversao{
					display:flex ; 
					flex-direction: row;
				}

				.div_sucesso_col{
					height: 460px;					
				}

				.sucesso_titulo_h4{
					color:#ff637e;
				}

				.div_sucesso_legenda{
					min-height: 50%; 
					margin-bottom:5%;
				}

				.div_sucesso_vocesabia{
					min-height: 30%; 
				}

				.div_sucesso_vendas_div_img{
					display:none;
				}

				.div_sucesso_vendas{
					height: 100%;
					background-image: url('../imagem/golfinho.jpg');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				/* --------------------------------------------------------------------- */
				
				
				
				/* -------------------------------- DESTAQUE ------------------------------------- */


				.div_destaque{
					margin-top:5%;
					border-top:1px solid #DCDCDC;
				}


				.div_img_banner_01{
					height:100%;
					background-image: url('../imagem/power.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				.div_img_banner_02{
					height:100%;
					background-image: url('../imagem/sete.png');
					background-size:90% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				.div_img_banner_03{
					height:100%;
					background-image: url('../imagem/algema.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}

				/*------------------------------- ATENDIMENTO -------------------------------- */	
				.div_atendimento{
					margin:3% 0% 5% 0% ;
					border-top:1px solid #dcdcdc;
					height: 900px;
				}	

				.div_atendimento_categoria{
					height: auto;
					margin:3% 0% 15% 0% ;
					border-top:1px solid #dcdcdc;					
				}		

				.div_atendimento_linha {
					height: 400px;
				}

				.div_geral_atendimento{
					height: 350px;
					margin-bottom:0%;
				}

				.atendimento_img{
					width : 120px;
					height: 120px;
				}

				.div_atendimento_zap{
					background: #DCDCDC;
					border-radius: 10px; 
				}
				
				.div_atendimento_insta{
					background: #DCDCDC;
					border-radius: 10px; 
					color:#7c35b7;
				}

				
				.div_youtube{
					background: #f5f4f4;
				}

				.div_youtube_video{
					height:370px;
					display:flex; 
					align-items: center;
					justify-content:center;
				}

				.div_youtube_video > iframe{
					width:560px;
					 height:350px;
				}

				.div_youtube_legenda{
					color: #6f0002;
					height:370px; 
					display:flex;
					align-items: space-around; 
				}

				.div_youtube_legenda > div{
					display:flex;
					flex-direction: column; 
					align-items: space-around;
					justify-content:space-around;				
				}

				.capa_youtube{
					height:180px;
					background-image: url('../imagem/capa_youtube.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 
					cursor: pointer;
				}

				/* ------------------------------------------------------------- */

				/* -------------------------------NOTICIAS ------------------------------ */
				.div_noticia{
					margin:3% 0% 10% 0% ;
					border-top:1px solid #dcdcdc;
				}

				.div_noticia_linha {
					background: #f3f3f3;
				}


				.div_noticia_col{
					height: 460px;					
				}

				.div_noticia_img1{
					height:100%;
					background-image: url('../imagem/noticia1.png');
					background-size:100% 100%; 
					background-repeat: no-repeat;
					background-position: center center; 					
				}

				.div_noticia_img2{
					height:100%;
					background-image: url('../imagem/noticia2.png');
					background-size:100% 90%; 
					background-repeat: no-repeat;
					background-position: center center; 
				}


			/* --------------------------------------------------------------------- */


			/* -------------------------------- RODAPE ------------------------------------- */

				.div_rodape{
					margin-top:3%; 
					background:black;
					height: 300px;
				}

				.div_rodape_coluna{
					margin-bottom:5%;
				}
		
				.div_rodape_titulo{
					border-bottom: 1px solid white;
					color: white;
				}
		
				.a_rodape{
					font-size: 12px;
					text-decoration: none;
					color:#b9b9b9;
				}

				.copyright{
					background:#3a0101;
				}
		
				

				
				



				/* --------------------------------------------------- LAYOUT VER CARRINHO -------------------------------------------- */
				.layout_carrinho{
					max-height:100%;
				}

				.layout_ver_carrinho_modal_content{
					height:85%;
				}
				
				.layout_ver_carrinho{
					height:70px;
					border:1px solid #DCDCDC;
					margin-bottom:2%;
					font-size:14px;
				}

				.layout_ver_carrinho_img{
					display:flex; 
					align-items: center;
					justify-content:center;
					border-right:1px solid #DCDCDC;
				}

				.layout_ver_carrinho_img_moldura{
					height: 65px ;
					width: 65px;
				}

				.layout_ver_carrinho_img_moldura > img{
					width:100%;
					height:100% ; 
					justify-content:center;
				}

				.layout_ver_carrinho_nome{
					height: 35px ;
					background: #f2f2f2;
					border-right:1px solid #DCDCDC;
					border-bottom:1px solid #DCDCDC;
					display:flex; 
					align-items: center;
					font-weight: bold;
				}

				.layout_ver_carrinho_qnt{
					height:35px;
					display:flex; 
					align-items: center;
					justify-content:center;
					/* background: #f2f2f2; */
					/* border:1px solid #DCDCDC; */
				}

				.layout_ver_carrinho_group > input , .bt_qnt_carrinho{
					height:28px;
				}

				.layout_ver_carrinho_valor_und{
					height:35px;
					display:flex; 
					align-items: center;
					justify-content:center;
					border-left:1px solid #DCDCDC;
					border-right:1px solid #DCDCDC;
					/* background: #f3f3f3; */
				}

				.layout_ver_carrinho_lixeira{
					display:flex; 
					align-items: center;
					justify-content:center;
					height:35px;
					border-bottom:1px solid #DCDCDC;
					/* background: #f3f3f3; */
				}

				.layout_ver_carrinho_valor_total{
					display:flex;
					align-items: center;
					justify-content:center;
					height:35px;
					/* background: #f3f3f3;					 */

				}




/* --------------------------------------------------- LAYOUT DETALHAMENTO PRODUTO -------------------------------------------- */

				
				.div_detalhe{
					height:99%;
				}

				.item-imagem{
					display:flex; 
					align-items: center; 
					justify-content:center;
					height:100%;
				}

				.div_detalhe_nome{
					height:10%;
					background: #696969;
					color:white;
					display:flex;
					align-items: center;
					
				}

				.item-nome{
					font-size: 15px;
				}

				.div_detalhe_botao_descricao{
					order: 1;
				}

				.div_detalhe_descricao{
					/* height:65%; */
					overflow: auto;
					order:2;
					
				}

				.div_detalhe_descricao > div:first-child{
					height: 257px;
				}

				.item-descricao{
					font-size: 14px;
				}

				.div_detalhe_descricao > li{
					font-size: 12px;
				}

				.div_detalhe_qnt_preco{
					height:15%;
					margin-top:5%;
					background:#DCDCDC;
					border-radius: 5px;
					order: 3;
				}

				.div_detalhe_qnt{
					display:flex; 
					align-items: center; 
					justify-content:space-around; 
					color: black;
				}

				.div_detalhe_preco{
					display:flex; 
					flex-direction: column;
					align-items: center; 
					justify-content:center; 
					color: black;
				}

				.div_bt_detalhamento{
					display:flex;
					align-items:center;
					justify-content:center; 
					padding:1%; 
					background: #ECECEC;
				}

				.bt_detalhamento, .bt_como_usar{
					background: gray;
					color: white
				}

				.div_bt_como_usar{
					display:flex; 
					align-items:center; 
					justify-content:center; 
					background: white;
				}

				.detalhamento{
					/* height: 100%; */
					background: #ECECEC;
					position:absolute;
					z-index:2; 
				}

				.como_usar{
					/* height: 100%; */
					position:absolute;
					background: #ECECEC;
					z-index:1; 
				}

				.div_modal_detalhe_rodape > input{
					/* height: 100%; */
					height:28px;
				}