@import url('https://fonts.googleapis.com/css?family=Dosis:400,700|Exo+2:300,400,400i,700');
:root {
    --light1_c: #74B7ED;
    --light2_c: #009ECF;
    --light3_c: #2D97ED;
    --main_c: #1F66A1;
    --dark1_c: #123E61;
    --dark2_c: #083254;
    --highL1_c: #18ADA1;
    --highL2_c: #1A9AB8;
    --comp1_c: #D6B889;
    --comp2_c: #A16E1F;
    --comp3_c: #8A6B3D;
    --comp4_c: #543300;
    --grd1_c: #8688E3;
    --grd2_c: #8CA8ED;
    --grd3_c: #89B3D6;
    --grd4_c: #8CdBED;
    --grd5_c: #86E3DB;
}

body {
    font-family: "Exo 2", sans-serif !important;
    color: var(--dark2_c) !important;
    background: #fff;
}

body.tema-pequeno #cabecalho .inferior>.span8.busca-mobile {
    width: 46% !important;
}

.conteiner {
    box-shadow: none!important
}

/* BARRA TOPO */

.fundo-secundario {
    background-color: var(--dark2_c);
    border-bottom: 2px solid var(--highL2_c);
}

.barra-inicial {
    padding: 5px;
    height: 30px;
    font-weight: 300;
    font-size: 14px;
}

.barra-inicial .lista-redes li {
    border: 0;
    height: 40px;
    padding-left: 5px
}

.barra-inicial .lista-redes.span3.hidden-phone {
    justify-content: center;
    align-items: center;
    width: auto;
}

.barra-inicial .lista-redes i {
    margin: 0 0.4%;
    padding: 0.3% 0.3%;
    font-size: 14px;
    float: left;
    background: none;
    color: #FFF;
}

.barra-inicial .lista-redes i:hover {
    background: none;
    opacity: 0.7;
}

.barra-inicial .lista-redes li:first-child {
    padding: 0;
}

.barra-inicial a.bem-vindo.cor-secundaria {
    color: #FFF;
}

.barra-inicial .canais-contato ul li * {
    font-weight: 400;
    color: #FFF;
}

.barra-inicial .span8 {
    width: auto;
    float: left;
    line-height: 30px;
    margin-left: 30px;
    font-weight: 400;
}

.bem-vindo .cor-principal {
    color: var(--light1_c);
    font-weight: 400;
    font-style: italic;
}

.canais-contato.span9 {
    width: auto;
    margin: 0;
    float: right;
}

.canais-contato ul li {
    border: 0;
}

.canais-contato ul li * {
    line-height: 30px;
}

.canais-contato ul li i {
    display: none;
}

/* BARRA LOGO */

#cabecalho {
    background-color: var(--main_c);
}

#cabecalho .conteiner {
    height: 100%;
    background-color: transparent;
    box-shadow: none !important;
}

#cabecalho .logo a {
    height: 80px;
    color: transparent;  
    width: auto;
    margin: 0;
    top: 0;
}

.conteudo-topo .superior {
    display: none
}

#cabecalho .conteudo-topo.span9 {
    padding: 17px 0;
    width: 74%;
    float: right;
    margin-top: 11px;
}

/* BUSCA MOBILE */

#cabecalho .inferior>.span8.busca-mobile {
    width: 30%;
    float: right;
}

/* BUSCA */

#cabecalho .busca {
    padding: 0;
    border: 0;
    background: transparent;
    width: 100%;
    margin-left: 15px;
}

#cabecalho .busca input {
    padding: 11px;
    border-radius: 10px;
    border: none;
}

#cabecalho .busca .botao-busca {
    background: url(https://cdn.awsli.com.br/503/503534/arquivos/icones-kallina-1.png) no-repeat;
    background-position: 9px center;
    border: 0;
    font-size: 0;
    right: 7px;
    top: 7px;
}

#cabecalho .busca .botao-busca:hover {
    opacity: .5;
}

.busca input::-moz-placeholder {
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    /* font-style: italic; */
    opacity: 1;
}

.busca input::-webkit-input-placeholder {
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    /* font-style: italic; */
}

.busca input::-ms-input-placeholder {
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    /* font-style: italic; */
}

/* AÇÕES DA CONTA */

#cabecalho .inferior>.span4.hidden-phone {
    width: auto;
    margin-left: 15%;
    height: 42px;
    top: 30px;
}

#cabecalho .inferior .acoes-conta {
    width: auto;
    background: transparent;
    float: left;
}

