:root {
    --castanho: #a6a6a6;
    --branco: #ffffff;
    --preto: #000000;
    --cinza: #505050;
    --laranja: #ffa200;
    --verde: #73c418;
    --vermelho: #ce0e20;
    --text-bold: 700;
    --text-medium: 500;
    --text-thin: 300;
    --valor: 0;

    --primary: #a6a6a6;
    --secondary: #fff;
    --tertiary: #161616;
    --tertiary-bg: #161616;

    --gold: #d08605;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    caret-color: #000;
}

.cor-primary {
    color: var(--primary) !important;
}
.cor-secondary {
    color: var(--secondary) !important;
}
.cor-tertiary {
    color: var(--tertiary) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}
.bg-secondary {
    background-color: var(--secondary) !important;
}
.bg-tertiary {
    background-color: var(--tertiary-bg) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}
.border-secondary {
    border-color: var(--secondary) !important;
}
.border-tertiary {
    border-color: var(--tertiary) !important;
}

.cor-verde-escuro {
    color: #05a25a !important;
}
.cor-azul {
    color: #0273b7 !important;
}
.cor-castanho {
    color: var(--primary) !important;
}
.cor-laranja {
    color: var(--laranja) !important;
}
.cor-verde {
    color: var(--verde) !important;
}
.cor-vermelho {
    color: var(--vermelho) !important;
}

.cor-gold {
    color: var(--gold) !important;
}
.bg-gold {
    background-color: var(--gold) !important;
}
.btn-gold{
    background: var(--gold);
    border: 1px solid var(--gold);
    color: #fff;
    transition: all 0.1s ease-in-out;
}
.btn-gold:hover {
    background: var(--secondary);
    color: var(--gold);
    border: 1px solid var(--gold);
}

body {
    overflow-x: hidden;
}

.bg-castanho {
    background: var(--primary) !important;
}
.btn-primary{
    background: var(--primary);
    border: 1px solid var(--primary);
    transition: all 0.1s ease-in-out;
}
.btn-primary:hover {
    background: var(--secondary);
    color: var(--primary);
    border: 1px solid var(--primary);
}

.btn-primary-radio {
    background: transparent;
    color: var(--tertiary);
    border: 1px solid var(--tertiary);
    transition: all 0.1s ease-in-out;
    position: relative;
    border-radius: 5px;
}
.btn-primary-radio:hover {
    background: #777777;
    color: var(--branco);
    border: 1px solid var(--tertiary);
}
.btn-radio-disabled{
    border: 1px solid var(--branco);
    color: var(--branco);
    background: #cccccc;
    transition: all 0.1s ease-in-out;
    border-radius: 5px;
}
.btn-radio-disabled:hover {
    background: #cccccc;
    color: var(--tertiary);
    border: 1px solid var(--tertiary);
}

.btn-check:checked + label {
    color: var(--branco);
    background: var(--tertiary);
}
.btn-check:disabled + label {
    border: 1px solid var(--branco);
    color: var(--branco);
    background: #cccccc;
}

.btn-check-disabled:checked + label {
    border: 1px solid var(--tertiary);
    color: var(--branco);
    background: #ee1111;
}

.btn-countdown {
    border: 1px solid var(--primary);
    color: var(--primary);
    background: transparent;
}

.btn-secondary{
    background: var(--secondary);
    color: #000;
    border: 1px solid var(--secondary);
}
.btn-secondary:hover {
    background: transparent;
    color: var(--secondary);
    border: 1px solid var(--secondary);
}

.btn-tertiary{
    background: var(--tertiary);
    color: #fff;
    border: 1px solid var(--tertiary);
    border-radius: 5px;
}
.btn-tertiary:hover {
    background: transparent;
    color: var(--tertiary);
    border: 1px solid var(--tertiary);
}

