body{
    background-color: #25262a;
    background-size: cover;
    background-position: top center;
    /* box-shadow: 0px 0px 16px #000; */
    background-attachment: fixed;
}
a,p,span,div,h1,h2,h3,h4,h5{
    font-family: "Roboto Condensed",sans-serif;
}
.red{}
.orange{background-color: #ffffff;}
.blue{}
.yellow{}
.green{
    background-color: #6ca04d;
}
.borderGreen{
    border-color: #6ed630 !important;
}
.borderRed{
    border-color: #ff0000 !important;
}

.clear{
    clear: both;
}

#loadingMaster {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.56);
    z-index: 99999900;
    display: none;
}
#loadingMaster img {
    position: fixed;
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
}


.contantMenu .containerMenu .containerSeach #pesquisa::-webkit-input-placeholder {
   color: rgb(224, 224, 224);
}

.contantMenu .containerMenu .containerSeach #pesquisa:-moz-placeholder { /* Firefox 18- */
   color: rgb(224, 224, 224);
}

.contantMenu .containerMenu .containerSeach #pesquisa::-moz-placeholder {  /* Firefox 19+ */
   color: rgb(224, 224, 224); 
}

.contantMenu .containerMenu .containerSeach #pesquisa:-ms-input-placeholder {  
   color: rgb(224, 224, 224);
}

.container{
    max-width: 1200PX;
    /* padding: 0 30px; */
}
.contantMenu{
    position: fixed;
    width: 100%;
    z-index: 999999;
    background: #1db954;
    /* height: 92px; */
    /* box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5215686274509804); */
    /* background: url(../img/header-footer.png) repeat-x 0 0; */
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.08); */
}
.contantMenu.atv{
    /* background: rgba(37, 38, 42, 0.98) !important; */
}
.contantMenu .containerMenu{
    /* padding: 0 16px; */
}
.contantMenu .containerMenu .categorias{
    position: relative;
    /* background-color: #249969; */
    /* float: right; */
    padding: 0;
    width: 100%;
}
.contantMenu .containerMenu .categorias .containerItens{}
.contantMenu .containerMenu .categorias .logo{max-width: 178px;float: left;padding: 0;/* border-right: 1px solid rgba(255, 255, 255, 0.08); */margin-right: 19px;}
.contantMenu .containerMenu .categorias .item{
    float: left;
    padding: 35px 8px;
    font-size: 15px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.48);
    transition: 0.5s;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.contantMenu .containerMenu .categorias .item:hover{
    background: #d2d2d21f;
}
.contantMenu .containerMenu .categorias .item.atv{
    /* background: #ffffff12; */
    color: #ffffff;
}
.contantMenu .containerMenu .containerSeach {
    width: 100%;
}
.contantMenu .containerMenu .containerSeach #pesquisa{
    margin: 0;
    height: 47px;
    padding: 0 6px 0 17px;
    float: left;
    width: calc(100% - 47px);
    font-size: 15px;
}
.contantMenu .containerMenu  .containerSeach .btnPesquisar{
    margin: 0;
    border: 0;
    padding: 5px 13px 4px 6px;
    background: #ffffff;
    color: #000000;
    font-size: 23px;
    margin-left: 0px;
    float: left;
    width: 45px;
    height: 47px;
    cursor: pointer;
    box-shadow: 4px 0px 6px rgba(0, 0, 0, 0.05);
}
.contantMenu .containerMenu .botoesAdicionais .btnBotoesAdicionais{
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    margin: 6px 0 0 6px;
    padding: 4px 15px;
    color: #000;
    border-radius: 5px;
    cursor: pointer;
}
.contantMenu .containerMenu .botoesAdicionais .btnRedes{
    float: right;
    margin: 6px 12px 0px 0;
}
.contantMenu .containerMenu .botoesAdicionais .btnRedes i, .contantMenu .containerMenu .botoesAdicionais .btnRedes svg{
    font-size: 28px;
    color: #ffffff;
}
.contantMenu .containerMenu .botoesAdicionais .tel{
    float: right;
    margin: 5px 21px 0 0;
    font-size: 22px;
    color: #fff;
    text-shadow: 0px 0px 10px #484848;
}


.contantRodape{
    /* margin: 90px 0 0 0; */
    /* background-image: url(../../comum/img/rodape.png); */
    background-position: top center;
    padding: 35px 0;
    background-color: #1a1b1f;
}
.contantRodape .containerRodape{}
.contantRodape .containerRodape .bloco{
    float: left;
    padding: 0;
    font-size: 15px;
}
.contantRodape .containerRodape .bloco .ttl{
    padding: 0 0 5px 0;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.54);
}
.contantRodape .containerRodape .bloco .item{
    display: block;
    font-weight: 400;
    color: #fff;
}
.contantRodape .logo{
    display: block;
    margin: auto;
    padding: 76px 0 26px 0;
}

.contantProduto{
    /* background: rgba(35, 36, 39, 0.99); */
    padding: 39px 0;
}
.contantProduto .container{
    /* padding: 45px 5px 0 5px; */
    padding: 0;
}
.contantProduto .item{
    color: #000;
    text-decoration: none;
    /* min-height: 369px; */
    padding: 0px;
    position: relative;
    clear: both;
    display: block;
    border-collapse: separate;
    background-position: center;
    background-size: cover;
    border: 2px solid hsl(38, 86%, 53%);
}
.contantProduto .item .img{
    position: relative;
    margin: auto;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.01);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}

.img {}
.contantProduto .item .img img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    border-radius: 0;
}
.contantProduto .item .ttl{
    margin: 9px 0 0 0;
    line-height: 20px;
    color: #000;
    FONT-SIZE: 14px;
    font-weight: 600;
    text-align: left;
    letter-spacing: 0.08em;
}
.contantProduto .item .price{
    text-transform: uppercase;
    margin: 0;
    font-size: 15px;
    margin-top: 0px;
    color: #000000;
    text-align: left;
    letter-spacing: 0.1em;
}
.contantProduto .item .btnVerMais{text-align: center;padding: 5px 0;font-size: 15px;background: hsl(141, 73%, 42%);width: calc(100% );/* background: #f1f1f1; */color: #ffffff;/* max-width: 117px; */border-radius: 5px;margin: auto;display: block;transition: 0.2s;margin-top: 5px;display: none;}
.floatProd:hover{
    text-decoration: none;
    border-color: #6dda2b !important;
}
.contantProduto h3{
    text-align: left;
    /* text-transform: uppercase; */
    color: #ffffff;
    display: table;
    /* margin: auto; */
    /* padding: 7px 53px; */
    /* background-image: url(../img/ttlLeft.png), url(../img/ttlRight.png); */
    background-repeat: no-repeat;
    background-position: center left, center right;
    margin-bottom: 24px;
    /* font-weight: bold; */padding: 0px 0px 0px 10px;
}
.contantProduto h4{
    /* text-align: center; */
    /* text-transform: uppercase; */
    color: #ffffff;
    /* display: table; */
    margin: 0 0 16px 0;
    /* padding-left: 5px; */
    letter-spacing: 0.1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    padding: 0 0 11px 0;
}
.btnHamburguer{
    display: none;
    float: left;
    color: #fff;
    font-size: 28px;
    padding: 3px 0px;
    z-index: 99999999;
    margin-right: 13px;
}

.contantCatDestaque{
    padding: 17px 0 17px 0;
    display: none;
}
.contantCatDestaque .item{}
.contantCatDestaque .item.dest1{
    background-repeat: no-repeat;
    background-position: top center;
    height: 195px;
    position: relative;
    border-radius: 0px;
    background-size: cover;
}
.contantCatDestaque .item .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0px;
    padding: 8px 12px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #2525256b);
}
.contantCatDestaque .item .mask p{
    margin: 0;
    font-size: 22px;
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    /* text-align: center; */
    width: 100%;
    left: 0px;
    padding: 0 0 0 14px;
}
.contantCatDestaque .colItem{
    padding-top: 10px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}