#cabecalho .inferior .acoes-conta li:first-child {
    display: none;
}

#cabecalho .inferior .acoes-conta li {
    width: auto;
    /* border: 2px solid #fff; */
    border-radius: 5px;
    background: var(--dark2_c);
    padding: 0 20px;
}

#cabecalho .inferior .acoes-conta li a {
    float: right;
    border: 0;
    line-height: 42px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

#cabecalho .inferior .acoes-conta li i {
    background: url(https://cdn.awsli.com.br/503/503534/arquivos/icones-kallina-1.png) no-repeat;
    height: 42px;
    background-position: -79px 14px;
    font-size: 0;
    line-height: 40px;
}

#cabecalho .inferior .acoes-conta li a:hover {
    text-decoration: none;
}

#cabecalho .inferior .acoes-conta li:hover {
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.3);
}

/* CADASTRO */

.cadastro-logar .span6 .caixa-sombreada {
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
    box-shadow: none;
}

.cadastro form>div {
    background: transparent;
}

.dados-acesso .span12 .caixa-sombreada {
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
    box-shadow: none;
}

.tipo-cadastro .span12 .caixa-sombreada {
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
    box-shadow: none;
}

.dados-pessoais .span6 .caixa-sombreada {
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
    box-shadow: none;
}

/* CARRINHO */

#cabecalho .carrinho {
    width: auto;
    border-radius: 5px;
    background: var(--dark2_c);
    padding: 0 20px;
    border: 0;
    margin-left: 20px;
    display: inline-flex;
    float: right;
}

#cabecalho .carrinho>strong {
    line-height: 42px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

#cabecalho .carrinho>a span {
    display: none
}

#cabecalho .carrinho>a strong {
    line-height: 42px;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

#cabecalho .carrinho>a i {
    background: url(https://cdn.awsli.com.br/503/503534/arquivos/icones-kallina-1.png) no-repeat;
    background-position: -272px center;
    font-size: 0;
    width: 23px;
    height: 42px;
    float: left
}

#cabecalho .carrinho:hover {
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.3);
}

#cabecalho .carrinho.vazio>a strong {
    display: block!important
}

#cabecalho .carrinho.vazio>a .vazio-text {
    display: block;
    font-size: 0;
    margin: 0;
    float: right;
    line-height: 10px;
}

#cabecalho .carrinho.vazio>a .vazio-text:after {
    content: "R$ 0,00";
    line-height: 42px;
    font-size: 13px;
    color: #fff;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 700;
}

#cabecalho .carrinho.vazio>strong {
    display: none;
}

/* MENU TOPO */

.menu.superior {
    margin: 0;
}

.menu.superior .categoria-marcas, .menu.superior .categoria-paginas {
    background-color: var(--dark1_c);
}

.menu.superior .nivel-um {
    text-align: center;
    margin: 0 auto;
    background: var(--dark1_c);
    width: 100%;
    height: 50px;
}

.menu.superior .nivel-um>li>a strong {
    margin: 0;
    padding: 16px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    font-family: "Exo 2", sans-serif !important;
    text-transform: uppercase;
}

.menu.superior .nivel-um>li {
    border: 0;
    padding: 0;
    margin: 0!important;
    display: inline-block;
    float: none;
    margin-left: -2px!important
}

.menu.superior .nivel-um>li:hover {
    background-color: var(--light3_c);
}

.menu.superior li.com-filho>a i {
    display: none
}

.menu.superior .nivel-dois {
    top: 49px;
    background-color: var(--light3_c);
    text-transform: uppercase;
}

.menu.superior .nivel-dois a {
    font-size: 14px;
    color: #fff;
    font-family: "Exo 2", sans-serif !important;
}

/* BANNERS */

.secao-banners {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(60%, rgba(255, 255, 255, 1)), color-stop(80%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

div.conteiner-principal div.secao-banners div.conteiner div.row-fluid.banner.cheio .span12 .flexslider {
    border-radius: 10px;
}

div.modulo.span4 .flexslider {
    border-radius: 10px;
}

.conteiner-principal .secao-banners .conteiner {
    box-shadow: none;
}

.conteiner-principal #corpo .conteiner {
    box-shadow: none;
}

#cabecalho>div.conteiner>div.row-fluid>div.span3 {
    background:url(https://cdn.awsli.com.br/760/760326/arquivos/atryo-logo-branco-menor.png) no-repeat center;
    background-size: auto;
    margin: 0px 0;
}

#cabecalho>div.conteiner>div.row-fluid>div.span3:hover {
    opacity: 0.8;
}