.main-header .navbar .dropdown-link:hover, .sub-title {
    color: var(--primary) !important;
}
.dropdown-item {
    font-weight: var(--text-medium);
}
.text-dark {
    color: var(--preto)!important;
}
.ind-product .card {
    border: 1px solid #a1a1a1 !important;
    transition: border 0.1s ease-out;
}
.ind-product .card:hover {
    border: 1px solid #000000 !important;
}
#not_home footer {
    /*border-top: 1px solid rgba(236,235,230,0.8) !important;*/
}
.social li {
    border: none!important;
    margin: 0.75rem 0.4rem;
    padding: 0px;
}
.social li:first-child {
    padding-left: 0!important;
}
.social li a {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: var(--tertiary);
    color: var(--branco);
    border-radius: 50%;
}
.social li:hover a {
    border: 1px solid var(--tertiary);
    background-color: var(--branco);
    color: var(--tertiary);
}
.pos-fixed-bottom-right {
    bottom: 30px;
    right: 0;
}


.icon-about {
    font-size: 70px;
}
.navbar-branca .sticky-area {
    background-color: var(--branco);
}
.navbar-branca .sticky-logo {
    display: inline-block !important;
}
.navbar-branca .normal-logo {
    display: none;!important;
}
.sticky .sticky-area {
    background-color: var(--branco);
}
.breadcrumb a {
    color: #000;
}
.breadcrumb-item.active {
    color: #000;
    font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item:not(.text-white)::before {
    color: #777777;
}
.panel-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
/*#home .sticky-area-wrap .nav-link, #home .sticky-area-wrap .nav-search {*/
/*    color: var(--branco);*/
/*}*/
.sticky-area-wrap.sticky .nav-link, .sticky-area-wrap.sticky .nav-search {
    color: #000;
}

.sticky-area-wrap.sticky .nav-link.menu-ativo, .sticky-area-wrap.sticky .nav-search.menu-ativo {
    color: var(--primary) !important;
}
.sticky-area-wrap.sticky  .sticky-area{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
}
.gtf-back-to-top.in {
    border: 1px solid var(--tertiary);
}
a.bg-hover-primary:hover {
    background-color: rgba(107, 107, 107, 0.4) !important;
}
.grecaptcha-badge {
    z-index: 2;
}
.lang {
    min-width: inherit!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-radius: 50%;
    cursor: pointer;
}
.ui-widget-header {
    background: var(--tertiary);
}
.ui-state-default:after {
    height: 0.5rem;
    width: 0.5rem;
    content: '';
    display: inline-block;
    background: var(--tertiary);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    border: none;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
#slider-range span>i, #slider-range-largura span>i, #slider-range-comprimento span>i {
    position: relative;
    bottom: -20px;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
}
.ui-slider-handle:focus, .ui-slider-handle:active {
    outline: 1px solid var(--primary);
    outline: none;
}
.ui-widget.ui-widget-content {
    border: 3px solid #e3e4e4;
    background: #d3d3d3;
}
.card-header {
    background-color: transparent;
}
.btn:focus, .btn.active {
    outline: 0;
    box-shadow: none;
}
.card-header button {
    width: 100%;
    text-align: left;
    padding-left: 0;
}
.categorias ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.4;
}
.main-header .navbar-brand {
    max-width: 240px;
}
#map {
    height: 400px;
    width: 100%;
}
.pointer {
    cursor: pointer;
}

.pointer-horizontal {
    cursor: ew-resize;
}

.required:after {
    content:" *";
    color: red;
}
#recover-pass-cont {
    display: none;
}
#swatches-options {
   /* display: none;*/

}
.table th, .table td {
    vertical-align: middle;
}
.nav-link.menu-ativo::before {
    width: 100% !important;
}
.menu-ativo {
    color: var(--primary);
}
/*#home .main-header .main-menu .nav-link::before {*/
/*    background-color: var(--branco) !important;*/
/*}*/
#not_home .main-header .main-menu .nav-link::before {
    background-color: transparent !important; /* var(--preto)  */
}
#home .main-header .sticky .main-menu .nav-link::before {
    background-color: transparent !important; /* var(--preto)  */
}
a>.fa-times, button>.fa-times, span>.fa-times {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: transform .7s ease-in-out;
}
.card-img-overlay {
    background-color: rgba(107, 60, 16, 0) !important;
}
.ind_produto .card-img-overlay {
    background-color: rgba(255, 255, 255, 0) !important;
}
/*a>.fa-times:hover, button>.fa-times:hover, span>.fa-times:hover {*/
/*    !*background-color: rgba(107, 60, 16, 0.4) !important;*!*/
/*    color: var(--branco);*/
/*    transform: rotate(360deg);*/
/*}*/