.contantCatDestaque .container{
}
.containerItens .btnClose{
    display: none;
    position: fixed;
    right: 14px;
    top: 0px;
    font-size: 46px;
    color: #fff;
}

.contantVideoDestaque{}
.contantVideoDestaque .container{
    padding: 10px 10px;
}
.contantVideoDestaque .boxVideo{
    background: #249969;
    border-radius: 5px;
    background-size: cover;
}
.contantVideoDestaque .boxVideo p{
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 13px 0 0 0;
    text-shadow: 0px 0px 29px #000;
}
.contantVideoDestaque .boxVideo .btnPlayer{
    font-size: 64px;
    color: #ffffff;
    /* float: right; */
    margin: auto;
    display: block;
}
.contantVideoDestaque .boxVideo .colItem{
    float: left;
}
.carousel-control-next, .carousel-control-prev{
    font-size: 33px;
}
.contantVideoDestaque .boxVideo .mask{
    padding: 7px 0;
    background: rgba(0, 0, 0, 0.56);
    border-radius: 5px;
}



.contantDetalhe{
    background-size: cover;
    background-position: top center;
    /* box-shadow: 0px 0px 16px #000; */
    background-attachment: fixed;
}
.contantDetalhe .mask{
    padding: 150px 0 37px 0;
    background-color: rgba(37, 38, 42, 0.95);
}
.contantDetalhe .container{}
.contantDetalhe .colCenter{
    float: left;
    position: relative;
    padding: 0;
    background-size: cover;
    background-position: top center;
}
.contantDetalhe .colCenter img{
    width: 100%;
}
.contantDetalhe .colLeft{
    float: left;
    color: #fff;
    padding: 0 0 31px 35px;
}
.contantDetalhe .colLeft h1{
    font-size: 20px;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 0px;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 14px 0;
    /* text-transform: uppercase; */
    font-weight: bold;
}
.contantDetalhe .colLeft .descricaoCurta{
    margin: 9px 0 18px 0;
    display: block;
    color: #d4d4d4;
}

.contantDetalhe .boxValor{
    float: left;
    padding-right: 23px;
}
.contantDetalhe .boxValor p{
    margin: 0;
    font-size: 37px;
    margin-top: -16px;
}
.contantDetalhe .boxValor span{
    font-size: 12px;
    letter-spacing: 1px;
}
.migalha{
    padding: 0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.migalha a, .migalha p{
    color: #ffffff;
    float: left;
    margin: 0 6px 0 0;
    font-weight: 300;
    font-size: 15px;
}
.migalha .separador{
    float : left;
    color: #ffffff8a;
    margin: 4px 12px;
}

.contantBoxInfos{
    padding: 0;
    padding: 0 0 31px 35px;
}
.contantBoxInfos .container{}
.contantBoxInfos .menu{padding-bottom: 10px;display: none;}
.contantBoxInfos .menu .item{
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    padding: 2px 0px;
    color: #fff;
    /* border-bottom: 5px solid rgba(103, 161, 79, 0.21); */
    position: relative;
    cursor: pointer;
    padding-top: 0px;
    letter-spacing: 0.2em;
}
.contantBoxInfos .menu .item.atv{
    border-color: #1db954;
}
.contantBoxInfos .menu .item .selectedItem{
    width: 30px;
    height: 14px;
    background-image: url(../img/selectItem.png);
    position: absolute;
    bottom: -21px;
    left: calc(50% - 15px);
    z-index: 99;
    display: none;
}
.contantBoxInfos .menu .item.atv .selectedItem{display: block;display: none;}
.contantBoxInfos .conteudo{
    padding: 0px 0;
    /* border-radius: 0px 5px 5px 5px; */
    /* border-top: 1px solid #e6e6e6; */
    color: #fff;
    font-size: 15px;
}
.contantBoxInfos .conteudo p{margin: 0;color: #000000;}


.contantCatDetalhe{
    box-shadow: 0px 2px 16px #0003;
    background-size: cover;
    background-position: top center;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
    border-radius: 7px;
}
.contantCatDetalhe .mask{
    padding: 19px 19px;
    background: rgba(66, 66, 66, 0.77);
    border-radius: 7px;
}
.contantCatDetalhe .container{
    padding: 0;
}
.contantCatDetalhe .containerCat{
    color: #fff;
    /* text-align: center; */
}
.contantCatDetalhe .containerCat .colCenter{
    float: left;
    padding: 0;
    padding-right: 16px;
}
.contantCatDetalhe .containerCat .colCenter img{
    width: 80%;
    margin: auto;
    display: block;
    max-width: 123px;
    float: right;
}
.contantCatDetalhe .containerCat .colLeft{
    float: left;
}
.contantCatDetalhe .containerCat .colLeft h1{
    text-transform: uppercase;
    font-size: 46px;
    margin: 0 0 0px 0;
    float: left;
}
.contantCatDetalhe .containerCat .colLeft h2{
    font-size: 27px;
    clear: both;
}
.contantCatDetalhe .containerCat .colLeft .descricao{
    font-size: 14px;
    color: #d8d8d8;
}
.contantCatDetalhe .containerCat .colLeft .status{
    float: left;
    padding: 4px 16px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 30px;
    margin: 11px 0 0 17px;
}
#carouselHome{
    padding-top: 117px;
}
.boxContant{
    display: none;
}
.boxContant.atv{
    display: block;
}

.contantImgsMobile{
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}
.contantImgsMobile .coluna {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.contantImgsMobile .coluna img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
.hidden{
    display: none !important;
}

.modalSite{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000ed;
    z-index: 9999999;
    display: none;
}
.modalSite .container{
    position: relative;
    padding-top: 29px;
}
.modalSite .container .h1{
    color: #fff;
    font-size: 35px;
}
.modalSite .container .btnClose{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 36px;
    color: #fff;
}
.modalSite .container .btnClose svg, .modalSite .container .btnClose i{
    font-size: 36px;
}
.modalSite .container .videoDestaqueHome{}
.modalSite .container .videoDestaqueHome iframe{height: 400px;}

.btnModal{
    cursor: pointer;
}
.conteudoPg{
    padding-top: 20px;
}
.conteudoPg img{
    max-width: 100%;
}
.conteudoPg h1{
    font-size: 25px;
}
.conteudoPg h2{
    font-size: 20px;
}
.conteudoPg h3{
    font-size: 19px;
}
.conteudoPg p, .conteudoPg a, .conteudoPg h1, .conteudoPg h2, .conteudoPg h3, .conteudoPg h4, .conteudoPg h5{
}
.paginaTtl h1{
    text-transform: uppercase;
    font-size: 40px;
}
.floatProd{
    float: left;
    padding: 0 10px 18px 10px;
}
.containerContato{}
.containerContato .item{
    float: left;
}
.containerContato .item input, .containerContato .item textarea{
    width: 100%;
    border: 0;
    min-height: 45px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0);
    padding: 8px 21px;
    color: #fff;
    border: 1px solid #eda401;
    /* text-transform: uppercase; */
}
.containerContato .item input{border-radius: 29PX !IMPORTANT;}
.containerContato .item textarea{
    height: 183px;
}
.containerContato h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    padding: 0 0px;
}
.containerContato .btnSubmit{
    background: #eda401 !important;
    border-width: 0 0 3px 0 !important;
    border-color: #a57409 !important;
    cursor: pointer;
    border-radius: 29PX !IMPORTANT;
    width: 35% !important;
    padding: 0px 0 !important;
    min-height: 44px !important;
    float: right;
}
.containerContato label{
    margin: 0;
    font-size: 10px;
    color: #fff;
}
.containerRodape .btnRedes{
    color: #ffffff;
    font-size: 30px;
    margin-right: 10PX;
}
.containerRodape .ttl.sub{
    padding: 15px 0 0 0 !important;
}