ol .flexslider .flex-direction-nav .flex-next {
    border: 1px solid var(--dark1_c);
}

.banner .flex-control-nav {
    right: 0;
    left: 0;
}

.banner .flex-control-paging li a {
    border: 1px solid var(--dark1_c);
}

.banner .flex-control-paging li a.flex-active {
    background-color: var(--dark1_c);
}

.secao-banners .banner.tarja {
    text-align: center
}

.secao-banners .mini-banner {
    padding-top: 20px
}

.secao-banners .mini-banner .modulo.span4:hover {
    opacity: 0.8
}

.secao-banners .banner.hidden-phone {
    margin: 0;
    padding-top: 0;
}

.secao-banners .conteiner .row-fluid.banner.mini-banner.hidden-phone {
    margin-top: 2.5%;
}

/* CORPO */

.conteiner-principal #corpo .conteiner {
    box-shadow: none;
}

#corpo .conteiner>div {
    margin-bottom: 10px;
    font-family: "Exo 2", sans-serif !important;
}

/* BARRA LATERAL  */

.coluna.span3 * {
    box-shadow: none;
}

.coluna.span3 {
    background-color: var(--dark1_c);
    /* border: 2px solid var(--dark2_c); */
    border-radius: 10px;
}

.coluna.span3 .lateral.outras.filtro-coluna.faceta-aplicacao .filtro.lista.borda-principal, .coluna.span3 .lateral.outras.filtro-coluna.faceta-preco .filtro.lista.borda-principal, .coluna.span3 .lateral.outras.filtro-coluna.faceta-cor .filtro.atributos.borda-principal, .coluna.span3 .lateral.outras.filtro-coluna.faceta-voltagem .filtro.lista.borda-principal {
    border: none;
}

div.filtro.lista.borda-principal, div.filtro.atributos.borda-principal {
    outline: none;
}

/* MENU LATERAL */

.menu.lateral .com-filho.borda-principal {
    border: 0;
    background: transparent;
}

.menu.lateral .nivel-um>li>a {
    background: transparent;
    box-shadow: none;
}

.menu.lateral .nivel-um>li>a strong {
    font-family: 'Exo 2', sans-serif !important;
    color: #FFF;
    text-transform: uppercase;
}

.menu.lateral .com-filho .titulo, .menu.lateral.outras li .titulo {
    font-family: 'Exo 2', sans-serif !important;
    color: #FFF;
    text-transform: uppercase;
}

.menu.lateral .com-filho .titulo:hover, .menu.lateral.outras li .titulo:hover {
    color: var(--light1_c);
}

.menu li.com-filho>a i {
    display: none;
}

.menu.lateral .nivel-dois {
    background-color: var(--dark2_c);
    padding: 5px 0;
}

.menu .nivel-dois a {
    font-family: 'Exo 2', sans-serif !important;
    color: var(--highL2_c);
    text-transform: uppercase;
}

.menu .nivel-dois a:hover {
    color: #FFF;
}

.coluna.span3>.conta-menu {
    border: 0;
    background: transparent;
}

.coluna.span3>.conta-menu span.nome-usuario {
    font-family: 'Exo 2', sans-serif !important;
    color: #FFF;
}

.coluna.span3>.conta-menu ul.menu-simples li a {
    color: #FFF;
}

.coluna.span3>.conta-menu ul.menu-simples li a:hover {
    background: var(--grd5_c);
    color: var(--dark1_c);
}

.coluna.span3>.conta-menu ul.menu-simples li a i {
    color: #FFF;
}

/* FILTROS */