.delete-hover-bg{
    background-color: rgba(107, 107, 107, 0) !important;
    transition: all 0.1s ease-in-out;
}

.delete-hover-bg:hover{
    background-color: rgba(107, 107, 107, 0.12) !important;
}

.delete-hover-bg > .fa-times {
    color: #000;
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
}

.delete-hover-bg:hover > .fa-times {
    color: #f64444;
    transform: rotate(180deg);
}

.pointer-event-none {
    pointer-events: none!important;
}
.coupon-box {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    width: 100%;
    padding: 0.5rem;
}
.coupon-box input {
    outline: none!important;
    max-width: 90%;
}
.reservedArea-ind > div {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: var(--tertiary) !important;
    position: relative;
}
.reservedArea-ind .reservedArea-icon, .reservedArea-icon-nohover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
}
.reservedArea-ind a {
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    width: calc(100% - 2.50rem);
    color: #fff;
    font-weight: 700;
}
.reservedArea-ind .reservedArea-ind-footer {
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
}

.reservedArea-icon-nohover {
    transition: 0.2s ease;
}
#area1:hover .reservedArea-icon-nohover,
#area2:hover .reservedArea-icon-nohover,
#area3:hover .reservedArea-icon-nohover,
#area4:hover .reservedArea-icon-nohover {
    transform: scale(110%) translate(-45%, -45%);
}

#area1:hover .reservedArea-icon {
    animation: 1.5s ease 0s infinite inclina;
}
#header .fal.fa-user:hover, #header .fas.fa-user:hover {
    animation: 1.5s ease 0s infinite inclina2;
}
#area2:hover .reservedArea-icon , .fal.fa-heart:not(.no-hover):hover {
    animation: 1.5s ease 0s infinite beat;
    color: rgba(255, 255, 255, 1) !important;
}

.fas.fa-heart {
    transition: all 0.15s ease-in-out;
}

.fas.fa-heart:not(.no-hover):hover, .far.fa-heart:not(.no-hover):hover, .add-wishlist:hover .fas.fa-heart:not(.no-hover)    {
    animation: 1.5s ease 0s infinite beat2;
    color: pink !important;
}
.add-to-wishlist:hover i {
    animation: 1.5s ease 0s infinite beat2;
    color: pink !important;
}
#area3:hover .reservedArea-icon{
    animation: 1.5s ease 0s infinite travel;
}
a:hover .fas.fa-shopping-basket, a:hover .far.fa-shopping-basket {
    animation: 1.5s ease 0s infinite travel2;
}
#area4:hover .reservedArea-icon{
    animation: 1.5s ease 0s infinite jump;
}
@keyframes inclina {
    0%   {transform: rotate(0deg) translate(-50%, -50%);}
    50%  {transform: rotate(-15deg) translate(-50%, -50%);}
    100% {transform: rotate(0deg) translate(-50%, -50%);}
}
@keyframes inclina2 {
    0%   {transform: rotate(0deg)}
    50%  {transform: rotate(-15deg)}
    100% {transform: rotate(0deg)}
}
@keyframes jump {
    0%   {transform: translate(-50%, -50%);}
    50%  {transform: translate(-50%, -75%);}
    100% {transform: translate(-50%, -50%);}
}
@keyframes jump2 {
    0%   {transform: translate(0%, 0%);}
    50%  {transform: translate(0%, 25%);}
    100% {transform: translate(0%, 0%);}
}
@keyframes travel {
    0%   {transform: rotate(0deg) translate(-50%, -50%);}
    33%  {transform: rotate(-10deg) translate(-10%, -50%);}
    66%  {transform: rotate(10deg) translate(-80%, -50%);}
    100% {transform: rotate(0deg) translate(-50%, -50%);}
}
@keyframes travel2 {
    0%   {transform: rotate(0deg) translate(0%, 0%);}
    25%   {transform: rotate(-14deg) translate(10%, -1%);}
    50%  {transform: rotate(10deg) translate(-10%, -4%);}
    75%   {transform: rotate(-10deg) translate(10%, 0%);}
    100%   {transform: rotate(0deg) translate(0%, 0%);}
}
@keyframes beat {
    0%, 50%, 100% { transform: scale(1, 1) translate(-50%, -50%); }
    30%, 80% { transform: scale(0.95, 0.95) translate(-50%, -50%); }
}
@keyframes beat2 {
    0%, 100% { transform: scale(1, 1) }
    50% { transform: scale(1, 1) }
    30%, 80% { transform: scale(1.2, 1.2) }
}
.form-control {
    padding: 0.25rem 0.5rem;
}
#order .card-header i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--secondary);
}

