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: 16px;
    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: 12px 37px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    float: left;
    cursor: pointer;
    margin: 16px 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 {
    border-color: rgb(213, 70, 70) !important;
    cursor: initial;
}

.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);
    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;
    overflow: auto;
    max-height: 700px;
}

.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(/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;
    border: 0px;

}

.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: #ff4600;
    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;
    min-height: 74px;

}

.formasPagamento .btnCartao {
    margin-right: 0;
}

.formasPagamento .itemFormPgto .radioButom {}

.formasPagamento .itemFormPgto p {
    float: left !important;
    margin: 0px 0 0 0 !important;
    line-height: 20px;
    display: block;
    width: 100%;
    padding: 4px 0px 0px 1px;
    line-height: 15px;
    font-size: 14px;

}

.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); */
    opacity: 0.5;
}

#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: #ff2501;
    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: #fff; */
}

#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: #ff4600;
    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%;
}

.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;
    top: 0px;
    padding-bottom: 13px;
}

.subCategorias .colRight .banner {}

.subCategorias .colRight .btn-banner {
    display: table;
    padding: 8px 35px;
    margin: auto;
    margin-top: 10px;
    border: 2px solid rgba(0, 0, 0, 0.08);
}

.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: #ff4600;
    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(/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: 100%;
    width: 217px;
}

#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;
}

.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: #ff4600;
    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: #ff4600;
    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(/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: #ff2501;
}

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

.redes .item {
    padding: 3px;
    font-size: 28px;
    width: 45px;
    text-align: center;
    text-decoration: none;
    margin: 0px 0px;
    height: 45px;
    border-radius: 15px;
    float: left;
    display: block;
}

.redes .item.insta {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    float: left;
}

.redes svg {}

.redes p {
    float: left;
    padding: 9px 0px 0px 7px;
}

.overflow-hidden {
    overflow: hidden;
}


.img-item{
    float: left;
    padding: 2px !important;

}
.img-item.atv{}
.img-item .item{
    padding: 0px !important;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.1);
    padding-bottom: 0px !important;f
    margin: 0px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;

}
.img-item .item.atv{
    border-color: rgb(26, 224, 26) !important;
    box-shadow: 0 9px 11px rgba(0, 0, 0, 0.16);
    border-width: 3px !important;

}
.img-item img{
    width: 100%;
}

.clear-all:after {
    content: '';
    display: block;
    clear: both;
  }