.filtro h4 {
    font-family: 'Exo 2', sans-serif !important;
    color: #FFF;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}

.filtro.lista ul li a {
    text-decoration: none;
}

.filtro.lista ul li label {
    background-color: var(--dark2_c);
    color: var(--highL2_c);
}

.filtro.lista ul li label:hover {
    background-color: var(--dark2_c);
    color: #fff;
    text-decoration: none;
}

/* NESLETTER LATERAL */

.componente.newsletter {
    /* background-color: #ff577e; */
    background: #ff577e;
    /* Old browsers */
    background: -moz-linear-gradient(75deg, #ffb83f 0%, #ff577e 25%, #ff577e 75%, #ffb83f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(75deg, #ffb83f 0%, #ff577e 25%, #ff577e 75%, #ffb83f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(75deg, #ffb83f 0%, #ff577e 25%, #ff577e 75%, #ffb83f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.componente .titulo {
    font-family: 'Exo 2', sans-serif;
    color: #FFF;
}

.interno>.interno-conteudo p {
    font-size: 0px;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner {
    width: 100%;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner input {
    padding: 11px;
    border: 0;
    border-radius: 20px;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner input::-moz-placeholder {
    color: #8e8e8e;
    font-size: 13px;
    font-family: "Exo 2", sans-serif;
    font-weight: 300;
    font-style: italic;
    opacity: 1;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner input::-webkit-input-placeholder {
    color: #8e8e8e;
    font-size: 13px;
    font-family: "Exo 2", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner input::-ms-input-placeholder {
    color: #8e8e8e;
    font-size: 13px;
    font-family: "Exo 2", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner .botao {
    border: 0;
    border-radius: 20px;
    height: 42px;
    width: 50px;
    color: #fff;
    background-color: var(--comp1_c);
    background-image: none;
    outline: none;
}

.interno-conteudo>.newsletter-cadastro.input-conteiner button:hover {
    background-color: var(--comp3_c);
}

/* CATEGORIA */

.coluna.span3>.componente>.interno>p {
    color: var(--light3_c);
    font-weight: 300;
}

.coluna.span3>.componente {
    background-color: var(--dark2_c);
    margin-bottom: 0px;
    border-radius: 5px;
}

/* PRODUTOS */

.produto .principal .nome-produto {
    color: var(--dark2_c);
    font-family: 'Exo 2', sans-serif !important;
    font-size: 35px;
    line-height: 54px;
}

.produto .principal .atributos {
    padding: 5px 20px;
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
}

.produto .principal .acoes-produto {
    /* background: #16402f; */
    padding: 20px;
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.produto .principal .acoes-produto .preco-produto * {
    font-family: 'Exo 2', sans-serif !important;
}

.produto .principal .acoes-produto .preco-produto {
    float: none;
}

.produto .principal .acoes-produto .preco-produto .preco-promocional {
    font-size: 31px;
    font-weight: 700;
    color: var(--light3_c);
}

.produto .principal .acoes-produto .comprar .botao {
    width: 70%;
    /* height: 76px; */
    /* background: #fff url(https://cdn.awsli.com.br/443/443689/arquivos/comprarsport.png) no-repeat !important; */
    /* background-size: 100%; */
    /* background-position: center !important; */
    background: var(--main_c);
    padding: 3%;
    font-size: 24px;
}

.produto .principal .acoes-produto .comprar {
    text-align: center;
    float: none;
}

.parcelas-produto .accordion {
    margin: 0;
    border: 3px solid var(--dark1_c);
    border-radius: 5px;
    padding: 0 10px;
}

.produto .principal .cep label {
    font-size: 14px;
    font-family: 'Exo 2', sans-serif !important;
    color: var(--main_c);
}

/* .produto .principal .cep .form-inline .input-prepend input {
    width: 100%;
} */

.produto .principal .cep .form-inline .input-prepend input {
    /* padding: 11px; */
    border: 1px solid var(--dark1_c);
    border-radius: 5px;
}

.produto .principal .cep .form-inline .input-prepend input::-moz-placeholder {
    color: #8e8e8e;
    font-size: 13px;
    font-family: "Dosis" sans-serif;
    font-weight: 300;
    font-style: italic;
    opacity: 1;
}

.produto .principal .cep .form-inline .input-prepend input::-webkit-input-placeholder {
    color: #8e8e8e;
    font-size: 13px;
    font-family: "Dosis" sans-serif;
    font-weight: 300;
    font-style: italic;
}

.produto .principal .cep .form-inline .input-prepend input::-ms-input-placeholder {
    color: #8e8e8e;
    font-size: 13px;
    font-family: "Dosis" sans-serif;
    font-weight: 300;
    font-style: italic;
}

.produto .principal .cep .form-inline .input-prepend .btn {
    border: 0;
    border-radius: 5px;
    height: 30px;
    color: #fff;
    background-color: var(--main_c);
    background-image: none;
    outline: none;
    margin-left: 10px;
}

.produto .principal .cep .form-inline .input-prepend .btn:hover {
    background-color: var(--light3_c);
}

.produto-compartilhar .lista-favoritos {
    background: var(--light3_c);
    border: 0;
    border-radius: 5px;
}

.produto .acoes-flutuante {
    position: fixed;
    border-radius: 5px;
    right: 0;
    bottom: 0;
    margin-bottom: 5%;
    padding: 20px;
    display: none;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.produto .acoes-flutuante .nome-produto {
    font-weight: 400;
    font-size: 18px !important;
}

.produto .acoes-flutuante .acoes-produto .comprar .botao {
    width: 200px;
    height: 60px;
    background: #fff url(https://cdn.awsli.com.br/443/443689/arquivos/comprarsport.png) no-repeat !important;
    background-position: center !important;
    padding: 0;
    font-size: 0;
}

/* BOTÕES */

.atributos div ul li * {
    background-color: var(--dark1_c);
    border-radius: 5px;
    color: var(--highL1_c);
}

.atributos ul li a:hover, .atributos ul li.active a {
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.atributo-comum a:hover span {
    color: #FFF;
}

.atributo-comum .active a span {
    color: #FFF;
}

.botao.principal {
    border: none !important;
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0px;
    font-family: "Exo 2", sans-serif !important;
    background-color: var(--highL2_c) !important;
    background-image: none;
    padding: 5px 19px;
}

.botao.principal:hover {
    box-shadow: inset 0 0 120px rgba(255, 255, 255, 0.3) !important;
}

.pagina-carrinho .botao.principal {
    padding: 9px 21px !important;
    font-size: 20px;
}

.carrinho-checkout .botao.principal {
    padding: 12px 21px !important;
    font-size: 20px;
    margin-right: -40px;
    padding: 10px 30px 13px !important;
}

.carrinho-checkout .atendimento, .carrinho-checkout .atendimento .icone-box {
    border: 0
}

.carrinho-checkout .atendimento * {
    color: #fff;
}

.listagem-linha.flexslider .flex-direction-nav a {
    background: url(https://cdn.awsli.com.br/443/443689/arquivos/flexcontrolsports.png);
}

.bandeiras-produto .bandeira-frete-gratis, .bandeiras-produto .bandeira-frete-gratis:hover {
    background-color: var(--light3_c);
    border-width: 2px;
    border-radius: 5px 15px 15px 15px;
    box-shadow: none;
    font-weight: 400;
    font-style: italic;
}

.bandeiras-produto .bandeira-indisponivel, .bandeiras-produto span.bandeira-indisponivel :hover {
    background-color: var(--comp4_c);
    border-width: 2px;
    border-radius: 5px 15px 15px 15px;
    box-shadow: none;
    font-weight: 400;
    font-style: italic;
}

.listagem .bandeiras-produto .bandeira-carrinho, .listagem .bandeiras-produto .bandeira-carrinho:hover {
    background-color: var(--dark2_c);
    border-width: 2px;
    border-radius: 5px;
    box-shadow: none;
    font-weight: 400;
    font-style: italic;
}

.formulario-cadastro-cliente .acao-editar .span3 a.botao {
    border: 3px solid var(--comp1_c);
    border-radius: 5px;
    color: var(--comp1_c);
    /* background-color: #ffb83f; */
    background-image: none;
    outline: none;
    margin-left: 10px;
    line-height: 16px;
}

.formulario-cadastro-cliente .acao-editar .span3 a.botao:hover {
    border-color: var(--comp3_c);
    color: var(--comp3_c);
}

.finalizar-compra .acao-editar .span12 a.botao {
    border: 3px solid var(--comp1_c);
    border-radius: 5px;
    color: var(--comp1_c);
    /* background-color: #ffb83f; */
    background-image: none;
    outline: none;
    margin-left: 10px;
    line-height: 16px;
}

.finalizar-compra .acao-editar .span12 a.botao:hover {
    border-color: var(--comp3_c);
    color: var(--comp3_c);
}

/* NEWSLETTER RODAPÉ */

#barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner {
    background: transparent !important;
}

#barraNewsletter {
    background: var(--grd5_c);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, var(--grd5_c) 0%, var(--grd4_c) 25%, var(--grd3_c) 50%, var(--grd2_c) 75%, var(--grd1_c) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, var(--grd5_c) 0%, var(--grd4_c) 25%, var(--grd3_c) 50%, var(--grd2_c) 75%, var(--grd1_c) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, var(--grd5_c) 0%, var(--grd4_c) 25%, var(--grd3_c) 50%, var(--grd2_c) 75%, var(--grd1_c) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--grd5_c)', endColorstr='#8688e3', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    height: auto;
}

.interno-conteudo {
    display: flex;
    align-items: center;
}

#barraNewsletter .componente .texto-newsletter {
    font-weight: 400;
    font-size: 30px;
    margin: 0 auto;
    color: #FFF;
}

#barraNewsletter .componente div.newsletter-cadastro {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0 auto;
}

#barraNewsletter .componente div.newsletter-cadastro input {
    width: 400px;
    padding: 11px;
    border: 0;
    border-radius: 10px;
    float: left;
    margin-right: 2%;
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif !important;
    font-weight: 400;
}

#barraNewsletter .componente div.newsletter-cadastro input::-moz-placeholder {
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    /* font-style: italic; */
    opacity: 1;
}

#barraNewsletter .componente div.newsletter-cadastro input::-webkit-input-placeholder {
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    /* font-style: italic; */
}

#barraNewsletter .componente div.newsletter-cadastro input::-ms-input-placeholder {
    color: #8e8e8e;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    /* font-style: italic; */
}

#barraNewsletter .componente div.newsletter-cadastro .newsletter-assinar {
    background-color: var(--grd4_c);
    background-image: none;
    font-family: "Exo 2", sans-serif;
    padding: 0 20px;
    /* border: 2px solid #fff; */
    border-radius: 5px;
    width: auto;
    height: 42px;
}

#barraNewsletter .componente div.newsletter-cadastro .newsletter-assinar:hover {
    box-shadow: inset 0 0 120px rgba(150, 150, 200, 0.3);
}

/* RODAPÉ */

#rodape .titulo {
    border-bottom: none;
    display: block;
    font-family: "Exo 2", sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px 0px;
    font-weight: 400;
    text-transform: uppercase;
}