.img-header-left {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(107, 60, 16, 0.3) !important;
}

.span-desconto {
    position: relative;
    left: 0px;
    top: -14px;
}

.preco-desconto {
    position: relative;
    left: 0px;
    top: 8px;
}

.btn-mbway {
    text-transform: unset !important;
    background-color: #ee001a;
    color: var(--branco);
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-mbway:hover {
    background-color: #970014;
    border: 1px solid #ee001a;
    color: var(--branco);

    transition: 0.05s;
}

.label-ctt {
    transform: translateY(-7px);
}

.btn-paypal {
    text-transform: unset !important;
    background-color: #fec33b;
    color: #032987;
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-paypal:hover {
    background-color: #d59f2a;
    border: 1px solid #fec33b;
    transition: 0.05s;
    color: #032987;
}


#order .card-header h4 {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
#order .card-header {
    min-height: 110px;
}

#order .card-body {
    padding-left: 15px;
    padding-top: 0;
}
.icon_cancelado {
    position: absolute;
    top: 59%;
    left: 64.1%;
    transform: translate(-64%,-59%);
    font-size: 100px;
    color: var(--secondary) !important;
    opacity: 1;
    display: inline-block;
    background: var(--tertiary) !important;
    z-index: 99;
    border-radius: 20px;
}

.sidenav .dropdown-menu .dropdown-item.active .dropdown-link {
    border-bottom-color: transparent !important;
}

.icon-ordercomplete i {
    left: 0px;
}

.w-imgProd-bg {
    width: 95%;
}
.w-imgProd {
    width: 300%;
}

.circulo-icon-marca {
    width: 100px;
    height: 100px;
}


.tamanho-badge {
    width: 45px;
    height: 45px;
}

@media (max-width: 991px) {
    .tamanho-badge {
        width: 40px;
        height: 40px;
    }
    .circulo-icon-marca {
        width: 90px;
        height: 90px;
    }
    .w-marcas {
        max-width: 100% !important;
    }
    .w-imgProd-bg, .w-imgProd {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .tamanho-badge {
        width: 38px;
        height: 38px;
    }
    .icon-ordercomplete i {
        left: 50%;
        transform: translate(-50%, -50%) !important;
        text-align: center
    }
    .btn-register {
         width:300px
     }
    .categorias .accordion {
        display: none;
    }
    .add-mobile {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0 !important;
        padding: 5px 15px;
        background: #fff;
        z-index: 15;
        box-shadow: #0004 4px 5px 5px 5px;
    }
    .pos-fixed-bottom-right {
        bottom: 130px;
        right: 0;
    }
}

.checkout-fixed-bottom {
    position: absolute;
    bottom: -80%;
    background: #fff;
    /*z-index: 9;*/
}

.slider-banner .slick-slide {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.slider-banner .slick-arrow {
    color: var(--secondary) !important;
    font-size: 3rem;
    border: 0;
    transition: background-color .3s;
    background-color: transparent;
}

.slider-banner .slick-prev {
    left: 10%;
}
.slider-banner .slick-next {
    right: 10%;
}

.slider-banner .slick-arrow:hover {
    color: #eaeaea !important;
    transition: background-color .3s;
    background-color: rgba(255,255,255, 0);
}

.slider-banner .slick-arrow:active {
    background-color: rgba(255,255,255, 0);
    color: var(--primary) !important;
    border: 0px transparent !important;
}

.slider-prod .slick-arrow {
    color: #bcbcbc !important;
    font-size: 3rem;
    border: 0;
    transition: background-color .3s;
    background-color: transparent;
    margin-left: -30px;
    margin-right: -30px;
}

.slider-prod .slick-arrow:not([aria-disabled="true"]):hover {
    color: #555 !important;
    transition: background-color .3s;
}

.slider-prod .slick-arrow:active {
    border: 0px transparent !important;
}

.btn-register {
    width:400px
}
.scrollspy-images a:focus, .scrollspy-images a:active {
    outline: none!important;
}
.hover-zoom-in:hover img, .hover-zoom-in:hover .img, .hover-zoom-in:hover .card-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.h-250 {
    height: 250px;
}
#product-description {
    position: relative;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
}
#product-description button {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    border: none;
    background: var(--branco);
    padding: 0 5px;
    color: var(--primary);
    z-index: 5;
    text-decoration: underline;
}
.esconde-txt {
    overflow: hidden;
}
#list-swatch .btn, #list-size .btn {
    padding: 0.4rem 0.8rem;
}

