/*
Template Name: utirubra - HTML Ecommerce Template
Author: Manuel J. de Castro

Cores:
	Corpo 		: #333
	Cabeçalho 	: #2B2D42
	Primary 	: #D10024
	Escuro 		: #15161D ##1E1F29
	Cinza 		: #E4E7ED #FBFBFC #8D99AE #B9BABC

Fontes: Hindi
Fontes: 

Tabela dos Conteudos
------------------------------------
1 > GERAL
------ Tipografia
------ Botões
------ Entrada
------ Seção
------ Breadcrumb
2 > CABECALHO
------ Top CABECALHO
------ Logo
------ BARRA  DE PESQUISA
------ Carrinho
3 > CATEGORIA
------ Navegador Principal
------ Navegador Responsivo
4 > TRANSIÇÃO

5 > BANNER

4 > PUBLICIDADE = LINHA 828


6 > PRODUTO
------ Product
------ Widget product
------ Product slick
7 > STORE PAGE
------ Aside
------ Store
8 > PRODUTO DETALHES PAGINA = linha 1577
------ Product view
------ Product details
------ Product tab

9 > CARRINHO
9.5 >  PAGAMENTO
9.6 >  PESQUISAR
10 > NEWSLETTER
11 > FOOTER
11 > SLICK STYLE
12 > RESPONSIVE
------------------------------------*/

/*=========================================================
	01 -> GERAL
===========================================================*/

/*----------------------------*\
	Tipografia
\*----------------------------*/

body {
  font-family:futura-pt,sans-serif

  font-weight: 400;
  color: #333;
  
  
}

h1, h2, h3, h4, h5, h6 {
  color: #2B2D42;
  margin: 0 0 10px;
}

a {
  color: #2B2D42;
  font-weight: 500;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
}

/**a:hover, a:focus {
  color: #D10024;
  text-decoration: none;
  outline: none;
}**/

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}




/*----------------------------*\
	Botões
\*----------------------------*/

.primary-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #e60014;
  border: none;
  border-radius: 8px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  
} 

.primary-btn:hover, .primary-btn:focus {
 
  color: #FFF;
  background-color: #eb3343;

}

/*----------------------------*\
	Entradas
\*----------------------------*/
:root {
    --amarelo: #ffcc00;
    --cinza: #cccccc;
}

/* Não exibir o input radio */
.estrelas input[type=radio] {
    display: none;
}

/* Criar as estrelas preenchidas de amarelo*/
.estrelas label i.opcao.fa:before {
    content: '\f005';
    color: var(--amarelo);
}

/* Atribuir o cinza nas estrelas, quando selecionar a estrela retirar o cinza*/
.estrelas input[type=radio]:checked~label i.fa:before {
    color: var(--cinza);
}

/* Personalizar a estrela preenchida */
.estrela-preenchida {
    color: var(--amarelo);
}

/* Personalizar a estrela vazia */
.estrela-vazia{
    color: var(--cinza);
}
/*-- Text input --*/

.input {
  height: 40px;
  padding: 0px 15px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  width: 100%;
}

textarea.input {
  padding: 15px;
  min-height: 90px;
}

/*-- Number input --*/

.input-number {
  position: relative;
}

.input-number input[type="number"]::-webkit-inner-spin-button, .input-number input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type="number"] {
  -moz-appearance: textfield;
  height: 40px;
  width: 100%;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  padding: 0px 35px 0px 15px;
}

.input-number .qty-up, .input-number .qty-down {
  position: absolute;
  display: block;
  width: 30px;
  height: 40px;
  border: 1px solid #E4E7ED;
  color: gray;
  padding-top: 9px;
  background-color: #FFF;
  text-align: center;
  margin-top: ;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-number .qty-up {
  right: 0;
  top: 0;

}

/*-- Select input --*/

.input-select {
  padding: 0px 15px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  height: 40px;

}


/*-- checkbox & radio input --*/

.input-radio, .input-checkbox {
  position: relative;
  display: block;
}

.input-radio input[type="radio"]:not(:checked), .input-radio input[type="radio"]:checked, .input-checkbox input[type="checkbox"]:not(:checked), .input-checkbox input[type="checkbox"]:checked {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.input-radio label, .input-checkbox label {
  font-weight: 500;
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  
}

.input-radio input[type="radio"]+label span, .input-checkbox input[type="checkbox"]+label span {
  position: absolute;
  left: 0px;
  top: 4px;
  width: 14px;
  height: 14px;
  border: 2px solid #E4E7ED;
  background: #FFF;
}

.input-radio input[type="radio"]+label span {
  border-radius: 50%;
}

.input-radio input[type="radio"]+label span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  background-color: #FFF;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-checkbox input[type="checkbox"]+label span:after {
  content: '✔';
  position: absolute;
  top: -2px;
  left: 1px;
  font-size: 10px;
  color: #FFF;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-radio input[type="radio"]:checked+label span, .input-checkbox input[type="checkbox"]:checked+label span {
  background-color: #D10024;
  border-color: #D10024;
}

.input-radio input[type="radio"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.input-checkbox input[type="checkbox"]:checked+label span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.input-radio .caption, .input-checkbox .caption {
  margin-top: 5px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s max-height;
  transition: 0.3s max-height;
}

.input-radio input[type="radio"]:checked~.caption, .input-checkbox input[type="checkbox"]:checked~.caption {
  max-height: 800px;
}

/*----------------------------*\
	Seção
\*----------------------------*/

.section {
  padding-top: 30px;
  padding-bottom: 30px;


}

.section-title {
  position: relative;
  margin-bottom: 30px;
 
}

.section-title .title {
  display: inline-block;
    margin: 0px;
}

.section-title .section-nav {
  float: right;
}

.section-title .section-nav .section-tab-nav {
  display: inline-block;
}

.section-tab-nav li {
  display: inline-block;
  margin-right: 15px;
}

.section-tab-nav li:last-child {
  margin-right: 0px;
}

.section-tab-nav li a {
  font-weight: 700;
  color: #8D99AE;
}

.section-tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.section-tab-nav li.active a {
  color: #D10024;
}

.section-tab-nav li a:hover:after, .section-tab-nav li a:focus:after, .section-tab-nav li.active a:after {
  width: 100%;
}

.section-title .section-nav .products-slick-nav {
  top: 0px;
  right: 0px;
}

/*----------------------------*\
	Breadcrumb
\*----------------------------*/

#breadcrumb {
  padding: 30px 0px;
  background: #FBFBFC;
  border-bottom: 1px solid #E4E7ED;
  margin-bottom: 30px;
}

#breadcrumb .breadcrumb-header {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 15px;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree {
  display: inline-block;
}

#breadcrumb .breadcrumb-tree li {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree li+li {
  margin-left: 10px;
}

#breadcrumb .breadcrumb-tree li+li:before {
  content: '/';
  display: inline-block;
  color: #8D99AE;
  margin-right: 10px;
}

#breadcrumb .breadcrumb-tree li a {
  color: #8D99AE;
}

#breadcrumb .breadcrumb-tree li a:hover {
  color: #D10024;
}

/*=========================================================
	02 -> CABEÇALHO
===========================================================*/
#cabecalho {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: white;
}
/*----------------------------*\
	1 Top CABEÇALHO
\*----------------------------*/

#top-cabecalho {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #F5F5F5;
}

.cabecalho-links li {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}

.cabecalho-links li:last-child {
  margin-right: 0px;
}

.cabecalho-links li a {
  color: #FFF;
}

.cabecalho-links li a:hover {
  color: #D10024;
}

.cabecalho-links li i {
  color: #D10024;
  margin-right: 5px;
}

/*----------------------------*\
	Logo
\*----------------------------*/

.cabecalho-logo {
  float: left;
}

.cabecalho-logo .logo img {
  display: block;
}

/*----------------------------*\
	BARRA  DE PESQUISA
\*----------------------------*/
.nao_encontro 
{
   
   padding: 75px 0px 75px 0px;
}