#rodape li a, #rodape p, #rodape span {
    font-size: 13px;
}

#rodape .institucional.fundo-secundario .conteiner .row-fluid .span9 .row-fluid .span4.sobre-loja-rodape p {
    font-family: "Dosis", sans-serif !important;
    font-size: 14px !important;
}

.links-rodape-categorias {
    text-transform: uppercase;
}

.links-rodape ul li {
    list-style-image: none
}

.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
    color: var(--highL2_c);
}

/* #rodape .span4:nth-child(3) {
    overflow: hidden;
    text-align: justify;
    height: 200px;
    margin-left: -10px;
} */

.sobre-loja-rodape p {
    font-size: 11px !important;
}

#rodape .componente.newsletter.span4 .interno {
    padding: 0px
}

#rodape .componente.newsletter.span4 {
    width: 100%;
    margin-left: 0px;
    background: none;
}

#rodape .newsletter .botao {
    color: #FFF;
    width: 50px;
    height: 47px;
    border-radius: 0px;
}

#rodape .newsletter input[type="text"] {
    width: 100%;
    border-radius: 5px;
    height: 38px;
    box-shadow: none;
    border: 1px solid #d6d6d6;
}

#rodape p.receba {
    font-size: 12px
}

#rodape .span4.links-rodape ul li:first-child:nth-child(1) {
    display: none
}