.containerContato input::-webkit-input-placeholder, .containerContato textarea::-webkit-input-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
.containerContato input::-moz-placeholder, .containerContato textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.containerContato input:-ms-input-placeholder, .containerContato textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 1;
}
.containerContato input:-moz-placeholder, .containerContato textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 1;
}

.modalAlert{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000ed;
    z-index: 99999999999;
    text-transform: uppercase;
    padding: 55px 0 0 0;
}
.modalAlert .container{
    text-align: center;
}
.modalAlert p{font-size: 44px;margin: 0;color: #acff7a;}
.modalAlert i, .modalAlert svg{
    color: #ffffff;
    margin: 0 14px 0 0;
}
.modalAlert span{
    COLOR: #ffffff;
}
.modalAlert .btnClose{
    display: table;
    margin: auto;
    padding: 9px 38px;
    background: #ffffff;
    color: #020202;
    border-radius: 33px;
    margin-top: 55px;
    cursor: pointer;
}
.paginaTtl{
    padding: 0;
}
.floatProd .conteudoBox{
    /* height: 61px; */
    /* background: #0000009c; */
    /* border-radius: 0px 0px 5px 5px; */
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55)); */
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    height: 117px;
}

.categorias .containerItens a span{
    position: absolute;
    text-align: center;
    font-size: 10px;
    background: #32b57f;
    color: #3e3e3e;
    padding: 0px 6px;
    border-radius: 13px;
    left: 10px;
    bottom: 18px; 
}

.botoesAdicionais{
    float: right;
    width: calc(50% - 200px);
}
.containerMenu form{
    float: left;
    margin-top: 16px;
    width: 50%;
}

.containerMenu .btnEntrar{
    color: #fff !important;
    border: 1px solid #fff;
    /* border-radius: 43px; */
    padding: 8px 13px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    float: left;
    cursor: pointer;
    margin: 17px 0 0 27px;
}

.colRight{float: right;text-align: left;}

.boxPropiedade{
    clear: both;
    /* padding: 11px 11px; */
    border-top: 0px solid #e6e6e6;
    margin: 7px 0 0 0;
    /* background: rgba(239, 239, 239, 0.45); */
}
.boxPropiedade .itens{
    float: left;
    /* width: calc(100% - 100px); */
    width: 100%;
}
.boxPropiedade .itens .item{
    float: left;
    margin: 0 5px 0 0px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 2px 8px;
    /* height: 26px; */
    margin-bottom: 4px;
    font-size: 15px;
}
.boxPropiedade .itens .item.atv{box-shadow: 0px 0px 3px #0176b2;/* font-size: 16px; */}
.boxPropiedade p{
    float: left;
    margin: 2px 0 7px 0;
    letter-spacing: 0.04em;
    font-size: 16px;
    color: #000 !important;
    font-weight: bold;
}
.boxPropiedade .itens .item.itemCor{
    border: 1px solid rgba(0, 0, 0, 0.16) !important;
    border-radius: 3px;
    padding: 3px 11px;
}
.boxPropiedade .itens span{
    display: block;
    text-align: left;
    font-size: 24px;
    color: #1db954;
}

.btnUser{
    float: left;
    color: rgb(255, 255, 255);
    padding: 5px 0 0 8px;
    width: 157px;
    margin-left: 11px;
    position: relative;
    padding: 22px 0 22px 14px;
}
.colRihgt{
    float: LEFT;
    float: left;
    width: 78%;
    padding: 1px 0 0 8px;
}
.btnUser .colRihgt p{
    line-height: 14px;
    font-size: 13px;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.btnUser .colRihgt .btnShowProfile{
    padding: 1px 0 0 0;
    cursor: pointer;
}
.btnUser .colRihgt .btnShowProfile span{
    font-size: 12px;
    float: left;
    line-height: 15px;
}
.btnUser .colRihgt .btnShowProfile svg{
    font-size: 18px;
    float: left;
}
.btnUser svg, .botoesAdicionais .btnUser i{
    float: left;
    width: 22% !important;
    font-size: 33px;
}

.h3Detalhe{
    clear: both;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0;
    display: none;
    padding: 14px 0 6px 0;
}

.boxComprar{}
.boxComprar .btnCompras{
    float: left;
    color: #fff;
    width: 100%;
    font-size: 19px;
    padding: 8px 16px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.2em;
}
.boxComprar .btnLove{}

.galeriaImagens{}
.galeriaImagens .image{
    float: RIGHT;
    width: calc(100% - 100px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, 0);
}
.galeriaImagens .image img{}
.galeriaImagens .itens{
    float: LEFT;
    width: 94px;
}
.galeriaImagens .itens .item{
    background-color: rgba(0, 0, 0, 0.01);
    margin: 0 0 5px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.galeriaImagens .itens .item img{
    /* max-height: 80px; */
    cursor: pointer;
    border-radius: 2px;
    /* border-left: 1px solid #00000014; */
}
.galeriaImagens .itens .item.atv img{
    /* border-color: #1db954; */
    border: 1px solid #231f20;
} 
.contantMenu .header-overlay{}
.header-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #000;
    transition: all .5s,z-index 0ms;
    visibility: hidden;
    z-index: 99;
}
.header-overlay.active{
    opacity: 0.2;
    visibility: visible;
}
#menuUser, #menuCarrinho{
    background: #fff;
    position: absolute;
    padding: 17px 16px;
    width: 171px;
    top: 74px;
    display: none;
}
#menuUser a, #menuUser p{
    display: block;
    padding: 9px 0;
    color: #5a5a5a;
    font-size: 14px;
    transition: 0.2s;
    cursor: pointer;
    margin: 0;
}
#menuUser a:hover, #menuUser p:hover{
    color: rgb(29, 185, 84);
}
#menuUser:before, #menuCarrinho:before{
    width: 0;
    height: 0;
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    top: -12px;
    margin-right: -22px;
    position: absolute;
    right: 33%;
}