.nao_encontro img
{
   height: 100px;
   width: 100px;
}
.nao_encontro h4
{

  font-size: 18px;
  color: gray;
  padding: 10px 0px 10px 0px;
}


.cabecalho-pesquisa {
  padding: 15px 0px;
  width: 750px;
  margin-left: -120px;
}

.cabecalho-pesquisa form {
  position: relative;
}



.cabecalho-pesquisa form .input {
  width: calc(100% - 260px);
  background: #F5F5F5;
  margin-right: -4px;
  border-radius: 5px 0px 0px 5px;
}


.cabecalho-pesquisa form .search-btn {
  height: 40px;
  width: 100px;
  background: #D10024;
  color: #FFF;
  font-weight: 700;
  border: none;
  border-radius: 0px 5px 5px 0px;
}
/*=========================================================
  09 -> CARRINHO
===========================================================*/

.carrinho_vazio img
{
 width: 13vw;
 height: 13vw;
 padding: 11px ;
}
.carrinho_vazio h1
{
  font-size: 3vw;
  font-weight: 700;
  color: #505251;
}
.carrinho_vazio h4
{
  font-size: 1.2vw;
  font-weight: 600;
  color: gray;
}

.shiping-methods {
  margin-bottom: 30px;
}

/*-- Lista de compra no  carrinho --*/

.lista-compra>tbody>tr>td, .lista-compra>tbody>tr>th, .lista-compra>tfoot>tr>td, .lista-compra>tfoot>tr>th, .lista-compra>thead>tr>td, .lista-compra>thead>tr>th {
  padding: 15px 0px;
  vertical-align: middle;
  border-top: 1px solid #DADADA;
}
 

.lista-compra>thead>tr>th {
  color: #30323A;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #DADADA;
}

.lista-compra>tbody>tr:last-child>td {
  border-bottom: 1px solid #DADADA;
}

.lista-compra>tfoot>tr>td, .lista-compra>tfoot>tr>th {
  color: #30323A;
  border-top: 0px

}

.lista-compra>tfoot>tr>td:not(.empty), .lista-compra>tfoot>tr>th:not(.empty) {
  padding: 15px;
  background-color: #F6F7F8;
  border: 1px solid #DADADA;
  font-weight:600;
}

.lista-compra>tbody>tr>.detalhes>a {
  font-size: 15px;

  
}

.lista-compra>tbody>tr>.thumb>img {
  width: 60px;
}

.lista-compra>tbody>tr>.qtd .input {
  width: 90px;
}

.lista-compra>tbody>tr>.preco {
  font-size: 18px;
  font-weight: 600;
   
}

.lista-compra>tbody>tr>.total {
  font-size: 18px;
  font-weight: 600;
   
}

.lista-compra>tfoot>tr>.sub-total {
  font-size: 18px;
  
}

.lista-compra>tfoot>tr>.total {
  font-size: 24px;

  color: #D10024;
  
}

/*----------------------------*\
  Ajuda 
\*----------------------------*/
.ajuda_1
{
margin: 0 ;
display: flex;
align-items:center;
justify-content: center;
}
.ajuda_1 h2
{
font-weight: 600;
}
.ajuda_estilo
{
margin: 0;
display: flex;
align-items:center;
justify-content: center;
}
.ajuda_estilo h4
{
  color: #444444;
  font-weight: 550;
}


.botaoi-btn
{
  display: inline-block;
  padding: 17px 20px;
  height: 50px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  
  color: #444444;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  font-size: 12px;
  margin: 0;
}

.botao-btn 
{
  display: inline-block;
  
  height: 50px;
  width: 60%;
  background-color: orange;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.195);
  box-shadow: 0px 6px 12px 2px #CF092B rgba(0, 0, 0, 0.195);
  color: #FFF;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  font-size: 15px;
  margin: 0;

 
}
.botao-btn:hover
{
  
  background-color: red;
  transition: .5s;
 

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

  }
.ou p
{
  margin-top: 10px;
  font-size: 13px;
  color: gray;
}


.contact_info
{
  width: 100%;
  padding-top: 70px;
  

}
.contact_infos
{
  
  padding-top: 70px;
 padding-left: 110px;

}

.paneal
{
  width: 100%;
  height: 50px;
 
  margin-top: 60px;
}
.header-ctn {
  float: right;
  padding: 10px 0px ;


}

.header-ctn>div {
  display: inline-block;
}

.header-ctn>div+div {
  margin-left: 15px;
}

.header-ctn>div>a {
  display: block;
  position: relative;
  width: 90px;
  text-align: center;
  color: #000000;
}

.header-ctn>div>a>i {
  display: block;
  font-size: 18px;
}

.header-ctn>div>a>span {
  font-size: 14px;
}

.header-ctn>div>a>.qty {
  position: absolute;
  right: 31px;
  top: -2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 700;
  color: #D10024;
  
}


.caixa{

  margin-top: 33px;
  background: #FFF;
  width: 100px;
  -webkit-box-shadow: 0px 0px 0px 2px #E4E7ED;
  box-shadow: 0px 0px 0px 2px #CF092B;
  
  
 

}
.mobile img
{
  display: none;
}


/*.cart-dropdown {
  position: absolute;
  width: 140px;
  background: #FFF;
  padding: 10px;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0px 6px 12px 2px #CF092B rgba(0, 0, 0, 0.175);
   z-index: 100;
  right: -21px;
  opacity: 0;
  visibility: hidden;
   -webkit-transition: 0.3s all;
  transition: 0.3s all;
  border-top: 2px solid #D10024;
}**/




/*=========================================================
  03 -> PAGAMENTO
===========================================================*/


 .main-nav .main-list>li>a {
    color: #444444;
  }

/*----------------------------*\
	Main nav
\*----------------------------*/

.main-list li a{
  font-size: 13.5px;
  color:#FFF;
  font-weight: 500;
  letter-spacing:1px;
}



.main-list>li>a:hover, .main-list>li>a:focus, .main-list>li.active>a {
  color: #D10024;
  background-color: transparent;
}

.main-list>li>a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.main-list>li>a:hover:after, .main-list>li>a:focus:after, .main-list>li.active>a:after {
  width: 100%;
}

.header-ctn li.nav-toggle {
  display: none;
}

/*=========================================================
  04 ->Transição
===========================================================*/
.sliver
{
  width: 1280px;
  margin: auto;
}

.fontes
{
  font-size: 111px;
}

/*********************************
5. Cumprimesso
*********************************/

.compromisso
{
  padding-top: 70px;
  padding-bottom: 70px;
  
  /*height: 150px;*/

  
}
.char_item
{
  width: 100%;
  margin-top: 3px;
  height: 70px;
  border: solid 1.3px #e8e8e8;
  padding-left: 36px;
  
}
.char_icon
{
  margin-right: 24px;
}
.char_icon img
{
 position: absolute;
  height:  45px;
  width: 45px;
  margin-left:-20px;
  margin-top: 12px;
  

}
.char_content
{
  transform: translate(35px, 19px );
}
.char_titulo
{
  font-size: 13px;
  font-weight: 540;
  color: gray;
}
.char_subtitulo
{
  font-size: 10px;
  font-weight: 400;
  color: rgba(0,0,0,0.5);
  margin-top: 3px;
}

/*=========================================================
	04 -> PUBLICIDADE = LINHA 828
===========================================================*/

.publicidade {
  position: relative;
  overflow: hidden;
  margin: 15px 0px;
  box-shadow: 0.7px 1px 1px rgba(0,0,0,0.3);
  border-radius: 5px 5px 5px 5px;
  height: 250px;
}





.publicidade .pub-img {
  position: relative;
  background-color: #E4E7ED;
  z-index: -1;
}

.publicidade .pub-img>img {
  width: 100%;
  height: 250px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all; 
}


.publicidade .pub-corpo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  z-index: 10;
}