/* REDES SOCIAIS RODAPÉ */

#rodape .redes-sociais {
    background: none;
    border: none;
    box-shadow: none;
    height: 220px;
}

#rodape .redes-sociais .titulo {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 15px 0px;
    color: var(--highL2_c);
}

#rodape .institucional .lista-redes:before {
    content: "acompanhe-nos";
    margin-bottom: 10px;
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--highL2_c);
}

.lista-redes ul li {
    border: none
}

#rodape .lista-redes i {
    margin: 0 0.4%;
    padding: 0.3% 0.3%;
    font-size: 14px;
    float: left;
    background: none;
    color: #FFF;
}

#rodape .lista-redes i:hover {
    background: none;
    opacity: 0.7;
}

/* SELOS RODAPÉ */

#rodape .institucional {
    background: var(--dark1_c);
    padding-bottom: 170px;
}

#rodape .pagamento-selos .cor-secundaria {
    color: #fff;
}

#rodape .pagamento-selos {
    padding: 0 0 55px;
    margin-top: -150px;
    background: var(--dark2_c);
}

.span4 .selos {
    display: inline-block
}

.pagamento>ul+ul {
    display: none;
}

.identificacao .control-group .botao.principal {
    float: right;
    font-size: 20px;
    line-height: 27px;
    max-width: 125px !important;
    min-width: 100px;
    padding: 10px 10px 13px;
}

/* BARRA SCROLL */