.primary-summary-inner {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.primary-summary-inner::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f188;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #AAA;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/*
@media (max-width: 1280px) and (min-width: 768px) {

}
*/
.footer a, .list-group a{
    transition: all 0.05s linear;
}
.list-group a:hover {
    color: var(--primary) !important;
}
.footer a:hover {
    color: var(--primary) !important;
    text-shadow: 0px 0px 0px currentColor;
}

.wishlist-icon {
    margin-top: 1px;
    margin-right: 1px;
}

.text-shadow-light {
    text-shadow: rgba(0,0,0,0.15) 1px 1px 25px;
}

.tabela-atribs .row-tabela-atribs {
    padding: 0.75rem;
    border-top: 1px solid #e4e4e4;
    vertical-align: middle;
}

.tabela-atribs .row-tabela-atribs:first-child {
    border-top: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

.bootstrap-select {
    width: fit-content !important;
}

#atribList > p {
    margin-bottom: 0px !important;
}

.border-marcas {
    border: 1px solid var(--primary);
}

li > button {
    text-transform: none !important;
}

.ws-nowrap {
    white-space: nowrap !important;
}

.hover-light-outline img{
    border: 1px solid #00000000;
    transition: all 0.14s ease;
}

.hover-light-outline:hover img{
    border: 1px solid #e4e4e4;
}

#span-indicador-orcamento {
    color: #ff0000;
    position: absolute;
    right: 3px;
    display: none;
}

.btn-toggle-info {
    border-radius: .2em;
}
.btn-toggle-info:hover {
    background-color: #f7f7f7 !important;
}
.btn-toggle-info:hover > p {
    text-decoration: underline !important;
}
.btn-toggle-info:active {
    background-color: #f1f1f1 !important;
}

.gradiente-primary {
    background-color: #f9f9f9;
    /*background: linear-gradient(.25turn, #a6a6a6, #676767) !important;*/
}

.rounded-08 {
    border-radius: 0.7rem !important;
}

@media (max-width: 575px) {
    .pad-prod-xs {
        padding-left: 5px; padding-right: 5px;
    }
}

.hover-subcat:hover {
    text-decoration: underline solid #bbb;
}

.tit-ind-produto {
    text-transform: lowercase;
}
.tit-ind-produto:first-letter {
    text-transform: uppercase;
}

#btns-float-filtros {
    bottom: -100px;
    z-index: 3;
    transition: all 0.3s ease;
}

#btns-float-filtros.position-sticky {
    bottom: 0px;
}

.btn-primary-invert {
    background: #fff;
    border: 1px solid var(--tertiary);
    color: var(--tertiary);
    border-radius: 5px;
    transition: all 0.1s ease-in-out;
}

.btn-primary-invert:not([disabled]):hover, .btn-primary-invert:not([disabled]).active {
    background: var(--tertiary);
    color: #fff;
    border: 1px solid var(--tertiary);
}

.ui-slider-handle:nth-child(2) i {
    position: absolute !important;
    bottom: -23px !important;
}

.ui-slider-handle:nth-child(3) i {
    position: absolute !important;
    right: 0px !important;
    bottom: 18px !important;
}

.detProd-tag {
    cursor: default;
    border-radius: 4px;
    margin-right: 4px;
    background-color: #dfdfdf;
    font-size: 14px;
    color: #000;
    padding: 1px 5px;
}