/*=========================================================
	05 -> HOT DEAL
===========================================================

#hot-deal.section {
  padding: 60px 0px;
  margin: 30px 0px;
  background-color: #E4E7ED;
  background-image: url('../img/hotdeal.png');
  background-position: center;
  background-repeat: no-repeat;
}

.hot-deal {
  text-align: center;
}

.hot-deal .hot-deal-countdown {
  margin-bottom: 30px;
}

.hot-deal .hot-deal-countdown>li {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #D10024;
  text-align: center;
  border-radius: 50%;
  margin: 0px 5px;
}

.hot-deal .hot-deal-countdown>li>div {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hot-deal .hot-deal-countdown>li>div h3 {
  color: #FFF;
  margin-bottom: 0px;
}

.hot-deal .hot-deal-countdown>li>div span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #FFF;
}

.hot-deal p {
  text-transform: uppercase;
  font-size: 24px;
}

.hot-deal .cta-btn {
  margin-top: 15px;
}**/

/*=========================================================
	06 -> PRODUTO
===========================================================*/

/*----------------------------*\
	produto
\*----------------------------*/


.product {
  position: relative;
  margin: 15px 0px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,47,52,.2), 0px 0px 0px 1px rgba(0,47,52,.2);
  box-shadow: 0px 1px 0px 0px rgba(0,47,52,.2), 0px 0px 0px 1px rgba(0,47,52,.2);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;




}

.product:hover {
  -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
  box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
}

.product .product-img {
  position: relative;
}

.product .product-img> a img {
  width: 100%;
  cursor: pointer;
  /**border-bottom: 1px solid #DADADA;**/
}

/**.product .product-img .product-label {
  position: absolute;
  top: 15px;
  right: 15px;

}

.product .product-img .product-label>span {
  border: 2px solid;
  padding: 2px 10px;
  font-size: 12px;

}

.product .product-img .product-label>span.sale {
  background-color: #FFF;
  border-color: #D10024;
  color: #D10024;

}

.product .product-img .product-label>span.new {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;

}***/

.product .product-body {
  position: relative;
  padding: 15px;
  background-color: #FFF;
  
  z-index: 20;

}

/*.product .product-body .product-category {
  
  font-size: 12px;
  color: #8D99AE;

}**/

.product .product-body .product-name {
  
  font-size: 13px;
  cursor: pointer;

 

}

.product .product-body .product-name>a {
  -webkit-font-smoothing: subpixel-antialiased;
color: #5F666F;
cursor: pointer;
direction: ltr;
display: block;
font-family: system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", sans-serif;
font-size: 13px;


line-height: 18px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
overflow-x: hidden;
overflow-y: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;

word-wrap: break-word;
}
.product .product-body .product-price {
  color: #444444;
  font-size: 14px;
  font-weight: 550;


}
.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {
  color: #D10024;

}



.product .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;

}

.product .product-body .product-rating {
  position: relative;
  margin: 15px 0px 10px;
  height: 20px;

}

.product .product-body .product-rating>i {
  position: relative;
  width: 14px;
  margin-right: -4px;
  background: #FFF;
  color: #E4E7ED;
  z-index: 10;

}

.product .product-body .product-rating>i.fa-star {
  color: #D10024;

}

.product .product-body .product-rating:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background-color: #E4E7ED;

}

.product .product-body .product-btns>button {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;

}

.product .product-body .product-btns>button:hover {
  background-color: #E4E7ED;
  color: #D10024;
  border-radius: 50%;

}

.product .product-body .product-btns>button .tooltipp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  -ms-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  width: 150px;
  padding: 10px;
  font-size: 12px;
  line-height: 10px;
  background: #1e1f29;
  color: #FFF;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;

}

.product .product-body .product-btns>button:hover .tooltipp {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
  
}

.product .add-to-cart {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 15px;
  background: #1e1f29;
  text-align: center;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  z-index: 2;
}

.product:hover .add-to-cart {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.product .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #D10024;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10.3px;
  border-radius: 40px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #eb3343;
  opacity: 0;
  visibility: hidden;
}

.product .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #eb3343;
  border-color: #eb3343;
  padding: 0px 30px 0px 50px;
}

.product .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}
/*----------------------------*\
  carrinho
\*----------------------------*/
.box{
    background: #ffffff;
    margin: 0 0 10px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 63px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.box2{
    background: #ffffff;
    margin: 0 0 10px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 63px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.box2_434{
    background: #ffffff;
    margin: 0 0 10px;
        margin-top: 0px;
   
    box-sizing: border-box;
    padding: 20px;
    margin-top: 63px;
    box-shadow: 0px 2px 21px rgba(0, 0, 0, 0.02);
    border-radius: 20px;
}
.box3{
      background: #ffffff;
    margin: 0 11px 10px 11px;
 
    box-sizing: border-box;
    padding: 20px;
    margin-top: 3px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
}
.box3_11{
    background: #ffffff;
    margin: 0 0 10px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    padding: 20px;
     
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
/*----------------------------*\
	Widget product
\*----------------------------*/

.product-widget {
  position: relative;
}

.product-widget+.product-widget {
  margin: 30px 0px;
}

.product-widget .product-img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
}

.product-widget .product-img>img {
  width: 100%;
}

.product-widget .product-body {
  padding-left: 75px;
  min-height: 60px;
}

.product-widget .product-body .product-category {
  text-transform: uppercase;
  font-size: 10px;
  color: #8D99AE;
}

.product-widget .product-body .product-name {
  text-transform: uppercase;
  font-size: 12px;
}

.product-widget .product-body .product-name>a {
  font-weight: 700;
}

.product-widget .product-body .product-name>a:hover, .product-widget .product-body .product-name>a:focus {
  color: #D10024;
}

.product-widget .product-body .product-price {
  font-size: 14px;
  color: #D10024;
}

.product-widget .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-widget .product-body .product-price .qty {
  font-weight: 400;
  margin-right: 10px;
}

.product-widget .delete {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 10px;
  padding: 0;
  background: #1e1f29;
  border: none;
  color: #FFF;
}

/*----------------------------*\
	Products slick
\*----------------------------*/

.products-slick .slick-list {
  padding-bottom: 60px;
  margin-bottom: -60px;
  z-index: 2;
}

.products-slick .product.slick-slide {
  margin: 15px;
}

.products-tabs>.tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  padding-bottom: 60px;
  margin-bottom: -60px;
}

.products-tabs>.tab-pane.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.products-slick-nav {
  position: absolute;
  right: 15px;
  z-index: 10;

}

.products-slick-nav .slick-prev, .products-slick-nav .slick-next {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
  display: inline-block !important;
  margin: 0px 2px;

}

.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {
  font-size: 30px;
}

/*=========================================================
	07 -> PRODUCTS PAGE
===========================================================*/

/*----------------------------*\
	Aside
\*----------------------------*/

.aside+.aside {
  margin-top: 30px;
}

.aside>.aside-title {
  text-transform: uppercase;
  font-size: 18px;
  margin: 15px 0px 30px;
}

/*-- checkbox Filter --*/

.checkbox-filter>div+div {
  margin-top: 10px;
}

.checkbox-filter .input-radio label, .checkbox-filter .input-checkbox label {
  font-size: 12px;
}

.checkbox-filter .input-radio label small, .checkbox-filter .input-checkbox label small {
  color: #8D99AE;
}

/*-- Price Filter --*/

#price-slider {
  margin-bottom: 15px;
}

.noUi-target {
  background-color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E4E7ED;
  border-radius: 0px;
}

.noUi-connect {
  background-color: #D10024;
}

.noUi-horizontal {
  height: 6px;
}

.noUi-horizontal .noUi-handle {
  width: 12px;
  height: 12px;
  left: -6px;
  top: -4px;
  border: none;
  background: #D10024;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
}

.noUi-handle:before, .noUi-handle:after {
  display: none;
}

.price-filter .input-number {
  display: inline-block;
  width: calc(50% - 7px);
}

/*----------------------------*\
	Store
\*----------------------------*/

.store-filter {
  margin-bottom: 15px;
  margin-top: 15px;
}

/*-- Store Sort --*/

.store-sort {
  display: inline-block;
}

.store-sort label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
}

/*-- Store Grid --*/

.store-grid {
  float: right;
}

.store-grid li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  text-align: center;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.store-grid li+li {
  margin-left: 5px;
}

