/* General Styles
==================================================*/
html,body {height: 100%;}
.footerput {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -170px;}
.footerclr {height: 170px; clear: both;}


body {background-color:#EFECEC; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 95%;}
h1, h2,	h3, h4, h5, h6 { font-family: 'Roboto', Arial, Helvetica; font-weight: 300;}
h1{font-size: 2.60em; margin: 0.55em 0 0.50em 0; font-weight:300}
h2{font-size: 1.80em; margin: 0.83em 0; line-height:1.5em}
h3{font-size: 1.20em; margin: 1.00em 0 0.50em 0}
h4{font-size: 1.00em; margin: 1.33em 0}
h5{font-size: 0.83em; margin: 1.67em 0}
h6{font-size: 0.75em; margin: 2.33em 0}

a:hover, a:focus {text-decoration: underline;}
a:active, a.active {color:#663399}
p a, p a:visited, button, .button { line-height: inherit}


input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select
{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
	display:block; width:100%; max-width:100%; 
	padding:10px 8px; margin:1px 0; 
	color:#666; outline:none; 

	border:0;
	border: 2px solid #f1f1f1;
	-webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-appearance:none; background:#FFF;
}

textarea {border:2px solid #666; min-height: 150px}


input:focus, textarea:focus, select:focus 
	{border-bottom:1px solid #000; color:#000; -webkit-box-shadow:0px 0px 1px #CCC; -moz-box-shadow:0px 0px 1px #CCC; box-shadow:0px 0px 1px #CCC}

button, a.button, .button 
{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	
	text-align:center;
	color:#FFF;
	background-color:#2B90CF;

	border:1px solid #2B90CF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	display:inline-block;
	padding:8px 24px;
	text-decoration:none;
	
	cursor:pointer;
	min-width:180px; 
}

button:hover, a.button:hover, .button:hover, button:focus, a.button:focus, .button:focus 
	{ text-decoration:none !important; filter:brightness(1.15);}

button:active, a.button:active, .button:active 
	{ position:relative; top:1px;}

button.lead, a.button.lead, .button.lead 
	{padding: 22px 30px}

button.secondary, a.button.secondary, .button.secondary 
	{background:#FFF; color:#000; text-shadow:none; line-height:1em}

button.secondary:hover, a.button.secondary:hover, .button.secondary:hover 
	{color:#333; background-color:#F8F8F8}

label, .label {display:block; position:relative; color:#333; margin-bottom:5px; font-size:0.9em; letter-spacing:0.1em}
	legend, .legend {display:block; width:100%; margin:15px 0; font-size:1.4em; line-height:1em;}
	label.error, .label.error {position:absolute; right:0; top:3px; font-size:.8em; color:#F00; padding:0; margin:0; width:auto !important;}
	input.error, select.error, textarea.error {border-color:#FF0000}

::placeholder {color:#FFF}

 .lazyimg {opacity:0; -webkit-transition:opacity 900ms; -moz-transition:opacity 900ms; -ms-transition:opacity 900ms; transition:opacity 900ms}
	.lazyimg.loaded {opacity:1}

.messagereturn {padding: 20px;background: #f1f1f1;margin: 15px 0;}

.main-content { padding-top:20px; }

.tabela {width: 100%}

.text-justify {text-align:justify;}

.rel {position:relative;}

.oonm {display:none !important;}

.full-width {width: 100%;}

.desenvolvedor {width:140px;margin:0 auto}
	.desenvolvedor img {max-width:100%}

.terms-links a { text-decoration: none; font-size: 0.8rem; color: #2b90cf; }


.ng-icon-size {display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-size: cover}
.ng-help-icon {background-image: url(../static/icons-sprite.png);  background-position: 0 -45px; margin-right:5px}
.ng-account-icon {background-image: url(../static/icons-sprite.png); background-position: 0 0; margin-right:5px}

/* Site Styles
==================================================*/

section.top-bar { background-color:#1C77C3; text-align:right; position:fixed; left:0; right:0; top:0; z-index:88 }
	.top-bar ul { float:right;}
	.top-bar li { line-height:40px; float:left; margin-left:20px; font-size:0.85em; }
	.top-bar a { color:#FFF; text-decoration:none; display:inline-block; padding:0 5px; }
	.top-bar a:hover { text-decoration:underline; }


section.main-header { height:180px; }

	.main-header header {position:fixed; left:0; right:0; top:40px; z-index:99; background-color:#2B90CF; height:100px; padding:20px 0;
		-webkit-transition:all 300ms; -moz-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms}
	/*-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1); box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);*/
	.main-header header.stick { top:0; padding:0}


	.navi-logos { float:left; margin-top:20px }

		.navi-logos li { float:left; display:inline-block; margin-right:20px; }
		.logo {  }
		.logo a { width: 120px; height: 60px; background: url(../static/logo-topo.png) no-repeat center; background-size: contain; margin: 0 auto; filter: invert(1) drop-shadow(1px 1px 2px rgba(0,0,0,0.5));}

		.logo-unido { width:53px; overflow:hidden;}
			.logo-unido img { height:45px; }
		

	.navi-right { float:right; margin-top:33px; font-size:0.85em; line-height:17px; letter-spacing: 0.03em; }
		
		.navi-right li { float:left; display:inline-block; margin-left:20px; position:relative; }
		.navi-right li:hover { filter:drop-shadow(1px 1px 2px black);}

		.navi-right li a { display:block; color:#FFF; text-decoration:none; }

		.navi-right span.icon { display:inline-block; float:left; width:34px; height:34px; margin-right:5px; background-size:contain; }

			.loca .icon { background: url(../static/ico-location.png) no-repeat left; }
			.user .icon { background: url(../static/ico-user.png) no-repeat left; }
			.favs .icon { background: url(../static/ico-favs-w.png) no-repeat left; }
			.cart .icon { background: url(../static/ico-cart-w.png) no-repeat left; }

		.navi-right span.title { /*display:table-cell;*/ display:inline-block; overflow:hidden; vertical-align:middle; height:34px; width:68px; }


	.navi-search ::placeholder { color: #999; }
		.navi-search { width: 530px; margin-right: 10px; float: right; margin-top: 28px; }
		.navi-search input { font-size: 0.9em; line-height: 1.2em; border-radius: 5px; padding:12px 16px; background-color: #FFF;
			color: #999; font-weight:300; border:1px solid #FFF;
			-webkit-transition:all 300ms; -moz-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms;
		}
		.navi-search input:focus { color:#000; letter-spacing:0.02em; }

	.search-results { background: #fff; font-size: 0.9em; border-radius:5px }
		.search-results li { margin:0 10px; }
		.search-results li a { display:block; padding:10px; margin:0; color:#888; text-decoration:none; border-radius:5px; }
		.search-results li a:hover { background-color:#F1F1F1; }
		.search-results li img { display: none; width: 50px; max-height:50px; float: left; margin-right: 10px; }
		.search-close { padding: 6px 6px 2px; background-color: #999; border-radius: 5px; color: white; font-size: 0.9em; text-align: center; margin: 10px !important; cursor: pointer; }
		.search-close p {margin:5px 10px;}




section.main-banner {}
	.main-banner .owl-nav {display:block; position:absolute; top:Calc(50% - 22.5px); left:0; right:0}
	.main-banner .owl-nav button.owl-prev, .main-banner .owl-nav button.owl-next {width:35px !important; position:absolute;}
	.main-banner .owl-nav button.owl-next {right:0}
	


section.main-footer {letter-spacing:0.2em; height:100%; background-color:#e2e2e2; color:#707070; position:relative; text-align:center;}
	.main-footer .company-name {font-size:1em; margin: 10px 0;}
	.main-footer p {font-size: 0.7em;margin: 6px 0;}
	.main-footer .formasdepagamento {width: 320px;margin: 10px; opacity: 0.6}



section.instagram {}
	.instagram p a {color: #000;text-decoration: none}
	.grid-instagram {}
	.grid-instagram ul {}
	.grid-instagram li {width: 150px;height: 150px;float: left;margin: 5px;overflow: hidden;}
	.grid-instagram img {max-width: 100%;}



section.home-tabs {}
	.home-tabs ul {text-align: center;margin-top: 10px;}
	/*.home-tabs li {display: inline-block; margin: 5px; line-height: 4em; width: Calc(33% - 12px); font-size: 0.95em}*/
	.home-tabs li {display: inline-block; margin: 5px; line-height: 4em; width: Calc(50% - 12px); font-size: 0.95em}
	.home-tabs li:last-child {}
	.home-tabs a {display: block;color: #999;text-decoration: none;letter-spacing: 0.22em;border: 1px solid #999; }
	.home-tabs a:hover {border-color: #000;;;color: #000}




section.store-overflow {}
	.store-badge { margin-top: -50px; position: relative; z-index: 9; padding-right:50px; overflow:hidden; }
		.store-badge h4 {font-size:1em; margin:10px 0 5px; color:#707070;}
		.store-badge ul {margin:5px 0 0; font-size:0.9em}
		.store-badge ul li {  }
		.store-badge a {color:#999}

	.store-avatar {}
		.store-avatar img {max-width:165px; }

	.store-title h1 {font-size:1.6em; font-weight:bold; margin:10px 0; color:#707070 }

	.store-about {hyphens: auto; text-align:justify;}
	
	.filter-controls {}
	.filter-controls li {float: left; padding: 7px 10px; display: inline-block; background-color: #86afd1; color: #FFF; border-radius: 5px; cursor: pointer; margin: 2px 8px 8px 0; font-size: 0.9em; font-weight: bolder;
		-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}
	.filter-controls li.active {background: #2B90CF;}


section.grid-stores {}

	.grid-stores {float: left; width: 100%;}

	.grid-stores h3 { padding: 20px 15px; font-weight: 300; font-size: 1.2em; border-bottom:1px solid #86afd1; margin-bottom:20px }

	.ex-s-li {-webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.1);}
	.ex-s-li:hover {-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);}

	.ex-s-li {float: left; width: Calc(23% - 2px); padding-bottom:23%; margin: 0 1% 20px; position: relative; border: 1px solid #f1f1f1; border-radius: 5px; background-color:#FFF}
	.in-s-li {display: block; position: absolute; overflow: hidden; left: 5px; right: 5px; top: 5px; bottom: 0;}

		.ex-s-head {float:left;width:100%;padding-bottom:55%;margin:0;position:absolute;top:0; background-color:#f8b133}
		.in-s-head {display:block;position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; padding:0; }
		.in-s-head img {max-width:120%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto -10px;}

		.ex-s-img {float:left;width:100%;padding-bottom:40%;margin:0;position:absolute;bottom:30%}
		.in-s-img {display:block;position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; padding:0 10px; }
		.in-s-img img {max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

		.ex-s-info {width:100%; margin:0; position:absolute; bottom:0; padding:15% 0;}
		.in-s-info {position:absolute; top:0; right:0; bottom:0; left:0;}
		.in-s-info {color:#333;text-decoration:none;}

		.grid-stores .name {font-size:0.75em; text-transform:uppercase; text-align:center; margin:2px; font-weight:bold; }
		.grid-stores .uf {font-weight:bold; font-size:0.8em; text-transform:uppercase; margin-bottom:0;margin-top:2px;}
		.grid-stores span.active {background:green; width:3px; height:3px; padding:2px; border-radius:100%;display:inline-block;}

		.grid-stores li > span {color:#FFF; padding:2px 5px; position:absolute; left:0; font-size:.8em;}
		.grid-stores li > span.sale {background:red; top:0; left:auto; right:0; text-align:center;}
	





section.grid-products {}

	.grid-products li.estoque-0 {opacity:0.4}

	.ex-prod-li {-webkit-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.1);}
	.ex-prod-li:hover {-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);}

	.ex-prod-li {float:left; width:31%; padding-bottom:48%; margin:0 1% 30px; position:relative; border-radius:5px; background-color:#FFF }
	.in-prod-li {display:block; position:absolute; overflow:hidden; left:5px; right:5px; top:10px; bottom:5px;}

		.ex-prod-img {float:left;width:100%;padding-bottom:100%;margin:0;position:relative;}
		.in-prod-img {display:block;position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0;}
		.in-prod-img img {max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

		.ex-prod-info {width:100%; margin:0; position:absolute; bottom:0; padding:25% 0;}
		.in-prod-info {position:absolute; top:0; right:1%; bottom:1%; left:1%;}
		.in-prod-info {color:#333;text-decoration:none;}

		.grid-products .name, .grid-products .preco {text-transform:uppercase; font-size:0.8em; margin:2px 0}
		.grid-products .preco strike {color:red}

	.grid-products .owl-nav {display:block; position:absolute; top:Calc(50% - 22.5px); left:0; right:0}
	.grid-products .owl-nav button.owl-prev, .grid-products .owl-nav button.owl-next {width:35px !important; position:absolute;}
	.grid-products .owl-nav button.owl-next {right:0}



section.search-page {}
	.search-page .grid-products.grid_9 {width:720px; margin-left:0; margin-right:0;}


section.grid-cart {}
	.grid-cart ul {font-size:.8em}
	.grid-cart li {display:block; float:left; width:100%; overflow:hidden; margin-bottom:10px;}

		.ex-cart-img {float:left;width:25%;padding-bottom:30%;margin:0;position:relative;}
		.in-cart-img {display:block;position:absolute; overflow:hidden; left:0; right:0; top:0; bottom:0; background-color:#F8F8F8}
		.in-cart-img img {max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
	
	.cart-info {float:left; width:Calc(65% - 10px); margin-left:10px; margin-top:10px;}
	.cart-info span {margin:2px 0;display:block;}
	.cart-info .prod-nome { max-height:45px; color:#444; font-size:1.1em; font-weight:bolder; }
	.cart-info .prod-ref {}
	.cart-info .prod-option {}
	.cart-info .prod-offer {}

	.cart-action {float:left; width:Calc(10% - 5px); margin-left:5px; margin-top:10px}
	.cart-action .buttons {display:block; line-height: 1em;font-size: 2em; text-align: center;}
		.cart-action .buttons span {display: block;}
		.cart-action .buttons b {line-height: 1.4em;font-size: 0.8em;padding: 0 6px;}
	.cart-action .buttons a {text-decoration: none;display: inline-block;width:35px;text-align: center;color: #000;border:1px solid #333}



section.product-details {padding-bottom:50px}
	.prod-info {letter-spacing: 0.1em}
		.prod-info .prod-loja {line-height:1.2em;font-size:0.9em}
		.prod-info .prod-loja a {color:#575656; font-size:0.9em}
		.prod-info .prod-marca {margin:0; font-size:0.9em;display: none;}
		.prod-info .prod-nome {font-size:1.5em; line-height:1.2em; font-weight:bolder;}
		.prod-info .prod-offer {margin:15px 0; line-height:1.6em}
		.prod-info .prod-offer p {margin-top:0;}
		.prod-info .prod-offer .por {font-weight:bolder;}
		.prod-info .prod-offer .em {font-size:1.3em; font-weight:bolder;}
		.prod-info .prod-texto {background:#FFF; padding:5px; margin:10px 0; font-size:0.9em; max-height:180px; overflow:scroll; overflow-x: hidden;}
		.prod-info .prod-texto p {margin:5px 0;}

		.prod-info button, .prod-info a.button, .prod-info .button {width:100%;}

	.p-options-cb p {margin-bottom:5px; font-weight:bolder;} .p-options-cb ul {margin-bottom:20px}
	.p-options-cb label {font-size:0.8em; display:block; float:left; margin:3px 0; background-color:#FFF; padding:5px 10px; border:1px solid #f1f1f1; cursor:pointer; width:Calc(100% - 30px)}
	.p-options-cb label:hover {border-color:#999;}
	.p-options-cb input[type="radio"] {display:none;}
	.p-options-cb input[type="radio"]:checked + label {color:#000; border-color:#000;}


section.contact {}
	.contact textarea {height: 215px}
	.contact-bottom {margin-top:50px; letter-spacing: 0.1em; font-size: 0.9em}

section.checkout {margin-bottom:200px}
	
	#checkout-frete label, 
	#checkout-formapagamento .options > label  { float:left; width:100%; cursor:pointer; display:block; margin:5px 0; box-sizing:border-box; position:initial;}

	#checkout-frete label {padding:5px 10px; border-radius:5px;}
	#checkout-frete label:hover {background:#FFF;}

	#checkout-frete label.error {position:relative; padding:2px 10px; margin:0; }

	.box-formapagamento {padding:10px; background-color:#FFF; border-radius:5px; margin-bottom:5px}

		#cardnumber {letter-spacing:0.1em}

		.card_expiration_date {position:relative;width:100%;font-size:0.9em; letter-spacing:0.1em}
			.card_expiration_date label {float:left; width: Calc(50% - 15px) !important; margin:0px !important}

			.card_expiration_date-title {display:block; width:100%;}
			.card_expiration_date .divider {display:block;float:left;line-height:2em;margin:0 10px; width:10px; padding:4px 0}

	
	#checkout-valores {width:Calc(100% - 20px); padding:10px; margin:0 0 10px 0; background:#EFEFF1}
	#checkout-valores p {font-size:1.1em; margin:2px 0; position:relative}
	#checkout-valores span {font-size:1.4em; position:absolute; right:0; top:0}

	.personal-data, .personal-address, .shipping-data {margin-bottom: 30px;}


section.order-details {margin-bottom:50px}




.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:100 !important;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.55);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.05em}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:400px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #000;-moz-box-shadow:0 0 3px #000;-o-box-shadow:0 0 3px #000;-ms-box-shadow:0 0 3px #000;box-shadow:0 0 3px #000;text-align:left}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
@-webkit-keyframes sk-stretchdelay {
0%,40%,100%{-webkit-transform:scaleY(0.5)}
20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay {
0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}
20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}


.cookie-privacy-info-popup {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 20px;
	background: white;
	box-shadow: 0 -1px 10px 2px #00000022;
	z-index: 80;
}

.cookie-privacy-info-popup p {
	float: left;
}

.cookie-privacy-info-popup button {
	float: right;
	margin-right: 40px;
}

.off { display:none}


@media only screen and (min-width:768px) and (max-width:959px){
	.navi-search {width:340px;}
}

@media only screen and (max-width:767px) {

	.footerput {margin: 0 auto -300px;}
	.footerclr {height: 300px;}

	h1{font-size: 1.80em;}
	h2{font-size: 1.30em;}
	h3{font-size: 1.05em;}
	h4{font-size: 1.00em;}
	h5{font-size: 0.83em;}
	h6{font-size: 0.75em;}

	legend, .legend {font-size:1.1em; font-weight:bolder;}


	section.main-header { height:auto; min-height:184px }

		.main-header header {height:auto}
		.main-header header.stick {padding:20px 0;}

		.navi-logos {margin-top:0;}

		.logo {-webkit-transition:all 300ms; -moz-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms}
			.logo a {width: 84px;height: 50px;}
		.logo-unido { width:42px; margin-top:5px; }
			.logo-unido img {height:35px;}

		.navi-search {width:100%; margin:10px auto 0;}


	.nav-mobile-menu {padding-bottom:10px; position:absolute; right:0; top:25px;}
		.nav-mobile-menu li {margin:0 10px}
		.nav-mobile-menu li a {width:35px; height:30px;}

		.nav-mobile-menu li.m-cart {background:url(../static/ico-cart-w.png) center no-repeat; background-size:contain; float:left; right:50px; position:absolute;z-index:10; filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); }
		.nav-mobile-menu li.m-user {background:url(../static/ico-account.png) center no-repeat; background-size:contain; float:left; right:50px; position:absolute;z-index:10;}
		.nav-mobile-menu li.m-search {background:url(../static/ico-search.png) center no-repeat; background-size:contain; float:right; left:50px; position:absolute;z-index:10;}
		.nav-mobile-menu li.m-menu {background:url(../static/ico-menu-w.png) center no-repeat; background-size:contain;float:right; right:0; position:absolute;z-index:10; 
			filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));}



	.nav-mobile { display:none; padding:10px 0 0; font-size:0.9em; border:0; width:100%; }
		.nav-mobile ul { text-align:center; }
		.nav-mobile li { margin:10px; display:block; }
		.nav-mobile li a { display:block; padding:10px 0; border:1px solid #fff; border-radius:5px; color:#FFF; text-decoration:none; background-color: #2B90CF }

		.nav-mobile .half {}
		.nav-mobile .half li { float:left; width:Calc(50% - 20px); margin:0 10px; }

		.nav-mobile li.location-select a {filter:brightness(1.15);}



	

	.main-content {}


	.search-page .grid-products.grid_9 {width:100%; margin-left:0; margin-right:0; margin-top:50px}



	.ex-s-li, 
	.diretorio2 .ex-s-li {width:31%; padding-bottom:47%; margin:0 1% 30px; }
	.diretorio .ex-s-li {width:24%; padding-bottom:35%; margin:0 0.5% 30px; }

	.ex-prod-li {width:48%; padding-bottom:72%; margin:0 1% 20px; }


	.ex-s-li { padding-bottom:35%; }
	.ex-s-img { bottom:40%; }
	.ex-s-info { padding:22% 0; }



	.store-badge {margin:-10px 10px 20px; padding-right:0}
		.store-badge .store-title h1 {margin-top:0}
		.store-avatar {width:Calc(30% - 10px); margin-right:10px; float:left;}
		.store-avatar img {max-width:100%}
		.store-address, .store-hours, .store-shipping, .store-social {width:Calc(50% - 10px); margin:5px; float:left; font-size:0.9em;}


	.grid-cart li {height:120px}
		.grid-cart li > a {width:140px}
		.cart-info {width: Calc(100% - 150px)}

	.grid-instagram li {width: Calc(25% - 2px);margin: 1px;height: auto;}


	.prod-info .prod-nome {margin:20px 0;}

	.fancybox-toolbar button {width: 25% !important;min-width: auto;}
	.fancybox-show-nav .fancybox-navigation button {min-width:auto; width:25% !important}


	section.checkout {margin-left: 15px;margin-right: 15px;}

	#checkout-valores {width:100%;}

	#checkout-frete label {padding:10px 0}


	.main-footer p {font-size: 0.8em;}
	.main-footer .company-name {font-size: 1.2em;}

	.terms-links a { font-size: 0.6rem; }

	.cookie-privacy-info-popup button {
		float: right;
		margin-right: 0;
	}

	.oonm {display:block !important} .offm {display:none}
}