#barraTopo {
    background: var(--main_c);
    background: -webkit-linear-gradient(left, var(--main_c), var(--main_c));
    background: -o-linear-gradient(right, var(--main_c), var(--main_c));
    background: -moz-linear-gradient(right, var(--main_c), var(--main_c));
    background: linear-gradient(to right, var(--main_c), var(--main_c));
    height: 76px;
    border-bottom: solid 5px var(--dark1_c);
}

#barraTopo div.span3.hidden-phone {
    background: url(https://cdn.awsli.com.br/760/760326/arquivos/atryo-logo-branco-menor.png) no-repeat center;
    background-size: 40%
}

#barraTopo div.span3.hidden-phone .titulo .cor-secundaria {
    font-size: 15px;
    color: transparent;
    /* color: #ff577e; */
}

#barraTopo h4 {
    padding-top: 23px;
}

#barraTopo>div>div>div:nth-child(1) {
    width: 267px;
    height: 40px;
    margin: 12px 0;
}

#barraTopo>div>div>div:nth-child(1):hover {
    opacity: .8;
}

#barraTopo>div>div>div:nth-child(2) {
    display: none;
}

#barraTopo>div>div>div.span6 {
    width: 74%;
    float: right!important;
    margin: 0;
    padding: 12px 0;
}

#barraTopo>div>div>div.span6 .span6.hidden-phone {
    width: auto;
    /* float: right; */
    margin-left: 15%;
    height: 42px;
}

/* BARRA SCROLL - BUSCA */

#barraTopo .busca {
    width: 30%;
    float: right;
    border: none;
}

#barraTopo .busca input {
    padding: 11px;
    border-radius: 10px;
    border: none;
}

#barraTopo .busca .botao {
    background: url(https://cdn.awsli.com.br/503/503534/arquivos/icones-kallina-1.png) no-repeat;
    background-position: 9px center;
    border: 0;
    font-size: 0;
    right: 25px;
    top: 7px;
}

#barraTopo .busca .botao:hover {
    opacity: .5
}

/* BARRA SCROLL - AÇÃO CONTA */

#barraTopo .acoes-conta {
    width: auto;
    background: transparent;
    float: left
}

#barraTopo .acoes-conta li:first-child {
    display: none
}

#barraTopo .acoes-conta li {
    width: auto;
    /* border: 2px solid #fff; */
    border-radius: 5px;
    background: var(--dark2_c);
    padding: 0 20px;
}

#barraTopo .acoes-conta li a {
    float: right;
    border: 0;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 300;
}

#barraTopo .acoes-conta li i {
    background: url(https://cdn.awsli.com.br/503/503534/arquivos/icones-kallina-1.png) no-repeat;
    height: 42px;
    background-position: -79px 14px;
    font-size: 0;
    line-height: 40px
}

#barraTopo .acoes-conta li a:hover {
    text-decoration: none
}

#barraTopo .acoes-conta li:hover {
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.3)
}

/* BARRA SCROLL - CARRINHO */

#barraTopo .carrinho>a span {
    display: none
}

#barraTopo .carrinho>a strong {
    line-height: 42px;
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
    color: #fff;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 300;
}

#barraTopo .carrinho {
    border: 0;
    margin-left: 20px;
    padding: 0 20px;
    /* border: 2px solid #fff; */
    border-radius: 5px;
    background: var(--dark2_c);
    display: inline-flex;
    width: auto;
    float: right;
}

#barraTopo .carrinho>a i {
    background: url(https://cdn.awsli.com.br/503/503534/arquivos/icones-kallina-1.png) no-repeat;
    background-position: -272px center;
    font-size: 0;
    width: 23px;
    height: 42px;
    float: left;
}

#barraTopo .carrinho>strong {
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 300;
}

#barraTopo .carrinho:hover {
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.3);
}

#barraTopo .carrinho.vazio>a strong {
    display: block!important;
}

#barraTopo .carrinho.vazio>a .vazio-text {
    display: block;
    font-size: 0;
    margin: 0;
    float: right;
    line-height: 10px;
}

#barraTopo .carrinho.vazio>a .vazio-text:after {
    content: "R$ 0,00";
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    font-family: "Exo 2", sans-serif !important;
    font-weight: 300;
}

#barraTopo .carrinho.vazio>strong {
    display: none;
}