.store-grid li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.store-grid li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  cursor: default;
}

.store-grid li a {
  display: block;
}

/*-- Store Pagination --*/

.store-pagination {
 
}

.store-pagination li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.store-pagination li+li {
  margin-left: 5px;
}

.store-pagination li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.store-pagination li.active {
    
  color: #FFF;
  font-weight: 500;
  cursor: default;
}

.store-pagination li a {
  display: block;
}

.store-qty {
  margin-right: 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}


/*----------------------------*\
  Referen
\*----------------------------*/



.breadcrumb {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 15px 0px;
  margin: 0;
}

.breadcrumb>.active {
  color: #D10024;
}

.breadcrumb>li+li:before {
  color: #DADADA;
}
/*=========================================================
	08 -> PRODUTO DETALHES PAGINA   
===========================================================*/

/*----------------------------*\
	Ilustrar ProdutO 
\*----------------------------*/
#product-main-img
{
  
  border: 1.3px solid #E4E7ED;
}

#product-main-img .slick-prev {
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  left: 15px;
  
}

#product-main-img .slick-next {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  right: 15px;
}

#product-main-img .slick-prev, #product-main-img .slick-next {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-main-img:hover .slick-prev, #product-main-img:hover .slick-next {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

#product-main-img .zoomImg {
  background-color: #FFF;
}

#product-imgs .product-preview {
  margin: 0px 5px;
  border: 1px solid #E4E7ED;
}

#product-imgs .product-preview.slick-current {
  border-color: #D10024;
}

#product-imgs .slick-prev {
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-next {
  top: calc(100% - 20px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-prev:before {
  content: "\f106";
}

#product-imgs .slick-next:before {
  content: "\f107";
}

.product-preview img {
  width: 100%;
}

/*----------------------------*\
	Produto detalhes
\*----------------------------*/

.product-details .product-name {
 margin: 0;
font-size: 26px;
line-height: 1;

overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 2px;
  
}

.product-details .product-rating {
  display: inline-block;
  margin-right: 15px;

}

.product-details .product-rating>i {
  color: #E4E7ED;
}

.product-details .product-rating>i.fa-star {
  color: rgb(26, 145, 218);
}

.product-details .review-link {
  font-size: 12px;
  font-weight: 600;
}

.product-details .product-price {
  display: inline-block;
  font-size: 33px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: 'Abel', sans-serif;
  
}

.product-details .product-price .product-old-price {
  font-size: 50%;
  font-weight: 400;
  color: #8D99AE;
  font-family: 'Abel', sans-serif;
}

.product-details .produto-desponibilidade_0 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 10px;
  color: #D10024;
  border: 1.5px solid #D10024;
}
.product-details .produto-desponibilidade_1 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 10px;
  color: green;
  border: 1.5px solid green;
}

.product-details .product-options {
  margin-top: 30px;
  margin-bottom: 30px;
}

.product-details .product-options label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
}

.product-details .product-options .input-select {
  width: 90px;
}

.product-details .add-to-cart {
  margin-bottom: 30px;
}

.product-details .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 15px;

  background-color:#e60014 ;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product-details .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #e60014;
  opacity: 0;
  visibility: hidden;
}

.product-details .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #eb3343;
  border-color: #eb3343;
  padding: 0px 11px 0px 32px;
}

.product-details .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

.product-details .add-to-cart .qty-label {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  
  margin-bottom: 0px;
}

.product-details .add-to-cart .qty-label .input-number {
  width: 70px;
  display: inline-block;
}

.product-details .product-btns li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-btns li+li {
  margin-left: 15px;
}

.product-details .product-links {
  margin-top: 15px;
}

.product-details .product-links li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-links li+li {
  margin-left: 10px;
}

/*----------------------------*\
	 Product tab
\*----------------------------*/

#product-tab {
  margin-top: 60px;
}

#product-tab .tab-nav {
  position: relative;
  text-align: center;
  padding: 15px 0px;
  margin-bottom: 30px;
}

#product-tab .tab-nav:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #E4E7ED;
  z-index: -1;
}

#product-tab .tab-nav li {
  display: inline-block;
  background: #FFF;
  padding: 0px 15px;
}

#product-tab .tab-nav li+li {
  margin-left: 15px;
}

#product-tab .tab-nav li a {
  display: block;
  font-weight: 700;
  color: #8D99AE;
}

#product-tab .tab-nav li.active a {
  color: #D10024;
}

#product-tab .tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D10024;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-tab .tab-nav li a:hover:after, #product-tab .tab-nav li a:focus:after, #product-tab .tab-nav li.active a:after {
  width: 100%;
}

/*-- Rating --*/

.rating-avg {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.rating-avg .rating-stars {
  margin-left: 10px;
}

.rating-avg .rating-stars, .rating .rating-stars {
  display: inline-block;
}

.rating-avg .rating-stars>i, .rating .rating-stars>i {
  color: #E4E7ED;
}

.rating-avg .rating-stars>i.fa-star, .rating .rating-stars>i.fa-star {
  color: #D10024;
}

.rating li {
  margin: 5px 0px;
}

.rating .rating-progress {
  position: relative;
  display: inline-block;
  height: 9px;
  background-color: #E4E7ED;
  width: 120px;
  margin: 0px 10px;
  border-radius: 5px;
}

.rating .rating-progress>div {
  background-color: #D10024;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

.rating .sum {
  display: inline-block;
  font-size: 12px;
  color: #8D99AE;
}

/*-- Reviews --*/

.reviews li {
  position: relative;
  padding-left: 145px;
  margin-bottom: 30px;
}

.reviews .review-heading {
  position: absolute;
  width: 130px;
  left: 0;
  top: 0;
  height: 70px;
}

.reviews .review-body {
  min-height: 70px;
}

.reviews .review-heading .name {
  margin-bottom: 5px;
  margin-top: 0px;
}

.reviews .review-heading .date {
  color: #8D99AE;
  font-size: 10px;
  margin: 0;
}

.reviews .review-heading .review-rating {
  margin-top: 5px;
}

.reviews .review-heading .review-rating>i {
  color: #E4E7ED;
}

.reviews .review-heading .review-rating>i.fa-star {
  color: #D10024;
}

.reviews-pagination {
  text-align: center;
}

.reviews-pagination li {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.reviews-pagination li:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

.reviews-pagination li.active {
  background-color: #D10024;
  border-color: #D10024;
  color: #FFF;
  cursor: default;
}

.reviews-pagination li a {
  display: block;
}

/*-- Review Form --*/

.review-form .input {
  margin-bottom: 15px;
}

.review-form .input-rating {
  margin-bottom: 15px;
}

.review-form .input-rating .stars {
  display: inline-block;
  vertical-align: top;
}

.review-form .input-rating .stars input[type="radio"] {
  display: none;
}

.review-form .input-rating .stars>label {
  float: right;
  cursor: pointer;
  padding: 0px 3px;
  margin: 0px;
}

.review-form .input-rating .stars>label:before {
  content: "\f006";
  font-family: FontAwesome;
  color: #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.review-form .input-rating .stars>label:hover:before, .review-form .input-rating .stars>label:hover~label:before {
  color: #D10024;
}

.review-form .input-rating .stars>input:checked label:before, .review-form .input-rating .stars>input:checked~label:before {
  content: "\f005";
  color: #D10024;
}









/*=========================================================
	09 -> CARRINHO 2 
===========================================================*/
/*----------------------------*\
  Buttons
\*----------------------------*/


.main-btn, .primary-btn {
  display: inline-block;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.icon-btn.main-btn, .icon-btn.primary-btn  {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0px;
  border: none;
}

.main-btn {
  color: #30323A;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
  box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
}

.main-btn:hover, .main-btn:focus {
  color: #D10024;
  -webkit-box-shadow: 0px 0px 0px 1px #D10024 inset, 0px 0px 0px 0px #D10024;
  box-shadow: 0px 0px 0px 1px #D10024 inset, 0px 0px 0px 0px #D10024;
}



/*----------------------------*\
  Buttons FIM
\*----------------------------*/

/*----------------------------*\
  Sections
\*----------------------------*/

.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-grey {
  background: #F6F7F8;
}

.section-titulo {
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px solid #DADADA;
}

.section-titulo .title {
  display: inline-block;
  text-transform: uppercase;
}

.section-titulo:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.5px;
  height: 3px;
  width: 60px;
  background-color: #D10024;
}

/*----------------------------*\
  Sections fim
\*----------------------------*/

.billing-details {
  margin-bottom: 30px;
}

.shiping-details {
  margin-bottom: 30px;
}

.order-details {
  position: relative;
  padding: 0px 30px 30px;
  margin:54px 2px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.order-details:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -15px;
  height: 30px;
 
}

.order-summary {
  margin: 15px 0px;
}

.order-summary .order-col {
  display: table;
  width: 100%;
}

.order-summary .order-col:after {
  content: "";
  display: block;
  clear: both;
}

.order-summary .order-col>div {
  display: table-cell;
  padding: 10px 0px;
}

.order-summary .order-col>div:first-child {
  width: calc(100% - 150px);
}

.order-summary .order-col>div:last-child {
  width: 150px;
  text-align: right;
}

.order-summary .order-col .order-total {
  font-size: 24px;
  color: #D10024;
}

.order-details .payment-method {
  margin: 30px 0px;
}

.order-details .order-submit {
  display: block;
  margin-top: 30px;
}
.primary-color {
  color: #D10024;
}

/*=========================================================
  09 -> CHECKOUT PAGE FIM
===========================================================*/



/*=========================================================
  9.6 -> PESQUISAR
===========================================================*/
.n_encontrado{
  font-size: 44px;

}
/*=========================================================
	10 -> NEWSLETTER
===========================================================*/


#newsletter.section {
  background-color: white;
  border-top: 2px solid #E4E7ED;
  border-bottom: 3px solid #D10024;
  margin-top: 30px;
}

.newsletter {
  text-align: center;
}

.newsletter p {
  font-size: 24px;
}

.newsletter form {
  position: relative;
  max-width: 520px;
  margin: 30px auto;
}

.newsletter form:after {
  content: "\f003";
  font-family: FontAwesome;
  position: absolute;
  font-size: 160px;
  color: #E4E7ED;
  top: 15px;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
  z-index: -1;
  left: -90px;
}

.newsletter form .input {
  width: calc(100% - 160px);
  margin-right: -4px;
  border-radius: 40px 0px 0px 40px;
}

.newsletter form .newsletter-btn {
  width: 160px;
  height: 40px;
  font-weight: 700;
  background: #D10024;
  color: #FFF;
  border: none;
  border-radius: 0px 40px 40px 0px;
}

.newsletter .newsletter-follow {
  text-align: center;
}

.newsletter .newsletter-follow li {
  display: inline-block;
  margin-right: 5px;
}

.newsletter .newsletter-follow li:last-child {
  margin-right: 0px;
}

.newsletter .newsletter-follow li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.newsletter .newsletter-follow li a:hover, .newsletter .newsletter-follow li a:focus {
  background-color: #E4E7ED;
  color: #D10024;
}

/*=========================================================
	11 -> Rodape
===========================================================*/

#footer {
  background-color: #15161D;
  
}



#bottom-footer {
  background: #1E1F29;
}