#btnCarrinho{
    color: #fff;
    font-size: 35px;
    float: right;
    position: relative;
    cursor: pointer;
    line-height: 29px;
    width: 41px;
    height: 78px;
    background-image: url(/loja/comum/img/icons.png);
    background-position: -70px;
    background-repeat: no-repeat;
}
#btnCarrinho .contantElement{
    position: absolute;
    width: 100%;
    height: 100%;
}
#btnCarrinho i, #btnCarrinho svg{}

#menuCarrinho{
    top: 77px;
    right: 0;
    width: 350px;
    padding: 0;
}
#menuCarrinho:before{
    right: 28px;
}
#menuCarrinho span{
    margin: 0;
    height: auto;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.45);
    display: block;
    text-align: center;
    padding: 12px 0;
}



.contantCesta{
    padding-top: 95px;
    color: #fff;
    padding-bottom: 65px;
}
.contantCesta h1{
    
    font-size: 25px;
    font-weight: 300;
    
}
.contantCesta .container{}
.contantCesta .listProd{
    padding: 0;
    float: left;
    padding-right: 23px;
    margin-bottom: 20px;
}
.contantCesta .listProd .topo{
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.09); */
    padding: 9px 9px;
}
.contantCesta .listProd .topo .ttl{
    float: left;
    font-size: 14px;
    padding: 0 0 0 0;
    font-weight: 500;
}
.contantCesta .listProd .topo .ttl.qtd{
    text-align: center;
}
.contantCesta .listProd .prodItem{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 9px 9px;
    position: relative;
}
.contantCesta .listProd .prodItem .item{
    float: left;
    padding: 0;
}
.contantCesta .listProd .prodItem .item.prod{}
.contantCesta .listProd .prodItem .item.qtd{
    padding-top: 0;
}
.contantCesta .listProd .prodItem .item.qtd select{
    min-width: 68px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0);
    color: #fff;
    margin: auto;
    display: block;
}
.contantCesta .listProd .prodItem .item.qtd select option{
    color: #fff;
    background: #25262a;
    cursor: pointer;
}
.contantCesta .listProd .prodItem .item.preco{
    font-weight: bold;
    padding-top: 24px;font-size: 14px;
}
.contantCesta .listProd .prodItem .btnRemover{
    text-align: center;
    color: rgba(255, 255, 255, 0.46);
    display: table;
    margin: auto;
    cursor: pointer;font-size: 14px;
}

.contantCesta .resumo{
    float: left;
    padding: 23px 23px;
    background: rgba(255, 255, 255, 0.04);
    margin-bottom: 30px;border: 1px solid rgba(0, 0, 0, 0.1) !important;border-radius: 4px;
}
.contantCesta .resumo h2{
    margin: 0;
    font-size: 22px;
    margin-bottom: 10px;
    text-transform: inherit;font-weight: bold;
}
.contantCesta .resumo .item{
    color: rgba(255, 255, 255, 0.58);
    padding: 2px 0;
}
.contantCesta .resumo .item span{
    float: left;
    /*text-transform: lowercase;*/
}
.contantCesta .resumo .item p{
    float: right;
    margin: 0;
}
.contantCesta .resumo .item.total{
    padding: 13px 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-width: 1px 0;
    margin: 15px 0 0 0;
    font-weight: bold;
    color: #fff;
    font-size: 17px;
}
.contantCesta .resumo .item.total span{
}
.contantCesta .resumo .item.total p{
}
.contantCesta .resumo .btnContinuar{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    text-transform: uppercase;
}

.contantCesta h2{color: #fff;margin: 0 0 7px 0;font-size: 20px !important;font-weight: bold;}
.containerEndereco{
    float: left;
    padding: 22px 23px 16px 0;
}
.containerFrete{
    float: left;
    padding: 22px 23px 22px 0;
}
.containerFrete .itenFrete{
    /* background: rgba(255, 255, 255, 0.03); */
    /* margin-bottom: 9px; */
    padding: 10px 8px;
    cursor: pointer;
    transition: 0.3s;
    /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11); */
    /* border-radius: 2px; *//* background: rgba(0, 0, 0, 0.04); */border: 1px solid rgba(0, 0, 0, 0.1);border-width: 1px 0px 0px 0px;
}
.containerFrete .itenFrete .radioButom{position: relative;}
.containerFrete .itenFrete .radioButom div{}
.atv .radioButom div{width: calc(100% - 4px);height: calc(100% - 4px);background: #0176b2;margin: 2px 0px 0px 2px;border-radius: 50%;0% - 10px);}
.containerFrete .itenFrete p{
    float: left;
    margin: 0px 0 0 0;
    line-height: 17px;
    width: calc(100% - 28px);
}
.radioButom{
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    float: left;
    border: 1px solid #fff;
    margin: 0 8px 0 0;
}
.formasPagamento{
    padding: 16px 0 0 0 !important;
}
.formasPagamento .itemFormPgto{
    cursor: pointer;
    float: left;
    /* border: 1px solid rgba(255, 255, 255, 0.13); */
    /* width: calc(50% - 10px); */
    /* margin-right: 10px; */
    padding: 7px 8px;
    /* margin-top: 4px; */
}
.formasPagamento .btnBoleto{
    /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.11); */
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 0px 1px 0px 0px;
    transition: 0.3s;
    border-radius: 0px !important;
    width: 33.3%;
    min-height: 85px;
}
.formasPagamento .btnCartao{
    margin-right: 0;
}
.formasPagamento .itemFormPgto .radioButom{
    float: initial;
    margin-bottom: 7px;
}
.formasPagamento .itemFormPgto p{
    float: left !important;
    margin: 0px 0 0 0 !important;
    line-height: 20px;
}

