	
	@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Oswald:wght@400;700&display=swap');
	
	body {overflow-x:hidden; font-family:'Lato', sans-serif; font-weight:400; font-size:16px; background:#fff;}
	.titulo {font-family:'Lato', sans-serif;}
	
	#barraTopo {display:none !important;}
	
	.carrinho-checkout .atendimento {border:0; padding:0; border:0; margin:0;}
	
	.tema-pequeno .conteiner {max-width:1140px;}
	
	
	
	.atalhos-mobile .conta {position:relative;}	
		.atalhos-mobile .lista {width:110px; position:absolute; top:100%; left:0; background:#fb5666;}
		.atalhos-mobile .conta .lista a {font-size:13px; height: auto; line-height: 18px; padding: 10px 15px; text-align:left;}
		.atalhos-mobile .conta .sac.lista {width: 140px}
		
	/* Barra Topo */
	.barraTopo {background:#fff; display:table; width:100%; border-bottom:1px #eaeaea solid;}
		.barraTopo h1 {float:left; display:table; font-size:12px; color:#717171; line-height:12px; font-weight:normal; padding:15px 0; margin:0;}
		.barraTopo ul {float:right; display:table; margin:0;}
			.barraTopo ul li {float:left;}
			.barraTopo ul li a {font-size:12px; color:#717171; line-height:12px; display:block; padding:15px 10px; margin-right:20px;}
			.barraTopo ul li a:hover {background:#f5f5f5; text-decoration:none;}
			.barraTopo ul li a:before {content:'•'; color:#7393ad; margin-right:5px;}
			
	
	/* Indexnet */
	.barraHeader {background:#fff; display:table; width:100%; border-bottom:1px #76163c solid;}
		.barraHeader h1 {float:left; margin:0; padding:0;}
		.barraHeader h1 .btn-group {position: relative; display: table; padding: 10px;}
		.barraHeader a.bem-vindo {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-conta.png) center left no-repeat !important; float:left; margin:0px; padding:10px; padding-left:27px; line-height:20px; display:block; color:#fff; font-size:14px; font-weight:200; font-family:'Lato', serif; border:0 !important;}
		.barraHeader a.botao {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-conta.png) center left no-repeat !important; float:left; margin:0px; padding:0px; padding-left:27px; line-height:20px; display:block; color:#fff; font-size:14px; font-weight:200; font-family:'Lato', serif; border:0 !important;}
	
		.barraHeader h1 span {color:#fff;}
		
		.barraHeader .btn-group.open .dropdown-toggle {box-shadow: none !important;}
		.barraHeader .dropdown-menu {background: #7b1a41;  border: 1px #76163c solid; box-shadow: none;}
		.barraHeader .dropdown-menu li {width:100%;}
		
		.barraHeader ul {float:right; margin:0px; padding:0px;}
			.barraHeader ul li {float:left;}
				.barraHeader ul li a {color:#000; display:block; font-size:14px;font-family:'Lato', serif; line-height:20px; padding:10px;}
				.barraHeader ul li:first-child a {border:0px;}
				.barraHeader ul li a.form {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-formulario.png) 30px center no-repeat; padding-left:55px;}
				.barraHeader ul li a.whatsapp {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-whatsapp.png) 30px center no-repeat; padding-left:55px;}
				.barraHeader ul li a.atendimento {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-atendimento.png) 30px center no-repeat; padding:10px; padding-left:55px; text-transform:uppercase;}
	
	/* Header */
	.headerIndex {background:#fff; padding:15px 0; display:table; width:100%;}
		
		.headerIndex .row-fluid {padding:0 15px;}
		.headerIndex .row-fluid.principal {display: flex; flex-wrap: wrap; align-items: center; padding:10px 15px;}
		
		.headerIndex .logoIndex {width:17%; display:table;}
			.headerIndex .logoIndex a {display:table; margin:0 auto;}
		.headerIndex .rightLogo {width:83%; display:table;}
		
		.headerIndex .rightLogo .funcoes {display:table; width:100%; position:relative;}
			
			.headerIndex .rightLogo .funcoes .buscaIndex {float:left; display:table; width: 60%;}
				.headerIndex .rightLogo .funcoes .buscaIndex form {margin:20px auto; display:table; position:relative; border:1px #e2e2e2 solid; border-radius:100px; overflow:hidden;}
					.headerIndex .rightLogo .funcoes .buscaIndex form input {box-sizing:border-box; margin:0px; width:390px; height:55px; border:0px; background:#fff; box-shadow:none; padding:15px 20px; background:#fff; color:#666; font-family:'Lato', sans-serif; font-size:16px;}
					.headerIndex .rightLogo .funcoes .buscaIndex form input::placeholder {color:#ccc;}
					.headerIndex .rightLogo .funcoes .buscaIndex form button {position:absolute; right:1px; top:0px; bottom:0px; border-radius:0px; margin:auto auto; height:97%; width:60px; font-size:18px; background:#fff; color:#dddddd; border:0px; border-radius:50%;}
					.headerIndex .rightLogo .funcoes .buscaIndex form button:hover {background:#f5f5f5;}
			
						
	
	/* Novo Header */
	.headerNovo .rightLogo .funcoes .buscaIndex {width:49%;}
	.headerNovo .rightLogo .funcoes .acoesIndex {width:50%; display:table; float:right;}
	
	.headerNovo {padding:0;}
	.headerNovo a:hover {text-decoration:none;}
	.headerNovo .row-fluid.principal {padding:0 !important}
	.headerNovo .rightLogo .funcoes .buscaIndex form {margin: 37px auto; display: table;}
	.headerNovo .acoesIndex span, .headerNovo .acoesIndex strong {display:block;}
	.headerNovo .rightLogo .funcoes .acoesIndex {padding:0; width:initial}
	.headerNovo .acoesIndex .call {float:left; display:table; padding: 47px 30px; padding-left: 85px; position:relative;}
	.headerNovo .acoesIndex .call:hover {background-color:#f5f5f5; cursor:pointer;}
	.headerNovo .acoesIndex .call:before {content:''; background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-atendimento.png) center center no-repeat #ddd; position:absolute; left:20px; top:50%; transform:translateY(-50%); display:block; width:50px; height:50px; border-radius:50%;}
		.headerNovo .acoesIndex .call span.sub, .headerNovo .acoesIndex .call strong.title {display:block;}
		.headerNovo .acoesIndex .call span.sub {font-size:12px; color:#666;}
		.headerNovo .acoesIndex .call strong.title {font-size:18px; line-height:20px; color:#000;}
	.headerNovo .acoesIndex .call:hover .contatos {display:table !important;}
	.headerNovo .acoesIndex .call .contatos {position: absolute; margin: 0; top: 100%; z-index: 10; background: #f5f5f5; left: 0; width: 100%;}
	.headerNovo .acoesIndex .call .contatos a {display:block !important; width:100% !important; padding:10px; border-bottom:1px #dedede solid; box-sizing:border-box; font-size:13px; font-weight:bold; padding-left:40px; color:#333;}
	.headerNovo .acoesIndex .call .contatos a.whatsapp {background: url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-whatsapp.png) 15px center no-repeat;}
	.headerNovo .acoesIndex .call .contatos a.form {background: url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-atendimento-menor.png) 15px center no-repeat;}
	.headerNovo .acoesIndex .call .contatos .rastreio {display:table; width:100%;  padding: 10px; box-sizing: border-box}
		.headerNovo .acoesIndex .call .contatos .rastreio span {display:block; font-size:13px; font-weight:bold; color:#333; margin-bottom:5px;}
		.headerNovo .acoesIndex .call .contatos .rastreio form {position:relative; display:table; width:100%; margin:0;}
			.headerNovo .acoesIndex .call .contatos .rastreio form input {width:100%; box-sizing:border-box; margin: 0; padding: 15px; background: #fff; box-shadow: none; border: 1px #e6e6e6 solid;}
			.headerNovo .acoesIndex .call .contatos .rastreio form button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 6px 10px; margin: 0; background:#fb5666; color: #fff;}
	
	.headerNovo .acoesIndex .account {float:left; display:table; text-align:center; position:relative;}
		.headerNovo .acoesIndex .account a {display:block; padding: 20px 25px; padding-top: 75px; padding-bottom: 25px; border-left: 1px #f3f3f3 solid;}
		.headerNovo .acoesIndex .account a.icone:before {content:''; position:absolute; top:17px; left:50%; transform:translateX(-50%); width:50px; height:50px; display:block; background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-usuario.png) center center no-repeat #7393ad; border-radius:50%;}
		.headerNovo .acoesIndex .account a:hover {background-color:#f5f5f5;}
		.headerNovo .acoesIndex .account span {font-size:12px; color:#666;}
		.headerNovo .acoesIndex .account strong {font-size:16px; line-height:16px; color:#000;}
		
		.headerNovo .acoesIndex .account a.sair {position: absolute; bottom: 0; padding:3px 5px; color: #fff; width: 100%; text-align: center; background: #db5765; font-size: 11px;box-sizing: border-box; text-transform: uppercase; font-weight: bold;}
	
	.headerNovo .acoesIndex .cart {float:left; display:table; text-align:center; position:relative;}
		.headerNovo .acoesIndex .cart a {display:block; padding: 20px 25px; padding-top: 75px; padding-bottom: 25px; border-left: 1px #f3f3f3 solid; border-right:1px #f3f3f3 solid;}
		.headerNovo .acoesIndex .cart a:before {content:''; position:absolute; top:17px; left:50%; transform:translateX(-50%); width:50px; height:50px; display:block; background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-carrinho.png) center center no-repeat #db5765; border-radius:50%;}
		.headerNovo .acoesIndex .cart a:hover {background-color:#f5f5f5;}
		.headerNovo .acoesIndex .cart span {font-size:12px; color:#666;}
		.headerNovo .acoesIndex .cart strong {font-size:16px; line-height:16px; color:#000;}
			.headerNovo .acoesIndex .cart strong span {font-size:16px; line-height:16px; color:#000; display:inline;}
	
				
	/* Menu Responsivo */
	.menuResponsivo {position:fixed; display:table; width:75%; left:-100%; top:0px; height:100%; z-index:9999; background:#fff; padding:20px; box-sizing:border-box; box-shadow:0px 0px 40px #00000070;}
		.menuResponsivo .logo {}
		.menuResponsivo ul {margin:0px; padding:0px; margin-top:25px;}
			.menuResponsivo ul li {width:100%; border:0px; border-bottom:1px #b73e6e dotted;}
				.menuResponsivo ul li a {display:block; padding:15px 10px; text-align:center;}
				.menuResponsivo ul li a:hover {text-decoration:none; background:#6f163a;}
					.menuResponsivo ul li a strong {text-transform:uppercase; font-size:14px; color:#333 !important;}
					.menuResponsivo ul li a:hover strong {color:#fff !important;}
					.menuResponsivo ul li a i {display:none;}
				.menuResponsivo ul li ul {display:none;}
		.menuResponsivo .fechar {position: absolute; right: -42px; top: 50px; padding: 15px; padding-bottom: 22px; background: #fff; font-size: 41px; line-height: 25px; color: #d4d4d4;  border-radius: 0 10px 10px 0px; border: 1px #dedede solid; border-left: 0;}

	
	/* Menu */				
	.submenuHeader {background: #fff; border-top:1px #dedede solid;}
	body:not(.pagina-inicial) .submenuHeader {border-bottom:1px #dedede solid;}
	.submenuHeader .container {position:relative;}
	.submenuHeader .menuPaginas {display:table; float:left;}
		.submenuHeader .menuPaginas ul {padding:0; margin:0;}
		.submenuHeader .menuPaginas li {display:table; float:left; border:0; position:relative;}
		.submenuHeader .menuPaginas li i {display:none;}
		.submenuHeader .menuPaginas li a {color:#fff; font-weight:bold; font-size:16px; padding:20px 15px; display:block;}
		.submenuHeader .menuPaginas li a:hover {background:#db5765; text-decoration:none;}
		.submenuHeader .menuPaginas li a:hover strong {color:#fff;}
		.submenuHeader .menuPaginas li a strong {color:#575757;}
		
		.submenuHeader .menuPaginas li ul {display:none;}
		.submenuHeader .menuPaginas li:hover ul {display:table;}
		.submenuHeader .menuPaginas li ul {position:absolute; z-index:999; top:100%; left:0px; background:#fff; width:290px; display:none; box-shadow: 0px 14px 10px #00000017}
			.submenuHeader .menuPaginas li:hover ul {display:block;} 
				.submenuHeader .menuPaginas li ul li {width:100%;}
					.submenuHeader .menuPaginas li ul li a {color:#333; padding:15px; display:block; font-size:14px; font-weight:bold;}
					.submenuHeader .menuPaginas li ul li a {background-size:25px !important;}
					.submenuHeader .menuPaginas li ul li a:hover {background-color:#db5765; color:#fff;}
		
		li.categoria-id-8213366 {display:none !important;}
		
	.submenuHeader .social {display:table; position:absolute; right:0px; top:50%; transform:translateY(-50%);}
		.submenuHeader .social a {display:block; margin:5px; float:left;}

		
	.bannerProdutos {display:none}
	
	/* Slider */	
	body:not(.pagina-inicial) #banner-site, body:not(.pagina-inicial) .banner-tarjaIndex, body:not(.pagina-inicial) .ctas {display:none !important;}

	.sliderIndex {display:none;}
	.pagina-inicial #banner-site {display:block;}
	.pagina-inicial #banner-mobile {display:none !important}
		.sliderIndex .owl-dots {display:none;}
		.sliderIndex .owl-nav {position:absolute; left:0px; top:0px; bottom:0px; margin:auto; display:block; height:0px; width:100%;}
			.sliderIndex .owl-nav .owl-prev {font-size: 50px !important; float: left; display: table; margin-left: 20px; color: #282828 !important; background: none !important; margin-top: -25px;}
			.sliderIndex .owl-nav .owl-next {font-size: 50px !important; float: right; display: table; margin-right: 20px; color: #282828 !important; background: none !important; margin-top: -25px;}
			.sliderIndex .owl-nav span {background: #fb5666; padding: 10px; display: table; line-height: 18px; text-align: center; color: #fff; border-radius: 5px;}
		
	/* Banner Tarja*/
	.pagina-inicial .banner-tarja {margin: 0px; padding-bottom: 100px;}
		
	
	/* Banners Bloco */
	.bannersBloco {display:table; width:100%; margin:60px 0; margin-bottom:40px;}
		.bannersBloco .box {display:table; float:left; width:33.33%;}
		.bannersBloco .box a {margin:auto; display:table;}
		.bannersBloco .box img {max-width:100%;}
		
	/* Home */
	.pagina-inicial #corpo > .conteiner {max-width:100% !important; width:100% !important; margin:0px; padding:0px;}
	.pagina-inicial #corpo > .conteiner > .secao-principal > .conteudo.span9 {max-width:100% !important; width:100% !important;}
	.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos {max-width:100% !important; width:100% !important;}
		
		/* Title Carousel */
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria {width:1170px !important; font-family:'Oswald', serif; margin:0 auto; box-sizing:border-box; color:#333; font-size:36px; border:0px; background:transparent !important; line-height:40px; position:relative; z-index:19; border-bottom:0;}
			.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria strong {font-size:30px; display: block; padding-bottom: 15px; border-bottom:0; color:#000; font-weight:bold; text-transform:uppercase; font-size:24px;}
			.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria strong:after {content:''; width:50px; height:4px; background:#000; display:block;}
		
		
		/* Carousel */
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .produtos-carrossel {}
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos > ul.produtos-carrossel:nth-child(2) {min-height:580px; position:relative; margin-bottom:50px;}
		
		/* Personalização Laranja */
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria:nth-child(1) strong {padding-top:10px; }
		
		/* Personalização Roxo */
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria:nth-child(4) strong {padding-top:10px;}
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos > ul.produtos-carrossel:nth-child(5) {min-height:580px;}
			
		.slick-slide > div {padding:10px; border:0 !important;} 
		.slick-slide > div .has-zoom .imagem-zoom {position:absolute !important;} 
		.slick-slide .smarthint-release-date-description {display:none !important;}
		
		
		.listagem .titulo-categoria:hover {padding-left:0;}
		
		body.pagina-inicial #smarthint-position-5 {max-width:1110px; margin:auto;}
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .produtos-carrossel {width:1170px !important; margin:0 auto; box-sizing:border-box; position:relative;}
			.pagina-inicial .listagem .listagem-linha:first-child {padding-top:0px;}
			.listagem .listagem-linha {border:0px;}
			.listagem .listagem-linha li {border:0px;}
			
						
			.listagem .produtos-carrossel {padding: 0px;}

			.listagem .listagem-linha ul li .listagem-item {border:1px transparent solid; border-radius:4px; box-sizing:border-box;}
			.listagem .listagem-linha li:nth-child(1) {}
			.listagem .listagem-item {margin:0px !important; padding:20px !important; overflow:hidden; border-radius:3px;}
			.listagem .listagem-item:hover {border:1px #dedede solid !important;}
				.listagem .listagem-item .info-produto {text-align:left; padding:0px; width:100%; display:table;}
				.listagem .listagem-item .imagem-produto {background:#fff; height:initial !important; padding:0px; border-bottom:0px; position:relative;}
					.listagem .listagem-item .imagem-produto img {padding:0px; margin:0px; min-width:100%; max-height:355px; height:auto; box-sizing:border-box; position:static; padding:28px 0px;}
					.listagem .listagem-item .bandeiras-produto {width: 100%; top: 0; left: 0; padding: 10px; box-sizing: border-box;}
					.listagem .listagem-item .bandeiras-produto span { font-size:10px; border: 0; padding: 5px 15px; box-shadow: none; border-radius: 40px;}
					.listagem .listagem-item .bandeiras-produto .bandeira-carrinho {display:none !important;}
					.listagem .listagem-item .bandeiras-produto .bandeira-promocao {float:right; border-radius: 50%; width: 60px; height: 60px; font-size: 16px; padding: 13px; text-align: center;   box-shadow: none; background:#6394b0;}
					.listagem .listagem-item .bandeiras-produto .bandeira-promocao:after {content:'Off'; display:block; font-size:14px}

				.listagem-item .acoes-produto {display:none !important;}
				.listagem .listagem-item .nome-produto { min-height:55px !important; padding:10px 0; position:relative; color:#000; display:block; text-align:left; font-size:15px; font-weight:bold;}
				.listagem .listagem-item .porapenas {float:left; line-height:24px; margin-right:5px;}
				
				.listagem-item .info-produto .preco-produto div {margin:0px; padding:0px; display:table; width:100%; box-sizing:border-box;}
					.listagem-item .info-produto .preco-produto .preco-venda {font-size:14px; margin-bottom:5px; display:block;}
					.listagem-item .info-produto .preco-produto .preco-promocional {font-size:18px; color:#000; font-weight:bold; display:block; margin:0px;}
					.listagem .info-produto .preco-produto .preco-parcela strong {color:#f06187; font-size:13px; font-weight:bold !important;}
					.listagem .info-produto .preco-produto .desconto-a-vista {display:none !important;}
					.listagem .info-produto .preco-produto .preco-parcela {color:#666; font-size:12px;}
					
				.listagem .info-produto .preco-produto .preco-a-partir span {display:block;}
				.listagem .info-produto .preco-produto .preco-a-partir strong {font-size:18px; color:#f06187;}
				
				.listagem .info-produto .botao-comprar {display:table; width:100%; margin:auto; box-sizing: border-box; background: #3d962d; color: #fff; font-size: 16px;   text-transform: uppercase; margin-top:10px; padding:5px 10px;}
					.listagem-item:hover .botao-comprar {background:#1e6311;}
				
		/*NAV*/
		.listagem .flex-direction-nav {position:absolute; top:50%; left:0px; z-index:20; display:block; height:0; width:100%;}
			.listagem .flex-direction-nav li {position:static; width: 65px; height: 80px; float:left; border:0px !important; background:transparent !important;}
				.listagem .flex-direction-nav li a:before {display:none !important;}
				.listagem .flex-direction-nav li a {position:static; margin:0px !important; height:80px !important; display:block; right:auto; width:100%;}
					#listagemProdutos > ul .flex-prev {float:left; margin-left:-32px !important; width:48px; height:30px; text-indent:-9999px; display:block; background:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/prev-categorias.png) no-repeat center center; padding:0;}
					#listagemProdutos > ul .flex-next {float:right !important; margin-right:-32px !important; width:48px; height:30px; text-indent:-9999px; display:block; background:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/next-categorias.png) no-repeat center center; padding:0;}
					.listagem .flex-direction-nav li.flex-nav-next {float:right !important;}

		
		/* Banner Tarja */
		.banner-tarjaIndex {display:table; width:100%; background:transparent; background:#f8f8f8;}
			.banner-tarjaIndex .container {padding: 30px 20px; background: #fff; box-sizing: border-box; margin-top: 50px; position: relative; z-index: 11; border-radius: 10px;    box-shadow: 0 0 10px #0000001c;}
			.banner-tarjaIndex img {width:initial;}
			.banner-tarjaIndex .box {display:table; float:left; position:relative; padding-left:65px; margin:0 35px; box-sizing:border-box;}
			.banner-tarjaIndex .box img {position:absolute; left:0; top:50%; transform:translateY(-50%);}
			.banner-tarjaIndex .box h6 {color:#000; font-size:18px; font-weight:bold; margin:0; display:block;}
			.banner-tarjaIndex .box p {color:#474747; font-size:13px; margin:0; display:block;}
			
		
		/* CTA's */
		.ctas {display:table; width:100%; background:#f8f8f8; padding-top:120px; padding-bottom:80px; margin-top:-46px; margin-bottom:40px;}
		.ctas h3 {font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; text-align:center; padding:0; margin:0;}
		.ctas p {font-size:14px; text-align:center; margin-bottom:45px;}
			.ctas .categorias {width:680px; display:block; float:left;}
			.ctas .categorias .owl-dots {display:none;}
			.ctas .categorias .owl-nav {margin:0; padding:0; position:absolute; top:67px; left:0; width:100%; display:block; height:0;}
				.ctas .categorias .owl-nav .owl-prev {float:left; margin-left:-32px; width:48px; height:48px; text-indent:-9999px; display:block; background:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/prev-categorias.png) no-repeat center center; padding:0;}
				.ctas .categorias .owl-nav .owl-next {float:right; margin-right:-32px; width:48px; height:48px; text-indent:-9999px; display:block; background:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/next-categorias.png) no-repeat center center; padding:0;}
			.ctas .categorias ul {margin:0; padding:0;}
			.ctas .categorias ul.nivel-dois {display:none;}
				.ctas .categorias ul li {border:0;}
				.ctas .categorias ul li i {display:none;}
				.ctas .categorias ul li a {display:block; padding-top:175px; position:relative;}
				.ctas .categorias ul li a:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:160px; border-radius:100px; background:#fff; border: 1px #eaeaea solid; box-sizing: border-box; background-position:center center; background-repeat:no-repeat;}
				.ctas .categorias ul li a:hover {text-decoration:none;}
				.ctas .categorias ul li strong {font-size:14px; text-align:center; display:block;}
				
				.ctas .categorias ul li.categoria-id-7523579 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-tenis.png);}
				.ctas .categorias ul li.categoria-id-7523583 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-sandalia.png);}
				.ctas .categorias ul li.categoria-id-7523611 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-bolsas.png);}
				.ctas .categorias ul li.categoria-id-7523611 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-bolsas.png);}
				.ctas .categorias ul li.categoria-id-7523574 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-rasteira.png);}
				.ctas .categorias ul li.categoria-id-7523580 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-botas.png);}
				.ctas .categorias ul li.categoria-id-7523581 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-sapatos.png);}
				.ctas .categorias ul li.categoria-id-7523589 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-sandalia-festa.png);}
				.ctas .categorias ul li.categoria-id-7523610 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-pantufas.png);}
				.ctas .categorias ul li.categoria-id-7523613 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-outlet.png);}
				.ctas .categorias ul li.categoria-id-7815079 a:before {background-image:url(https://www.indexhost.com.br/lojaintegrada/santa-karmem/img/categoria-chinelos.png);}
				
			.ctas .tamanhos {display: block; float: right; width: 420px;}
				.ctas .tamanhos ul {box-sizing:border-box; margin:0; padding:20px; border:1px #eaeaea solid; border-radius:5px; background:#fff; display:table; width:100%;}
					.ctas .tamanhos ul li {width:20%; display:table; float:left; box-sizing:border-box; padding:5px;}
					.ctas .tamanhos ul li a {display: block; text-align: center; border-radius: 50%; background: #fff; border: 1px #dedede solid; width: 55px; height: 55px; line-height: 55px;   font-family: 'Oswald', sans-serif; color: #4e4e4e; margin:auto; font-size:20px;}
					.ctas .tamanhos ul li a:hover {background:#7393ad; color:#fff; border:1px #7393ad solid; text-decoration:none;}
			
			
		/* Banners Conteudo */
		.bannersConteudo {display:table; width:1170px; margin:50px auto;}
		.bannersConteudo a {display:block; float:left;}
		.bannersConteudo a:nth-child(2) {float:right;}
		
		
		/* Newsletter */
		#barraNewsletter p.texto-newsletter {background:url(https://www.indexhost.com.br/lojaintegrada/rubelita/img/icone-news.png) left center no-repeat; padding-left:55px !important; margin-right:30px !important; text-align:left !important; line-height:24px !important;}
		#barraNewsletter p.texto-newsletter strong {display:block; font-size:18px;}
		#barraNewsletter .componente div.newsletter-cadastro {margin:9px 0;}

		/* Vídeos Home */
		.videos-home {width: 100%; display: table; background: #f5f5f5;}
			.videos-home .video {float: left;width: 46%;padding: 15px;border: 1px solid #dedede; margin: 15px 2%;box-sizing: border-box;display: table;     box-shadow: 5px 5px 5px 0px #dedede;}
		.videos-home h2 {color: #630f24;}	
		.videos-home h3 {line-height: 20px;}	
		
		
		/* Página Categoria */
		.breadcrumbs {border: 1px #eaeaea solid; padding: 15px; border-radius: 4px; box-shadow: none;}
		
		.coluna > .menu.lateral:nth-child(1) {border:1px #dedede solid; border-radius:4px !important; overflow:hidden;}
			.coluna > .menu.lateral:nth-child(1) a {box-shadow:none !important; font-size:14px;}
		.coluna .menu.outras {}
			.coluna .menu.outras ul {border:1px #dedede solid; border-radius:4px !important; overflow:hidden;}
			.coluna .menu.outras a {box-shadow:none !important;}
				.coluna .menu.outras a strong {font-size:15px !important;}
				
		.coluna .componente, .coluna .filtro.lista {border:1px #dedede solid !important; border-radius:4px !important; overflow:hidden; background:#fff;}
			.componente .titulo {text-transform:uppercase;}
			.componente .titulo i {color:#0d64a9;}
		
		
		/* Página Produto */
		body:not(.pagina-inicial) #corpo {margin-top:60px; margin-bottom:60px;}
		
		.produto *:not(i):not(.breadcrumbs *) { font-family:'Open Sans Condensed', sans-serif;}
		.produto .conteiner-imagem>div {border:1px #dedede solid; border-radius:4px;}
			.produto .acoes-produto .preco-produto .cor-principal {display:block; font-size:36px !important; font-weight:bold !important; color:#fb5666;}
			.botao.principal.botao-comprar {border-radius:100px;}
		
		.produto .codigo-produto {font-size:13px;}
		
		.info-principal-produto .breadcrumbs ul li:after {content: "/";}
		.info-principal-produto .breadcrumbs ul li * {font-size:14px;}
			
		.aproveite-tambem h4.titulo {font-size:30px; font-family:'Oswald', sans-serif; display: block; padding-bottom: 15px; border-bottom:0; color:#000; font-weight:bold; text-transform:uppercase; font-size:24px;}
		.aproveite-tambem h4.titulo:after {content:''; width:50px; height:4px; background:#000; display:block; margin-top:15px;}
		
		.listagem .listagem-linha>ul {margin-left:0px !important;}
		
		.atributo-comum a {box-shadow:none !important; border:1px #dedede solid; font-weight:bold;}
		.atributos div ul li.active a, .atributo-comum a:hover {background:#646464; border:1px #dedede solid !important;}
		.atributos div ul li.active a span, .atributo-comum a:hover span {color:#fff;}
		
		.produto div.principal {padding:30px; border-radius:20px;  box-shadow:0 0 50px #0000001f;}
			.produto div.principal .nome-produto {font-size:36px; line-height:36px; font-weight:bold; margin-top:20px; color:#000;}
			.produto .principal .cep {display:table; width:100%; padding:15px 0px; border-top:1px #dedede dotted;  border-bottom:1px #dedede dotted;}
				.produto .principal .cep label {text-transform:uppercase; margin:0px; margin-right:10px;}
			.produto .cep .aviso-disponibilidade {margin-bottom:10px;}
			
			
		.produto .botao.principal.botao-comprar, .pagina-carrinho .principal.botao {border-radius:10px; background:#fb5666; border:1px #fb5666 solid; border-bottom: 3px #00000026 solid; text-transform:uppercase; font-weight:normal; padding:15px 30px; font-family: 'Oswald', sans-serif; font-weight: bold;}
		.produto .botao.principal.botao-comprar i, .pagina-carrinho .principal.botao i {font-size:34px;}
		.produto .botao.principal.botao-comprar:hover, .pagina-carrinho .principal.botao:hover {background:#fb5666;}
			
		
		.produto .abas-custom {margin-top:40px; margin-bottom:60px;}
		.produto .abas-custom h3.titulo {font-size:30px; font-family:'Oswald', sans-serif; display: block; padding-bottom: 15px; border-bottom:0; color:#000; font-weight:bold; text-transform:uppercase; font-size:24px;}
		.produto .abas-custom h3.titulo:after {content:''; width:50px; height:4px; background:#000; display:block;}
		.produto .abas-custom .tab-content {padding: 30px; border-radius: 10px; box-shadow: 0 0 50px #0000001f;}
			.produto .abas-custom .tab-content h1,
			.produto .abas-custom .tab-content h2,
			.produto .abas-custom .tab-content h3,
			.produto .abas-custom .tab-content h4,
			.produto .abas-custom .tab-content h5,
			.produto .abas-custom .tab-content h6 {font-family:'Open Sans Condensed', sans-serif; color:#000; font-weight:bold;}
			.produto .abas-custom .tab-content p {line-height:30px;}
			
		


	/* Footer */
	#rodape-index .institucional {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/bg-footer.jpg) right center no-repeat #fff; padding:40px 0; box-shadow: 0 0 20px #0000002e;}
		
		#rodape-index .institucional h3, #rodape-index .institucional h4 {color:#000; font-family:'Oswald', sans-serif; text-transform:uppercase;}
		#rodape-index .institucional h3 {font-size:18px; line-height:18px;}
		#rodape-index .institucional h4 {font-size:16px;}
		
		#rodape-index .sobre p {font-size: 14px;  margin: 20px 0; line-height:24px;}
		#rodape-index .sobre p strong {color:#fb5666;}
		#rodape-index .sobre ul {display:table; width:100%; margin:0; padding:0;}
		#rodape-index .sobre ul li {display:table; width:50%; float:left;}
		#rodape-index .sobre ul li a {display:block; font-size:12px; color:#666; padding:3px 0;height: 48px;}
		
		#rodape-index .institucional .dados ul {display:table; margin:0; padding:0; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #dedede solid; width:100%;}
		#rodape-index .institucional .dados ul.nivel-dois {display:none;}
		#rodape-index .institucional .dados ul li {display:table; float:left; width:33.3%; padding:0; margin:0; border:0; box-sizing:border-box;}
		#rodape-index .institucional .dados ul li i {display:none;}
		#rodape-index .institucional .dados ul li a {display:block; padding:12px 0; padding-left:15px; font-size:14px; color:#666; background-position:left center; background-repeat:no-repeat; position:relative;}
		#rodape-index .institucional .dados ul li a:before {content:''; width:5px; height:5px; background:#6394b2; display:block; position:absolute; left:0; top:20px; border-radius:50%;}
		#rodape-index .institucional .dados ul li a:hover {color:#000; text-decoration:none;}
		#rodape-index .institucional .dados ul li a:hover:before {background:#fb5667;}
		
		#rodape-index .institucional .dados .pagamento {display:table; float:left;}
		#rodape-index .institucional .dados .pagamento img {filter: grayscale(1);}
		
		#rodape-index .institucional .dados .social {display:table; float:right; padding:10px 10px; background:#fff; border:1px #dedede solid; border-radius:10px;}
		#rodape-index .institucional .dados .social a {margin:0 5px; display:block; float:left;}
	
	#rodape-index .copy {display:table !important; width:100%; padding-top: 20px; border-top: 1px #dedede solid;}
		#rodape-index  .copy  p {float:left; background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/logo-rodape-santa-karmem.png) center left no-repeat; background-size:80px; color:#666; padding:25px 0px; padding-left:110px; line-height:18px; margin:0px; font-size:13px; filter: grayscale(1);}
		#rodape-index  .copy  p strong {font-size:16px;}
		#rodape-index  .copy  ul {float:right; padding:25px 0px;}
			#rodape-index  .copy  ul li {float:left; margin: 7px 20px;}
			#rodape-index  .copy ul li:first-child {margin-top:9px;}

	.gateways-rodape li:nth-child(1) {width: 100%;}
	.gateways-rodape li:nth-child(2) {display: none;}	

	.crt-widget {padding-bottom: 0px !important;}
		.crt-widget.crt-widget-branded .crt-logo {display: none;}		

		/*Quem Somos*/
		section#quem-somos .video {float: right;}	
			section#quem-somos .video video {box-shadow: 5px 5px 10px;}	

		section#quem-somos .introducao, section#quem-somos .video {width: 50%;}	
		section#quem-somos .introducao {float: left; box-sizing: border-box; padding-right: 30px;}
		section#quem-somos .texto {clear: both; padding-top: 30px}
			section#quem-somos .itens .item-quem-somos {width: 25%; float: left; box-sizing: border-box; padding: 0px 20px; text-align: center; border-left: solid 1px #dedede; margin-top: 20px; min-height: 200px;}
			section#quem-somos .itens .item-quem-somos:last-child {border-right: solid 1px #dedede;}
	
		section#quem-somos h2 {font-size: 24px; color: #841e47; font-weight: normal;}		
		section#quem-somos i {margin-bottom: 20px;}	

		
	/* Carrinho */
	.pagina-carrinho .submenuHeader {display:none !important;}
	.pagina-carrinho #rodape, .pagina-carrinho .menuIndex {display:none !important;}

	/*Botões Responsivo */
	a.whatsRight {background:url(https://indexhost.com.br/lojaintegrada/santa-karmem/img/icone-whats.png) center center #00ad40 no-repeat; display:table; width:65px; height:65px; position:fixed; right:20px; bottom:100px; z-index:99; border-radius:50%; text-indent:-9999px;}
	
	.whatsapp-flu{position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px;box-shadow: 1px 1px 2px #888; z-index:1000;}
		.whatsapp-flu i{margin-top:16px;}
	
	

	/* Responsivo */
	@media all and (max-width:1200px) {
		.barraTopo {display:none !important;}
		
		.container {max-width:90%; width:95% !important;}
		
		.chamaResponsivo {display:table !important; float:right; background:#fb5666; padding:20px 10px; cursor:pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius:5px;}
			.chamaResponsivo .line {display:table; width:35px; height:4px; background:#fff; margin-bottom:4px;}
			.chamaResponsivo .line:last-child {margin-bottom:0px;}
		
		
		.headerIndex .logoIndex {width:35%;}
		.headerIndex .rightLogo {width:60%;}
			.headerIndex .rightLogo .funcoes .acoesIndex {width:100%;}
			.headerIndex .rightLogo .funcoes .buscaIndex {}
			.headerIndex .rightLogo .funcoes .acoesIndex {float:left; padding:0px;}
				.headerIndex .rightLogo .funcoes .acoesIndex .carrinhoIndex, .headerIndex .rightLogo .funcoes .acoesIndex .atendimento {width:auto; float:left; margin:12px 0px;}
				.headerIndex .rightLogo .funcoes .acoesIndex .atendimento {margin-right:30px;}
				.headerIndex .rightLogo .funcoes .acoesIndex .atendimento {margin-right:30px;}
			
		.menuHeader .title-menu, .secao-banners .flex-direction-nav {display:none !important;}
		
		.secao-banners {background-size:cover;}
		
		.headerIndex .rightLogo .funcoes .acoesIndex .cadastro {display:none;}
		
		.submenuHeader {display:none !important;}
		
		.menuHeader ul {display:block;}
		.menuHeader ul li {width:33.33%; box-sizing:border-box;}
			.menuHeader ul li a {padding:0px;}
				.menuHeader ul li a strong {font-size:11px; line-height:11px;}

		.headerIndex .rightLogo .funcoes .acoesIndex {display:none;}
		.headerIndex .rightLogo .funcoes .buscaIndex {padding-right: 50px; box-sizing: border-box; width:100% !important;}
		.headerNovo .rightLogo .funcoes .buscaIndex form {width:100%;}
		
		.headerIndex .rightLogo .funcoes .buscaIndex form input {width:100%;}
		
		.headerNovo {padding-top:60px;}
		.headerIndex .logoIndex img {max-width:140px;}
		.atalhos-mobile {display:block !important; width:100%; border:0; background:#fb5666;}
		.atalhos-mobile .fundo-principal {background-color: #6394b0;}
		.atalhos-mobile a {display:block; line-height:55px; height:55px; top:0;}
		
		.banner-tarjaIndex .container {padding:10px;}
		.banner-tarjaIndex .box {width:50%; margin:0; margin:15px 0;}
		
		.ctas {display:block;}
		.ctas .categorias {width:100%; float:none;}
		.ctas .tamanhos {width:100%; margin-top:60px; float:none;}
		
		.bannersConteudo {display:table; width:90%;}
			.bannersConteudo a {width:47%;}
		.box.desconto, .box.fabrica	{
		    margin-top: 25px;
		}
	}
	
	@media all and (max-width:1140px) {
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .produtos-carrossel {width:95% !important;}
			.listagem .listagem-linha .flex-viewport ul li {width:initial;}
			.listagem .listagem-item .imagem-produto img {min-width:auto !important; display:block; margin:0 auto;}
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria {width:95% !important;}
		
		.banner-tarja {display:none !important;}
		
		#rodape .institucional {background-size:cover;}

		section#quem-somos .video, section#quem-somos .introducao {float: none; width: 100%;}
	}
	
	@media all and (max-width:890px) {
		.barraHeader h1 {margin:auto;float:revert;display:table;}
		
		.headerIndex .rightLogo .funcoes .acoesIndex .atendimento {display:none;}
		
		.barraHeader ul {width:100%;}
		.barraHeader ul li:nth-child(1) {display:none;}
		.barraHeader ul li:nth-child(2) a {border:0px;}
			.barraHeader ul li {width:50%; border:0px;}
			.barraHeader ul li a {background-position:10px center !important; padding-left:35px !important;}
			
		#rodape .institucional .fb-page {width:80% !important; float:none; box-sizing:border-box !important; margin:0 auto;}
	}
	@media only screen and (max-width: 767px){
		.produto .comprar .botao-comprar {width: 75%;}
	}
	@media all and (max-width:768px) {
		.pagina-inicial #banner-site {display:none!important;}
		.pagina-inicial #banner-mobile {display:flex !important;}
		
		.pagina-produto .bannerProdutos {display:block !important;}
			.pagina-produto .bannerProdutos img {display:block; margin:10px auto;}
		
		.headerIndex .logoIndex {margin:12px auto;}
		
		.barraHeader ul li a {display:table; margin:auto;}
		
		/*#banner-mobile {display: flex!important;}*/
		
		/*#banner-site {display: none!important;}*/
		
		.headerIndex .rightLogo .funcoes .acoesIndex .carrinhoIndex a {font-size:12px; line-height:13px; padding: 7px 10px 8px 40px;}
		
		.listagem .listagem-item .acoes-produto-responsiva {display:none !important;}
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .produtos-carrossel {padding-left:0px;}
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria {padding-left:0px !important;}
			.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos li {margin-top:0px !important;}
			.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos > ul.produtos-carrossel:before {display:none !important;}
			.listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {width:100% !important; float:none; margin-left:0px !important;}
			.listagem .flex-direction-nav li {margin-top:0px !important;}
			
		.secao-banners {margin-bottom:30px;}
		
		#rodape .visible-phone {display:none !important;}
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos .titulo-categoria {font-size:24px;}

		section#quem-somos .itens .item-quem-somos {width: 100%;}

		.headerIndex .row-fluid.principal {display: flex; flex-wrap: wrap; align-items: center; padding:10px 15px; position: relative; padding-bottom: 85px; box-sizing: border-box;}
		.headerIndex .rightLogo .funcoes {padding:0;}
		.headerIndex .rightLogo {width:100%;}
		.headerIndex .rightLogo .funcoes .buscaIndex {width:100%; float:left; display:table; bottom: 0px; left: 0px; padding-right:70px; }
				.headerIndex .rightLogo .funcoes .buscaIndex form {margin:20px auto; display:table; position:relative; border:1px #e783a9 solid; border-radius:100px; overflow:hidden; width: 100%;}				
				
		.sliderIndex .owl-nav {display:none;}		
		
		.menuHeader ul li a strong {padding: 0 10px; padding-top: 56px; padding-bottom: 15px; background-position:center 15px !important;}		
		
		.banner-tarjaIndex .box h6 {font-size:11px; line-height:12px;}
		.banner-tarjaIndex .box p {font-size:9px;}
		
		.banner-tarjaIndex .container {margin:20px auto;}
		.ctas {padding-top:30px; margin-top:0;}
		
		.ctas .categorias .owl-nav .owl-next {margin-right:-22px;}
		.ctas .categorias .owl-nav .owl-prev {margin-left:-22px;}
		
		#rodape-index .institucional {background:#fff;}
		
		
		#rodape-index .dados {margin-top:30px;}
		#rodape-index .institucional .dados ul li {width:50%;}
		
		#listagemProdutos > ul .flex-next {margin-right:0 !important;}
		#listagemProdutos > ul .flex-prev {margin-left:0 !important;}
	}


	@media all and (min-width:576px){
		.whatsapp-flu{display:none;}
		.atendimento-flu{display:none}
	}
	@media all and (max-width:576px) {

		.videos-home .video {width: 100%; margin: 0px; margin: 15px 0px;}
			.videos-home .video iframe {height: 300px;}
			
			
		.bannersConteudo a {width:100%; margin-bottom:20px;}
		
		.pagina-inicial #corpo > .conteiner > .secao-principal #listagemProdutos > ul.produtos-carrossel:nth-child(2) {margin-bottom:0;}
		
			
	}	
	