.footer {
  margin: 30px 0px;
}

.footer .footer-title {
  color: #FFF;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0px 0px 30px;
}

.footer-links li+li {
  margin-top: 15px;
}

.footer-links li a {
  color: #B9BABC;
}

.footer-links li h3 {
  color: #B9BABC;
  font-family: 'Arizonia', cursive;
  font-size: 30px;
}

.footer-links li i {
  margin-right: 15px;
  color: #D10024;
  width: 14px;
  text-align: center;
}

.footer-links li a:hover {
  color: #D10024;
}

.copyright {
  
  display: block;
  font-size: 12px;
}

.footer-payments li {
  display: inline-block;
  margin-right: 5px;
}

.footer-payments li a {
  color: #15161D;
  font-size: 36px;
  display: block;
}

/*=========================================================
	12 -> SLICK STYLE
===========================================================*/

/*----------------------------*\
	Arrows
\*----------------------------*/

.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  border-radius: 20%;
  z-index: 22;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  box-shadow: 0 0 20px -10px;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #D10024;
  border-color: #D10024;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  color: #2B2D42;
}

.slick-prev:before {
  content: "\f104";
}

.slick-next:before {
  content: "\f105";
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  color: #FFF;
}

.slick-prev {
  left: -20px;
}

.slick-next {
  right: -20px;
}

/*----------------------------*\
	Dots
\*----------------------------*/

.slick-dots li, .slick-dots li button, .slick-dots li button:before {
  width: 10px;
  height: 10px;
}

.slick-dots li button:before {
  content: "";
  opacity: 1;
  background: #E4E7ED;
  border-radius: 50%;
}

.slick-dots li.slick-active button:before {
  background-color: #D10024;
}

.custom-dots .slick-dots {
  position: static;
  margin: 15px 0px;
}


.menu-header
{
  display: none;
}

















/*=========================================================
	13 -> RESPONSIVO AREA 
===========================================================*/
@media only screen and (max-width: 1280px)
{
   [class*='col-lg'] {
    
  }
.sliver
{
  width: 100%;
  margin: auto;
} 
}

@media only screen and (max-width: 1201px) {
  .cabecalho-pesquisa {
    position: absolute;
  padding: 10px 1px;
  width: 650px;
  margin-left: 60px;
}
 
}
/*----------------------------*\
   Telemóvel-Navegador
\*----------------------------*/
.menu-toggle {
  display: none;
}

@media only screen and (max-width: 991px) {
  /*----------------------------*\
   Telemóvel-Navegador
\*----------------------------*/
/******MAIN NAV ******/
.compromisso
{
  display: none;
}

.main-list>li>a:hover, .main-list>li>a:focus, .main-list>li.active>a {
  
  background-color: #DADADA;
}

.main-list>li>a:after {
color: #D10024;
}


/********/


  .menu-toggle {
    display: inline-block;
  }
  #responsive-nav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 250px;
    width: 0%;
    overflow: hidden;
    background-color: #FFF;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    z-index: 990;

  }
  #responsive-nav.open {
    width: 100%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }



   .main-nav .main-list {
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 100px);
  }
  .main-nav .main-list.open {
    display: block;
  }
  
  .main-nav .menu-header {
  display: none;
  padding: 15px;
  text-transform: uppercase;
  background: red;
  color: #FFF;
  font-weight: 700;
}

.main-nav .menu-header>i {
  float: right;
  line-height: 20px;
}
 
 
  .main-nav .menu-header {
    display: block;
  }
  .main-nav .main-list {
    float: none;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
  }
  .main-nav .main-list>li {
    display: block;
    left:18px; 
  }
  .main-nav .main-list>li+li {
    border-top: 1px solid #DADADA;

  }
  .main-nav .main-list>li>a {
    color: #30323A;
  }
  #navegacao.shadow:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
  }
  /*----------------------------*\
   Telemóvel-Navegador fim
\*----------------------------*/


  .order-details  {
 display: none;

}
  .asidei {
 display: none;
}

  .sliver .carousel-inner img
{
  height: 270px;
  margin: auto;
}
.cabecalho-pesquisa{
position: relative;
  width: 750px;
  padding: 1px 3px;
  margin: 55px 13px auto -110px;
}
  #top-cabecalho .cabecalho-links.pull-left {
    float: none !important;
  }
  #top-cabecalho .cabecalho-links.pull-right {
    float: none !important;
    margin-top: 5px;
  }
  .cabecalho-logo {
    float: none;
   
  }
  .cabecalho-logo .logo {
    display: inline-block;
  }
  .cabecalho-logo .logo img {
    width: 155px;
    height: 45px;
    margin-left: 100px;
  }

  /***********/



.header-ctn {
  
  
  margin: -105px 100px auto;


}

.header-ctn>div {
  display: inline-block;
}