.formasPagamento .itemFormPgto.atv{
    /* border: 2px solid #1f9a4a; */
    /* background: rgba(29, 185, 84, 0.15); */
}
.atv .radioButom{
    /* background: #ff3918; */
}

.boxPropiedade .item.NotAtv{
    color: rgb(255, 255, 255);
    text-decoration: line-through;
    border: 1px solid rgba(255, 255, 255, 0.02);
}
#htmlProdutoPropiedades{
    position: relative;
}
.loading{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.75);
    display: none;
    z-index: 9999;
}
.loading img{
    width: 50px !important;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    background: rgba(255, 255, 255, 0.47);
    border-radius: 50%;
    color: #000;
}

.containerMenuDepartamentos{
    background: rgba(44, 46, 50, 0.18);
    border-bottom: 0px solid #292b312b;
}
.containerMenuDepartamentos .item{
    float: left;
}
.containerMenuDepartamentos .item p{
    color: #ffffff;
    padding: 7px 14px;
    font-size: 17px;
    background: rgba(0, 0, 0, 0.01);
    /* color: #000; */
    margin: 0;
}
.containerMenuDepartamentos .item.upDiv p{
    /* background: #fff; */
    color: #fff;
}
.containerMenuDepartamentos span{}

.containerMenuDepartamentos .subMenu{
    background: rgb(255, 255, 255);
    position: fixed;
    width: 100%;
    left: 0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
}
.containerMenuDepartamentos .subMenu .container{
    position: relative;
}
.containerMenuDepartamentos .subMenu .container .subCategorias{
    min-height: 210px;
    /* background: #fff; */
    padding: 0;
    cursor: initial;
}

#btnCarrinho .qtd{
    position: absolute;
    top: 19px;
    right: -13px;
    font-size: 12px;
    width: 22px;
    height: 22px;
    background: #000000;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); */
    font-weight: 800;
}
#btnCarrinho .qtd.active{
    background: #ff4700;
}
#menuCarrinho .ttl{
    color: #464646;
    font-size: 18px;
    margin: 7px 0 6px 15px;
}
#menuCarrinho .containerItensCarrinho{
    padding: 0 16px;
    max-height: 210px;
    overflow: auto;
    position: relative;
}
#menuCarrinho .containerItensCarrinho .item{
    width: 100%;
    padding: 0 0;
    color: #000;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 12px 0;
    clear: both;
    float: initial;
    display: block;
}
#menuCarrinho .containerItensCarrinho .item .img{
    float: left;
    text-align: right;
    padding: 0;
    background-position: center;
    background-size: cover;
}
#menuCarrinho .containerItensCarrinho .item .img img{
    width: 100%;
}
#menuCarrinho .containerItensCarrinho .item .text{
    float: left;
    line-height: 13px;
    padding-right: 0;
}
#menuCarrinho .containerItensCarrinho .item .text .ttlProd{
    margin: 0;
    font-size: 14px;
    text-transform: initial;
    margin-bottom: 5px;
    text-align: left;
    line-height: 15px;
}
#menuCarrinho .containerItensCarrinho .item .text .modelo{
    color: #666;
    font-size: 11px;
    text-align: left;
    text-transform: initial;
    padding: 0;
}
#menuCarrinho .containerItensCarrinho .item .valor{
    float: left;
    font-size: 14px;
    padding: 0;
    text-align: right;
}
#menuCarrinho .resumo{
    padding: 8px 15px 15px 15px;
    background: #f2f2f2;
    border-top: 1px solid #e5e5e5;
}
#menuCarrinho .resumo .btnFinalizar{
    font-size: 17px;
    text-align: center;
    height: auto;
    padding: 4px 0;
    margin-top: 6px;
    display: block;
    color: #fff;
    text-transform: none;
}
#menuCarrinho .resumo p{
    float: right;
    font-size: 16px;
    color: #292929;
    margin: 0;
    font-weight: bold;
}
#menuCarrinho .resumo span{
    float: right;
    font-size: 15px;
    color: rgba(85, 85, 85, 0.74);
    margin-right: 6px;
    padding: 0;
}

#htmlCesta{
    display: block;
    clear: both;
    padding-top: 16px;
}

.btnEderecoAlterar{
    background: #f1f1f1;
    color: #000;
    text-align: center;
    padding: 6px 16px;
    cursor: pointer;
    /* display: table; */border-radius: 5px;
    font-size: 14px;/* font-weight: bold; */display: table;
}

.containerShow{
    display: none;
}
.containerShow.atv{
    display: block;
}

.btnRedirectLogin{
    cursor: pointer;
}

.btnContinuarCompraLogin{
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding: 10px 0;
    font-size: 17px;
    background: #0176b2;
    cursor: pointer;border-radius: 5px;font-weight: bold;
}

.btnAlterarEndereco{
    cursor: pointer;
    display: table;
    text-decoration: underline;
}

.btnCorDefault{
    background: #1db954;
    /* border-bottom: 2px solid #179e47; */
    border-radius: 3px;
}

.elementLoading1{
    width: 100%;
    height: 16px;
    background-image: linear-gradient(90deg, rgba(57, 58, 62, 0.8), rgba(57, 58, 62, 0.6), rgba(57, 58, 62, 0.3));
    margin-top: 5px;
}
.elementLoading1.notfull{
    width: 70% !important;
}

.borderCesta{
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    /* padding: 0 28px; */
    /* border-radius: 5px; */
}

.redesTopo{
    float: right;
    display: none;
}
.redesTopo a{
    padding: 0px 7px;
    font-size: 22px;
    position: relative;
    float: right;
    margin: 4px 0 0 0;
}
.redesTopo a svg{}

.contantMenu .btnLogo{
    float: left;
    height: 78px;
    display: table-cell;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
} 
.contantMenu .menuFiest{}

#carouselHome .carousel-item{
    background-position: center;
    background-size: cover;
}

.contantCatDestaque .bloco{
    float: left;
    padding: 0;
}
.contantCatDestaque .bloco .colCenter{}
.contantCatDestaque .bloco .colCenter .item{
    height: 400px;
}
.notDates{
    color: #ffffffa8;
    padding: 18px 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    margin: 20px 0 0 0;
}