@media screen and (max-width: 991px) {
    .barra-inicial a.bem-vindo.cor-secundaria {
        font-size: 11px;
    }
    .canais-contato.span9 {
        font-size: 11px;
    }
    #cabecalho .inferior>.span8.busca-mobile {
        width: 30%;
        margin-right: 10px;
    }

    #cabecalho .busca {
        margin-left: 0;
    }

    #barraTopo > div > div > div:nth-child(1) {
        width: 230px;
    }

    #barraTopo.hidden-phone div.conteiner div.row-fluid div.span6 div.row-fluid {
        /* width: 80%; */
    }

    #barraTopo .busca {
        width: 30%;
    }

    

    .row-fluid .offset9:first-child {
        width: 30%;
        margin-left: 69.59574468085106%;
    }
}

@media screen and (max-width: 768px) {
    #cabecalho .logo a {
        height: 100px;
    }
    #cabecalho .inferior>.span8.busca-mobile {
        width: 30%;
        background-color: transparent;
    }
    #cabecalho .busca {
        display: none;
        width: 95%;
        margin: 0;
    }

    .busca input::-moz-placeholder {
        color: #8e8e8e;
        font-size: 12px;
        font-family: "Dosis", sans-serif;
        font-weight: 400;
        /* font-style: italic; */
        opacity: 1;
    }
    
    .busca input::-webkit-input-placeholder {
        color: #8e8e8e;
        font-size: 12px;
        font-family: "Dosis", sans-serif;
        font-weight: 400;
        /* font-style: italic; */
    }
    
    .busca input::-ms-input-placeholder {
        color: #8e8e8e;
        font-size: 12px;
        font-family: "Dosis", sans-serif;
        font-weight: 400;
        /* font-style: italic; */
    }

    #cabecalho .inferior > .span4.hidden-phone {
        margin-left: 2%;
    }

    .conteudo-topo .busca-mobile .atalho-menu {
        border: 0;
        font-size: 20px;
        font-family: FontAwesome !important;
        font-weight: normal;
        text-align: center;
        padding: 2px;
        width: 40px;
        height: 40px;
        background-color: var(--light3_c);
        /* background: url(https://cdn.awsli.com.br/443/443689/arquivos/spritemobsports.png)!important; */
        /* background-position: -329px -158px!important; */
        border-radius: 5px;
    }
    .pagina-carrinho a.atalho-menu.visible-phone.icon-th.botao.principal {
        padding: 2px !important;
        font-size: 20px;
    }
    .icon-th::before {
        padding-top: 7px;
        content: "\f00a";
    }
    #cabecalho .busca .botao-busca {
        /* top: 3px; */
    }

    #barraTopo > div > div > div.span6 {
        width: 60%;
    }

    #barraNewsletter .componente div.newsletter-cadastro input {
        width: 200px;
    }

    #barraNewsletter .componente .texto-newsletter {
        font-size: 24px;
    }

    #barraTopo .busca {
        display: none;
    }

    .row-fluid .offset9:first-child {
        width: 40%;
        margin-left: 59.59574468085106%;
    }
    #rodape .span4:nth-child(3) {
        padding-left: 2%;
    }
    .secao-banners {
        display: none
    }
    .pagina-inicial .secao-banners {
        display: block
    }
    .cep label {
        line-height: 30px;
    }
    .produto .principal .cep .form-inline .input-prepend .btn {
        line-height: 24px;
    }
    .menu.superior .nivel-um {
        height: auto;
        background-color: var(--dark2_c);
        text-align: left;
    }
    .menu.superior .nivel-um>li {
        display: block;
    }
    .menu.superior .nivel-um>li>a strong {
        font-size: 14px !important;
        padding: 10px;
    }
    .menu.superior .nivel-dois a {
        font-size: 12px !important;
        font-weight: 300;
    }
}

@media screen and (max-width: 480px) {
    #cabecalho>div.conteiner>div.row-fluid>div.span3 {
    width: 80%;
    display: inline-block;    
	}
    #cabecalho .logo a {
        height: 80px;
    }
    #cabecalho .conteudo-topo.span9 {
    padding: 17px 0;
    display: inline-block;    
    width: 20%;
    /*float: right;*/
    margin-top: 11px;
	}

    #cabecalho .inferior>.span8.busca-mobile {
        width: auto;
    }
    .row-fluid .offset9:first-child {
        width: 55%;
        margin-left: 44.59574468085106%;
    }
    .finalizar-compra .acao-editar .span12 a.botao {
        border-radius: 20px;
        /* background-color: #ffb83f; */
        background-image: none;
        outline: none;
        /* margin-left: 10px; */
        line-height: 16px;
        font-size: 10px;
    }
}

@media screen and (max-width: 360px) {
    .produto .principal .acoes-produto .comprar .botao {
        font-size: 24px;
        width: 70%;
    }

}