.header-ctn>div+div {
  
  margin: 0px -42px;
}



.menu-toggle {
  position: absolute;
  margin: -100px 70px;
  display: block;
  font-size: 35px;

}

.header-ctn>div>a>span {
  display: none;
}
 


  /*********/
  #product-imgs {
    margin-bottom: 60px;
    margin-top: 15px;
  }
  #rating {
    text-align: center;
  }
  #reviews {
    margin-top: 30px;
    margin-bottom: 30px;
  }


}

@media only screen and (max-width: 767px) {
  .sliver .carousel-inner img
{
  height: 250px;
  margin: auto;
}

/*********/
.section {
  padding-top: 10px;
 


}

.section-title {
  position: relative;
  margin-bottom: 30px;
 
}

.section-title .title {
  font-size: 22px;
}

.section-title .section-nav {
  
  margin-top: -5px;
}



/*******/

.cabecalho-pesquisa{
position: relative;
  width: auto;
  padding: 1px 3px;
  margin: 3px 33px auto -120px;
}
  .section-title .section-nav {
    float: none;
    margin-top: 10px;
  }
  .section-tab-nav li {
    margin-top: 10px;
  }

  .infor{

display: none;
}
    /****** usuario-carrinho *****/
.header-ctn {
  
  
  margin: -105px 60px auto;


}

.header-ctn>div+div {
  
  margin: 0px -42px;
}



.header-ctn>div>a>i {
  
  margin: 4px -500px ;
  display: block;
  font-size: 35px;
}


  /*********/
  /*-- Lista de compra no  carrinho --*/

.lista-compra>tbody>tr>td, .lista-compra>tbody>tr>th, .lista-compra>tfoot>tr>td, .lista-compra>tfoot>tr>th, .lista-compra>thead>tr>td, .lista-compra>thead>tr>th {
  padding: 6px 0px;
  vertical-align: middle;
 
}
.lista-compra tr th
{
 font-size: 2vw;
}
.lista-compra tr .sub-tot
{

}

.lista-compra>tbody>tr>.detalhes>a {
  font-size: 2vw;
  font-weight: 700;
}

.lista-compra>tbody>tr>.thumb>img {
  width: 50px;
}


.lista-compra>tbody>tr>.preco {
  font-size: 2.5vw;
}

.lista-compra>tbody>tr>.total {
  font-size: 2.5vw;
}

.lista-compra>tfoot>tr>.sub-total {
  font-size: 2vw;
}

.lista-compra>tfoot>tr>.total {
  font-size: 3vw;
  color: #D10024;
}
  /********botao****/


.icon-btn.main-btn  {
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: gray;
  text-align: center;
  padding: 0px;
  border: none;
}    


}

@media only screen and (max-width: 480px) {
/******CARRINHO******/
.box-footer   a .order-submit 
{
  
  float: none;
  


}

.box-footer a button 
{
  font-size: 80%;
}
.box-footer a 
{

  font-size: 11px;
}
/*******************/

  .sliver .carousel-inner img
{

  height: 180px;
  margin: auto;
}

/*********/
.section {
  padding-top: 10px;
 


}

.section-title {
  position: relative;
  margin-bottom: 7px;
 
}

.section-title .title {
  font-size: 18px;

  display: inline-block;
  text-transform: none;
  margin: 0px;

}

.section-title .section-nav {
  
  margin-top: -5px;
}


/*******/
/***** PUBLICIDADE *******/
.publicidade {
  
  height: 180px;
}



.publicidade .pub-img>img {
  width: 100%;
  height: 180px;
  
}

/******/

  [class*='col-xs'] {
    width: 50%;
  }
  [class*=''] {
    width: 50%;
  }
  
  .store-grid {
    float: none;
    margin-top: 10px;
  }
  .store-pagination {
    float: none;
    margin-top: 10px;
  }
  /******carrinho vazio tamanho****/
    .carrinho_vazio img
{
 width: 19vw;
 height: 19vw;

}
.carrinho_vazio h1
{
  font-size: 3.5vw;

}
.carrinho_vazio h4
{
  font-size: 2.5vw;
 
}
 /******Nenhum resultado tamanho****/
.nao_encontro img
{
  width: 19vw;
 height: 19vw;
}
.nao_encontro h4
{

  font-size: 2.5vw;

}
}

@media only screen and (max-width: 435px) {
.box-footer a {
  font-size: 70%;

  
}
.box-footer a button 
{
  display: none;
}
 
  .cabecalho-logo .logo img {
    width: 100px;
    height: 33px;
    margin-left: 50px;
  }


    /****** usuario-carrinho *****/
.header-ctn {
  
    
  margin: -85px 30px auto;


}

.header-ctn .dropdown img{
  
    width: 25px;
    height: 25px;

}
.header-ctn>div>a>.qty {

  right: 32px;
  top: -5px;
  font-size: 12px;
  
  
}

.header-ctn>div+div {
  
  margin: 0px -45px;
}
.menu-toggle {
  position: absolute;
  margin: -80px 30px;
  display: block;
  font-size: 25px;
}


  /*********/

  /*----------------------------*\
  BARRA  DE PESQUISA
\*----------------------------*/

.cabecalho-pesquisa{
position: relative;
  width: auto;
  padding: 1px 3px;
  margin: 3px 1px auto -220px;
}


.cabecalho-pesquisa form .input {
  
  height: 35px;
  background: #F5F5F5;
  border-radius: 5px 0px 0px 5px;
}

.cabecalho-pesquisa form .search-btn {
  height: 35px;
  width: 40px;

}

.product .product-body .product-price {
  
  font-size: 2.8vw;


}
.product-details .product-name {
 
font-size: 12.5px;
font-weight: 550;



}
.product-details .product-price {

  font-size: 14px;
  margin-top: 3px;
  font-weight: 550;
  color: #eb3343;
  font-family:  sans-serif;
  
}
.product-details p
{
  font-size: 10px;
}

 .tab-content .tab-pane  
{
  
  margin-top: -36px;
}
 .tab-content .tab-pane  p
{
  
  font-size: 10px;
}
.product-details .review-link {
  font-size: 8px;
  font-weight: 600;
}
.product-details .add-to-cart .add-to-cart-btn {
  padding: 0 5px;
  font-size: 2.7vw;
  
 
}
.product-details .produto-desponibilidade_0 {
  font-size: 7px;
  font-weight: 500;
  color: red;
  border: 1px solid red;
}
.product-details .produto-desponibilidade_1 {
  font-size: 7px;
  font-weight: 500;
  color: green;
  border: 1px solid green;
}
.section-title .title {
  ;
  font-size: 9px;

  font-weight: 600;
}


}

@media only screen and (max-width: 330px) {
  .section-title .title {
  font-size: 100%;

  display: inline-block;
  text-transform: none;
  margin: 0px;

}
/****CARRINHO***/
.box-footer a h5
{

  font-size: 100%;
}
}
@media only screen and (max-width: 274px) {
    .sliver .carousel-inner img
{
  height: 150px;
  margin: auto;
}


  .product .add-to-cart {
    display: none;
  }
    .cabecalho-logo .logo img {
    width: 70px;
    height: 23px;
    margin-left: 30px;
  }

.menu-toggle {
  position: absolute;
  margin: -60px 20px;
  display: block;
  font-size: 20px;
}
   /****** usuario-carrinho *****/
.header-ctn {
  
    
  margin: -67px 30px auto;
}
.header-ctn .dropdown img{
  
    width: 18px;
    height: 18px;

}
.header-ctn>div>a>.qty {

  right: 33px;
  top: -5px;
  font-size: 12px;
  
  
}

  /*----------------------------*\
  BARRA  DE PESQUISA
\*----------------------------*/

.cabecalho-pesquisa form .input {
  
  height: 25px;

}

.cabecalho-pesquisa form .search-btn {
  height: 25px;
  width: 40px;

}
  ::-webkit-input-placeholder {
         color: transparent !important; 
      }
      :-moz-placeholder { /* Firefox 18- */
         color: transparent !important;  
      }

      ::-moz-placeholder {  /* Firefox 19+ */
         color: transparent !important;  
      }

      :-ms-input-placeholder {  
         color: transparent !important;  
      }

  /*----------------------------*\
  Produto
\*----------------------------*/
.product .product-body .product-category {
 
    font-size: 50%;
  

}
      
.product .product-body .product-name {
  text-transform: uppercase;
  font-size: 70%;
  cursor: pointer;

}




 


}





