.containerBeneficiosCliente{/* display: none; *//* display: table; *//* margin: auto; */}
.containerBeneficiosCliente .item{
    float: left;
    /* border-right: 1px dotted rgba(0, 0, 0, 0.11); */
    padding: 19px 19px;
    font-size: 13px;
}
.containerBeneficiosCliente .item .colLeft{
    float: left;
    font-size: 19px;
    width: 40px;
    text-align: center;
    height: 27px;
    color: #000000;
}
.containerBeneficiosCliente .item .colLeft svg{}
.containerBeneficiosCliente .item .colRight{
    float: left;
    width: 100%;
    
    padding: 8px 0;
    color: #000;font-size: 15px;font-weight: bold;text-align: center;line-height: 16px;
}

.containerBeneficiosCliente .container{
    padding: 0px 10px;
    margin: auto;
    /* margin-top: 7px; */
    /* max-width: 1130px; *//* border-bottom: 1px solid rgba(0, 0, 0, 0.04); */
}
.btnContinuarComprando{
    color: #333;
    margin: 27px 0 0 0;
    padding: 9px 15px;
    background: #f1f1f1;
    display: table;
    font-weight: bold;
    font-size: 14px;
    /* border-bottom: 2px solid #dedcdc; */
    cursor: pointer;border-radius: 5px;
}
.btnContinuarComprando:hover{
    color: #000;
}

.carousel-item iframe{
        top: 0px;
        position: absolute;
        width: 100%;
        left: 0;
        height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
        min-height: 100vh;
        min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.carousel-item video{
        top: 0px;
    position: absolute;
    width: 100%;
    left: 0;
}
/*newslatter*/
#containerNewslatter{
    background: #dadada;
    padding: 18px 0;
    color: #000000;
}
#containerNewslatter .colLeft{
    float: left;
    padding: 0;
    color: #000;
}
#containerNewslatter .colLeft p{
    margin: 0;
    font-size: 19px;
    font-weight: 800;
}
#containerNewslatter .colLeft span{
    font-size: 13px;
    color: #555;
}
#containerNewslatter .colRight{
    float: right;
}
#containerNewslatter .colRight .input{
    float: left;
    width: 70%;
    border: 0;
    height: 57px;
    border-radius: 39px;
    padding: 0 22px;
    background: rgba(0, 0, 0, 0.06);
}
#containerNewslatter .colRight #newslatterSave{
    float: left;
    background: #0176b2;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    padding: 16px 18px;
    /* margin: 10px 0 0 15px; */
    /* border-radius: 25px; */
    cursor: pointer;
}


#containerNewslatter .container{}
/*newslatter*/


.containerFormaPagamento{
    display: none;
}
.containerFormaPagamento.atv{
    display: block;
    margin-top: 1px;
    margin-top: 12px;
}
.containerFormaPagamento .containerDadosCartao{
    padding: 0px 8px 9px 8px;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0);
    background-color: #00000008;
}
.containerFormaPagamento .containerDadosCartao .campo{
    float: left;
}
.containerFormaPagamento .containerDadosCartao .campo p{float: left;font-size: 12px;}
.containerFormaPagamento .containerDadosCartao .campo input{
    height: 33px;
    border: 2px solid rgb(0, 0, 0);
    font-size: 17px;
}
 .containerFormaPagamento .containerDadosCartao .campo.select{
    width: 100%;
}
.containerFormaPagamento .containerDadosCartao .campo select{
    width: 100%;
    padding: 0px 2px;
    font-size: 13px;
    height: 33px;
    border: 2px solid;
    border-radius: 0px;
}
.boxPropiedade.l0{
    /* border-top: 0 !important; */
}

#htmlParcelamento span{
    font-size: 12px;
    line-height: 12px;
    margin: 4px 0 0 0;
    color: rgba(0, 0, 0, 0.56);
    font-weight: 500;
    text-transform: uppercase;
}
#htmlParcelamento option{
    font-size: 14px;
}
.etapasAprovacaoPedido .situacaoAprovado{
    color: #179e47;
}

#htmlFormasPagamento .pagamentoBandeiras{
    /* background: rgba(0, 0, 0, 0.03); */
    padding: 2px 8px;
    width: 100%;
    /* border: 1px solid rgba(0, 0, 0, 0.08); */
    margin-bottom: 20px;
}

.btnFlutuante{ cursor: pointer; }
.menuFlutuante{ display: none; }
.upDiv{
    z-index: 999999999;
    position: relative;
}


.redesTopo a:hover{
    background-color: rgba(255, 255, 255, 0.16) !important;
}




.subCategorias{}
.subCategorias .colLeft{
    float: left;
    padding: 16px 0;
}
.subCategorias .colLeft a{
    color: #000;
    padding: 0 11px 5px 0;
    font-size: 17px;
    display: block;
    float: left;
}
.subCategorias .colLeft a:hover{
    background: none;
    text-decoration: underline;
}
.subCategorias .colRight{
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}
.subCategorias .colRight .banner{}
.subCategorias .colRight .banner img{
    max-width: 100%;
}

.containerProdutoValor{
    padding: 22px 0;
}
.containerProdutoValor p{
    margin: 0;
    color: rgba(0, 0, 0, 0.7);
}
.containerProdutoValor .item{}
.containerProdutoValor .valorAntigo{
    font-size: 14px;
    color: #565656;
    text-decoration: line-through;
    margin-right: 9px;
    font-weight: 400;
    display: block;
    margin-bottom: -8px;
    letter-spacing: 0.1em;
}
.containerProdutoValor .valor{
    font-size: 21px;
    color: #0c0c0c;
    margin-right: 14px;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 27px;
    font-weight: bold;
}

.boxInfosProd{
    font-size: 14px;
    margin-bottom: 24px;
}
.boxInfosProd .item{
    float: left;
    padding: 0 21px 0 0;
}
.boxInfosProd .item p{
    margin: 0;
    float: left;
    padding: 0 5px 0 0;
    color: #b5b5b5;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 13px;
}
.boxInfosProd .item span{
    float: left;
}

.containerCategoriaProdutos{
    padding-top: 142px;
}
.containerCategoriaProdutos .container{}
.containerCategoriaProdutos .catLeft{
    float: left;
    /* padding: 41px 0 0 0; */
}
.containerCategoriaProdutos .catLeft p{
    margin: 0 0px 8px 0;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.72);
}
.containerCategoriaProdutos .catLeft a{
    display: block;
    margin: 0;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 0px 4px;
}
.containerCategoriaProdutos .catLeft .item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    padding-bottom: 12px;
}
.containerCategoriaProdutos .catLeft a .radioButom{
    border-color: rgba(0, 0, 0, 0.23);
    /* border-radius: 0; */
}
.containerCategoriaProdutos .catLeft a span{
    color: rgba(0, 0, 0, 0.68);
    font-size: 14px;
    line-height: 20px;
    float: left;max-width: calc(100% - 28px);
}
.containerCategoriaProdutos .catLeft a .btnTipoProd{}
.containerCategoriaProdutos .catLeft .atv .btnTipoProd{
    color: #0176b2;
    font-weight: bold;
}