/********<!--Experiencia  -->**************/


@media (min-width:1024px) {

 ._2jtZkvR {
  max-width:1366px;
  box-sizing:border-box;
  padding:0 32px
 }
}


._2Q6RfP3 {
 display:none
}
._1gfpvjl li {
 width:55%;
 font-size: 10px;
 position:relative;
 display:inline-block
}
._1gfpvjl li:not(:last-of-type):after {
 content:"";
 top:50%;
 right:0;
 margin-top:-10px;
 position:absolute;
 height:20px;
 width:1px;
 background-color:rgba(45,45,45,.1);
}
.TO7hyVB {
 height:49px;
 width:100%;
 display:block;
 text-align:center;
 text-decoration:none;
 letter-spacing:2px;
 font-weight:900;
 background-color:red;
 border-style:none;
 padding:0;
 line-height:50px;
 box-sizing:border-box;
}

/**************CATEGORIA APENAS****/
@media (min-width:1024px) {

 ._2Q6RfP3 {
  display:inline-block;
 }
 ._1gfpvjl li {
  width:125px;
  
  /**border-right:1px solid #fff;**/
  border-bottom:none;
   
  box-sizing:border-box;
 }

 .TO7hyVB {
  height:100%;
  line-height:60px;
  width:100%;
  color:#fff;
  
  border-bottom:none;
 }
 .TO7hyVB.Tar7aO0,
 .TO7hyVB.Tar7aO0:focus,
 .TO7hyVB.Tar7aO0:hover {
  color:#444;
  background-color:#fbdc9d;
  border-bottom:none;
  height:100%;
  margin-top:12px;
  border-radius:14px;
  
 }
 .TO7hyVB:focus,
 .TO7hyVB:hover {
  color:#fff;
  background-color:#474747;
 }
}


/********PHONE Menu*****/
._31ffwSC {
 height:100%;
 width:22px;
 padding:0 18px;
 box-sizing:content-box;
 display:inline-block;
 vertical-align:top;
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='14' width='18'%3E%3Cpath d='M0 0h18v2H0zm0 6h18v2H0zm0 6h18v2H0z' fill='%23fff'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:18px 14px;
 background-position:50%;
 background-color:transparent;
 cursor:pointer;
 border:0;
}

@media (min-width:768px) {
 ._31ffwSC {
  width:30px;
 }
}
@media (min-width:1024px) {
 ._31ffwSC {
  display:none;
 }
}



._2nHArcS {
 background-repeat:no-repeat;
 background-size:auto;
}
.-rhP1cz {
 display:inline-block;
 color:currentcolor;
 width:1em;
 height:1em;
 box-sizing:border-box;
}
.-rhP1cz,
.gBrrjX4 {
 font-size:1.25rem;
}



._6iPIuvw {
 background-color:transparent;
 border:none;
 color:currentcolor;
 
 line-height:0;
}

._36m0W_u {
 display:inline-block;
 flex-grow:1;
}
/********BARRA DE PESQUISA input****/
._3j_6oNg {
 background-color:#eee;
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:100vh;
 padding:0 16px;
 z-index:20000;
 overflow-y:auto;
 display:none;
}

.h-7-BEq {
 position:relative;
 background:none;
 border-radius:19px/50%;
 top:42px;
}
.Cyuazsm {
 font-size:1rem;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 border:0;
 height:38px;
 border-radius:19px/50%;
 padding-left:16px;
 padding-right:46px;
 box-sizing:border-box;
 color:#2d2d2d;
 -webkit-appearance:none;
}
.kH5PAAC {
 background-color:transparent;
 width:38px;
 height:38px;
 border-radius:50%;
 position:absolute;
 top:0;
 right:0;
 transition:background-color .3s;
 z-index:22000;
 color:#2d2d2d;
 padding:10px;
 box-sizing:border-box;
 border:1px solid transparent;
}
.kH5PAAC:focus {
 border:2px solid #fff;
 outline:none;
 box-shadow:0 0 3px 1px #0770cf;
}
@media (min-width:768px) {
 
 ._3j_6oNg {
  position:static;
  display:inline-block;
  vertical-align:top;
  height:100%;
  width:100%;
  padding:0;
  background-color:transparent;
  overflow-y:visible;
  overflow-y:initial;
 }
 .h-7-BEq {
  top:0
 }
 ._36m0W_u {
  padding:11px 15px 11px 18px
 }
 

}

/********BARRA DE PESQUISA FIM****/

 

/********icone user carrinho****/
@media screen and (max-width:365px) {
 ._3Wo6fpk.mD8oZFx {
  display:none
 }

}
@media screen and (max-width:391px) {
.icone_fora
{
  display: none;
}
}
.icone_titulo 
{
  
  color: #fff;
  
}
.icone_qtd
{
 position: absolute; 
 top:-6px; 
 left:28px; 
 font-size:11px; 
 color:#fff;

}
@media screen and (max-width:900px) {
.icone_titulo
{
  display: none;
}
}
._3fERfnD {
 padding:0;
 margin:0;
 align-self:flex-end;
 display:flex;
 float:right;
}
._2SSHFPv {
 position:relative;
 padding:9px 20px;
 display:block;
 cursor:pointer;
 max-height:50px;
 line-height:50px;
 
}
._3iH_8F6 {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' height='19' width='19'%3E%3Cpath d='M14 6a4 4 0 1 0-8 0 4 4 0 0 0 8 0zm2 0A6 6 0 1 1 4 6a6 6 0 0 1 12 0zm-6 9c-3.068 0-5.67 1.223-7.035 3h14.07c-1.365-1.777-3.967-3-7.035-3zm10 5H0c.553-4.006 4.819-7 10-7s9.447 2.994 10 7z' fill='%23fff'/%3E%3C/svg%3E")
}
._26lJ0fq {

  background-image:url("../icone/question.svg")

 }
.AckDUvD {
  

 background-image:url("../icone/vaziocarrinho.svg  ")
}
._204E-Jh {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65 15.3a7.65 7.65 0 1 1 5.997-2.9c-.01.012 3.183 3.297 3.183 3.297l-1.22 1.18s-3.144-3.283-3.154-3.275A7.618 7.618 0 0 1 7.65 15.3zm0-2a5.65 5.65 0 1 0 0-11.3 5.65 5.65 0 0 0 0 11.3z' fill='%23fff'/%3E%3C/svg%3E")
}
@media (min-width:768px) {
 ._2SSHFPv {
  max-height:60px;
  line-height:60px;
 }
}
/********icone user carrinho fim ****/








._3UeeYLZ.h5wnZcj {
 background-position:left .75em center
}
._3cCfpcN._3WJ1sXQ {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 18 18'%3E%3Cg fill='%2300AA5B' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M9 16A7 7 0 1 1 9 2a7 7 0 0 1 0 14zM9 0a9 9 0 1 0 0 18A9 9 0 0 0 9 0z'/%3E%3Cpath d='M7.91 9.642L12.153 5.4l1.311 1.311-4.242 4.243-1.414 1.414L5.339 9.9l1.414-1.414L7.91 9.642z'/%3E%3C/g%3E%3C/svg%3E")
}
._3WJ1sXQ.h5wnZcj {
 background-size:1rem;
 background-color:#cceede
}
._3cCfpcN._2cMDx42 {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M17 9A8 8 0 1 1 1 9a8 8 0 0 1 16 0z' stroke='%23262626' stroke-width='2'/%3E%3Ctext transform='translate(0 1)' fill='%23262626' font-family='HelveticaNeue-Bold, Helvetica Neue' font-size='12' font-weight='bold'%3E%3Ctspan x='7.332' y='12'%3E!%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E")
}
._2cMDx42.h5wnZcj {
 background-color:#fae7ec
}
._3cCfpcN.gSvdcIW {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M17 9A8 8 0 1 1 1 9a8 8 0 0 1 16 0z' stroke='%23262626' stroke-width='2'/%3E%3Ctext transform='translate(0 1)' fill='%23262626' font-family='HelveticaNeue-Bold, Helvetica Neue' font-size='12' font-weight='bold'%3E%3Ctspan x='7.332' y='12'%3E!%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E")
}
.gSvdcIW.h5wnZcj {
 background-color:#cde2f5
}
._3cCfpcN._1jTGUqh {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M17 9A8 8 0 1 1 1 9a8 8 0 0 1 16 0z' stroke='%23FFBC00' stroke-width='2'/%3E%3Ctext transform='translate(0 1)' fill='%23FFBC00' font-family='HelveticaNeue-Bold, Helvetica Neue' font-size='12' font-weight='bold'%3E%3Ctspan x='7.332' y='12'%3E!%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E")
}
._1jTGUqh.h5wnZcj {
 background-color:#ffebcc
}