.containerCategoriaProdutos .catRight{
    float: right;
    padding-right: 0;
}
#htmlCarrinho{
    float: right;
}

.containerMenuDepartamentos .item.first p{
    /* padding-left: 0; */
}
.containerMenuDepartamentos .contantBtns{
    display: table;
    width: auto;
    margin: auto;
}

.containerCategoriaProdutos .containerFiltros{
}
.containerCategoriaProdutos .containerFiltros .itens{
}
.containerCategoriaProdutos .containerFiltros .btnFiltro{
    display: table;
    padding: 3px 12px;
    font-size: 16px;
    float: right;
    cursor: pointer;
    display: none;
}

#DesenvolvidoPor{}
#DesenvolvidoPor a{
    display: block;
    background: #ffffff;
    padding: 4px 0;
}
#DesenvolvidoPor a p{
    margin: 0;
    color: rgba(0, 0, 0, 0.76);
    text-align: center;
    font-size: 8px;
    text-transform: uppercase;
}
#DesenvolvidoPor a img{
    max-width: 70px;
    margin: auto;
    display: table;
}

.btnMobile{
    display: none;
}

.btnUser .iconUser{
    width: 26px;
    height: 33px;
    background-image: url(/loja/comum/img/icons.png);
    background-position: -39px;
    background-repeat: no-repeat;
    float: left;
}

.contantPerfil .containerComprasLst{
    padding-left: 0px;
}
.contantPerfil .containerComprasLst .item{
    margin-top: 20px;
    border: 2px solid rgba(255, 255, 255, 0.08);
}
.contantPerfil .containerComprasLst .item .topo{
    border-bottom: 2px solid rgba(255, 255, 255, 0.08);
    position: relative;
}
.contantPerfil .containerComprasLst .item .topo .info{
    float: left;
    padding: 15px 22px;
}
.contantPerfil .containerComprasLst .item .topo .info span{
    float: left;
    display: table;
    padding-right: 9px;
    color: rgba(255, 255, 255, 0.35);
}
.contantPerfil .containerComprasLst .item .topo .info p{
    float: left;
    margin: 0;
    font-weight: 600;
}
.contantPerfil .containerComprasLst .item .topo .colLeft{
}
.contantPerfil .containerComprasLst .item .topo .colCenter{}
.contantPerfil .containerComprasLst .item .topo .colRight{
    float: right;
}
.contantPerfil .containerComprasLst .item .topo .colRight .btnNF{font-size: 14px;text-decoration: underline;font-weight: 500;color: #1db954;cursor: pointer;}


.contantPerfil .containerComprasLst .item .produtos{
    padding: 20px 20px;
    padding-top: 0;
    padding-bottom: 0;
}
.contantPerfil .containerComprasLst .prod{padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.04);}
.prod .image{
    width: 66px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-right: 14px;
}
.prod .image img{
    width: 100%;
}
.prod .descricao{
    float: left;
    width: calc(100% - 81px);
    font-family: tahoma;
}
.prod .descricao p{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 19px;
}
.prod .descricao span{
    font-weight: 600;
    font-size: 15px;
}
.prod .descricao strong{
    font-weight: 100;
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.32);
}
.contantPerfil .containerComprasLst .item  .detalhes{
    padding: 0px 0 19px 0;
    margin-top: 20px;
}
.contantPerfil .containerComprasLst .item  .detalhes .ttl{
    margin: 0;
    /* margin-bottom: 36px; */
    font-weight: 800;
    color: rgba(255, 255, 255, 0.66);
    font-size: 16px;
}
.contantPerfil .containerComprasLst .item  .detalhes .colLeft{
}
.contantPerfil .containerComprasLst .item  .detalhes .colCenter{
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-width: 0 1px 0 1px;
}
.contantPerfil .containerComprasLst .item  .detalhes .colRight{}
.contantPerfil .containerComprasLst .item  .detalhes .colItem{
    float: left;
    padding: 0px 21px 12px 21px;
}

.contantPerfil .containerComprasLst .item  .detalhes .formaPagamento p{
    margin: 0;
    font-weight: 600;
    margin-bottom: 15px;
}
.contantPerfil .containerComprasLst .item  .detalhes .formaPagamento svg{
    font-size: 35px;
    float: left;
}
.contantPerfil .containerComprasLst .item  .detalhes .formaPagamento span{
    float: left;
    margin: 0 0 0 13px;
}

.containerTotais{
    padding: 28px 0 0 0;
    font-size: 14px;
}
.containerTotais .itemTot{
    color: rgba(255, 255, 255, 0.48);
}
.containerTotais .itemTot.resumoTot{
    border-top: 1px solid #fff;
    margin-top: 9px;
    padding-top: 5px;
    color: #fff;
}
.containerTotais .itemTot p{
    margin: 0;
    float: left;
}
.containerTotais .itemTot span{
    float: right;
}
.containerTotais .itemTot.resumoTot p{}
.containerTotais .itemTot.resumoTot span{}

.containerEndereco{}
.containerEndereco p{
    margin: 0;
    line-height: 23px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.48);
}
.containerEndereco p.ttl{
    font-weight: 600 !important;
    margin-bottom: 2px !important;
    color: #fff !important;
} 

.etapasAprovacaoPedido{
    margin: 0px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    padding: 22px 0;
}
.etapasAprovacaoPedido p{text-align: center;margin: 0;}
.etapasAprovacaoPedido .btnRastrear{
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    border-radius: 4px;
    display: table;
    margin: auto;
    background: #1db954;
    padding: 8px 10px;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 600;
    color: #fff;
    font-family: arial;
}
.containerComprasLst .btnGerarBoleto{
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    border-radius: 4px;
    display: table;
    background: #1db954;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    font-family: arial;
    float: right;
    position: absolute;
    right: 7px;
    top: 7px;
}



/*rodape*/
#footer{
    color: #fff;
    background-position: bottom;
    background-attachment: fixed;
}
#footer .mask{
    background: rgba(248, 248, 248, 1);
    padding: 0 0 13px 0;
}
#footer .init{padding: 36px 0;background: hsla(0, 0%, 0%, 0);margin-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
#footer .footer-logo{
    margin: auto;
    display: table;
    max-width: 253px;

}
#footer .footer-nav-star{
    list-style-type: none;
    display: table;
    margin: auto;
    padding: 43px 0 0 0;
}
#footer .footer-nav-star li{
    display: inline-block;
}
#footer .footer-nav-star li a{
    color: #fff;
    font-weight: bold;
    padding: 0 16px;
    font-size: 15px;
}
#footer .footer-spotlight{}
#footer .footer-spotlight .colItem{
    float: left;
}
#footer .footer-spotlight .colItem .item-box{
    padding: 17px 0;
}
#footer .footer-spotlight .colItem .box-title{
    font-weight: bold;
    font-size: 18px;color: #000;
}
#footer .footer-spotlight .colItem .box-description{}
#footer .footer-spotlight .colItem .btn-register-newslatter{
    /* width: 100%; */
    padding: 9px 0;
    /* background: rgb(239, 40, 1); */
    color: #fff;
    padding: 2px 11px;
    display: table;
    margin: 7px 0 0 0;
    cursor: pointer;
    border-radius: 50px;
    float: right;
    border: 1px solid rgb(239, 40, 1);
    color: rgb(255, 42, 0);
}
#footer .footer-spotlight .colItem a{
    display: block;
    color: rgba(0, 0, 0, 0.78);
}
#footer .footer-spotlight .colItem input{
    border: 0;
    background: rgb(255, 255, 255);
    height: 40px;
    width: 100%;
    border-radius: 50px;
    text-align: center;
}
#footer .footer-spotlight .colItem.boxEmpresa{
    text-align: center;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 20px;
}
#footer .footer-spotlight .colItem.boxEmpresa .item-box{}
#footer .footer-spotlight .colItem.boxEmpresa .item-box .box-title{
    margin: 0;
    font-size: 15px;
}
#footer .footer-spotlight .colItem.boxEmpresa .item-box .box-description{color: rgba(0, 0, 0, 0.59);}

#footer .item-box iframe{
    height: 130px;
    border: 0;
}

.contantPesquisar{
    padding: 142px 0 0 0;
}
.contantPesquisar .container{
    /* border-bottom: 1px solid #00000012; */
    padding: 12px 17px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 4px;
}
.contantPesquisar h1{
    font-size: 18px;
    margin: 0;
}
.contantPesquisar h2{
    font-size: 31px;
    margin: 0;
}








.modal-newsletter { 
        color: #999;
        /* width: 625px; */
        font-size: 15px;
    }
    .modal-newsletter .modal-content {
        padding: 30px;
        border-radius: 0;       
        border: none;
    }
    .modal-newsletter .modal-header {
        border-bottom: none;
        position: relative;
        border-radius: 0;
        padding: 0px;
    }
    .modal-newsletter h4 {
        color: #000;
        font-size: 30px;
        margin: 0;
        font-weight: bold;
    }
    .modal-newsletter .close {
        position: absolute;
        top: -15px;
        right: -15px;
        text-shadow: none;
        opacity: 0.3;
        font-size: 24px;
    }
    .modal-newsletter .close:hover {
        opacity: 0.8;
    }
    .modal-newsletter .icon-box {
        color: #7265ea;     
        display: inline-block;
        z-index: 9;
        text-align: center;
        position: relative;
        margin-bottom: 10px;
    }
    .modal-newsletter .icon-box i {
        font-size: 110px;
    }
    .modal-newsletter .form-control, .modal-newsletter .btn {
        min-height: 46px;
        border-radius: 0;
    }
    .modal-newsletter .form-control {
        box-shadow: none;
        border-color: #dbdbdb;
    }
    .modal-newsletter .form-control:focus {
        border-color: #f95858;
        box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
    }
    .modal-newsletter .btn {
        color: #fff;
        background: #0176b2;
        text-decoration: none;
        transition: all 0.4s;
        
        padding: 6px 20px;
        min-width: 150px;
        margin-left: 6px !important;
        border: none;line-height: 29px;cursor: pointer;
    }
    .modal-newsletter .btn:hover, .modal-newsletter .btn:focus {
        box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
        background: #0176b2;
        outline: none;
    }
    .modal-newsletter .input-group {
        margin-top: 30px;
    }
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; 
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
        z-index: 999999999;
        background: rgba(0, 0, 0, 0.44);
    }

    .valorAntigo {
        text-decoration: line-through;color: #666;text-align: left;font-size: 12px;margin: 7px 0px 0px 0px;
    }

    .container-calculo-frete{clear: both;padding: 17px 0px 0px 0px;color: #000;}
    .container-calculo-frete label{margin: 0;padding: 4px 13px 0px 0px;float: left;}
    .container-calculo-frete .ipt-frete{float: left;width: 149px;padding: 3px 12px;}
    .container-calculo-frete .btn-calcular, .btn-calcular-frete-carrinho{width: 87px;float: left;text-align: center;padding: 4px 0px;cursor: pointer;position: relative;height: 34px;} 

    .container-calculo-frete  #container-resultado-fretes{}
    .container-calculo-frete  #container-resultado-fretes table{margin: 0;margin-top: 15px;}


    .btnShowCupom{
        color: #000;
        cursor: pointer;text-decoration: underline;
    }
    .iptCupom{}
    .btnAplicarCupom{color: rgb(74, 141, 181);cursor: pointer;}

    .containerCupom{}
    .containerCupom .containerTxt{display: none;}


    .valorFreteGratis{
        color: #00a650;
    }
    .infoFreteGratis{
        display: block;
        clear: both;
        float: initial !important;
        margin: 0px 0px 2px 28px !important;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.42);
    }



    #htmlFrete{
            color: #000;border: 1px solid rgba(0, 0, 0, 0.13);
border-width: 0px 1px 1px 1px;border-radius: 3px;
    }

    .itenFrete:hover, .formasPagamento .btnBoleto:hover{
        background: rgba(0, 0, 0, 0.03);
    }


    .containerFomrasDePagamento{border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 1px 0px 1px 1px;border-radius: 3px;overflow: hidden;}





#destaques{padding: 4px 0px 0px 0px;}
#destaques .container{
    padding: 0px 10px !important;
}
#destaques .col{
    float: left;padding: 4px;px;/* padding-bottom: 4px; */
}
#destaques .col .item{display: block;background-position: center;background-size: cover;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14);}
#destaques .col .item img{width: 100%;}


#htmlFormasPagamento h2{font-size: 14px !important;}

.contantCesta .header{padding: 22px 0px 33px 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
.contantCesta .header .iconCart{
    width: 33px;
    height: 37px;
    background-image: url(/loja/comum/img/icons.png);
    background-position: -78px;
    background-repeat: no-repeat;float: left;
}
.contantCesta .header h1{float: left;margin: 5px 0px 0px 8px;font-weight: bold;color: #0176b2;}




.prodItem .qtd p{color: #000;margin: 0;text-align: center;font-size: 13px;margin-bottom: 5px;}