._3i_lZfj {
 line-height:2.14;
 display:inline-block;
 color:#666;
 text-decoration:none
}
.DpUWsSt {
 font-size:.875rem;
 padding-left:1ex
}
._2M1Oheb {
 width:80px;
 height:24px;
 display:block;
 fill:#fff
}
._2M1Oheb:focus,
._2M1Oheb:hover {
 opacity:.95
}

/********LOGO*********/

@media (min-width:768px) {
 ._2M1Oheb {
  width:104px;
  height:30px
 }
}
._logorubra {
    background-image: url(../logomarca/ur_logo.png);
    position: relative;
   top: 31px;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: 170px 50px;
     right: 11px;

}

._logorubraC {
    background-image: url(../logomarca/ur_logo.png);
    position: relative;
   top: 29px;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: 170px 50px;
   right: -4px;

}
._24SZgSx {
 display:inline-block;
 vertical-align:top;
 height:100%;
 padding-right:12px;
 align-self:flex-start
}
._24SZgSx  {
 margin-top:-24px;
 width:170px; 
 height:50px;
 
}
@media (max-width:991px) {
  ._logorubra, ._logorubraC {
top: 27px;
}
}
@media (max-width:767px) {
 ._logorubra, ._logorubraC {

 background-size: 145px 43px;
 }
}
@media (max-width:420px) {
  
 ._logorubra, ._logorubraC {
   top: 32px;
 background-size: 115px 33px;
 }
}
@media (max-width:320px) {
  
 ._logorubra, ._logorubraC {
   
 background-size: 100px 30px;
 }
}
@media (min-width:990px) {
 ._24SZgSx {
  padding-right:16px;
 }
}
/********LOGO Fim*********/


/********BARRA TUDO*********/
._3wSz5e5 {
 background-color:#e60014;
 height:50px;
 width:100%
}
._25fsaDO {
 color:#666;
 height:100%;
 margin:0 auto;
 padding:0;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap
}
@media (min-width:768px) {
 ._3wSz5e5 {
  height:60px
 }
}
@media (min-width:1024px) {
 ._25fsaDO {
  width:100%;
  max-width:1366px;
  padding:0 32px;
  box-sizing:border-box
 }
}

/********BARRA TUDO FIM *********/










 /*********BARRA DAS CATEGORIAS******/ 

 @media (min-width:1024px) {
 ._3EAPxMS {
  background-color:#fbdc9d;
    height:50px;
  overflow:hidden;
  display:block;
 
 }
 ._2oeFbst,
 ._3EAPxMS._2oeFbst[aria-hidden=false] {
  display:none
 }
 .srMPwPy {
  margin:0 auto;
  max-width:1366px;
  padding:0 32px;
  box-sizing:border-box;
 }
 ._3C_NQPb {
  height:50px
 }

 ._2syfS2P {
  color:#fff;
  letter-spacing:.8px;
  line-height:50px;
  border:none;
  padding:0 10px;
  background-color:#fff;
  margin:0;
  outline:none;
  border-radius:0;
 }


 ._3olfPvw span {
  display:block;
  -webkit-transform:skew(12deg);
  transform:skew(12deg)
 }
 ._23BfKSn {
  font-weight:800;
 }
}



/******Navegador no suporta *****/

._1KhubH5 {
 left:0;
 width:100%;
 background-color:#ffebcc;
 color:#2d2d2d;
 border:0;
 display:none;
 padding:0;
 margin:0
}
._3I4FBSR {
 position:relative;
 width:100%;
 margin:0 auto;
 padding:16px 0;
 text-align:left;
}













abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,

canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,

header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,

pre,
q,
ruby,
s,
samp,
section,
small,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline;
}


/**----------------Tefepone menu---------->**/

._1I2c49V .headroom {
 top:0;
 left:0;
 right:0;
 z-index:9501
}
.chrome-bodylock ._1I2c49V .headroom {
 z-index:0
}
._1I2c49V .headroom--unfixed {
 position:relative
}
._1I2c49V .headroom--pinned {
 top:0!important;
 position:fixed
}
._1I2c49V .headroom--scrolled {
 top:-112px;
 left:0;
 right:0;
 position:fixed
}
.chrome-hide-overflow ._1I2c49V .headroom--unpinned,
.XHwCnjT .headroom {
 top:0!important;
 position:fixed
}
/**----------------Tefepone menu fim---------->**/
  




/********************PESQUISA No telefone******/
/* -------------------------------- --------------------------- */
@media (min-width:768px) {
 .tlf_pesquisa {
  display: none;
 }
}



input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}






.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
  margin-top: 5px;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;

  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #FFF;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #fff;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}




.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
  height: 100%;
  width: 100%;
}
.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
  position: fixed;
}
@media only screen and (min-width: 1170px) {
  .cd-search {
    height: 100px;
    top: 80px;
  }
  .cd-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
  }
}

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(105, 110, 112, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
  .cd-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

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

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1170px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}














/*********************CONECTAR E RESGITRO***********/
.contentor {
  font-family: 'Lato', sans-serif;
  width: 550px;
  margin: 50px auto;
  border: 1px solid #ccc;
 border-radius: 8px;
  background: #fff;
}
@media only screen and (max-width: 580px) {
  
.contentor {
  
  width: 100%;
  
}
  }
.form-group label 
{
  color: gray;

   font-size: 13px;
  
}
.show label
{
  color: gray;
  font-size: 13px;
  
}

.order-notes label
{
  color: gray;
  
  font-size: 13px;
}


nav.auth {
  display: flex;
  border-bottom: 1px solid #ccc;
}
nav.auth > div {
  flex: 1;
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: #eb3343;
  font-weight: 600;
  cursor: pointer;
}
nav.auth > div.selected {
  border-bottom: 2px solid #eb3343;
  background-color: #fed3d3;
}
.contentor main {
  padding: 10px;
  box-sizing: border-box;
}
.contentor main > div {
  position: relative;
}
.contentor main > div > div {
  margin-top: 10px;
}
.show input
{
  border-radius: 3px;

}

.show 
{
  width: 450px;
  margin: auto;
  
}



.contentor button {
  
  margin-top: 10px;
  font-size: 16px;
  background-color: #eb3343;
  padding: 14px;
  width: 70%;
  border-radius: 40px;

  color: #fff;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.contentor button:hover {
  opacity: 0.9;
}
#login, #signup {
  display: none;

}
.login:hover
{
  background-color: #fee1e1;
   transition: .5s;

}
.signup:hover
{

  background-color: #fee1e1;
  transition: .5s;
  }


.criar_1 
{
  padding: 0 0 15px;
  color: #eb3343;
  font-weight: 550;
}
#login.show, #signup.show {
  display: block;
}
.input-select {
  display: flex;
  align-items: center;
}
.input-select input {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  outline: none;

}
.input-select label {
  margin-left: 5px;
}
.input-select input:before {
  content: '';
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #aaa;
  border-radius: 3px;
  display: block;
}
.input-select input:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
}