/* ---------- Fonts --------------------------------------------------------- */

/* Animations */
.a-dance {
    animation: dance 2s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes dance {

    0%,
    10%,
    20% {
        transform: rotate(10deg);
    }

    5%,
    15%,
    25% {
        transform: rotate(-10deg);
    }

    35%,
    60%,
    to {
        box-shadow: inset 0 0 0 0 transparent;
        transform: scale(1) rotate(0deg);
    }

    40% {
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
        transform: scale(1.3);
    }
}

.a-journal {
    animation: journal 2s ease-in 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes journal {
    0% {
        transform: scale(0) rotate(-1turn);
    }

    80% {
        transform: scale(0.5) rotate(-180deg);
    }

    to {
        transform: scale(1) rotate(0);
    }
}

.a-pulse {
    animation: pulse 3s linear infinite alternate;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    to {
        transform: scale(1.05);
    }
}

.a-pulse-slow {
    animation: pulseSlow 1s ease-in-out infinite alternate;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes pulseSlow {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0.5;
        transform: scale(0.85);
    }
}

@keyframes jamp {
    0% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(-50px);
    }

    25% {
        transform: translateY(-50px) scale(1.1);
    }

    35% {
        transform: translateY(-50px) scale(1);
    }

    45% {
        transform: translateY(-50px) scale(1.2);
    }

    55% {
        transform: translateY(-50px) scale(1);
    }

    65% {
        transform: translate(150px, -50px) scale(0.8);
    }

    85% {
        transform: translate(150px, -50px) scale(1.2);
    }

    95% {
        transform: translate(0) scale(1);
    }

    to {
        transform: translate(0);
    }
}

.a-jamp {
    animation: jamp 1s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes fourRock {
    0% {
        transform-origin: 0 0;
    }

    5% {
        transform: scale(0.5);
    }

    10% {
        transform: scale(0.5);
    }

    15% {
        transform: scale(0.5) translateX(130px);
    }

    20% {
        transform: scale(0.5) translateX(130px);
    }

    25% {
        transform: scale(0.5) translate(130px, 130px);
    }

    30% {
        transform: scale(0.5) translateY(130px);
    }

    35% {
        transform: scale(0.5) translate(0);
    }

    40% {
        transform: scale(1);
    }

    to {
        transform: scale(1);
        transform-origin: 0 0;
    }
}

.a-four-rock {
    animation: fourRock 2s ease-out 1;
}

.a-enter-up-bounce,
.a-four-rock {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-enter-up-bounce {
    animation: enterUpBounce 0.8s linear 1;
}

@keyframes enterUpBounce {
    0% {
        opacity: 0;
        transform: translateY(120px);
    }

    50% {
        transform: translateY(0);
    }

    70% {
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.a-enter-down-bounce {
    animation: enterDownBounce 0.8s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes enterDownBounce {
    0% {
        opacity: 0;
        transform: translateY(-120px);
    }

    50% {
        transform: translateY(0);
    }

    70% {
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.a-enter-left-bounce {
    animation: enterLeftBounce 0.8s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes enterLeftBounce {
    0% {
        opacity: 0;
        transform: translateX(-120px);
    }

    50% {
        transform: translateX(0);
    }

    70% {
        transform: translateX(-8px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.a-enter-right-bounce {
    animation: enterRightBounce 0.8s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes enterRightBounce {
    0% {
        opacity: 0;
        transform: translateX(120px);
    }

    50% {
        transform: translateX(0);
    }

    70% {
        transform: translateX(8px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.a-jump-bounce {
    animation: jumpBounce 1.5s ease-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes jumpBounce {
    10% {
        transform: translateY(-100px);
    }

    20%,
    35%,
    50% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-40px);
    }

    40% {
        transform: translateY(-10px);
    }
}

.a-scale-bounce {
    animation: scaleBounce 0.6s ease-in-out;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes scaleBounce {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }

    50% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.a-jelly-bounce-bottom {
    animation: JellyBounceBottom 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes JellyBounceBottom {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateY(45px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateY(24px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateY(12px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateY(6px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateY(4px);
    }

    25%,
    55%,
    75%,
    87% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }

    to {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0);
    }
}

.a-jelly-bounce-left {
    animation: JellyBounceLeft 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes JellyBounceLeft {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateX(-48px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateX(-26px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateX(-13px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateX(-6.5px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateX(-4px);
    }

    25%,
    55%,
    75%,
    87%,
    98% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }

    to {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateX(0);
    }
}

.a-jelly-bounce-right {
    animation: JellyBounceRight 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes JellyBounceRight {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateX(48px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateX(26px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateX(13px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateX(6.5px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateX(4px);
    }

    25%,
    55%,
    75%,
    87%,
    98% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }

    to {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateX(0);
    }
}

.a-jelly-bounce-top {
    animation: JellyBounceTop 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes JellyBounceTop {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateY(-45px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateY(-24px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateY(-12px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateY(-6px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateY(-4px);
    }

    25%,
    55%,
    75%,
    87% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }

    to {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0);
    }
}

.a-perspective {
    -webkit-perspective: 600;
    -o-perspective: 600;
    -moz-perspective: 600;
    perspective: 600;
}

.a-three-flip-down {
    animation: threeFlipDown 1s ease-in-out 1;
    opacity: 1 !important;
    transform: rotateX(90deg);
    transform-origin: 0 100%;
    visibility: visible !important;
}

@keyframes threeFlipDown {
    0% {
        transform: rotateX(0);
    }

    to {
        transform: rotateX(-90deg);
    }
}

.a-three-flip-left {
    animation: threeFlipLeft 1s ease-in-out 1;
    opacity: 1 !important;
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    visibility: visible !important;
}

@keyframes threeFlipLeft {
    0% {
        transform: rotateY(0);
    }

    to {
        transform: rotateY(-90deg);
    }
}

.a-three-flip-right {
    animation: threeFlipRight 1s ease-in-out 1;
    opacity: 1 !important;
    transform: rotateY(90deg);
    transform-origin: 100% 0;
    visibility: visible !important;
}

@keyframes threeFlipRight {
    0% {
        transform: rotateY(0);
    }

    to {
        transform: rotateY(90deg);
    }
}

.a-three-flip-up {
    animation: threeFlipUp 1s ease-in-out 1;
    opacity: 1 !important;
    transform: rotateX(90deg);
    transform-origin: 100% 0;
    visibility: visible !important;
}

@keyframes threeFlipUp {
    0% {
        transform: rotateX(0);
    }

    to {
        transform: rotateX(90deg);
    }
}

.a-flip-left-bounce {
    animation: flipLeftBounce 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes flipLeftBounce {
    0% {
        opacity: 0;
        transform: rotateY(70deg);
    }

    50% {
        opacity: 1;
        transform: rotateY(-5deg);
    }

    80% {
        transform: rotateY(20deg);
    }

    to {
        transform: rotateY(0deg);
    }
}

.a-flip-right-bounce {
    animation: flipRightBounce 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes flipRightBounce {
    0% {
        opacity: 0;
        transform: rotateY(-70deg);
    }

    50% {
        opacity: 1;
        transform: rotateY(5deg);
    }

    80% {
        transform: rotateY(-20deg);
    }

    to {
        transform: rotateY(0deg);
    }
}

.a-rotate-flip {
    animation: rotateFlip 1s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes rotateFlip {
    0% {
        transform-origin: 50%;
    }

    40% {
        opacity: 0;
        transform: rotateY(70deg);
    }

    60% {
        opacity: 0;
        transform: rotateY(70deg);
    }

    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

.a-flip-top {
    animation: flipTop 1s ease-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes flipTop {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }

    70% {
        opacity: 1;
        transform: translateY(0);
    }
}

.a-flip-bottom {
    animation: flipBottom 1s ease-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes flipBottom {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes boxFade {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.a-flip-left {
    animation: flipLeft 1.5s;
}

@keyframes flipLeft {
    0% {
        opacity: 0;
        transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.a-flip-right {
    animation: flipRight 1.5s;
}

@keyframes flipRight {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.a-flip-scale {
    animation: flipScale 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes flipScale {
    0% {
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    }

    50% {
        transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
    }

    75% {
        transform: scale(1) rotate3d(-1, 1, 0, -180deg);
    }

    to {
        transform: scale(1) rotate3d(-1, 1, 0, -1turn);
    }
}

.a-rotate-out {
    animation: rotateOut 1.5s ease-in 1;
    opacity: 0;
    visibility: hidden;
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        visibility: visible;
    }

    50%,
    to {
        transform: scale(0) rotateY(189deg);
    }
}

.a-rotate-flip-down {
    animation: rotateFlipDown 1s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes rotateFlipDown {
    0% {
        transform-origin: 50%;
    }

    40% {
        opacity: 0;
        transform: rotateX(70deg);
    }

    60% {
        opacity: 0;
        transform: rotateX(70deg);
    }

    to {
        opacity: 1;
        transform: rotateX(0deg);
    }
}

.a-rotate-down-bounce {
    animation: rotateDowBounce 2s ease-in-out 1;
    opacity: 0;
    transform-origin: 0 0;
    visibility: hidden;
}

@keyframes rotateDowBounce {
    0% {
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
    }

    20% {
        transform: rotate(25deg);
    }

    40% {
        transform: rotate(30deg);
    }

    10%,
    30%,
    50% {
        opacity: 1;
        transform: rotate(40deg);
        visibility: visible;
    }

    80%,
    to {
        opacity: 0;
        transform: rotate(30deg) translateY(310px) translateX(230px);
        visibility: hidden;
    }
}

.a-flash-bang {
    animation: flashBang 2s linear 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes flashBang {

    0%,
    20% {
        opacity: 0;
    }

    10%,
    30%,
    to {
        opacity: 1;
    }
}

.a-bomb {
    animation: bomb 1s ease-out 1;
    opacity: 0;
    visibility: hidden;
}

@keyframes bomb {
    0% {
        opacity: 1;
        transform: rotate(0);
        transform-origin: -50% 0;
        visibility: visible;
    }

    50%,
    to {
        transform: rotate(-210deg);
        transform-origin: -20% 0;
    }

    47%,
    to {
        opacity: 0;
        visibility: hidden;
    }
}

.a-legend-left {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-legend-left:before {
    animation: legendLeft 0.5s ease-out 1;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes legendLeft {
    0% {
        transform: translateY(9px) translateX(0);
        width: 0;
    }

    to {
        transform: translateY(9px) translateX(9px);
        width: 90%;
    }
}

.a-legend-right {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-legend-right:before {
    animation: legendRight 0.5s ease-out 1;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes legendRight {
    0% {
        left: 100%;
        width: 0;
    }

    to {
        width: 90%;
    }
}

.a-legend-up {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-legend-up:before {
    animation: legendUp 0.5s ease-out 1;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    position: absolute;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes legendUp {
    0% {
        height: 0;
        top: 70%;
    }

    to {
        height: 64%;
        top: 0;
    }
}

.a-legend-down {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-legend-down:before {
    animation: legendDown 0.5s ease-out 1;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    position: absolute;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes legendDown {
    0% {
        height: 0;
        transform: translateY(0) translateX(9px);
    }

    to {
        height: 64%;
        transform: translateY(9px) translateX(9px);
    }
}

.a-portrait-before {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-portrait-before:before {
    animation: portraitBefore 0.5s ease-out 1;
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    position: absolute;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes portraitBefore {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
        height: 74%;
        transform: translateY(0) translateX(0);
        width: 100%;
    }

    to {
        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.5);
        height: 64%;
        transform: translateY(9px) translateX(9px);
        width: 90%;
    }
}

.a-portrait-blur {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-portrait-blur:before {
    animation: portraitBlur 0.5s ease-out 1;
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    position: absolute;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes portraitBlur {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
        height: 74%;
        transform: translateY(0) translateX(0);
        width: 100%;
    }

    to {
        box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.5);
        height: 64%;
        transform: translateY(9px) translateX(9px);
        width: 90%;
    }
}

.a-scale-before {
    opacity: 1 !important;
    visibility: visible !important;
}

.a-scale-before:before {
    animation: scaleBefore 0.5s ease-out 1;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 64%;
    position: absolute;
    transform: translateY(9px) translateX(9px);
    width: 90%;
    z-index: 1000;
}

@keyframes scaleBefore {
    0% {
        transform: translateY(9px) translateX(9px) scale(1.5);
    }

    to {
        transform: translateY(9px) translateX(9px) scale(1);
    }
}

.a-jello-horizontal {
    animation: JellyHorizontal 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes JellyHorizontal {
    0% {
        transform: scaleX(1);
    }

    30% {
        transform: scale3d(0.75, 1.25, 1);
    }

    40% {
        transform: scale3d(1.25, 0.75, 1);
    }

    50% {
        transform: scale3d(0.85, 1.15, 1);
    }

    65% {
        transform: scale3d(1.05, 0.95, 1);
    }

    75% {
        transform: scale3d(0.95, 1.05, 1);
    }

    to {
        transform: scaleX(1);
    }
}

.a-jello-vertical {
    animation: JelloVertical 1s ease-in-out 1;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes JelloVertical {
    0% {
        transform: scaleX(1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        transform: scaleX(1);
    }
}

.a-vibrate-low {
    animation: VibrateL 2s ease 0s infinite normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes VibrateL {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(-5px, 5px);
    }

    40% {
        transform: translate(-5px, -5px);
    }

    60% {
        transform: translate(5px, 5px);
    }

    80% {
        transform: translate(5px, -5px);
    }

    to {
        transform: translate(0);
    }
}

.a-vibrate-medium {
    animation: VibrateM 2s ease 0s infinite normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes VibrateM {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(2px, -2px);
    }

    40% {
        transform: translate(2px, 2px);
    }

    60% {
        transform: translate(-2px, 2px);
    }

    80% {
        transform: translate(-2px, -2px);
    }

    to {
        transform: translate(0);
    }
}

.a-vibrate-high {
    animation: VibrateH 2s ease 0s infinite normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes VibrateH {
    0% {
        transform: translate(0);
    }

    10% {
        transform: translate(-2px, -2px);
    }

    20% {
        transform: translate(2px, -2px);
    }

    30% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(2px, 2px);
    }

    50% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, -2px);
    }

    70% {
        transform: translate(-2px, 2px);
    }

    80% {
        transform: translate(-2px, -2px);
    }

    90% {
        transform: translate(2px, -2px);
    }

    to {
        transform: translate(0);
    }
}

.a-wobble-bottom {
    animation: wobbleB 2s ease 0s normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes wobbleB {

    0%,
    to {
        transform: translateX(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        transform: translateX(-6px) rotate(-1.2deg);
    }
}

.a-wobble-left {
    animation: wobbleL 2s ease 0s normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes wobbleL {

    0%,
    to {
        transform: translateY(0) rotate(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateY(-30px) rotate(-6deg);
    }

    30% {
        transform: translateY(15px) rotate(6deg);
    }

    45% {
        transform: translateY(-15px) rotate(-3.6deg);
    }

    60% {
        transform: translateY(9px) rotate(2.4deg);
    }

    75% {
        transform: translateY(-6px) rotate(-1.2deg);
    }
}

.a-wobble-right {
    animation: wobbleR 2s ease 0s normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes wobbleR {

    0%,
    to {
        transform: translateY(0) rotate(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateY(-30px) rotate(6deg);
    }

    30% {
        transform: translateY(15px) rotate(-6deg);
    }

    45% {
        transform: translateY(-15px) rotate(3.6deg);
    }

    60% {
        transform: translateY(9px) rotate(-2.4deg);
    }

    75% {
        transform: translateY(-6px) rotate(1.2deg);
    }
}

.a-wobble-top {
    animation: wobbleT 2s ease 0s normal forwards;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes wobbleT {

    0%,
    to {
        transform: translateX(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-30px) rotate(6deg);
    }

    30% {
        transform: translateX(15px) rotate(-6deg);
    }

    45% {
        transform: translateX(-15px) rotate(3.6deg);
    }

    60% {
        transform: translateX(9px) rotate(-2.4deg);
    }

    75% {
        transform: translateX(-6px) rotate(1.2deg);
    }
}

/* ---------- Default ------------------------------------------------------- */

body {
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    color: #0f1108;
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding-top: 126px;
}

body.store-1 {
    padding-top: 137px;
}

body.nav-hover::after {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(25 28 33 / 0.5);
    z-index: 10;
}

img {
    max-width: 100%;
}

*:focus,
*:active,
*:visited {
    outline: 0 !important;
}

.container {
    max-width: 1309px;
}

p {
    margin: 0 0 20px;
}

#mobile {
    display: none;
}

#content {
    min-height: 500px;
}

#content p a {
    text-decoration: underline;
}

#content #column-left {
    float: left;
    width: 210px;
    background-color: #fff;
}

#content #column-left+#column {
    float: left;
    width: calc(100% - 280px);
    margin-left: 40px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 5px -5px #707070;
    padding: 25px;
}

.page-information .column p {
    font-family: "Roboto", Arial, sans-serif !important;
    color: #0f1108 !important;
}

.page-information #content #column-left {
    width: 21%;
}

.page-information #content #column-left+.column {
    width: 72%;
    float: left;
    margin-left: 7%;
}

#popup-background {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgb(25 28 33 / 0.85);
    top: 0px;
    left: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

#popup-background.active {
    display: block;
}

.popup-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #fff;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    height: 32px;
    width: 32px;
}

.popup-close i {
    font-size: 40px;
    line-height: 33px;
}

.pull-center {
    text-align: center;
}

#popup-news {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgb(25 28 33 / 0.85);
    z-index: 99999999;
    align-items: center;
    justify-content: center;
}

#popup-news.active {
    display: flex;
}

#popup-news>div {
    width: 90%;
    height: 90%;
    max-width: 474px;
    max-height: 516px;
    position: relative;
    background: #ffb734;
    background: -moz-linear-gradient(top, #ffb734 0%, #ff6513 100%);
    background: -webkit-linear-gradient(top, #ffb734 0%, #ff6513 100%);
    background: linear-gradient(to bottom, #ffb734 0%, #ff6513 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb734', endColorstr='#ff6513', GradientType=0);
}

#popup-news>div::before {
    content: " ";
    background-image: url(../image/popup-dots.png);
    width: 100px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 25px;
}

#popup-news>div>.popup-news-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #363636;
    color: #fff;
    font-size: 35px;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 33px;
    border-radius: 29px;
    font-weight: 300;
}

#popup-news form {
    max-width: 382px;
    margin: auto;
}

#popup-news form .input-group {
    display: block;
}

#popup-news form input {
    font-size: 15px;
    border: none;
    height: 43px;
    padding: 0 15px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 25%);
    color: #3c3c3c;
    float: none;
}

#popup-news form input::placeholder {
    color: #3c3c3c;
}

#popup-news form button {
    background-color: #fff;
    border: none;
    color: #ff7400;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
    width: 100%;
    max-width: 200px;
    height: 43px;
    font-size: 22px;
    margin: 20px auto 12px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 25%);
}

#popup-news form .popup-news-close {
    color: #000;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
}

#popup-news form small {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    margin-top: 5px;
}

.popup-news-content {
    height: calc(100% - 58px);
    overflow: auto;
    text-align: center;
    margin: 40px 20px 20px;
}

.popup-news-content::-webkit-scrollbar {
    border-radius: 10px;
    width: 4px;
    background-color: #fff6a6;
}

.popup-news-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ac3c00;
}

.popup-news-content h5 {
    font-size: 75px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
}

.popup-news-content h5 strong {
    display: block;
    font-weight: 900;
    font-size: 102px;
    line-height: 87px;
}

.popup-news-content h6 {
    color: #1b1a1a;
    font-size: 17px;
    max-width: 350px;
    margin: 25px auto;
    line-height: 21px;
}

#popup-cep {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgb(25 28 33 / 0.85);
    z-index: 99999999;
    align-items: center;
    justify-content: center;
}

#popup-cep.active {
    display: flex;
}

#popup-cep>div {
    width: 90%;
    height: 90%;
    max-width: 474px;
    max-height: 200px;
    position: relative;
    background: #fff;
    padding: 30px;
}

#popup-cep>div>.popup-cep-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #363636;
    color: #fff;
    font-size: 35px;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 33px;
    border-radius: 29px;
    font-weight: 300;
}

#popup-cep h5 {
    font-size: 17px;
    margin-bottom: 15px;
}

#popup-cep .btn {
    padding: 8px 20px;
    display: block;
    width: 150px;
    margin: 15px auto 0;
}

#popup-cep .alert {
    padding: 0 8px;
    margin-bottom: 5px;
    margin-top: -8px;
}

h1 {
    font-size: 18px;
    line-height: 30px;
    margin: 0px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

.mobile-only {
    display: none;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding: 15px;
}

.panel,
.panel-heading,
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

.panel-default>.panel-heading {
    background-color: #e9e4e4;
    color: #3b3b3b;
    font-size: 20px;
    padding: 20px;
}

.panel-default>.panel-heading span {
    color: #ff5612;
    font-weight: bold;
    font-style: italic;
}

.panel-filter .checkbox input[type="checkbox"],
.panel-filter .checkbox-inline input[type="checkbox"],
.panel-filter .radio input[type="radio"],
.panel-filter .radio-inline input[type="radio"] {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

.panel-filter .checkbox,
.panel-filter .radio {
    display: inline-block;
}

.panel>.list-group .list-group-item {
    margin-bottom: 15px;
}

.panel-filter img {
    border: 1px solid #dadada;
}

.panel-filter .checkbox .label,
.panel-filter .radio .label {
    margin-bottom: 10px;
    background-color: #00c87e;
    color: #fff;
    font-size: 14px;
    padding: 7px 20px;
    margin-right: 10px;
    display: inline-block;
}

.panel-filter .label {
    position: relative;
    cursor: pointer;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.panel-filter .label::after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    font-size: 25px;
    color: #8bb81a;
    bottom: -6px;
    right: -6px;
    line-height: 22px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-indent: -1px;
    display: none;
}

.panel-filter .label.active::after {
    display: block;
}

.panel-filter .checkbox.filter-image .label,
.panel-filter .radio.filter-image .label {
    background: none;
    margin-right: 5px;
    padding: 0px;
    float: left;
}

#filter-group-size .label {
    padding: 0px;
    background: none;
    margin-right: 5px;
    border: 1px solid #dadada;
    font-size: 15px;
    min-width: 52px;
    min-height: 50px;
    text-align: center;
    line-height: 50px;
    color: #3b3b3b;
    float: left;
}

.list-group {
    padding: 20px;
}

.list-group strong {
    font-weight: normal;
    font-size: 16px;
}

.box-border {
    display: inline-block;
    width: 36%;
    margin: 0px 5%;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 10px 15px;
    background-color: #fff;
    box-shadow: 1px 1px 5px -5px #707070;
    border-radius: 10px;
}

.box-border h2 {
    clear: both;
}

.box-border form {
    margin-bottom: 100px;
}

.heading-title {
    margin: 15px 0px 40px;
}

.heading-title h3 {
    color: #0f1108;
    font-size: 17px;
    text-align: left;
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.heading-title h3:after {
    content: "";
    display: block;
    width: 20%;
    background-color: #e9571f;
    height: 7.67px;
    margin-top: 8px;
    border-radius: 5px;
    min-width: 150px;
}

a {
    color: #404040;
    font-weight: normal;
}

a:focus,
a:hover {
    color: #ff5612;
    text-decoration: none;
}

.well {
    float: left;
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

legend {
    font-size: 18px;
    padding: 7px 0px;
}

.form-control,
.form-control:focus {
    border: 1px solid #dadada;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    padding: 9px 10px;
    height: auto;
}

textarea.form-control {
    height: 150px;
}

.has-error .form-control {
    border-color: #d5554c;
}

.text-danger {
    color: #d5554c;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
}

.text-suggestion {
    font-size: 13px;
    line-height: 14px;
    margin-top: 4px;
    font-style: italic;
}

.text-suggestion span {
    color: #337ab7;
}

.text-suggestion a:hover {
    color: #494848;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

label,
.form-horizontal .control-label {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    padding-top: 0px;
    margin-bottom: 5px;
    display: block;
}

.form-group .label-radio {
    padding: 5px 0px;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 5px;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
    font-size: 14px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin-left: 0px;
    position: static;
    margin-right: 5px;
}

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline;
}

textarea.form-control {
    height: 150px;
}

.motoboy-district+.form-control {
    display: none;
}

.nav-tabs {
    margin-top: 50px;
    border: none;
}

.tab-content {
    background-color: #f6f6f6;
    padding: 15px;
}

.tab-content strong {
    font-size: 15px;
    line-height: 25px;
}

.help {
    font-size: 12px;
    line-height: 15px;
    margin-top: 3px;
}

.form-group {
    position: relative;
}

.form-groups {
    font-size: 0;
}

.form-groups .form-group {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-left: 2%;
}

.form-groups .form-group:first-child {
    margin-left: 0;
}

.input-lg {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.load-total {
    background: rgba(242, 238, 238, 0.58);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    z-index: 3;
}

.load-total i {
    margin: auto;
    font-size: 30px;
}

.lazyload {
    transform-origin: inherit;
    -webkit-transform-origin: inherit;
    -moz-transform-origin: inherit;
    -ms-transform-origin: inherit;
    -o-transform-origin: inherit;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    z-index: 1;
}

#eye {
    position: absolute;
    top: 40px;
    right: 13px;
}

#eye i {
    font-size: 20px;
}

#input-password {
    padding-right: 50px;
}

.container {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.tag-adult-content {
    color: #fff;
    font-size: 13px;
    background-color: #ff5612;
    margin-left: 3px;
    padding: 0px 2px;
    font-weight: normal;
    z-index: -1;
    position: relative;
}

.product-tag {
    color: #fff;
    font-size: 13px;
    background-color: #ff5612;
    font-weight: 600;
    line-height: 15px;
    position: absolute;
    padding: 5px 8px;
    text-align: center;
    box-sizing: border-box;
    top: 0px;
    right: 22px;
    z-index: 2;
    text-transform: uppercase;
}

.slick-track {
    margin: 0;
}

.slick-slider .product-tag {
    right: 5px;
}

.special-tag {
    background-color: #d72424;
}

.stock-tag {
    background-color: #848484;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-dots {
    bottom: 15px;
    left: 0px;
}

.slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 8px;
}

.slick-dots li button {
    width: 15px;
    height: 15px;
    padding: 0px;
}

.slick-dots li button:before {
    content: " ";
    opacity: 1;
    color: #707070;
    font-size: 15px;
    background-color: #707070;
    border-radius: 10px;
    width: 15px;
    height: 15px;
}

.slick-dots li.slick-active button:before,
.slick-dots li.slick-active button:hover:before,
.slick-dots li button:hover:before,
.slick-dots li button:hover:hover:before {
    opacity: 1;
    background-color: #fff;
    border: 1px solid #707070;
}

.slick-prev,
.slick-next {
    width: 37px;
    height: 47px;
    z-index: 9;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 0.15);
}

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

.slick-prev::before,
.slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
    font-weight: 900;
    line-height: 43px;
    color: #000;
}

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

.slick-prev {
    left: 1px;
}

.slick-next {
    right: 1px;
}

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

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

.product-list.slick-slider {
    padding: 0px 40px;
}

.product-list .slick-slide {
    padding: 0px 5px;
    margin: 0;
}

.carousel-element:not(.slick-slider) {
    display: flex !important;
    overflow: hidden;
}

.carousel-element:not(.slick-slider)>* {
    width: auto;
    max-width: none;
    flex-shrink: 0;
}

.module-content {
    position: relative;
}

.featured-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.featured-image .product-list {
    width: 58.73%;
}

.featured-image>img,
.featured-image>picture {
    width: 40.27%;
}

.ambience-list .ambience-spot {
    overflow: hidden;
    border-radius: 15px;
    margin: 0 20px;
    position: relative;
}

.ambience-list .ambience-spot>a::after {
    content: "Ver todos";
    position: absolute;
    bottom: 8%;
    font-size: 14px;
    background-color: #ff5612;
    color: #fff;
    text-align: center;
    padding: 6px 20px;
    border-radius: 5px;
    left: calc(50% - 49.5px);
}

.ambience-list .ambience-spot:hover>a::after {
    display: none;
}

.table-responsive {
    overflow: visible;
    border: none;
}

.table-responsive .table {
    margin-bottom: 0px;
    clear: both;
}

.table-responsive img {
    margin-right: 10px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0px;
    border: 0px;
}

.table-responsive a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.table-responsive .btn {
    font-size: 13px !important;
    padding: 5px 15px;
}

.table-responsive .thumb {
    display: inline-block;
    width: 20%;
}

.table-responsive .thumb img {
    max-width: 100%;
}

.table-responsive .text {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding-left: 10px;
}

.table-responsive .text small {
    font-size: 15px;
    display: block;
}

.table-responsive b,
.table-responsive s {
    display: block;
}

.table-responsive s {
    color: #ff3822;
}

.table-responsive table tbody tr td {
    background-color: #f6f6f6;
    padding: 10px 15px;
    border-bottom: 5px solid #fff;
}

.table-responsive select {
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 18px;
    padding: 5px;
    min-width: 60px;
}

.table-responsive a.remove {
    font-size: 15px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    margin-top: 6px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border: none;
    vertical-align: middle;
}

.panel-group .panel {
    margin-bottom: 12px;
    border-radius: 10px;
    background-color: #f6f6f6;
}

#msg-cookie {
    position: fixed;
    bottom: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    max-width: 286px;
    padding: 15px 50px 15px 15px;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 1px 1px 6px 0px #bfbfbf;
}

#msg-cookie>a {
    background-color: #404040;
    color: #fff;
    position: absolute;
    top: calc(50% - 10px);
    right: 15px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 2px 5px;
}

#msg-cookie p {
    font-size: 12px;
    line-height: 18px;
    color: #404040;
    margin: 0;
}

#msg-cookie p a {
    color: #e9571f;
}

#msg-cookie p a:hover {
    text-decoration: underline;
}

.alert {
    padding: 7px 10px;
    text-align: left;
    clear: both;
}

.alert-success {
    color: #fff;
    background-color: #3fa913;
    border: none;
}

.alert-info {
    color: #fff;
    background-color: #4c96d5;
    border: none;
}

.alert-warning {
    color: #fff;
    background-color: #ec9d27;
    border: none;
}

.alert-danger {
    color: #fff;
    background-color: #d5554c;
    border: none;
}

.alert {
    margin-bottom: 25px;
    font-size: 13px;
    border-radius: 0px;
}

.alert .fa {
    margin-right: 5px;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}

.alert a:hover {
    color: #fff;
}

.alert-buttons {
    position: relative;
    float: right;
}

.alert-item {
    display: none;
    position: absolute;
    top: calc(50% - 53px);
    left: -520px;
    width: 384px;
    background-color: #fff;
    padding: 12px;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 1px 1px 7px 1px #e5e5e5;
    min-height: 99px;
}

.alert-item-small {
    min-height: auto;
    top: calc(50% - 26px);
    width: 250px;
    left: -390px;
}

.alert-item .fa-caret-right {
    position: absolute;
    font-size: 40px;
    top: calc(50% - 20px);
    right: -13px;
    color: #fff;
    text-shadow: 4px 1px 5px #e5e5e5;
}

.alert-item .fa-caret-down {
    display: none;
    position: absolute;
    font-size: 40px;
    color: #fff;
    text-shadow: 1px 5px 5px #e5e5e5;
    bottom: -24px;
    left: calc(50% - 12.5px);
}

.page-content {
    overflow: hidden;
}

.category-content {
    width: calc(100% - 240px);
    float: right;
}

.select-sort {
    text-align: right;
    margin-top: -41px;
    margin-bottom: 10px;
}

.select-sort label {
    display: inline-block;
    margin-right: 5px;
    color: #404040;
    font-size: 14px;
}

.select-sort select {
    display: inline-block;
    color: #404040;
    font-size: 14px;
    border: none;
    background: none;
}

.alert-encomenda {
    background-color: #ff7a00;
    color: #fff;
    display: block;
    margin-top: -30px;
    margin-bottom: 70px;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    padding: 13px 15px;
}

.alert-encomenda:hover,
.alert-encomenda:focus {
    background-color: #ff881b;
    color: #fff;
}

.alert-encomenda svg {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    fill: #fff;
}

#column-right {
    width: 17%;
    border-right: 1px solid #e8e8e8;
}

#filter-box {
    border-right: 1px solid #e8e8e8;
    padding-right: 15px;
}

#filter-box h3 {
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}

.filter-content {
    display: flex;
    flex-wrap: wrap;
}

.filter-content h4 {
    font-size: 15px;
    color: #000000;
}

.filter-item {
    margin-bottom: 15px;
    width: 100%;
    order: 1;
}

.filter-item[data-filter="Ofertas"] {
    order: 0;
}

.filter-tab-content label {
    cursor: pointer;
    display: none;
}

.filter-tab-content.open label,
.filter-tab-content label:nth-child(1),
.filter-tab-content label:nth-child(2),
.filter-tab-content label:nth-child(3),
.filter-tab-content label:nth-child(4),
.filter-tab-content label:nth-child(5) {
    display: block;
}

.filter-tab-content label input {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}

.filter-tab-content .filter-img {
    display: inline-block;
    margin: 0 8px 8px 0;
}

.filter-tab-content .filter-img input {
    margin-right: -19px;
}

.filter-tab-content .filter-img img {
    border: 2px solid #bbbbbb;
    border-radius: 5px;
}

.filter-tab-content .filter-img input:checked+img {
    border-color: #ff5612;
}

.filter-show-all,
.filter-show-minus {
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: underline;
}

.filter-show-all:hover {
    text-decoration: underline;
}

.filter-item.large .filter-show-all {
    display: inline-block;
}

.filter-item.open .filter-show-all {
    display: none;
}

.filter-item.open .filter-show-minus {
    display: inline-block;
}

.page-content .page-top {
    padding: 29px 0px;
    margin-bottom: 20px;
}

.page-content .page-top>.container {
    display: flex;
    align-items: center;
}

.page-content .page-top h1 {
    color: #0f1108;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

.page-content .page-top #column-right {
    position: absolute;
    right: 15px;
    top: 0px;
}

.breadcrumb {
    background: none;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    color: #fff;
    position: absolute;
    left: 15px;
    text-align: left;
    line-height: 17px;
    top: 0px;
}

.breadcrumb a {
    color: #969696;
    font-size: 13px;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb>li {
    position: relative;
    white-space: nowrap;
    font-size: 14px;
}

.breadcrumb>li+li:last-child {
    display: none;
}

.breadcrumb>li+li:before {
    content: "";
    padding: 0;
}

.breadcrumb>li:after {
    content: "/";
    margin: 0px 3px 0px 7px;
    color: #969696;
}

.pagination {
    margin: 40px 0px 0px;
    text-align: center;
    width: 100%;
    padding: 17px 0px;
    border-radius: 0px;
}

.pagination ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.pagination li {
    display: none;
    vertical-align: middle;
    margin: 0px 10px;
}

.pagination li:first-child,
.pagination li:last-child,
.pagination li.active,
.pagination li.show-mobile,
.pagination li.show-desktop {
    display: inline-block;
}

.pagination li span {
    border-radius: 5px !important;
    background: none !important;
    font-size: 14px;
    color: #404040 !important;
    margin: 0px;
    padding: 8px 5px 6px;
    border: 1px solid #0f1108 !important;
    min-width: 35px;
}

.pagination li a {
    background: none;
    color: #9f9f9f;
    font-size: 14px;
    margin: 0px;
    padding: 4px 5px 2px;
    line-height: 28px;
    min-width: 35px;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
}

.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus {
    background: none;
    color: #ff5612;
    border-color: #ff5612 !important;
}

.pagination li a:hover i,
.pagination li a:active i,
.pagination li a:focus i {
    color: #ff5612;
}

.pagination li:first-child a,
.pagination li:last-child a {
    border-color: #0f1108;
}

.pagination li a i {
    font-size: 14px;
    color: #1d1d1d;
    line-height: 27px;
}

.pagination li a:hover i {
    color: #ff5612;
}

.pagination li.active p {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: top;
    margin-top: 8px;
}

.pagination li.active form {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
    width: 66px;
}

.pagination li.active form input[type="number"] {
    width: 66px;
    height: 40px;
}

.pagination li.active form .text-danger {
    line-height: 14px;
    margin-top: 5px;
}

.buttons {
    margin: 1em 0;
}

.btn {
    background-color: #2fa40c;
    border: none;
    color: #fff;
    font-weight: normal;
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 17px 20px;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff;
    background-color: #2fa40c;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.85;
}

.btn i {
    margin: 0px 5px;
}

.btn-form {
    background-color: #2fa40c;
}

.btn-form.focus,
.btn-form:focus,
.btn-form:hover {
    background-color: #278e09;
    color: #fff;
}

.btn-form.disabled,
.btn-form.disabled:hover {
    background-color: #68dc45;
}

.btn-form .fa {
    font-size: 16px;
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
    font-size: 12px;
}

.btn-group>.btn-xs {
    font-size: 9px;
}

.btn-group>.btn-sm {
    font-size: 10.2px;
}

.btn-group>.btn-lg {
    font-size: 15px;
}

.btn-default {
    color: #fff;
    text-shadow: none;
    background-color: #191c21;
    background-image: none;
    border: 1px solid #0f1108;
    font-size: 13px !important;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default.active {
    background-color: #545556;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
    color: #ffffff;
    background: none;
    background-color: #da4f49;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #c34540;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23a1d1;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}

.btn-login {
    color: #fff;
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

.btn-login.focus,
.btn-login:focus,
.btn-login:hover {
    color: #fff;
}

.btn-login i {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}

.list-group a {
    border: 1px solid #dddddd;
    color: #888888;
    padding: 8px 12px;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #dddddd;
    text-shadow: 0 1px 0 #fff;
}

#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
}

.input-group .form-control[name^="quantity"] {
    min-width: 50px;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.resolution-2,
.resolution-3,
.resolution-4,
.resolution-2.carousel-element:not(.slick-slider),
.resolution-3.carousel-element:not(.slick-slider),
.resolution-4.carousel-element:not(.slick-slider) {
    display: none !important;
}

.resolution-1 {
    display: block !important;
}

.resolution-1.carousel-element:not(.slick-slider) {
    display: flex !important;
}

.toggle-box {
    position: fixed;
    top: 0px;
    background-color: #fff;
    z-index: 99999;
    max-width: 450px;
    width: 90%;
    height: 100%;
    text-align: left;
}

.toggle-box-right {
    right: -450px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
}

.toggle-box-right.active {
    right: 0px !important;
}

.toggle-box-left {
    left: -450px;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
}

.toggle-box-left.active {
    left: 0px !important;
}

.toggle-title {
    background-color: #ff5612;
    color: #fff;
    float: left;
    width: 100%;
    clear: both;
    padding: 38px 20px;
}

.toggle-title strong {
    font-size: 18px;
    font-weight: normal;
    float: left;
}

.toggle-title a {
    color: #fff;
    padding: 4px 0;
    display: inline-block;
}

.toggle-title i.fa-times {
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    float: right;
    line-height: 25px;
    padding: 3px 10px;
}

.toggle-nav-top {
    padding: 30px 0px;
    margin: 0px 20px;
    text-align: center;
    list-style-type: none;
    font-size: 0px;
    border-bottom: 1px solid;
    line-height: 8px;
    clear: both;
}

.toggle-nav-top li {
    display: inline-block;
    font-size: 20px;
    margin-right: 50px;
}

.toggle-nav-top li:last-child {
    margin-right: 0px;
}

.toggle-nav-top li a {
    position: relative;
    font-size: 20px;
}

.toggle-nav-top li a .count {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    top: -8px;
    right: -14px;
    text-align: center;
    border: 1px solid;
    border-radius: 30px;
    background-color: #fff;
}

.toggle-nav-bottom {
    padding: 15px 0px;
    margin: 30px 20px 0;
    border-top: 1px solid;
    list-style-type: none;
    clear: both;
}

.toggle-nav-bottom li {
    margin: 8px 0;
}

.toggle-nav-categories {
    padding: 20px 0px;
    margin: 0px;
    list-style-type: none;
}

.toggle-nav-categories ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.toggle-nav-categories li a {
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0px;
    display: block;
}

.toggle-nav-categories li a.nav-child-back {
    font-weight: bold;
}

.toggle-nav-categories li a i {
    margin-right: 5px;
}

.toggle-content {
    padding: 0px 20px;
    clear: both;
    max-height: calc(100% - 195px);
    overflow: auto;
}

.toggle-content::-webkit-scrollbar {
    border-radius: 10px;
    width: 6px;
    background-color: #eceff4;
}

.toggle-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #bdc2ca;
}

.toggle-tab {
    padding: 27px 0px;
    border-bottom: 1px solid #dcdcdc;
}

.toggle-tab-title {
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}

.toggle-tab-title:hover {
    color: #ff5612;
}

.toggle-tab-title i {
    float: right;
    margin-top: 5px;
}

.toggle-tab-content {
    padding-top: 15px;
    display: none;
}

.toggle-tab.active .toggle-tab-content {
    display: block;
}

.toggle-tab-content label {
    margin: 10px 0 25px;
    cursor: pointer;
}

.toggle-tab-content label input {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
}

.toggle-tab-content label img {
    border-radius: 20px;
    border: 1px solid #eceff4;
    margin-right: 5px;
}

.toggle-tab-content label span {
    display: inline-block;
    vertical-align: middle;
}

.zoomContainer {
    z-index: 1;
}

.benefits-bar {
    background-color: #f7f7f7;
    margin-top: -60px;
    padding: 22px 0;
}

.benefits-bar ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
    max-width: 1309px;
    display: flex;
    justify-content: space-between;
    color: #25282e;
    line-height: 20px;
}

.benefits-bar li {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.benefits-bar svg {
    margin-right: 10px;
}

.carrinho-lembrete {
    display: none;
    position: absolute;
    right: 0;
    top: 120%;
    background-color: #e9571f;
    z-index: 2;
    width: 230px;
    padding: 10px;
    cursor: pointer;
}

.carrinho-lembrete.active {
    display: block;
}

.carrinho-lembrete::before {
    content: " ";
    background-color: #e9571f;
    position: absolute;
    top: -10px;
    right: 60px;
    width: 40px;
    height: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.carrinho-lembrete p {
    margin: 0;
}

/* ---------- Header -------------------------------------------------------- */
#nav-mobile a:hover {
    color: #707070;
}

#nav-mobile .toggle-nav-top a.active {
    color: #ff5612;
}

#nav-mobile .toggle-content {
    max-height: calc(100% - 62px);
}

#nav-mobile .toggle-content.active-search {
    overflow: hidden;
}

#nav-mobile .toggle-nav-categories,
#nav-mobile .toggle-nav-categories li,
#nav-mobile .nav-top-has-child,
#nav-mobile .nav-child {
    display: none;
}

#nav-mobile .toggle-nav-categories li a img {
    display: inline-block;
    vertical-align: sub;
    margin-right: 8px;
}

#nav-mobile .toggle-nav-categories li a i {
    float: right;
    margin-top: 5px;
}

#nav-mobile .toggle-nav-categories li a.nav-child-back i {
    float: none;
    margin-top: 0;
}

#nav-mobile .toggle-nav-categories.active,
#nav-mobile .toggle-nav-categories li.active,
#nav-mobile .nav-top-has-child.active,
#nav-mobile .nav-child.active,
#nav-mobile #search.active {
    display: block;
}

#nav-mobile .sub-sub-nav {
    padding-left: 15px;
}

#nav-mobile .sub-sub-nav li a {
    padding: 4px 0;
}

#nav-mobile li a svg {
    fill: #404040 !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

#nav-mobile li a svg path {
    fill: #404040 !important;
}

#nav-mobile #search {
    width: 100%;
    margin-top: 30px;
}

#nav-mobile .toggle-nav-bottom {
    margin: 0;
}

#nav-mobile .toggle-nav-bottom li a i {
    margin-right: 5px;
}

#search .input-lg {
    height: 40px;
}

#menu-mobile {
    position: absolute;
    font-size: 22px;
    top: 1px;
    left: 15px;
    color: #fff;
}

header {
    background-color: #191c21;
    padding: 20px 0 0;
    position: fixed;
    z-index: 100;
    top: 0px;
    width: 100%;
    max-width: 1920px;
    text-align: center;
    -webkit-transition: all 0.2s, color 1ms;
    -moz-transition: all 0.2s, color 1ms;
    -o-transition: all 0.2s, color 1ms;
    transition: all 0.2s, color 1ms;
}

header * {
    -webkit-transition: all 0.2s, color 1ms;
    -moz-transition: all 0.2s, color 1ms;
    -o-transition: all 0.2s, color 1ms;
    transition: all 0.2s, color 1ms;
}

header .count {
    position: absolute;
    width: 19px;
    height: 19px;
    font-size: 12px;
    text-align: center;
    line-height: 17px;
    border: 1px solid;
    border-radius: 30px;
    background-color: #191c21;
    top: 3px;
    left: 10px;
}

header .wishlist {
    float: right;
    font-size: 27px;
    position: relative;
    margin-right: 8%;
}

header .login {
    float: right;
    font-size: 15px;
    margin-right: 18%;
}

header .login span,
#cart span {
    vertical-align: middle;
}

header .login span {
    max-width: 120px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    word-break: break-all;
    text-align: left;
}

header .login i,
#cart i {
    font-size: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

#cart,
header .login {
    color: #fff;
    cursor: pointer;
    padding: 10px 0;
}

header .login {
    margin-top: 1px;
    width: 150px;
    display: flex;
    justify-content: center;
}

#cart ul {
    color: #404040;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    cursor: default;
}

#cart ul p {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
}

#cart ul .product-scroll {
    min-width: 500px;
    padding: 0 10px;
    overflow: auto;
    max-height: 292px;
}

#cart ul .img-thumbnail {
    padding: 0;
    border-radius: 0;
}

#cart ul .btn {
    padding: 10px 15px;
}

#cart ul .btn-danger {
    padding: 5px;
    color: #da4f49;
    background: none;
}

#cart ul .btn-danger i {
    margin: 0;
    font-size: 16px;
}

#cart ul .product-name {
    font-weight: 500;
}

#cart ul .product-scroll tr {
    border-bottom: 1px solid #bdbdbd;
}

#cart ul .product-scroll tr:last-child {
    border: none;
}

#cart ul .product-scroll tr td {
    padding-top: 15px;
    padding-bottom: 15px;
}

#cart ul .product-total {
    background-color: #f5f5f5;
    padding: 15px 10px;
}

header .login img {
    vertical-align: middle;
    margin-right: 5px;
}

header.checkout h4 {
    float: left;
    font-size: 24px;
    color: #ff5612;
    margin-left: 20%;
}

header.checkout h4 span {
    display: block;
    font-size: 16px;
    margin-left: 8px;
    margin-top: 4px;
}

header.checkout .payment {
    float: right;
    text-transform: uppercase;
    color: #656565;
    font-size: 15px;
    margin: 0px;
    background: none;
}

header.checkout .payment strong {
    display: block;
    margin-bottom: 10px;
}

#logo {
    float: left;
}

#logo a {
    display: block;
}

#logo h1 {
    margin: 0px;
}

#search {
    position: relative;
    width: 56%;
    margin-left: 3%;
    display: inline-block;
    vertical-align: middle;
}

#search .input-lg {
    height: 35px;
    padding: 0 10px;
    padding-right: 40px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #707070;
    border-radius: 5px;
}

#search button {
    background: none;
    border: none;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
}

#search #live-search-cancel {
    display: none;
    background-color: #1e2127;
    z-index: 3;
    padding: 9px 12px;
    top: 2px;
}

#search button:hover {
    color: #ff5612;
}

#search button i {
    font-size: 18px;
}

#search .live-search {
    padding-bottom: 30px;
}

#search .live-search ul li {
    min-height: auto;
    float: left;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 10px;
}

#search .live-search ul li:hover {
    background-color: #fff;
    cursor: default;
}

#search .live-search ul li:hover:nth-child(even) {
    background-color: #fafafa;
}

#search .live-search ul li a {
    display: flex;
    align-items: center;
}

#search .live-search ul li .product-image {
    width: 9%;
    margin: 0;
    padding-right: 10px;
}

#search .live-search ul li .product-name {
    width: 75%;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
}

#search .live-search ul li .product-price {
    width: 16%;
    padding-left: 10px;
    margin: 0;
}

#search .text-no-matches {
    font-size: 13px;
    line-height: 20px;
}

#search .live-search .result-text {
    background-color: #fff;
    bottom: 0;
}

#search .live-search .result-text .show-more {
    color: #e9571f;
    font-size: 13px;
    padding: 8px 10px;
    display: block;
    font-weight: bold;
}

#search .live-search .result-text .show-more:hover {
    text-decoration: underline;
}

#modal-shipping .radio {
    margin-bottom: 15px;
}

#cart {
    float: right;
    width: auto;
    font-size: 15px;
    position: relative;
}

.navbar .popover-content li a {
    display: block;
    clear: both;
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0px;
}

.popover-content,
.popover-content ul {
    padding: 0px;
}

.navbar .popover {
    width: 400px;
    overflow: hidden;
    left: 230px !important;
    border: 1px solid #969696;
    border-radius: 0px;
    padding: 10px 20px;
}

.navbar .popover-content li {
    list-style-type: none;
}

.navbar .popover-content img {
    height: 212px;
    max-width: 250px;
}

.navbar .dropdown-menu {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.navbar .dropdown-menu>li>a:hover {
    background: none;
    color: #ff5612;
}

#menu-all {
    margin: 0 30px 0 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

#menu-all .navbar-collapse {
    padding: 0px;
}

#menu-all .nav>li>a {
    padding: 14px 0px 16px;
    background-color: transparent;
    font-size: 15px;
    font-weight: 400;
    border: none;
    color: #fff;
}

#menu-all .nav>li>a:hover,
#menu-all .nav>li.dropdown:hover>a.dropdown-toggle,
#menu-all .nav>li.dropdown:hover>a.dropdown-toggle i,
#menu-all .nav>li.open>a,
#menu-all .dropdown:hover .dropdown-top {
    color: #ff5612;
}

#menu-all .nav>li>a i {
    font-size: 18px;
    margin-right: 5px;
    color: #fff;
}

#menu-all .dropdown-menu {
    min-height: 640px;
    padding-bottom: 0;
    margin-left: -20px !important;
    border: none;
    border-radius: 0px;
    padding: 0;
}

#menu-all .dropdown-inner {
    display: table;
}

#menu-all .dropdown-menu img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#menu-all .dropdown-inner ul {
    display: table-cell;
}

#menu-all .dropdown-inner .list-unstyled {
    display: block;
}

#menu-all .dropdown-inner .list-unstyled .list-unstyled {
    display: none;
    position: absolute;
    top: 0px;
    left: 204px;
    padding-left: 25px;
    height: 368px;
    padding-top: 10px;
}

#menu-all .dropdown-inner .list-unstyled li:hover .list-unstyled {
    display: block;
}

#menu-all .dropdown-menu>li>a {
    min-width: 290px;
    display: block;
    clear: both;
    line-height: 20px;
    font-size: 13px;
    padding: 8px 0px;
    color: #404040;
    text-transform: uppercase;
}

#menu-all .dropdown-inner a i {
    float: right;
    margin-top: 3px;
    color: #bfbfbf;
}

#menu-all .dropdown-inner li a:hover,
#menu-all .dropdown-inner li a.active,
#menu-all .dropdown-inner li a:hover i,
#menu-all .dropdown-inner li a.active i {
    color: #ff5612;
}

#menu-all .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #ddd;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu-all .see-all:hover,
#menu-all .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#menu-all #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu-all .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #fff;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

#menu-all .btn-navbar:hover,
#menu-all .btn-navbar:focus,
#menu-all .btn-navbar:active,
#menu-all .btn-navbar.disabled,
#menu-all .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}

#menu-all:hover .dropdown-menu {
    display: block;
}

#menu-all .dropdown-menu>li>a {
    min-width: 330px;
    display: block;
    clear: both;
    line-height: 20px;
    font-size: 13px;
    padding: 12px 20px;
    color: #404040;
    text-transform: uppercase;
}

#menu-all .dropdown-menu>li:hover>a {
    color: #ff5612;
}

#menu-all .dropdown-menu>li:first-child>a {
    padding-top: 24px;
}

#menu-all .dropdown-menu>li:last-child>a {
    padding-bottom: 24px;
}

#menu-all .dropdown-menu>li a svg {
    fill: #404040 !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

#menu-all .dropdown-menu>li a svg path {
    fill: #404040 !important;
}

#menu-all .dropdown-menu>li a:hover svg,
#menu-all .dropdown-menu>li a:hover svg path,
#menu-all .dropdown-menu>li:hover svg,
#menu-all .dropdown-menu>li:hover svg path {
    fill: #ff5612 !important;
}

#menu-all .dropdown-menu>li a svg * {
    stroke: #404040 !important;
}

#menu-all .dropdown-menu>li a:hover svg *,
#menu-all .dropdown-menu>li:hover a svg * {
    stroke: #ff5612 !important;
}

.navbar .popover-content li a {
    display: block;
    clear: both;
    line-height: 20px;
    font-size: 13px;
    padding: 8px 0px;
    color: #404040;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar .popover-content li a:hover {
    color: #ff5612;
}

.popover-content,
.popover-content ul {
    padding: 0px;
}

.navbar .popover-content .sub-sub-menu {
    padding-left: 15px;
}

.navbar .popover-content .sub-sub-menu li a {
    padding: 6px 0;
}

#menu-all .dropdown-menu>li>a i {
    float: right;
    margin-top: 3px;
}

.navbar .popover {
    width: 330px;
    overflow: hidden;
    left: 330px !important;
    padding-bottom: 0;
    border: none;
    border-radius: 0px;
    padding: 15px 20px;
    max-width: 330px;
}

.navbar .popover-content li {
    list-style-type: none;
}

.navbar .popover-content img {
    height: 212px;
    max-width: 250px;
}

.navbar .dropdown-menu {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.navbar .dropdown-menu>li>a:hover {
    background: none;
    color: #ff5612;
}

.menu-content {
    margin: 15px 0 0;
    border-top: 1px solid #54565a;
    text-align: left;
}

.menu-content .compare {
    float: right;
    color: #fff;
    font-size: 15px;
    padding: 13px 0;
}

.menu-content .compare:hover {
    color: #ff5612;
}

.menu-content .compare i {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
}

#menu {
    border: none;
    margin: 0;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
}

#menu .navbar-nav {
    text-align: center;
    float: none;
}

#menu .navbar-collapse {
    padding: 0px;
}

#menu .nav>li {
    margin: 0 30px;
    float: none;
    display: inline-block;
}

#menu .nav>li:last-child {
    margin-right: 0px;
}

#menu .nav>li>a {
    padding: 15px 0px 16px;
    background-color: transparent;
    font-size: 15px;
    font-weight: 400;
    border: none;
    text-transform: uppercase;
    color: #fff;
}

#menu .nav>li>a:hover,
#menu .nav>li.open>a,
#menu .dropdown:hover .dropdown-top {
    color: #ff5612;
}

#menu .nav>li>a img {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 7px;
}

#menu .nav>li>a svg {
    fill: #fff !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 7px;
}

#menu .nav>li>a:hover svg,
#menu .nav>li.open>a svg,
#menu .dropdown:hover .dropdown-top svg {
    fill: #ff5612 !important;
}

#menu .nav>li>a svg path {
    fill: #fff !important;
}

#menu .nav>li>a:hover svg path,
#menu .nav>li.open>a svg path,
#menu .dropdown:hover .dropdown-top svg path {
    fill: #ff5612 !important;
}

#menu .nav>li>a i {
    font-size: 14px;
    margin-left: 2px;
}

#menu .dropdown-menu {
    padding-bottom: 0;
    margin-left: -20px !important;
    border: none;
    border-radius: 0px;
    padding: 15px 20px;
}

#menu .dropdown:hover .dropdown-menu {
    display: block;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-menu img {
    display: none;
    position: absolute;
    width: 249px;
    right: 0px;
    top: 0px;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner .list-unstyled {
    display: block;
}

#menu .dropdown-inner .list-unstyled .list-unstyled {
    display: none;
    position: absolute;
    top: 0px;
    left: 204px;
    padding-left: 25px;
    height: 368px;
    padding-top: 10px;
}

#menu .dropdown-inner .list-unstyled li:hover .list-unstyled {
    display: block;
}

#menu .dropdown-inner a {
    min-width: 290px;
    display: block;
    clear: both;
    line-height: 20px;
    font-size: 13px;
    padding: 8px 0px;
    color: #404040;
    text-transform: uppercase;
}

#menu .dropdown-inner a i {
    float: right;
    margin-top: 3px;
    color: #bfbfbf;
}

#menu .dropdown-inner li a:hover,
#menu .dropdown-inner li a.active,
#menu .dropdown-inner li a:hover i,
#menu .dropdown-inner li a.active i {
    color: #ff5612;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #ddd;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu .see-all:hover,
#menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #fff;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}

#menu-dropdown {
    display: none;
    background-color: rgba(29, 29, 29, 0.95);
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    padding: 25px calc(145px + 6%);
}

#menu-dropdown.active {
    display: block;
}

#menu-dropdown .category-dropdown {
    display: none;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 0px;
}

#menu-dropdown .category-dropdown.active {
    display: block;
}

#menu-dropdown .category-dropdown>li {
    display: inline-block;
    vertical-align: top;
    padding-right: 85px;
}

#menu-dropdown .category-dropdown>li>a {
    font-size: 15px;
    color: #2addde;
    text-transform: uppercase;
}

#menu-dropdown .category-children-dropdown {
    margin: 10px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#menu-dropdown .category-children-dropdown li {
    margin-bottom: 5px;
}

#menu-dropdown .category-children-dropdown li:last-child {
    margin-bottom: 0px;
}

#menu-dropdown .category-children-dropdown li a {
    font-size: 15px;
    color: #fff;
}

#menu-dropdown a:hover {
    text-decoration: underline;
}

.nav>li>a {
    font-weight: bold;
    font-size: 15px;
    padding: 8px 15px;
}

.nav-tabs>li>a {
    border: 1px solid #e1e1e1;
    color: #494848;
    border-bottom: 1px solid #f6f6f6;
}

.nav-tabs>li>a:hover {
    border-color: #f6f6f6;
    color: #494848;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    color: #494848;
}

.header-right {
    margin: -5px auto 0 0;
    width: 28%;
    float: right;
}

header:not(.checkout).scrolling {
    padding: 10px 30px;
    height: 50px;
    box-shadow: 0px 1px 20px -18px #000;
}

header:not(.checkout).scrolling #logo img {
    height: 30px;
}

header:not(.checkout).scrolling #search {
    margin-left: calc(3% + 40px);
}

header:not(.checkout).scrolling #search .input-lg {
    height: 31px;
}

header:not(.checkout).scrolling .menu-content {
    border: none;
    margin: 0;
}

header:not(.checkout).scrolling #menu-all {
    position: absolute;
    top: -42px;
    left: 180px;
}

header:not(.checkout).scrolling #menu-all .nav>li>a {
    font-size: 0;
    padding: 6px 0 14px;
    overflow: hidden;
    width: 22px;
    height: auto;
    line-height: 6px;
    white-space: nowrap;
}

header:not(.checkout).scrolling #menu-all .nav>li>a i {
    font-size: 22px;
}

header:not(.checkout).scrolling #menu,
header:not(.checkout).scrolling .menu-content .compare {
    display: none;
}

header:not(.checkout).scrolling #menu .nav>li>a {
    padding: 15px 0px;
}

header:not(.checkout).scrolling .header-right {
    margin-top: -8px;
}

header:not(.checkout).scrolling .login {
    width: 140px;
}

header:not(.checkout).scrolling .login span {
    max-width: 112px;
    font-size: 14px;
}

header:not(.checkout).scrolling #cart {
    padding-bottom: 12px;
}

header:not(.checkout).scrolling #search button {
    top: 2px;
}

header:not(.checkout).scrolling #search button i {
    font-size: 15px;
}

header:not(.checkout).scrolling #menu-dropdown {
    padding: 25px calc(118px + 6%);
}

.store-0 header:not(.checkout).scrolling .header-right {
    width: 26%;
}

.store-1 header {
    background-color: #977a7f;
}

.store-1 header .login {
    margin-top: 5px;
}

.store-1 #search {
    width: 28%;
    margin: 0;
    float: left;
}

.store-1 #search .input-lg {
    background: none;
    border-radius: 0;
    color: #fff;
    border-color: #fff;
}

.store-1 #search .input-lg::placeholder {
    color: #fff;
}

.store-1 #search button {
    color: #fff;
}

.store-1 #search button:hover {
    color: #ffd609;
}

.store-1 #search .live-search ul li .product-image {
    width: 15%;
}

.store-1 #search .live-search ul li .product-name {
    width: 85%;
}

.store-1 #search .live-search ul li .product-price {
    display: none;
}

.store-1 #logo {
    float: none;
    display: inline-block;
}

.store-1 #logo h1 {
    display: inline-block;
    vertical-align: middle;
}

.store-1 #logo span {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.store-1 .menu-content {
    border: none;
    background-color: #82696e;
}

.store-1 #menu .nav>li>a:hover,
.store-1 #menu .nav>li.open>a,
.store-1 #menu .dropdown:hover .dropdown-top,
.store-1 #menu-all .nav>li.dropdown:hover>a.dropdown-toggle,
.store-1 #menu-all .nav>li.dropdown:hover>a.dropdown-toggle i,
.store-1 .menu-content .compare:hover {
    color: #ffd609;
}

.store-1 #menu .nav>li>a:hover svg,
.store-1 #menu .nav>li.open>a svg,
.store-1 #menu .dropdown:hover .dropdown-top svg {
    fill: #ffd609 !important;
}

.store-1 #menu .nav>li>a:hover svg path,
.store-1 #menu .nav>li.open>a svg path,
.store-1 #menu .dropdown:hover .dropdown-top svg path {
    fill: #ffd609 !important;
}

.store-1 header:not(.checkout).scrolling #logo span {
    font-size: 17px;
}

.store-1 header:not(.checkout).scrolling #search {
    margin-left: 45px;
    width: 26%;
}

.store-1 header:not(.checkout).scrolling #menu-all {
    left: 15px;
}

.store-1 header:not(.checkout).scrolling #menu-all .nav>li>a {
    padding: 6px 0 14px;
}

.store-1 header:not(.checkout).scrolling .header-right {
    padding: 0;
    margin-top: -10px;
}

.store-1 header:not(.checkout).scrolling .login {
    margin-top: 2px;
}

.store-1 header:not(.checkout).scrolling #cart {
    padding: 7px 0;
}

.store-1 #cart {
    max-width: 124px;
    width: 100%;
}

.store-1 header .count {
    background: none;
    left: calc(100% - 19px);
    top: 4px;
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 16px;
}

.store-1 #cart i {
    float: left;
    margin-top: 6px;
}

.store-1 #cart span {
    font-size: 13px;
    line-height: 18px;
    margin-left: 21px;
    text-align: left;
    display: block;
}

/* -------------------- Ambience -------------------------------------------- */

.ambience-thumb {
    max-width: 100%;
    width: 46.92%;
    float: left;
}

.ambience-thumb+.box-module {
    float: left;
    width: 53%;
    margin: 0;
    padding-left: 6%;
}

.ambience-thumb+.box-module h1 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15%;
}

.product-ambience .page-top {
    margin-bottom: 0px;
}

.product-ambience .page-ambiente h2 {
    font-size: 17px;
    padding-top: 10px;
}

.other-ambience h3,
.product-ambience .page-ambiente h2 {
    text-transform: none;
}

.other-ambience h3::first-letter {
    text-transform: uppercase;
}

.ambience-thumb+.box-module+.box-module {
    clear: both;
    margin: 0;
    padding-top: 50px;
}

.alert-truck {
    padding: 15px 20px;
    font-size: 15px;
    background-color: #ff7b00;
    margin-bottom: 65px;
    color: #fff;
}

#truck-progress {
    width: 100%;
    height: 15px;
    border: none;
    margin-top: 10px;
}

#truck-progress::-webkit-progress-bar {
    background-color: #ffdfc2;
    border-radius: 10px;
}

#truck-progress::-webkit-progress-value {
    background: repeating-linear-gradient(45deg,
            #83c56e,
            #83c56e 10px,
            #2b9e07 10px,
            #2b9e07 20px);
    border-radius: 10px;
}

@media (max-width: 767px) {
    .ambience-thumb {
        width: 100%;
    }

    .ambience-thumb+.box-module {
        width: 100%;
        padding: 40px 0 0;
    }
}

/* ---------- Módulos ------------------------------------------------------- */

.minibanner-links {
    margin: auto;
    text-align: center;
}

.minibanner-links ul {
    text-decoration: none;
    padding: 0px;
    margin: auto;
    font-size: 0;
}

.minibanner-links li {
    display: inline-block;
    width: 33.33%;
    vertical-align: middle;
}

.minibanner-links img {
    width: 100%;
}

.imagem-right-slideshow {
    float: right;
}

.minibanner-single {
    display: block;
    max-width: 1170px;
    margin: auto;
}

.minibanner-3 ul {
    font-size: 0;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.minibanner-3 ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
}

.minibanner-home ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    font-size: 0;
}

.minibanner-home ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2%;
    width: 29%;
    max-width: 437px;
}

/* ---------- Footer -------------------------------------------------------- */

.visited-products {
    margin-bottom: -70px;
    background-color: #f7f7f7;
    padding: 20px 0 35px;
}

.visited-products .heading-title {
    margin-bottom: 30px;
}

.visited-products .heading-title h3:after {
    display: none;
}

.visited-products .slick-track {
    margin: 0;
}

.visited-products .product-list .slick-slide {
    background-color: #fff;
    padding: 15px;
    margin: 0 5px;
}

.visited-products .product-thumb {
    margin-bottom: 0;
}

.text-seo {
    display: flex;
    align-items: center;
    background-color: #1c1c1c;
    color: #fff;
    margin-top: 60px;
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}

.text-seo div {
    background: url(../image/seo.jpg) center no-repeat;
    background-size: cover;
    width: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

.text-seo article {
    float: left;
    width: 50%;
    padding: 40px;
    margin-left: 50%;
}

.text-seo article p:last-child {
    margin-bottom: 0px;
}

footer {
    clear: both;
    background-color: #191c21;
    color: #fff;
    margin-top: 70px;
}

footer .container {
    font-size: 0px;
}

footer .footer-column {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding-right: 25px;
    margin-bottom: 40px;
}

footer .footer-column:last-child {
    padding-right: 0px;
}

footer .footer-column:nth-child(1) {
    width: 23%;
}

footer .footer-column:nth-child(2) {
    width: 17%;
}

footer .footer-column:nth-child(3) {
    width: 24%;
}

footer .footer-column:nth-child(4) {
    width: 14%;
}

footer .footer-column:nth-child(5) {
    width: 22%;
}

footer .footer-column h5 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin: 40px 0px 15px;
}

footer .footer-column h5 i {
    display: none;
}

footer .footer-column ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

footer .footer-column .list li a {
    font-size: 13px;
    color: #1d1d1d;
}

footer .footer-column .icons li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

footer .footer-column .icons li a {
    font-size: 37px;
    color: #1d1d1d;
}

footer .footer-column img {
    max-width: 100%;
}

footer .footer-column>img,
footer .footer-column>a>img {
    margin: 12px 20px 0px 0px;
}

footer .footer-column h5+img,
footer .footer-column h5+a>img {
    margin-top: 0px;
}

footer .footer-column p {
    font-size: 13px;
    margin-top: 38px;
    line-height: 21px;
}

footer .footer-column a:hover {
    text-decoration: underline;
}

footer .go-to-store {
    background-color: #d55c2e;
    padding: 14px 15px;
    display: inline-block;
    margin-top: 20px;
    text-transform: none;
}

footer .go-to-store:hover,
footer .go-to-store.focus,
footer .go-to-store:focus,
footer .go-to-store:hover {
    background-color: #c5572e;
}

.store-1 footer .go-to-store {
    background-color: #191c21;
}

.store-1 footer .go-to-store:hover,
.store-1 footer .go-to-store.focus,
.store-1 footer .go-to-store:focus,
.store-1 footer .go-to-store:hover {
    background-color: #2f3238;
}

.credits {
    background-color: #fff;
    text-align: center;
    padding: 10px 0px;
}

.credits ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    font-size: 0px;
}

.credits ul li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 10px;
}

.credits ul li img {
    width: auto;
    height: auto;
}

.box-newsletter {
    background-color: #fff;
    padding: 60px 15px;
}

.box-newsletter .container {
    background-color: #e9571f;
    border-radius: 13px;
    text-align: center;
    padding: 20px;
}

.box-newsletter img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
}

.box-newsletter h4 {
    font-weight: normal;
    font-size: 21px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 27px;
    margin: 0 40px 0 28px;
}

.box-newsletter h4 strong {
    font-size: 23px;
}

.box-newsletter form {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 550px);
}

.box-newsletter form .input-group {
    display: block;
    font-size: 0;
}

.box-newsletter form .input-group input.form-control {
    background: none;
    border: 1px solid #fff;
    border-radius: 5px !important;
    height: 35px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    width: 37%;
    margin-right: 3%;
}

.box-newsletter form .input-group input.form-control::placeholder {
    color: #fff;
}

.box-newsletter form .btn {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 7px 10px;
}

#offer-day-products .offer-day-thumb {
    background-color: #000;
    position: fixed;
    top: calc(50% - 40px);
    left: 0px;
    cursor: pointer;
    width: 80px;
    height: 80px;
    z-index: 3;
    text-align: center;
    padding: 14px 0px;
    -webkit-animation: blink1 1.5s infinite;
    -moz-animation: blink1 1.5s infinite;
    animation: blink1 1.5s infinite;
}

@-webkit-keyframes blink1 {
    0% {
        background-color: #e01675;
    }

    49% {
        background-color: #e01675;
    }

    50% {
        background-color: #000;
    }

    99% {
        background-color: #000;
    }

    100% {
        background-color: #e01675;
    }
}

@-moz-keyframes blink1 {
    0% {
        background-color: #e01675;
    }

    49% {
        background-color: #e01675;
    }

    50% {
        background-color: #000;
    }

    99% {
        background-color: #000;
    }

    100% {
        background-color: #e01675;
    }
}

@keyframes blink1 {
    0% {
        background-color: #e01675;
    }

    49% {
        background-color: #e01675;
    }

    50% {
        background-color: #000;
    }

    99% {
        background-color: #000;
    }

    100% {
        background-color: #e01675;
    }
}

@-webkit-keyframes blink2 {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    50% {
        color: #e01675;
    }

    99% {
        color: #e01675;
    }

    100% {
        color: #fff;
    }
}

@-moz-keyframes blink2 {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    50% {
        color: #e01675;
    }

    99% {
        color: #e01675;
    }

    100% {
        color: #fff;
    }
}

@keyframes blink2 {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    50% {
        color: #e01675;
    }

    99% {
        color: #e01675;
    }

    100% {
        color: #fff;
    }
}

#offer-day-products .offer-day-thumb a {
    display: none;
    background-color: #ab1d1d;
    color: #fff;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 12px;
    line-height: 8px;
    padding: 2px 4px 4px;
    border-radius: 10px;
}

#offer-day-products .offer-day-thumb:hover a {
    display: block;
}

#offer-day-products .offer-day-thumb span {
    display: block;
    color: #e01675;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 17px;
    -webkit-animation: blink2 1.5s infinite;
    -moz-animation: blink2 1.5s infinite;
    animation: blink2 1.5s infinite;
}

#offer-day-products .offer-day-thumb strong {
    display: block;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
}

#offer-day-products .top {
    background-color: #ff5612;
    color: #fff;
    text-align: center;
    padding: 20px 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-width: 455px;
}

#offer-day-products .top .offer-day-close {
    background: none;
    border: none;
    position: absolute;
    top: 15px;
    right: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#offer-day-products .top strong {
    display: block;
    margin-top: 55px;
    font-size: 25px;
    line-height: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#offer-day-products .top p {
    font-size: 17px;
    margin-top: 25px;
    margin-bottom: 0px;
}

#offer-day-products .top p span {
    display: block;
    color: #ffe24b;
    line-height: 50px;
    font-size: 23px;
}

#offer-day-products .offer-day-content {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    background-color: #fff;
    box-shadow: 1px 1px 22px -3px #000;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 0px;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#offer-day-products .offer-day-content.active {
    display: block;
    width: 455px;
}

#offer-day-products .products {
    overflow: auto;
    padding: 0px 15px;
    min-width: 455px;
    height: calc(100% - 235px);
}

#offer-day-products .products .product-layout {
    position: relative;
    width: 49%;
    margin-top: 35px;
    display: inline-block;
    vertical-align: top;
}

#btn-whatsapp {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: rgb(0, 164, 0);
    color: rgb(255, 255, 255);
    font-size: 30px;
    line-height: 25px;
    z-index: 9;
    padding: 10px 15px;
    border-radius: 48px;
    width: 183px;
}

#btn-whatsapp i {
    display: inline-block;
    vertical-align: middle;
}

#btn-whatsapp span {
    font-size: 13px;
    font-weight: 400;
    width: 115px;
    display: inline-block;
    vertical-align: middle;
    line-height: 17px;
    margin-left: 11px;
    text-transform: uppercase;
}

.store-1 footer {
    background-color: #977a7f;
}

.store-1 footer .contact {
    background-color: #82696e;
}

.store-1 .site-seguro {
    background-color: #82696e;
}

/* ---------- Product List -------------------------------------------------- */

.product-list {
    clear: both;
    font-size: 0px;
    margin: 0 -22px;
}

.product-spot {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.product-spot:not(.slick-slide) {
    width: 25%;
    padding: 0 22px;
    border-right: 1px solid #e8e8e8;
}

.product-spot:not(.slick-slide):nth-child(4n + 0) {
    border: none;
}

.product-thumb {
    margin-bottom: 40px;
}

.product-thumb .image {
    text-align: center;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.product-thumb .image a {
    display: block;
    position: relative;
    max-width: 260px;
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.product-thumb .image img.thumb-back {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.product-thumb:hover img.thumb-back {
    opacity: 1;
}

.button-cart-spot {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    padding: 10px;
    transition: all 0.5s;
    z-index: 1;
}

.common-home .button-cart-spot {
    display: none !important;
}

.product-thumb:hover a {
    color: #ff5612;
}

#content .nothing-found {
    margin: auto;
    max-width: 845px;
    margin-top: 20px;
    margin-bottom: 50px;
}

#content .nothing-found img {
    float: left;
}

#content .nothing-found p {
    margin-left: 85px;
    font-size: 25px;
    font-style: italic;
    line-height: 30px;
}

#content .nothing-found p span {
    font-weight: 600;
}

.product-grid .product-thumb .image {
    float: none;
}

.product-thumb h4 {
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    overflow: hidden;
    color: #0f1108;
}

.product-spot a:hover h4 {
    color: #ff5612;
}

.product-thumb .caption {
    text-align: left;
    margin-top: 15px;
}

.product-thumb .rating {
    padding-bottom: 10px;
}

.rating {
    margin-top: 10px;
    min-height: 25px;
}

.rating a {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
}

.rating .fa-stack {
    font-size: 9px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 18px;
}

.rating .fa-star {
    color: #ffc107;
    font-size: 15px;
}

.rating .fa-star+.fa-star-o {
    color: #f1b605;
}

.manufacturer {
    font-weight: bold;
    margin-top: 15px;
    display: block;
}

.price-payment-spot {
    display: block;
    font-size: 13px;
    color: #e9571f;
    line-height: 15px;
    font-weight: 500;
}

.price-payment-spot small {
    display: block;
}

.product-thumb .caption>span {
    display: block;
    font-size: 12px;
    color: #707070;
}

.product-thumb .price {
    margin: 8px 0px 2px;
    line-height: 18px;
}

.product-thumb .price-normal {
    color: #000000;
    font-size: 14px;
    display: block;
    font-weight: 600;
}

.product-thumb .price-normal.price-boleto {
    font-size: 17px;
    color: #e9571f;
    margin-bottom: 3px;
}

.product-thumb .price span i {
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #707070;
}

.product-oferta .price-normal.price-boleto {
    color: #d72424;
}

.product-thumb .price-old {
    text-decoration: line-through;
    display: inline-block;
    font-size: 15px;
    color: #707070;
    margin-right: 10px;
}

.product-thumb .price-old+.price-normal {
    font-size: 18px;
    display: inline-block;
    color: #d72424;
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
}

.product-thumb small {
    display: block;
    font-size: 13px;
    color: #707070;
}

.product-thumb .price small {
    display: block;
    margin-bottom: 5px;
}

.button-adult-content {
    float: right;
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 100;
    font-style: italic;
}

.button-adult-content small {
    z-index: 1;
    font-size: 17px;
    padding: 0px 5px;
}

.button-adult-content.adult-content-on {
    background-color: #272727;
    color: #fff;
}

.button-adult-content.adult-content-on:hover {
    background-color: #000;
}

.button-adult-content.adult-content-off {
    background-color: #ff5612;
    color: #fff;
}

.button-adult-content.adult-content-off:hover {
    background-color: #cc3d5a;
}

#button-filter-open {
    background: none;
    border: none;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}

#button-filter {
    display: none;
}

.ambience-list .ambience-spot .product-list {
    display: none;
    position: absolute;
    top: 15%;
    left: 22px;
    width: 60%;
    min-width: 200px;
}

.ambience-list .ambience-spot:hover .product-list {
    display: block;
}

.ambience-list .ambience-spot .product-list::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.ambience-list .ambience-spot:hover>a::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 0.43);
}

.ambience-list .ambience-spot .product-list .product-spot {
    display: block;
    margin: 0 0 10px;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    box-shadow: 1px 1px 3px -1px #525252;
}

.ambience-list .ambience-spot .product-list .product-spot .thumb {
    opacity: 1 !important;
}

.ambience-list .ambience-spot .product-list .product-spot .product-tag,
.ambience-list .ambience-spot .product-list .product-spot .thumb-back {
    display: none !important;
}

.ambience-list .ambience-spot .product-list .product-spot>a {
    display: block;
}

.ambience-list .ambience-spot .product-list .product-spot .product-thumb {
    font-size: 0;
    margin: 0;
}

.ambience-list .ambience-spot .product-list .product-spot .image {
    display: inline-block;
    vertical-align: middle;
    width: 17%;
}

.ambience-list .ambience-spot .product-list .product-spot .caption {
    display: inline-block;
    vertical-align: middle;
    width: 83%;
    margin: 0;
    padding-left: 10px;
}

.ambience-list .ambience-spot .product-list .product-spot h4 {
    -webkit-line-clamp: 1;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
}

.ambience-list .ambience-spot .product-list .product-spot .price {
    margin: 0;
}

.ambience-list .ambience-spot .product-list .product-spot .price * {
    font-size: 10px;
    font-weight: normal;
}

.ambience-list .ambience-spot .product-list .product-spot small {
    display: none;
}

#ambiences-slide article {
    margin: 0 15px;
}

#ambiences-slide article img {
    max-width: 100%;
}

/* ---------- Product ------------------------------------------------------- */

.page-product-top {
    padding: 8px 0px;
    text-align: left;
}

.page-product-top .breadcrumb {
    position: static;
}

.page-product-info {
    float: left;
    width: 100%;
    clear: both;
}

.page-product-images {
    float: left;
    width: 53%;
    position: relative;
}

.page-product-thumbs {
    width: 16%;
    padding-right: 10px;
    float: left;
}

.page-product-thumbs a {
    margin-bottom: 10px;
    display: none;
    position: relative;
}

.page-product-thumbs a:nth-child(1),
.page-product-thumbs a:nth-child(2),
.page-product-thumbs a:nth-child(3),
.page-product-thumbs a:nth-child(4),
.page-product-thumbs a:nth-child(5) {
    display: block;
}

.page-product-thumbs a .video {
    display: none;
}

.page-product-thumbs a .over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(233 87 31 / 52%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 140%;
}

.page-product-img {
    float: right;
    width: 76%;
}

.page-product-img.product-loading {
    overflow: hidden;
    position: relative;
}

.page-product-img.product-loading::before {
    content: " ";
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 584px;
    display: flex;
    align-items: center;
    z-index: 1;
}

.page-product-img.product-loading::after {
    content: "\f110";
    font-size: 40px;
    color: #ff5612;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    animation: fa-spin 2s infinite linear;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    z-index: 2;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
}

.page-product-img a {
    padding: 0px;
    border: none;
    position: relative;
}

.page-product-img a img,
.page-product-img a .zoomWrapper {
    margin: auto;
    display: block;
    max-width: 100%;
}

.page-product-options {
    float: left;
    width: 47%;
    padding-left: 5%;
}

.page-product-options h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #0f1108;
}

.page-product-thumbs .product-video::after,
.page-product-img .product-video::after {
    content: "\f144";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: #463232;
    background-color: rgb(255 255 255 / 34%);
}

.page-product-img .product-video::after {
    font-size: 70px;
}

.pswp--ope.pswp--visible.pswp--animated-in .pswp__top-bar {
    opacity: 1 !important;
}

.pswp-video {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 658px;
    max-height: 658px;
}

.pswp-video iframe {
    width: 100%;
    height: 100%;
}

.pswp-video-container .pswp__img {
    opacity: 0;
    visibility: hidden;
}

.zoomContainer {
    z-index: 2;
}

.zoomWindow {
    border-width: 1px !important;
}

.encomenda-alert {
    display: block;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
}

.short-description {
    margin-top: 25px;
}

.short-description,
.short-description * {
    font-size: 15px !important;
    line-height: 21px !important;
    color: #0f1108 !important;
    background: none !important;
    font-family: "Roboto", Arial, sans-serif !important;
    text-align: justify !important;
    letter-spacing: 0 !important;
}

#product strong {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
}

#product .text-option {
    font-weight: bold;
}

#product .related-option {
    text-align: center;
    max-width: 425px;
    width: 100%;
    padding: 10px 0px;
    float: left;
    clear: both;
}

#product .related-option table {
    max-width: 447px;
}

#product .related-option table thead td:first-child {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#product .related-option table thead td:first-child i {
    display: block;
    text-align: center;
    line-height: 8px;
    font-size: 20px;
}

#product .related-option table thead td {
    text-align: center;
    padding-bottom: 5px;
}

#product .related-option table thead td span {
    color: #ff5612;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 33px;
    padding: 5px 0px;
    text-align: center;
}

#product .related-option table tbody tr {
    height: 45px;
}

#product .related-option table tbody td {
    padding: 1px 0px;
    position: relative;
    min-width: 75px;
}

#product .related-option table tbody tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

#product .related-option table select {
    font-size: 16px;
    width: 100%;
    max-width: 53px;
    height: 30px;
    margin: auto;
    padding: 0px 3px;
}

#product .related-option table select.has-error {
    border: 1px solid #d72424;
}

#product .related-option table .fa-ban {
    color: #ff5612;
    font-size: 22px;
    line-height: 32px;
}

#product .related-option table .color-image {
    border: 1px solid #dadada;
}

#product .related-option table .color-zoom {
    display: none;
    position: absolute;
    z-index: 1;
    top: -57px;
    right: -145px;
    border: 1px solid #dadada;
}

#product .related-option table .color-zoom img {
    display: block;
}

#product .related-option table .color-zoom small {
    display: block;
    background-color: #eee;
    font-size: 11px;
}

#product .cart-product {
    padding: 25px 15px;
    border: 1px solid #e1e1e1;
    text-align: center;
    max-width: 490px;
    width: 100%;
    float: left;
    clear: both;
}

#product .cart-product #cart {
    float: none;
    width: auto;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px;
}

#product .cart-product #cart .text {
    font-size: 17px;
    line-height: 24px;
}

#product .cart-product #cart .icon {
    margin-top: 7px;
}

#product .cart-product strong {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 20px;
}

#product .cart-product p {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

#product .cart-product .buttons a {
    margin: 0px 12px 10px;
    padding: 10px 20px 9px;
    display: inline-block;
}

#product .cart-product span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 30px;
}

#product .cart-product .another-products .product-layout {
    width: 33.33%;
    clear: none;
}

#product .cart-product .another-products .product-layout .latest-tag,
#product .cart-product .another-products .product-layout .special-tag {
    font-size: 9px;
    line-height: 9px;
    width: 35px;
    height: 35px;
    padding-top: 9px;
}

#product .cart-product .another-products .product-thumb .caption {
    padding: 0px;
}

#product .cart-product .another-products .product-thumb h4 {
    font-size: 13px;
    line-height: 18px;
}

#product .cart-product .another-products .product-thumb span {
    margin: 0px;
    font-size: 15px;
}

#product .cart-product .another-products .product-thumb .rating span {
    display: inline-block;
    width: 22px;
    height: 18px;
}

#product .cart-product .another-products .product-thumb .price-old {
    font-size: 12px;
}

#button-measurement-chart a {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 20px;
}

#button-measurement-chart a i {
    margin-right: 10px;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}

.btn-wishlist {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 20px;
}

.btn-wishlist i {
    margin-right: 10px;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}

#product {
    margin-top: 25px;
}

#product .control-label {
    margin-bottom: 5px;
    font-size: 13px;
    color: #707070;
}

#product .alert-buttons {
    float: none;
}

#shipping-product-calc {
    margin-top: 35px;
}

#shipping-product-calc #button-calculate {
    padding: 0 15px;
    background-color: #337ab7;
}

#shipping-product-calc #shipping-result {
    margin-top: 25px;
}

#shipping-product-calc #shipping-result h4 {
    font-family: "Roboto", Arial, sans-serif !important;
    margin: 15px 0;
}

#shipping-product-calc #shipping-result h4 span {
    font-size: 14px !important;
    line-height: 19px !important;
    color: #0f1108 !important;
}

.box-quantity-content a {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 35px;
    background-color: #0f1108;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 25px;
    border-radius: 5px;
}

.box-quantity-content .btn-quantity-minus {
    font-size: 40px;
    line-height: 32px;
}

.box-quantity-content input {
    min-width: 50px;
    width: 80px;
    height: 35px;
    border: 1px solid #ababab;
    border-radius: 5px;
    text-align: center;
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
}

#product .form-group {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0px;
    margin-bottom: 0px;
}

#product .load-horizontal {
    background: url(../image/load-horizontal.gif) left 13px #fff no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#product .text-danger {
    margin-bottom: 10px;
}

#product div+.text-danger {
    margin-top: -5px;
}

#product .input-option {
    position: relative;
}

#product .input-option .zoom {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(50% - 40px);
    width: 80px;
}

#product .input-option .zoom img {
    padding: 3px;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 5px;
}

#product .input-option .radio:not(.disabled):hover .zoom {
    display: block;
}

#product .input-option.unable::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#product .input-option.unable .radio {
    opacity: 0.3;
}

#product .input-option .radio {
    display: inline-block;
    margin: 0px 18px 15px 0px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid #707070;
    border-radius: 5px;
}

#product .input-option .radio.disabled {
    opacity: 0.3;
}

#product .input-option .radio label {
    text-align: center;
    position: relative;
    padding-left: 0px;
}

#product .input-option .radio label .color {
    padding: 4px 7px;
    border: 2px solid #fff;
    min-height: 38px;
    border-radius: 5px;
}

#product .input-option .radio.active,
#product .input-option .radio:not(.disabled):hover {
    border-color: #e9571f;
    color: #e9571f;
}

#product .input-option .radio label .color div {
    height: 20px;
    width: 20px;
    border-radius: 3px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #707070;
}

#product .input-option .radio label .color small {
    font-size: 15px;
}

#product .input-option .radio .img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
    border: none;
}

#product .input-option .radio span {
    line-height: 34px;
    display: block;
    border-radius: 3px;
    margin: 2px;
    min-width: 34px;
    padding: 0 10px;
}

#product .total-price {
    display: inline-block;
}

#product .alert-box {
    max-width: 490px;
}

#product .product-sale-store {
    border: 1px solid #7892b2;
    background-color: #f7f7f6;
    text-align: center;
    padding: 20px 10px;
    border-radius: 5px;
}

#product .product-sale-store strong {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 12px;
}

#product .product-sale-store p {
    color: #606060;
}

#product .product-sale-store a {
    position: relative;
    width: 100%;
    max-width: 345px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
}

#product .product-sale-store a i {
    font-size: 25px;
    margin-right: 10px;
}

#product .total-price small {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

#product .total-price .total-quantity-product {
    font-size: 15px;
    margin-bottom: 5px;
}

#product .total-price span {
    display: block;
    text-decoration: line-through;
    font-size: 18px;
    margin-bottom: 10px;
}

#product .total-price strong {
    display: block;
    font-size: 30px;
    color: #ff5612;
    font-weight: bold;
}

#product .alert-item {
    top: calc(50% - 35px);
    left: -300px;
    width: 275px;
    padding: 28px;
}

#button-cart {
    position: relative;
    width: 100%;
    max-width: 345px;
    margin-top: 40px;
}

#button-compare {
    font-size: 14px;
    color: #000;
    background: none;
    border: none;
    margin-top: 30px;
}

#button-compare:hover {
    color: #e9571f;
}

#button-compare i {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

#product .cart-product .cart-product-total {
    font-size: 35px;
    display: block;
    margin-top: 5px;
    color: #ff5612;
    line-height: 38px;
    margin-bottom: 5px;
}

#product .cart-product .cart-payment-info {
    font-size: 17px;
    margin: 0px;
    line-height: 22px;
}

.share-social {
    padding: 0px;
    margin: 40px 0px 0px;
    list-style-type: none;
}

.share-social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.share-social li:last-child {
    margin-right: 0px;
}

.share-social li a {
    font-size: 20px;
    background-color: #a2a2a2;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    line-height: 40px;
    border-radius: 25px;
}

.share-social li a:hover {
    background-color: #ff5612;
}

.product-out-stock {
    display: block;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 23px;
    font-weight: normal;
    text-transform: uppercase;
}

.stock-notification h3 {
    font-size: 15px;
}

.stock-notification .msg-box p {
    margin: 0;
    font-size: 13px;
}

.stock-notification .msg-box p.error {
    color: red;
}

.stock-notification .msg-box p.success {
    color: green;
    font-size: 14px;
}

.stock-notification input {
    display: inline-block;
    width: calc(100% - 140px);
}

.stock-notification button {
    float: right;
    width: 130px;
    padding: 10px 15px 9px;
}

#content .top-price {
    margin-top: 30px;
}

#content .top-price small {
    color: #707070;
    font-size: 15px;
    display: block;
    height: 25px;
    margin-bottom: 4px;
}

#content .top-price span {
    display: inline-block;
    text-decoration: line-through;
    font-size: 18px;
    margin-right: 10px;
}

#content .top-price strong {
    font-size: 20px;
    display: block;
    color: #0f1108;
    font-weight: normal;
    line-height: 25px;
}

#content .top-price strong i {
    font-style: normal;
    font-size: 15px;
    color: #0f1108;
}

#content .top-price strong.price-boleto {
    font-size: 25px;
    color: #e9571f;
    margin-bottom: 2px;
}

#content .top-price.product-oferta strong.price-boleto {
    color: #d72424;
}

#content .top-price .installments {
    margin: 0;
    font-size: 15px;
}

#content .total-payments p {
    text-align: right;
    margin: 0px;
    font-size: 15px;
    line-height: 22px;
}

#product .form-group .box-quantity {
    margin-top: 15px;
}

#tab-set-review .rating div {
    cursor: pointer;
    float: left;
    padding-right: 12px;
}

#tab-set-review .rating div span {
    vertical-align: top;
}

#tab-set-review .rating .star-1,
#tab-set-review .rating div.active .star-0 {
    display: none;
}

#tab-set-review .rating div.active .star-1 {
    display: block;
}

#tab-set-review .rating div span i {
    font-size: 25px;
}

#tab-review table,
#tab-review table tr,
#tab-review table td {
    border: none;
    padding: 0px;
}

#tab-review p {
    margin-bottom: 0px;
}

#tab-review .rating {
    margin-top: 5px;
    margin-bottom: 10px;
    float: right;
}

#tab-review .answer {
    border-left: 2px solid;
    padding-left: 15px;
    margin-top: 10px;
    padding-top: 15px;
    margin-bottom: 25px;
}

.product-tigre-showcase {
    margin-top: 40px;
    clear: both;
    float: left;
    width: 100%;
}

.product-attributes {
    float: left;
    width: 100%;
    clear: both;
    font-size: 15px;
    line-height: 25px;
    margin-top: 40px;
}

.product-attribute {
    float: left;
    width: 47%;
    margin-right: 5%;
}

.product-attribute:last-child {
    margin-right: 0;
}

.product-attributes h3 {
    margin: 0px 0px 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff5612;
}

.product-attributes h4 {
    margin: 0px 0px 20px;
    font-size: 18px;
    font-weight: 700;
}

.product-attributes .description+h4 {
    margin-top: 30px;
}

.product-attributes .description,
.product-attributes .description * {
    font-size: 14px !important;
    line-height: 24px !important;
    color: #0f1108 !important;
    background: none !important;
    font-family: "Roboto", Arial, sans-serif !important;
    max-width: 100% !important;
    letter-spacing: 0 !important;
    text-align: justify !important;
}

.product-attribute table {
    width: 100%;
}

.product-attribute table td {
    width: 50%;
    background-color: #f7f7f7;
    font-size: 14px;
    line-height: 17px;
    padding: 6px 20px;
}

.product-attribute table tr:nth-child(even) td {
    background-color: #e2e2e2;
}

.product-attribute table tr td:first-child {
    font-weight: bold;
}

.product-files {
    float: left;
    width: 100%;
    clear: both;
    font-size: 15px;
    line-height: 25px;
    margin-top: 40px;
}

.product-files h4 {
    margin: 0px 0px 20px;
    font-size: 18px;
    font-weight: 700;
}

.product-files ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.product-files ul li {
    margin-bottom: 10px;
}

.product-files ul li a {
    text-decoration: underline;
}

.product-related,
.product-complementary {
    float: left;
    width: 100%;
    clear: both;
}

.product-related .slick-track,
.product-complementary .slick-track {
    margin: 0;
}

.product-buy-together {
    float: left;
    width: 100%;
    clear: both;
}

.product-buy-together ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: right;
    font-size: 0px;
    float: left;
    width: calc(100% - 350px);
}

.product-buy-together ul li {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin-left: 5%;
    text-align: center;
}

.product-buy-together ul li.plus {
    width: 45px;
    font-size: 80px;
    line-height: 45px;
    display: inline-block;
    color: #1c1c1c;
    margin-top: 22%;
}

.product-buy-together ul li:last-child {
    display: none;
}

.product-buy-together ul li>img {
    max-width: 100%;
}

.product-buy-together ul li h4 {
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    margin: 15px 0px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    overflow: hidden;
}

.product-buy-together ul li .options {
    margin-top: 25px;
}

.product-buy-together .form-group {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0px;
    margin-bottom: 0px;
}

.product-buy-together .form-group .control-label {
    display: inline-block;
    margin-right: 20px;
}

.product-buy-together .load-horizontal {
    background: url(../image/load-horizontal.gif) center left #fff no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: 1;
}

.product-buy-together .text-danger {
    margin-top: -12px;
    margin-bottom: 10px;
}

.product-buy-together .input-option {
    position: relative;
    display: inline-block;
}

.product-buy-together .input-option .zoom {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: calc(50% - 54px);
}

.product-buy-together .input-option .zoom img {
    padding: 3px;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 55px;
}

.product-buy-together .input-option .radio:not(.disabled):hover .zoom {
    display: block;
}

.product-buy-together .input-option .radio {
    display: inline-block;
    margin: 0px 20px 20px 0px;
    min-height: 40px;
    min-width: 40px;
    border: 1px solid #707070;
    border-radius: 25px;
}

.product-buy-together .input-option .radio:last-child {
    margin-right: 0px;
}

.product-buy-together .input-option .radio.disabled {
    opacity: 0.3;
}

.product-buy-together .input-option .radio label {
    text-align: center;
    position: relative;
    padding-left: 0px;
}

.product-buy-together .input-option .radio .img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 29px;
    border: none;
}

.product-buy-together .input-option .radio.active .img-thumbnail,
.product-buy-together .input-option .radio:not(.disabled):hover .img-thumbnail {
    background-color: #e9571f;
}

.product-buy-together .input-option .radio span {
    line-height: 34px;
    display: block;
    border-radius: 25px;
    margin: 2px;
    min-width: 34px;
}

.product-buy-together .input-option .radio.active span,
.product-buy-together .input-option .radio:not(.disabled):hover span {
    background-color: #e9571f;
    color: #fff;
}

.product-buy-together .total {
    float: right;
    width: 270px;
    margin-top: 12%;
}

.product-buy-together .total p {
    font-size: 25px;
}

.product-buy-together .total p span {
    color: #ff5612;
}

.product-buy-together .total button {
    display: block;
    width: 100%;
    margin-top: 30px;
}

.product-buy-together .alert-buttons {
    width: 100%;
}

.product-buy-together .alert-item {
    top: calc(50% - 38px);
    left: -300px;
    width: 275px;
    padding: 28px;
}

/* ---------- Compare ------------------------------------------------------- */

.compare-products {
    overflow-x: auto;
    clear: both;
    overflow-y: hidden;
    width: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.table-compare {
    width: 100%;
    max-width: 100%;
    min-width: 600px;
}

.table-compare td {
    font-size: 13px;
}

.table-compare h3,
.table-compare td.description {
    max-width: 400px;
}

.table-compare tr:nth-child(odd) td,
.table-compare tr.product td {
    background-color: #ddd;
}

.table-compare tr.product a {
    background-color: #fff;
    display: inline-block;
    text-align: center;
    padding: 25px 15px;
}

.table-compare h3 {
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0 0;
}

.table-compare .button-remove {
    color: red;
}

.table-compare .button-remove:hover {
    text-decoration: underline;
}

/* ---------- Account ------------------------------------------------------- */

body[class^="account"] {
    background-color: #f6f6f6;
}

#login-facebook {
    background-color: #3a559f;
}

#login-facebook:hover {
    background-color: #314886;
}

#login-google {
    background-color: #dd4b39;
}

#login-google:hover {
    background-color: #c34233;
}

#btn-login-email,
#btn-guest-email {
    margin-top: 20px;
}

.btn-register {
    border: 1px solid;
    display: block;
    min-height: 54px;
    line-height: 35px;
    font-size: 16px;
    margin-top: 109px;
}

.box-login {
    max-width: 495px;
    margin: auto;
}

.box-login .checkbox-inline,
.box-login .radio-inline {
    font-size: 15px;
    padding-left: 0px;
}

.account-login h2,
.account-register h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 15px;
}

.account-login #form-login {
    padding-top: 10px;
}

.account-login #form-login p a {
    color: #ff5612;
    text-decoration: none;
}

.account-login #form-login p a:hover {
    text-decoration: underline;
}

#content .login {
    text-align: center;
}

#form-login-questions {
    margin-bottom: 30px;
}

#form-login-questions ul {
    list-style-type: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#form-login-questions label {
    cursor: pointer;
    margin: 0;
    border: 1px solid;
    padding: 10px 12px;
    border-radius: 4px;
}

.list-account h2 {
    color: #ff5612;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    margin: 0px;
}

.list-account .list-account-box {
    padding: 5px 0px;
    margin: 0px;
}

.list-account .list-account-box li {
    list-style-type: none;
}

.list-account .list-account-box li a {
    font-size: 14px;
    border: none;
    padding: 10px;
    margin: 0px 5px;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 0px;
}

.list-account .list-account-box li a:hover,
.list-account .list-account-box li a:focus {
    color: #ff5612;
    background: none;
}

.list-account .list-account-box li:last-child a {
    border: none;
}

.list-account .list-account-box li a i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
    font-size: 16px;
}

.page-account .load-total {
    background-color: #fff;
    height: 100px;
}

.page-account table.table-order-detail tbody td {
    width: 50%;
}

.page-account table.table-address tbody td {
    width: 50%;
    vertical-align: top;
}

.page-account table thead td {
    background-color: #1d1d1d;
    color: #fff;
}

.page-account h1 {
    margin-bottom: 5px;
    margin-top: 0px;
}

.page-account h2 {
    font-size: 17px;
    margin: 0px;
    margin-bottom: 25px;
}

.page-account .last-order h4,
.page-account .orders h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 0px 0px 15px;
    color: #1c1c1c;
    text-transform: uppercase;
    text-align: left;
}

.last-order {
    border-bottom: 1px solid #707070;
    margin-bottom: 35px;
}

#content .order-list {
    padding: 0px;
    margin: 0px;
}

#content .order-list li {
    list-style-type: none;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

#content .order-list li table {
    width: 100%;
}

#content .order-list li .order-list-column {
    width: 20%;
    text-align: left;
    border-right: 2px solid #f6f6f6;
    padding: 10px;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#content .order-list li .order-list-column:first-child {
    padding-left: 0px;
}

#content .order-list li .order-list-column:last-child {
    border: none;
    padding-right: 0px;
}

#content .order-list li .order-list-column .btn {
    font-size: 13px !important;
    padding: 5px 15px;
    margin: auto;
}

#content .order-list li .order-list-column .btn i {
    margin-left: 0;
}

#content .order-list li .order-list-column strong {
    font-size: 14px;
    display: block;
    font-weight: 600;
}

#content .order-list li .order-list-column p {
    font-size: 13px;
    margin: 0px;
}

#content .order-list li .order-list-column-01 span {
    display: block;
    color: #ff5612;
    font-size: 15px;
    font-weight: 600;
}

#content .order-list li .order-list-column-01 b {
    display: block;
    color: #ff5612;
    font-size: 14px;
}

#content .order-list li .order-list-column-02 span {
    display: block;
    color: #ff5612;
    font-size: 17px;
    margin-top: 5px;
}

#content .order-list li .order-list-column-03 {
    position: relative;
    width: 25%;
}

#content .order-list li .order-list-column-03 span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    line-height: 22px;
    font-weight: 600;
}

#content .order-list li .order-list-column-03 .btn {
    margin-top: 10px;
}

#content .order-list li .order-list-status::before {
    content: " ";
    display: block;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 0px;
    width: 100%;
    border-radius: 15px;
}

#content .order-list li .order-list-status-1::before {
    background-color: #fe9d0c;
}

#content .order-list li .order-list-status-1 span {
    color: #fe9d0c;
}

#content .order-list li .order-list-status-1 a,
#content .order-list li .order-list-status-1 .btn {
    background-color: #fe9d0c;
}

#content .order-list li .order-list-status-2::before {
    background-color: #b51462;
}

#content .order-list li .order-list-status-2 span {
    color: #b51462;
}

#content .order-list li .order-list-status-2 a {
    background-color: #b51462;
}

#content .order-list li .order-list-status-3::before {
    background-color: #f1c40f;
}

#content .order-list li .order-list-status-3 span {
    color: #f1c40f;
}

#content .order-list li .order-list-status-3 a {
    background-color: #f1c40f;
}

#content .order-list li .order-list-status-17::before {
    background-color: #b51462;
}

#content .order-list li .order-list-status-17 span {
    color: #b51462;
}

#content .order-list li .order-list-status-17 a {
    background-color: #b51462;
}

#content .order-list li .order-list-status-5::before {
    background-color: #2ac564;
}

#content .order-list li .order-list-status-5 span {
    color: #2ac564;
}

#content .order-list li .order-list-status-5 a {
    background-color: #2ac564;
}

#content .order-list li .order-list-status-7::before {
    background-color: #e84c3d;
}

#content .order-list li .order-list-status-7 span {
    color: #e84c3d;
}

#content .order-list li .order-list-status-7 a {
    background-color: #e84c3d;
}

#content .order-list li .order-list-status-expired::before {
    background-color: #f33d93;
}

#content .order-list li .order-list-status-expired span {
    color: #f33d93;
}

#content .order-list li .order-list-status-expired a {
    background-color: #f33d93;
}

#content .order-list li .order-list-column-04 {
    width: calc(23% - 41.25px);
}

#content .order-list li .order-list-column-04 span {
    display: block;
    font-size: 18px;
    line-height: 24px;
}

#content .order-list li .order-list-column-05 {
    width: 165px;
    vertical-align: middle;
    text-align: right;
}

.popup-bb-pix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(25 28 33 / 0.85);
    z-index: 99999999;
    display: none;
    align-items: center;
    justify-content: center;
}

.popup-bb-pix.active {
    display: flex;
}

.popup-bb-pix div {
    background-color: #fff;
    position: relative;
    padding: 35px;
}

.popup-bb-pix div .popup-bb-pix-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #191c21 !important;
    color: #fff;
    font-size: 23px;
    padding: 0 9px 3px;
}

.popup-bb-pix div .button-pix-code {
    background: none;
    border: 1px solid;
    border-radius: 5px;
    font-size: 16px;
    padding: 2px 15px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.page-account .box-login {
    margin: 0px;
}

.page-account .last-order .view-orders {
    font-size: 13px !important;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.page-account .box-account {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 40px;
}

.page-account .box-account h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 0px 0px 15px;
    color: #1c1c1c;
    text-transform: uppercase;
}

.page-account .box-account-left {
    float: left;
    width: 49%;
    margin-right: 2%;
    clear: none;
}

.page-account .box-account-right {
    float: right;
    width: 49%;
    clear: none;
}

.page-account .box-account .info {
    padding: 0px;
    margin: 0px;
    line-height: 23px;
    float: left;
    margin-right: 25px;
}

.page-account .box-account .info li {
    list-style-type: none;
    font-size: 15px;
}

.page-account .box-account .social {
    padding: 0px;
    margin: 0px;
    float: right;
    line-height: 25px;
}

.page-account .box-account .social li {
    list-style-type: none;
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
}

.page-account .box-account .social li:first-child {
    display: block;
}

.page-account .box-account .social li i {
    font-size: 35px;
}

.page-account .box-account .social li i.fa-facebook-square {
    color: #3a559f;
}

.page-account .box-account .social li i.fa-google-plus-square {
    color: #dd4b39;
}

.page-account .box-account span {
    clear: both;
    font-size: 13px;
    display: block;
    padding-top: 10px;
}

.page-account .box-account .btn {
    font-size: 13px !important;
    padding: 5px 15px;
    margin-top: 20px;
}

.page-account .box-account .buttons {
    clear: both;
    padding-top: 7px;
    min-height: 32px;
    margin-bottom: 0px;
}

.page-account .box-account p {
    margin: 0px;
}

.page-account .box-account ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
}

.page-account .box-account li {
    list-style-type: none;
}

.page-account .box-account textarea {
    height: 120px;
    margin-top: 10px;
}

.list-account h3 {
    display: none;
    margin: 0px;
    padding: 15px 20px;
    font-size: 16px;
}

.list-account h3 i {
    float: right;
}

/* ---------- Cart ---------------------------------------------------------- */

#form-cart {
    float: left;
    width: 62%;
}

#form-cart .pagination {
    display: none;
}

.form-cart-top {
    margin-top: 42px;
}

#content .cart-content {
    padding: 0px;
    list-style-type: none;
}

#content .cart-content li {
    margin: 0px 0px 20px;
    border-top: 1px solid #ababab;
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding-top: 20px;
}

#content .cart-content li .image {
    float: left;
    width: 10%;
}

#content .cart-content li .image a {
    display: block;
}

#content .cart-content li .image a img {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

#content .cart-content li .text {
    float: left;
    width: 90%;
    padding-left: 20px;
}

#content .cart-content li .text .product-title {
    display: block;
    margin-bottom: 15px;
}

#content .cart-content li .text .product-title h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#content .cart-content li .text .product-title h3 .text-danger {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 0px;
}

#content .cart-content li .text .info {
    display: flex;
    align-items: center;
}

#content .cart-content li:first-child .text .info .cart-quantity::before {
    content: "Quantidade";
    position: absolute;
    top: -33px;
    display: block;
    color: #707070;
    font-size: 16px;
    text-align: center;
    width: 30%;
}

#content .cart-content li:first-child .text .info .cart-total::before {
    content: "Preço";
    position: absolute;
    top: -33px;
    display: block;
    color: #707070;
    font-size: 16px;
    text-align: center;
    width: 24%;
}

#content .cart-content li .text .info .cart-info {
    display: inline-block;
    vertical-align: top;
    width: calc(31% - 13.33px);
    text-align: center;
}

#content .cart-content li .remove {
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    margin-top: 8px;
    color: #ff3c38;
}

#content .cart-content li .text .info .cart-options {
    text-align: left;
    width: 45%;
}

#content .cart-content li .text .info .cart-info .cart-option {
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 15px;
}

#content .cart-content li .text .info .cart-info .cart-option:last-child {
    margin-right: 0;
}

#content .cart-content li .text .info .cart-quantity {
    width: 35%;
}

#content .cart-content li .text .info .cart-total {
    width: 20%;
    text-align: right;
}

#content .cart-content li .text .info .cart-info span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 26px;
    font-size: 14px;
}

#content .cart-content li .text .info .cart-info span.price-payment-spot {
    line-height: 18px;
}

#content .cart-content li .text .info .cart-info strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    min-width: 26px;
    min-height: 25px;
    line-height: 24px;
    border: 1px solid;
    border-radius: 5px;
    font-weight: normal;
    padding: 0 5px;
}

#content .cart-content li .text .info .cart-info img {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ebeef3;
    border-radius: 5px;
}

#content .cart-content li .text .info .cart-info label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    margin-right: 10px;
    font-size: 14px;
}

#content .cart-content li .text .info .cart-remove a {
    font-size: 18px;
    color: #1c1c1c;
}

#content .cart-content li .text .info .cart-remove a:hover {
    color: #d63b5e;
}

#content .cart-content li.no-stock .text .info .cart-info label.label-quantity {
    color: #d5554c;
}

#content .cart-content li .text .info .cart-info .quantity-field {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

#content .cart-content li .text .info .cart-info .quantity-field a {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    background-color: #0f1108;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    border-radius: 5px;
}

#content .cart-content li .text .info .cart-info .quantity-field .btn-quantity-minus {
    font-size: 35px;
    line-height: 23px;
}

#content .cart-content li .text .info .cart-info .quantity-field input {
    width: 50px;
    height: 25px;
    border: 1px solid #ababab;
    border-radius: 5px;
    text-align: center;
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    font-size: 13px;
}

#content .cart-content li .text .info .cart-info .quantity-field select {
    width: 70px;
    padding: 9px 10px;
    display: block;
    font-size: 14px;
    border-radius: 25px;
}

#content .cart-content li.no-stock .text .info .cart-info .quantity-field select {
    border-color: #d5554c;
    background-color: #f9e9e8;
}

#content .cart-content li .text .info .cart-quantity small {
    display: block;
    text-align: center;
}

#content .cart-content li .text .info .cart-info p {
    margin-bottom: 0px;
    font-weight: 600;
    margin-top: 6px;
    color: #000;
}

#content #modules {
    float: left;
    width: 60%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding-right: 5px;
}

#content #modules .module {
    background-color: #f6f6f6;
    margin-bottom: 5px;
    padding: 12px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#content #modules .module label {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin-bottom: 0px;
}

#content #modules .module input[type="text"] {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border: none;
    padding: 0px 10px;
    height: 30px;
    width: 110px;
    margin-left: 7px;
}

#content #modules .module input[type="submit"],
#content #modules .module input[type="button"],
#content #modules .module button {
    display: inline-block;
    vertical-align: top;
    font-size: 14px !important;
    padding: 5px 10px;
    margin-left: 7px;
}

#content #modules .module a {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    margin-left: 7px;
}

#content .float-cart-total {
    display: none;
    background-color: #ff5612;
    color: #fff;
    position: fixed;
    width: calc(100% - 180px);
    left: 15px;
    bottom: 0px;
    padding: 15px 10px;
}

#content .float-cart-total p {
    display: inline-block;
    margin-bottom: 0px;
}

#content .float-cart-total i {
    float: right;
    margin-top: 5px;
}

#content .totals-cart {
    float: right;
    width: 34%;
    position: unset !important;
    margin-left: 0px !important;
}

#content #totals {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 10px 20px;
    clear: both;
}

#content #totals .total-item {
    padding: 20px 5px 15px;
    float: left;
    width: 100%;
    clear: both;
}

#content #totals .total-item:last-child {
    border-top: 2px solid #ababab;
}

#content #totals .total-item .total-item-link {
    float: right;
    margin: 0px;
}

#content #totals .total-item label {
    float: left;
    width: 72%;
    color: #0f1108;
}

#content #totals .total-item label input {
    float: right;
    width: 130px;
    font-size: 13px;
}

#content #totals .total-item select {
    width: calc(116px + 32%);
    float: right;
    margin-bottom: 10px;
    clear: both;
}

#content #totals .total-item .alert-buttons {
    float: left;
    clear: none;
    width: 31%;
    margin-left: -15px;
}

#content #totals .total-item .btn {
    padding: 10px 5px;
    font-size: 13px !important;
    width: 100%;
    background-color: #ff8c42;
}

#content #totals .total-item a {
    float: left;
    margin-left: calc(72% - 130px);
    font-size: 11px;
    line-height: 14px;
}

#content #totals .total-item p {
    margin-bottom: 0px;
    color: #0f1108;
}

#content #totals .total-item p span {
    float: right;
    font-weight: bold;
}

#content #totals td {
    background-color: #f6f6f6;
    font-size: 18px;
    border-bottom: 5px solid #fff;
    padding: 12px 15px;
    height: 58px;
}

#content #totals table tr td.total {
    color: #ff5612;
    font-weight: bold;
}

#content #totals tr td:first-child {
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
}

#content #totals tr td:last-child {
    border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -ms-border-radius: 0px 10px 10px 0px;
    -o-border-radius: 0px 10px 10px 0px;
}

#content #totals tr td:only-child {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#free-shipping-progress {
    background-color: #f6f6f6;
    margin-top: 5px;
    padding: 25px 60px;
    text-align: center;
    float: left;
    width: 55%;
}

#free-shipping-progress .buttons {
    margin-top: 95px !important;
}

#free-shipping-progress strong {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: normal;
}

#free-shipping-progress p {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0px;
}

#free-shipping-progress .meter {
    margin-top: 70px;
    height: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#free-shipping-progress .meter .shipping-progress {
    display: block;
    height: 10px;
    position: relative;
    background-color: #ff5612;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#free-shipping-progress .dialog-box {
    background-color: #ff5612;
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-size: 18px;
    padding: 10px 12px;
    right: -47px;
    min-width: 105px;
    text-align: center;
    display: none;
}

#free-shipping-progress .dialog-box i {
    color: #ff5612;
    position: absolute;
    bottom: -19px;
    font-size: 35px;
    left: 50%;
    margin-left: -10px;
}

#free-shipping-progress .dialog-box-total {
    background-color: #fff;
    position: absolute;
    top: 20px;
    padding: 10px 12px;
    right: -40px;
    width: 170px;
    text-align: center;
}

#free-shipping-progress .dialog-box-total i {
    color: #fff;
    position: absolute;
    top: -21px;
    font-size: 35px;
    right: 35px;
}

.buttons-cart {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.buttons-cart a:last-child {
    float: left;
    margin-top: 16px;
}

.buttons-cart a {
    width: 50%;
    display: inline;
    text-align: center;
}

.buttons-cart .btn-form {
    float: right;
}

.store-1 #content #totals {
    text-align: center;
    padding: 35px 15px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}

body.checkout-success.store-1 #content #totals {
    text-align: left;
}

body.checkout-success.store-1 #content #totals h2 {
    text-align: center;
    font-size: 18px;
    color: #ff561b;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 0;
}

body.checkout-success.store-1 #content #totals p {
    max-width: 242px;
    margin: auto;
    font-size: 14px;
    line-height: 20px;
}

#modal-shipping .btn-cancel {
    background: none;
    border: none;
    padding: 15px;
}

/* ---------- Checkout ------------------------------------------------------ */

body.checkout-checkout,
body[class^="extension-payment"] {
    padding-top: 0 !important;
}

header.checkout {
    text-align: center;
    padding: 22px 0 16px;
    position: relative;
}

header.checkout #logo {
    display: inline-block;
    float: none;
}

header.checkout .header-right {
    text-align: right;
    padding: 7px 0px;
    width: auto;
}

header.checkout .header-right h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
}

header.checkout .header-right a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 45px;
}

#content .payment-resume {
    background-color: #fbfbfb;
    padding: 10px;
    margin-top: -11px;
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    display: none;
}

#content .payment-resume.active {
    display: block;
}

#content .payment-resume p {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    margin: 0px;
}

#input-moip-card-number,
#input-pagseguro_cartao-card-number,
#input-pagar_me_cartao-card-number {
    padding-right: 45px;
}

#input-moip-card-number.card-amex,
#input-pagseguro_cartao-card-number.card-amex,
#input-pagar_me_cartao-card-number.card-amex {
    background: url(../image/cards/amex.png) center right #fff no-repeat;
}

#input-moip-card-number.card-diners,
#input-pagseguro_cartao-card-number.card-diners,
#input-pagar_me_cartao-card-number.card-diners {
    background: url(../image/cards/diners.png) center right #fff no-repeat;
}

#input-moip-card-number.card-elo,
#input-pagseguro_cartao-card-number.card-elo,
#input-pagar_me_cartao-card-number.card-elo {
    background: url(../image/cards/elo.png) center right #fff no-repeat;
}

#input-moip-card-number.card-hiper,
#input-pagseguro_cartao-card-number.card-hiper,
#input-pagar_me_cartao-card-number.card-hiper {
    background: url(../image/cards/hiper.png) center right #fff no-repeat;
}

#input-moip-card-number.card-hipercard,
#input-pagseguro_cartao-card-number.card-hipercard,
#input-pagar_me_cartao-card-number.card-hipercard {
    background: url(../image/cards/hipercard.png) center right #fff no-repeat;
}

#input-moip-card-number.card-mastercard,
#input-pagseguro_cartao-card-number.card-mastercard,
#input-pagar_me_cartao-card-number.card-mastercard {
    background: url(../image/cards/mastercard.png) center right #fff no-repeat;
}

#input-moip-card-number.card-visa,
#input-pagseguro_cartao-card-number.card-visa,
#input-pagar_me_cartao-card-number.card-visa {
    background: url(../image/cards/visa.png) center right #fff no-repeat;
}

#input-moip-card-number.card-aura,
#input-pagseguro_cartao-card-number.card-aura,
#input-pagar_me_cartao-card-number.card-aura {
    background: url(../image/cards/aura.png) center right #fff no-repeat;
}

#input-moip-card-number.card-discover,
#input-pagseguro_cartao-card-number.card-discover,
#input-pagar_me_cartao-card-number.card-discover {
    background: url(../image/cards/discover.png) center right #fff no-repeat;
}

#input-moip-card-number.card-jcb,
#input-pagseguro_cartao-card-number.card-jcb,
#input-pagar_me_cartao-card-number.card-jcb {
    background: url(../image/cards/jcb.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-banesecard,
#input-pagar_me_cartao-card-number.card-banesecard {
    background: url(../image/cards/banesecard.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-brasilcard,
#input-pagar_me_cartao-card-number.card-brasilcard {
    background: url(../image/cards/brasilcard.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-cabal,
#input-pagar_me_cartao-card-number.card-cabal {
    background: url(../image/cards/cabal.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-fortbrasil,
#input-pagar_me_cartao-card-number.card-fortbrasil {
    background: url(../image/cards/fortbrasil.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-grandcard,
#input-pagar_me_cartao-card-number.card-grandcard {
    background: url(../image/cards/grandcard.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-mais,
#input-pagar_me_cartao-card-number.card-mais {
    background: url(../image/cards/mais.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-personalcard,
#input-pagar_me_cartao-card-number.card-personalcard {
    background: url(../image/cards/personalcard.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-sorocred,
#input-pagar_me_cartao-card-number.card-sorocred {
    background: url(../image/cards/sorocred.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-upbrasil,
#input-pagar_me_cartao-card-number.card-upbrasil {
    background: url(../image/cards/upbrasil.png) center right #fff no-repeat;
}

#input-pagseguro_cartao-card-number.card-valecard,
#input-pagar_me_cartao-card-number.card-valecard {
    background: url(../image/cards/valecard.png) center right #fff no-repeat;
}

#content .checkout-steps {
    clear: both;
}

#content .checkout-steps .panel:not(.inactive) .panel-title {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

#content .checkout-steps label {
    font-size: 14px;
    padding-left: 0px;
}

#content .checkout-steps .step {
    float: left;
    width: 31.33%;
    margin-right: 3%;
}

#content .checkout-steps .step:last-child {
    margin-right: 0px;
}

#content .checkout-steps .panel-default>.panel-heading {
    background: none;
    padding: 15px;
}

#content .checkout-steps .panel-default>.panel-heading span {
    font-size: 15px;
    color: #000000;
    background-color: #f6f6f6;
    text-align: center;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-right: 3px;
}

#content .checkout-steps .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    position: relative;
    padding: 0px 15px 10px;
}

#content .checkout-steps .panel-default>.panel-heading+.panel-collapse>.panel-body.loading::before {
    content: " ";
    background-color: rgba(246, 246, 246, 0.9);
    position: absolute;
    top: -14px;
    left: 0px;
    width: 100%;
    height: 102%;
    display: block;
    z-index: 2;
    border-radius: 10px;
}

#content .checkout-steps .panel-default>.panel-heading+.panel-collapse>.panel-body.loading>.fa-spinner {
    position: absolute;
    z-index: 3;
    color: #1b1b1b;
    font-size: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

#content #shipping-existing .label-radio {
    padding-left: 20px;
}

#content #shipping-existing .label-radio input {
    width: 15px;
    height: 15px;
}

#content .checkout-steps legend {
    font-size: 16px;
    padding: 0px;
    padding-bottom: 5px;
    border-color: #e1e1e1;
    margin-bottom: 10px;
}

#content .checkout-steps legend .fa {
    font-size: 20px;
    margin-right: 5px;
}

#content .checkout-steps .form-group {
    margin-bottom: 20px;
    clear: both;
}

#content .checkout-steps .radio {
    margin-top: 0px;
}

#content .checkout-steps .resume {
    padding: 0px 10px 10px;
}

#content .checkout-steps .resume p {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #909090;
}

#content .checkout-steps .resume a {
    margin-top: 10px;
    display: inline-block;
    font-size: 13px;
}

#content .checkout-steps .form-control {
    height: 40px;
    font-size: 14px;
}

#content .checkout-steps .hide-address {
    display: none;
}

#content .checkout-steps .load-total {
    background-color: #f6f6f6;
    height: 70px;
    position: static;
}

#content .checkout-steps .checkbox-newsletter {
    margin-top: 0px;
}

#content .checkout-steps .panel.inactive {
    background-color: #dedede;
}

#content .checkout-steps .panel.inactive .panel-title span {
    background: none;
}

#content .checkout-steps .panel.active .panel-title span {
    background-color: #ff5612;
    color: #fff;
}

#content .checkout-steps .card-buttons {
    margin: 0px 0px 15px;
    float: left;
    width: 100%;
}

#content .checkout-steps .card-buttons a {
    background: none;
    float: left;
    padding: 10px 5px;
    white-space: normal;
    line-height: 17px;
    font-size: 13px !important;
    min-height: 54px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: 1px solid #b5b5b5;
    color: #494848;
    position: relative;
}

#content .checkout-steps .card-buttons a:hover {
    background-color: rgba(183, 228, 64, 0.45);
}

#content .checkout-steps .card-buttons a.checked {
    background-color: #9dce1e;
}

#content .checkout-steps .field-other-card {
    display: none;
}

#content .checkout-steps .payment-address-new-text {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 25px;
    border-bottom: 1px solid;
    padding-bottom: 3px;
}

#content #resume-collapse-checkout-option {
    position: relative;
    padding-right: 135px;
}

#content #resume-collapse-checkout-option .btn-sair {
    position: absolute;
    top: 15px;
    right: 10px;
    text-decoration: underline;
}

#moip-payment-address-existing label,
#mundipagg-payment-address-existing label,
#pagseguro_cartao-payment-address-existing label,
#pagar_me_cartao-payment-address-existing label {
    background-color: #fff;
}

#shipping-existing label,
#moip-payment-address-existing label,
#mundipagg-payment-address-existing label,
#pagseguro_cartao-payment-address-existing label,
#pagar_me_cartao-payment-address-existing label {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
}

#shipping-existing label p,
#moip-payment-address-existing label p,
#mundipagg-payment-address-existing label p,
#pagseguro_cartao-payment-address-existing label p,
#pagar_me_cartao-payment-address-existing label p {
    margin: 0px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
}

#shipping-method strong,
#moip-payment-address-method strong,
#mundipagg-payment-address-method strong,
#pagseguro_cartao-payment-address-method strong,
#pagar_me_cartao-payment-address-method strong {
    display: block;
    font-size: 15px;
}

#shipping-method label,
#payment-method label {
    cursor: pointer;
    width: 100%;
    margin-top: 10px;
}

#moip-resume .form-group label,
#mundipagg-resume .form-group label,
#pagseguro_cartao-resume .form-group label,
#pagar_me_cartao-resume .form-group label {
    text-align: left;
    display: inline;
    clear: none;
    width: auto;
    font-size: 13px;
}

#moip-resume .form-group .label-block,
#mundipagg-resume .form-group .label-block,
#pagseguro_cartao-resume .form-group .label-block,
#pagar_me_cartao-resume .form-group .label-block {
    display: block;
    margin: 0px;
    margin-bottom: 1px;
    clear: both;
}

#moip-resume .validate-fields,
#mundipagg-resume .validate-fields,
#pagseguro_cartao-resume .validate-fields,
#pagar_me_cartao-resume .validate-fields {
    min-height: 35px;
}

#input-moip-validate-month,
#input-moip-validate-year,
#input-mundipagg-validate-month,
#input-mundipagg-validate-year,
#input-pagseguro_cartao-validate-month,
#input-pagseguro_cartao-validate-year,
#input-pagar_me_cartao-validate-month,
#input-pagar_me_cartao-validate-year {
    width: 48%;
    float: left;
    position: relative;
    z-index: 1;
}

#input-moip-validate-year,
#input-mundipagg-validate-year,
#input-pagseguro_cartao-validate-year,
#input-pagar_me_cartao-validate-year {
    width: 49%;
    float: right;
}

#input-moip-code,
#input-mundipagg-code,
#input-pagseguro_cartao-code,
#input-pagar_me_cartao-code {
    background: url(../image/code-cvc.jpg) right center #fff no-repeat;
    padding-right: 45px;
}

#moip-resume label,
#mundipagg-resume label,
#pagseguro_cartao-resume label,
#pagar_me_cartao-resume label {
    text-align: left;
}

#shipping-method label span,
#payment-method label span {
    display: inline-block;
    background-color: #ff5612;
    color: #fff;
    padding: 5px 15px 17px;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    font-weight: bold;
    font-size: 13px;
}

#shipping-method label .box-input,
#payment-method label .box-input {
    text-align: left;
    background-color: #fbfbfb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    padding: 7px 10px;
}

#shipping-method label .box-input input,
#payment-method label .box-input input {
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
}

#shipping-method label .box-input p,
#payment-method label .box-input p {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 11px;
}

#payment-method label .box-input p {
    font-size: 14px;
}

#shipping-method label .box-input p b,
#payment-method label .box-input p b {
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: bottom;
}

#shipping-method label .box-input i,
#payment-method label .box-input i {
    float: right;
    font-size: 20px;
    margin-top: 2px;
}

#payment-method label .box-input {
    position: relative;
}

#payment-method label .box-input input {
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

#payment-method .payment-label {
    margin-left: 30px;
    padding: 5px 0px;
}

#payment-method label .box-input .payment-label p {
    margin-left: 0px;
    line-height: 20px;
    text-align: left;
}

#payment-method .payment-label img {
    max-width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

#payment-method .payment-label .tag {
    background-color: #8bb81a;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: -6px;
    right: -3px;
    text-align: center;
    line-height: 15px;
    padding: 1px 5px;
}

#payment-method #moip-label p,
#payment-method #pagseguro_cartao-label p,
#payment-method #pagar_me_cartao-label p {
    margin-bottom: 5px;
}

#payment-method #boleto_itau-label img,
#payment-method #pagar_me_boleto-label img,
#payment-method #pp_standard-label img,
#payment-method #pagseguro_boleto-label img,
#payment-method #boleto_bradesco-label img,
#payment-method #bank_transfer-label img {
    margin-right: 10px;
    float: left;
}

#confirm .show-products {
    display: none;
    margin-bottom: 10px;
    text-decoration: underline;
}

#confirm .products {
    padding: 0px;
    margin: 0px;
    max-height: 305px;
    overflow: auto;
    margin-bottom: 10px;
}

#confirm .products li {
    list-style-type: none;
    width: 100%;
    float: left;
    clear: both;
    min-height: 80px;
}

#confirm .products li .thumb {
    width: 17%;
    float: left;
    border: 1px solid #dadada;
}

#confirm .products li p {
    width: 53%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0px 10px;
    font-size: 13px;
    color: #666666;
    line-height: 17px;
    text-align: left;
    float: left;
}

#confirm .products li p small {
    display: block;
    line-height: 23px;
    font-size: 11px;
    margin: 5px 0px;
}

#confirm .products li p small img {
    border: 1px solid #dadada;
}

#confirm .products li strong {
    width: 30%;
    float: left;
    text-align: right;
    font-size: 14px;
    margin-top: 10%;
}

#confirm .totals {
    margin: 0px 0px 10px;
    float: left;
    clear: both;
    width: 100%;
    text-align: right;
    background-color: #f5f5f5;
    padding: 0px;
}

#confirm .totals li {
    list-style-type: none;
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
    font-weight: bold;
    font-size: 14px;
    line-height: 35px;
    padding: 5px 0px;
}

#confirm .totals li:last-child {
    border: none;
}

#confirm .totals li:last-child b {
    color: #ff5612;
}

#confirm .box-totals {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}

#confirm .box-totals .load-total {
    position: absolute;
    height: 100%;
}

#button-confirm {
    font-size: 16px !important;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}

#checkout-success h1 {
    color: #494848;
    font-size: 19px;
    text-transform: uppercase;
    font-style: normal;
    clear: both;
    padding-top: 10px;
}

#checkout-success span {
    display: block;
    font-size: 19px;
    margin-bottom: 10px;
}

#checkout-success p {
    text-align: left;
    font-size: 16px;
}

#checkout-success .success-header .checkout-comment,
#checkout-success.boleto .success-header .checkout-comment {
    margin-top: 15px;
    margin-bottom: 25px;
}

#checkout-success .success-header .checkout-comment p,
#checkout-success.boleto .success-header .checkout-comment p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

#checkout-success .success-header .checkout-comment strong,
#checkout-success.boleto .success-header .checkout-comment strong {
    font-weight: 900;
    line-height: 23px;
    text-transform: none;
    color: #ff5612;
}

#checkout-success .success-header .checkout-comment button,
#checkout-success.boleto .success-header .checkout-comment button {
    margin-top: 8px;
    margin-bottom: 15px;
    background: none;
    color: #ff5612;
    border: 1px solid;
    padding: 4px 10px;
    text-transform: none;
}

#checkout-success .checkout-comment {
    margin: 40px 0px;
    background-color: #f6f6f6;
    padding: 15px;
}

#checkout-success .checkout-comment strong {
    display: block;
    font-size: 17px;
    margin-bottom: 10px;
}

#checkout-success .checkout-comment p {
    margin: 0px;
}

#checkout-success .checkout-comment small {
    display: block;
    font-size: 13px;
    margin-top: 10px;
}

#checkout-success .checkout-resume {
    float: left;
    margin-right: 25px;
}

#checkout-success .checkout-resume strong {
    display: block;
    color: #ff5612;
    font-size: 20px;
    line-height: 28px;
}

#checkout-success .checkout-resume ul {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    line-height: 25px;
    margin-bottom: 40px;
}

#checkout-success .checkout-resume ul li {
    list-style-type: none;
    font-size: 15px;
}

#checkout-success .checkout-resume ul li b {
    font-size: 18px;
}

#checkout-success .ebit {
    float: right;
    margin-bottom: 40px;
}

#checkout-success .ebit img {
    max-width: 100%;
}

#checkout-success .boleto-buttons {
    margin-bottom: 20px;
}

#checkout-success .boleto-buttons .btn {
    display: inline-block;
    vertical-align: middle;
}

#checkout-success .boleto-buttons .btn i {
    font-size: 20px;
    margin-right: 5px;
}

#checkout-success .boleto-buttons span {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 15px;
}

#checkout-success.boleto h1 {
    margin-bottom: 10px;
}

#checkout-success.boleto .checkout-comment {
    margin: 0px;
    float: left;
    width: 100%;
    clear: both;
}

#checkout-success.boleto .checkout-comment strong {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0px;
}

#checkout-success.boleto .checkout-comment strong b {
    font-weight: normal;
    color: #ff5612;
}

#checkout-success.boleto .checkout-comment p {
    font-size: 14px;
}

#checkout-success.boleto .checkout-comment .btn {
    text-transform: uppercase;
}

#checkout-success.boleto .checkout-comment .btn i {
    font-size: 28px;
    vertical-align: bottom;
    margin-right: 5px;
}

#checkout-success.boleto .boleto-content {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}

#checkout-success.boleto .boleto-aux {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#checkout-success.boleto .boleto-content iframe {
    border: none;
    overflow: hidden;
    width: 100%;
    height: 690px;
    max-width: 680px;
    margin: auto;
    display: block;
}

#checkout-success.boleto .checkout-comment.bottom .ebit {
    margin-bottom: 0px;
    float: left;
}

#checkout-success.boleto .checkout-resume {
    margin-top: 40px;
}

#checkout-success.boleto .checkout-resume ul {
    margin: 0px;
}

#checkout-success .cielo-qrcode {
    text-align: center;
}

#checkout-success .cielo-qrcode p {
    text-align: center;
}

#checkout-success .boleto-data {
    font-size: 0;
    max-width: 1000px;
    margin-top: 30px;
}

#checkout-success .pix-data {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
}

#checkout-success .boleto-data div {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 15px;
    width: 22%;
    margin-left: 2%;
}

#checkout-success .pix-data div {
    width: 49%;
}

#checkout-success .boleto-data:not(.pix-data) div:first-child {
    margin-left: 0;
    width: 52%;
}

#checkout-success .boleto-data div h4 {
    margin: 0 0 12px;
    font-size: 15px;
    color: #707070;
    font-weight: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#checkout-success .boleto-data div p {
    margin: 0;
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#checkout-success .boleto-code {
    max-width: 1000px;
    text-align: center;
    margin: 40px 0;
    font-size: 20px;
}

#checkout-success .boleto-code button {
    font-size: 15px;
    margin: 0 12px;
    background: none;
    border: 1px solid;
    border-radius: 3px;
}

#checkout-success .pix-code button {
    background-color: #2fa40c;
}

#checkout-success .boleto-btns {
    max-width: 1000px;
    text-align: center;
}

#checkout-success .boleto-btns .btn {
    width: 100%;
    max-width: 258px;
    margin: 0 20px;
}

#checkout-success .boleto-btns .btn-bordered {
    background: none;
    color: #0f1108;
    border: 1px solid #0f1108;
}

#checkout-success .boleto-btns .btn-bordered:hover {
    background-color: #f6f6f6;
}

#checkout-success .boleto-text {
    margin: 60px 0;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    padding: 45px 0;
}

#checkout-success .boleto-text h5 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 25px;
}

#checkout-success .boleto-text ul {
    padding-left: 25px;
}

#checkout-success .boleto-text ul li {
    margin-bottom: 10px;
}

#checkout-success .boleto-content {
    position: relative;
    border: 5px solid #707070;
    max-width: 900px;
    margin: 0 auto 60px;
}

#checkout-success .boleto-content iframe {
    display: block;
    width: 100%;
    min-height: 1000px;
}

#checkout-success .boleto-code.pix-code {
    max-width: 100%;
    font-size: 17px;
    margin: 30px 0 0;
    display: inline-block;
    vertical-align: middle;
}

#checkout-success .boleto-code.pix-code #boleto-code {
    display: block;
    margin-bottom: 10px;
    word-break: break-all;
}

#checkout-success .pix-qrcode {
    margin-top: 30px;
    margin-bottom: 50px;
}

#checkout-success .pix-data div:first-child {
    margin-left: 0;
}

footer img {
    max-width: 94%;
}

footer.checkout {
    margin-top: 60px;
}

footer.checkout .footer-column {
    width: 50%;
}

footer .footer-content {
    margin-bottom: 20px;
}

footer .nav-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer .nav-list li {
    margin: 2px 0;
}

footer .nav-list li a {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    display: inline-block;
}

footer .nav-list li a:hover {
    text-decoration: underline;
}

footer .contact {
    background-color: #25282e;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin-right: 5%;
    margin-top: 30px;
    vertical-align: top;
    width: 31%;
    padding: 20px;
}

footer .contact h5 {
    text-transform: none;
}

footer .contact ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer .contact ul li {
    display: inline-block;
    margin-right: 13%;
}

footer .contact ul li:last-child {
    margin-right: 0;
}

footer .contact ul li a {
    color: #fff;
}

footer .contact ul li i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

footer .central-atendimento {
    display: inline-block;
    margin-right: 7%;
    margin-top: 30px;
    vertical-align: top;
    width: 16%;
}

footer .sobre-loja {
    display: inline-block;
    margin-right: 7%;
    margin-top: 30px;
    vertical-align: top;
    width: 12%;
}

footer h5 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 15px;
    font-size: 14px;
}

footer .footer-menu h5 i {
    display: none;
}

.footer-sociais {
    display: inline-block;
    width: 22%;
    margin-top: 30px;
}

.footer-sociais h5,
.news-letter-footer h5 {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.footer-sociais ul {
    margin: 15px 0px;
    padding: 0px;
}

.footer-sociais li {
    display: inline-block;
    margin-right: 20px;
    width: 40%;
    text-align: center;
}

.footer-sociais li:last-child {
    margin-right: 0;
}

.footer-sociais li a {
    display: block;
    padding: 5px;
    border-radius: 3px;
}

.footer-sociais li span {
    font-size: 15px;
    color: #fff;
    vertical-align: middle;
}

.footer-sociais i {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
}

.footer-facebook a {
    background-color: #206dbb;
}

.footer-instagran a {
    background-color: #d4194c;
}

.news-letter-footer {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 2%;
    width: 21%;
}

.news-letter-footer .input-group {
    width: 100%;
}

.news-letter-footer .input-group .form-control {
    width: 100%;
    background: transparent;
    border-radius: 4px;
    padding-right: 105px;
}

.news-letter-footer .input-group .form-control::placeholder {
    color: #fff;
}

.news-letter-footer .input-group .btn-form {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    height: 40px;
    border-radius: 4px;
    line-height: 6px;
    background-color: #2fa40c;
}

.site-seguro {
    background-color: #25282e;
    text-align: center;
    margin: auto;
    padding: 30px 0px;
}

.site-seguro h5 {
    color: #fff;
}

.site-seguro img {
    margin: 5px 10px;
    max-width: calc(100% - 20px);
    width: auto;
    height: auto;
}

.selo-prata {
    width: 4%;
}

.informacoes-loja {
    color: #fff;
    font-size: 13px;
    margin-top: 20px;
}

.informacoes-loja p {
    display: inline-block;
    font-size: 13px;
    margin: 0;
}

/* ---------- Module -------------------------------------------------------- */

.banner img {
    margin: auto;
    height: auto;
    width: auto;
}

.box-module {
    margin-top: 60px;
}

header+.banner,
header+.banner+.banner {
    margin-top: 0;
}

.box-html strong {
    color: #ec268f;
    font-size: 20px;
    font-weight: normal;
}

.box-html p {
    color: #232323;
    font-size: 15px;
}

.slideshow .slick-prev,
.slideshow .slick-next {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: none;
}

.slideshow:hover .slick-prev,
.slideshow:hover .slick-next {
    opacity: 1;
}

.carousel {
    padding: 0 15px;
}

.carousel img {
    display: block;
    margin: auto;
}

.instagram {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg,
            #ffffff 0%,
            #f1f1f1 50%,
            #e1e1e1 51%,
            #f6f6f6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,
            #ffffff 0%,
            #f1f1f1 50%,
            #e1e1e1 51%,
            #f6f6f6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,
            #ffffff 0%,
            #f1f1f1 50%,
            #e1e1e1 51%,
            #f6f6f6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding-top: 55px;
    margin-bottom: 40px;
}

.instagram h3 {
    font-size: 52px;
    font-weight: 600;
    color: #1c1c1c;
    text-transform: uppercase;
    float: left;
    margin: 0px;
    max-width: 395px;
}

.instagram .follow {
    float: right;
    font-size: 20px;
    color: #1c1c1c;
    border: 1px solid;
    padding: 20px 32px;
    border-radius: 32px;
    margin-top: 27px;
}

.instagram ul {
    padding: 0px;
    margin: 40px 0px -40px;
    list-style-type: none;
    font-size: 0px;
    float: left;
    clear: both;
    width: 100%;
}

.instagram ul li {
    display: inline-block;
    vertical-align: top;
    width: 18.4%;
    margin-right: 2%;
}

.instagram ul li:last-child {
    margin-right: 0;
}

.instagram ul li img {
    max-width: 100%;
    border-radius: 40px;
    display: block;
}

.nav-department {
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
}

.title-nav-department {
    float: left;
    width: 180px;
    text-align: left;
    font-weight: bold;
    color: #0f1108;
    text-transform: uppercase;
}

.nav-department ul {
    padding: 0px;
    margin: 0px;
    width: calc(100% - 180px);
    float: right;
    font-size: 0;
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: repeat(8, 1fr);
}

.nav-manufacturer ul {
    display: block;
    padding: 0 60px;
}

.nav-department li img {
    margin: auto;
    width: auto;
    height: auto;
}

.nav-department p,
.nav-department span {
    font-size: 17px;
}

.nav-department p {
    color: #707070;
    font-weight: bold;
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 15px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.nav-department li a:hover p {
    color: #ff5612;
}

/* ---------- Black Friday ------------------------------------------------------- */

.bf-top {
    background: rgb(51, 51, 51);
    background: -moz-linear-gradient(top,
            rgba(51, 51, 51, 1) 0%,
            rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top,
            rgba(51, 51, 51, 1) 0%,
            rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom,
            rgba(51, 51, 51, 1) 0%,
            rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0);
    color: #fff;
    text-align: center;
    padding: 145px 0 144px;
}

.bf-top-title {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-right: 12%;
}

.bf-top-title p {
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.bf-top-title h1 {
    font-family: "Impact", Arial;
    font-style: normal;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    font-size: 65px;
    line-height: 60px;
}

.bf-top-title h1 span {
    color: #e8443a;
}

.bf-top-clock {
    display: inline-block;
    vertical-align: middle;
}

.bf-top-clock p {
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.bf-top-clock div span {
    display: inline-block;
    font-size: 45px;
    line-height: 40px;
}

.bf-top-clock div span::after {
    content: ":";
    padding: 0 10px;
}

.bf-top-clock div span:last-child::after {
    display: none;
}

.bf-content {
    text-align: center;
    padding-top: 45px;
}

.bf-content p {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 30px;
}

.bf-content .box-newsletter {
    background: none;
    padding: 0;
    max-width: 400px;
    margin: auto;
}

.bf-content .box-newsletter form {
    display: block;
    margin: 0 0 40px;
    width: 100%;
}

.bf-content .box-newsletter form .input-group {
    display: block;
    padding: 0;
}

.bf-content .box-newsletter form .input-group input.form-control {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    height: 50px;
    background-color: #0c0c0c;
    border: none;
    color: #fff;
    margin-bottom: 12px;
    float: none;
}

.bf-content .box-newsletter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.bf-content .box-newsletter input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.bf-content .box-newsletter input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.bf-content .box-newsletter input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.bf-content .box-newsletter .btn {
    display: block;
    width: 100%;
    background-color: #e8443a;
    padding: 13px 10px;
    font-size: 17px !important;
    margin-top: 25px;
}

.bf-top-after {
    padding: 115px 0 114px;
}

.bf-top-after .bf-top-title {
    margin: 0;
    text-align: center;
}

.bf-top-after .bf-top-title h1 {
    margin-top: 20px;
    margin-bottom: 40px;
}

.bf-top-after .bf-top-title p {
    margin-bottom: 0;
}

/* ---------- Sitemap ------------------------------------------------------- */

.information-sitemap .sitemap ul {
    padding-left: 20px;
}

.information-sitemap .sitemap ul li a {
    color: #ff5612;
    display: inline-block;
    margin-bottom: 5px;
}

.information-sitemap .sitemap ul li a:hover {
    text-decoration: underline;
}

/* ---------- Blog ---------------------------------------------------------- */

body.store-3 {
    padding: 0;
    font-family: "Work Sans";
    font-size: 24px;
    line-height: 28px;
}

body.store-3 header,
body.store-3 footer,
body.store-3 #btn-whatsapp {
    display: none;
}

body.store-3 a:hover {
    text-decoration: underline;
}

body.store-3 .product-spot a:hover {
    text-decoration: none;
}

.blog-content {
    padding-bottom: 120px;
}

.blog-featured {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 370px;
    overflow: hidden;
    color: #fff;
}

.blog-featured li {
    height: 370px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
}

.blog-featured li::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background: linear-gradient(to bottom,
            rgba(125, 185, 232, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
}

.blog-featured span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
}

.blog-featured a {
    color: #fff;
}

.blog-featured h2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 75px;
}

.blog-read-more {
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 5px 12px;
    border-radius: 25px;
    width: 130px;
    margin-top: 25px;
}

.blog-read-more svg {
    fill: #fff;
    width: 20px;
    height: auto;
    margin-left: 10px;
}

.blog-featured .slick-arrow {
    background: none;
    box-shadow: none;
}

.blog-featured .slick-arrow::before {
    color: #fff;
    opacity: 1;
    font-size: 70px;
}

.blog-featured .slick-prev {
    left: 5%;
}

.blog-featured .slick-next {
    right: 5%;
}

.blog-title-bar {
    border-bottom: 3px solid #e9e9e9;
    padding: 40px 0;
}

.blog-title-bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.blog-title-bar .container::before,
.blog-title-bar .container::after {
    display: none;
}

.blog-title-bar h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 42px;
}

.blog-posts {
    list-style-type: none;
    margin: 40px 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.blog-posts a {
    display: block;
}

.blog-posts>li {
    display: flex;
    justify-content: space-between;
}

.blog-posts>li>a {
    width: 50%;
}

.blog-posts>li>div {
    width: 46%;
}

.blog-posts h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}

.blog-posts date {
    display: block;
    color: #a0a0a0;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 15px;
}

.blog-posts ul {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-posts ul a {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #fff;
    background-color: #a0a0a0;
    text-transform: lowercase;
    padding: 0 8px;
    border-radius: 22px;
}

.blog-posts img {
    display: block;
    height: 215px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.blog-nav {
    border-top: 6px solid #e9e9e9;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0;
}

.blog-nav .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-nav .container::before,
.blog-nav .container::after {
    display: none;
}

.blog-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.blog-menu a {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    text-align: center;
    padding: 20px 0;
}

.blog-menu>li>a {
    padding: 20px;
}

.blog-menu>li:first-child>a {
    padding-left: 0;
}

.blog-menu>li:last-child>a {
    padding-right: 0;
}

.blog-menu a svg {
    display: block;
    margin: 0 auto 10px;
    fill: #5c5c5c;
    width: 25px;
    height: 25px;
}

.blog-menu a svg * {
    fill: #5c5c5c;
}

.blog-menu a span {
    display: block;
    text-align: center;
}

.blog-menu li {
    position: relative;
}

.blog-menu ul {
    list-style-type: none;
    margin: 0;
    position: absolute;
    bottom: 100%;
    background-color: #fff;
    left: -26px;
    width: 260px;
    padding: 20px;
    grid-gap: 15px;
    border: 6px solid #e9e9e9;
    border-bottom: none;
    display: none;
}

.blog-menu>li:hover ul {
    display: grid;
}

.blog-menu ul a {
    text-align: left;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    padding: 0;
}

.blog-social {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 40px;
}

.blog-social i {
    font-size: 28px;
}

.blog-single-title {
    color: #fff;
    padding: 30px 0;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.blog-back {
    display: inline-block;
}

.blog-back svg {
    display: block;
}

.blog-single-title span {
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin: 30px 0 5px;
}

.blog-single-title a {
    color: #fff;
}

.blog-single-title h1 {
    font-size: 64px;
    line-height: 74px;
}

.blog-single-title::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background: linear-gradient(to bottom,
            rgba(125, 185, 232, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
}

.blog-single-content {
    font-size: 24px;
    line-height: 28px;
    margin-top: 40px;
}

.blog-single-content * {
    font-size: 17px !important;
    line-height: 25px !important;
    font-family: "Work Sans" !important;
    text-align: left !important;
}

.blog-single-content img {
    margin: 15px 0;
}

.blog-single-share {
    margin: 50px 0;
}

.blog-busca-top {
    margin-top: 70px;
}

.blog-busca-top .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog-busca-top form {
    max-width: 660px;
    width: 100%;
    position: relative;
    margin: 40px 0;
}

.blog-busca-top form input {
    display: block;
    width: 100%;
    border: 1px solid #a7a7a7;
    height: 60px;
    border-radius: 50px;
    padding: 0 110px 0 25px;
    font-size: 20px;
}

.blog-busca-top form div {
    position: absolute;
    top: 0;
    right: 25px;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 20px;
}

.blog-busca-top form button {
    background: none;
    padding: 0;
    border: none;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-busca-top form button svg {
    width: 25px;
    height: 25px;
}

.blog-pop-tags {
    width: 100%;
    max-width: 660px;
    padding: 0 35px;
}

.blog-pop-tags h3 {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
}

.blog-busca-top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.blog-busca-top ul a {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    border: 1px solid #adadad;
    padding: 8px 17px;
    border-radius: 35px;
}

.blog-single-container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.blog-single-container::before,
.blog-single-container::after {
    display: none;
}

.blog-single-left {
    width: calc(100% - 390px);
}

.blog-single-right {
    width: 350px;
}

.blog-single-right .blog-posts {
    grid-template-columns: 1fr;
}

.blog-single-right .blog-posts>li {
    flex-direction: column;
    gap: 10px;
}

.blog-single-right .blog-posts>li>a {
    width: 100%;
}

.blog-single-right .blog-posts>li>div {
    width: 100%;
}

.blog-single-right .blog-posts h3 {
    font-size: 20px;
    line-height: 24px;
}

.blog-single-right .blog-posts ul a {
    font-size: 15px;
    line-height: 22px;
}

.blog-single-content img {
    max-height: 40dvh;
    object-fit: cover;
}

@media (max-width: 1600px) {
    .blog-featured .slick-arrow::before {
        font-size: 30px;
    }

    .blog-featured .slick-prev {
        left: 10px;
    }

    .blog-featured .slick-next {
        right: 10px;
    }
}

@media (max-width: 1400px) {
    .blog-featured .slick-arrow {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .blog-featured h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .blog-featured span {
        font-size: 12px;
        line-height: 15px;
    }

    .blog-featured li {
        align-items: flex-end;
        padding-bottom: 30px;
    }

    .blog-title-bar h1 {
        font-size: 12px;
        line-height: 15px;
    }

    .blog-title-bar img {
        width: 140px;
    }

    .blog-title-bar {
        padding: 20px 0;
    }

    .blog-posts {
        margin: 30px 0;
        grid-template-columns: 1fr;
    }

    .blog-posts>li>a {
        width: 27%;
    }

    .blog-posts img {
        height: 90px;
    }

    .blog-posts>li>div {
        width: 69%;
        display: flex;
        flex-wrap: wrap;
    }

    .blog-posts h3 {
        font-size: 17px;
        line-height: 20px;
        width: 100%;
    }

    .blog-posts date {
        font-size: 10px;
        line-height: 15px;
        width: 60px;
    }

    .blog-posts ul {
        width: calc(100% - 60px);
        gap: 5px;
    }

    .blog-posts ul a {
        font-size: 10px;
        line-height: 15px;
    }

    .blog-menu a svg {
        width: 18px;
        height: 18px;
        margin-bottom: 5px;
    }

    .blog-menu a {
        font-size: 10px;
        line-height: 15px;
        padding: 15px 0;
    }

    .blog-nav {
        border-top: 2px solid #e9e9e9;
    }

    .blog-social i {
        font-size: 28px;
    }

    .blog-social i {
        font-size: 20px;
    }

    .blog-busca-top img {
        width: 170px;
    }

    .blog-busca-top {
        margin-top: 40px;
    }

    .blog-busca-top form {
        max-width: 330px;
        margin: 20px 0;
    }

    .blog-busca-top form input {
        font-size: 16px;
        height: 44px;
        padding: 0 85px 0 20px;
    }

    .blog-busca-top form button svg {
        width: 18px;
        height: 18px;
    }

    .blog-busca-top form button {
        width: 18px;
        height: 18px;
    }

    .blog-busca-top form div {
        gap: 15px;
    }

    .blog-pop-tags {
        max-width: 330px;
        padding: 0;
    }

    .blog-pop-tags h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-busca-top ul a {
        font-size: 12px;
        line-height: 17px;
        padding: 4px 12px;
    }

    .blog-back svg {
        width: 24px;
        height: 24px;
    }

    .blog-single-title span {
        font-size: 20px;
        line-height: 25px;
        margin: 15px 0 5px;
        font-size: 12px;
        line-height: 17px;
    }

    .blog-single-title h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .blog-single-content * {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .blog-single-content {
        margin-top: 30px;
    }

    .blog-content {
        padding-bottom: 80px;
    }

    .blog-content h2 {
        font-size: 20px;
    }

    .blog-menu ul a {
        padding: 0;
        font-size: 15px;
        line-height: 20px;
    }

    .blog-menu ul {
        border-width: 2px;
    }

    .blog-menu>li>a {
        padding: 15px 12px;
    }

    .blog-single-container {
        flex-direction: column;
    }

    .blog-single-left {
        width: 100%;
    }

    .blog-single-right {
        width: 100%;
    }

    .blog-single-right .container {
        padding: 0;
    }
}

/* ---------- Call Center --------------------------------------------------- */

.page-call-center .links {
    padding: 0px;
    margin: 0px;
    margin-top: 25px;
}

.page-call-center .links li {
    list-style-type: none;
}

.page-call-center .links li a {
    color: #fff;
    background-color: #ff5612;
    padding: 17px 20px;
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    max-width: 440px;
}

.page-call-center .links li a:hover {
    background-color: #da460a;
}

.page-call-center .links li a i {
    font-size: 25px;
    margin-right: 10px;
    min-width: 30px;
    text-align: center;
    vertical-align: middle;
}

.page-call-center .infos {
    padding: 0px;
    margin: 0px;
    margin-top: 25px;
}

.page-call-center .infos li {
    list-style-type: none;
    font-size: 30px;
    line-height: 45px;
}

.page-call-center .infos li i {
    font-size: 35px;
    min-width: 40px;
    text-align: center;
    margin-right: 5px;
}

.page-call-center strong {
    display: block;
    margin-top: 40px;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 5px;
}

.page-call-center p {
    font-style: italic;
    font-size: 17px;
}

.page-call-center .send {
    display: block;
    margin-top: 40px;
    font-size: 19px;
    margin-bottom: 50px;
}

.page-call-center .send i {
    font-size: 25px;
    margin-right: 10px;
    color: #ff5612;
}

.page-call-center #map-call-center {
    height: 400px;
    border: 10px solid #f6f6f6;
}

/* ---------- Information --------------------------------------------------- */

.menu-information ul {
    margin: 0;
}

.menu-information ul li a {
    font-size: 13px;
    font-weight: normal;
    border: none;
    padding: 7px 30px 7px 10px;
    position: relative;
}

.menu-information ul li a:focus,
.menu-information ul li a:hover,
.menu-information ul li a.active {
    border: none;
    background-color: #f7f7f7;
}

.menu-information ul li a i {
    position: absolute;
    top: 10px;
    right: 10px;
}

.contact-box {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    max-width: 921px;
}

.contact-box h3 {
    font-size: 15px;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.contact-box h3 i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.contact-box p {
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 18px;
    word-break: break-word;
}

.contact-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2%;
}

.contact-form {
    margin-top: 15px;
}

.contact-form fieldset {
    margin: 10px 0 0;
}

.contact-form label {
    font-size: 13px;
}

.contact-form input[type="text"],
.contact-form input[type="text"]:focus,
.contact-form input[type="email"],
.contact-form input[type="email"]:focus,
.contact-form input[type="radio"],
.contact-form input[type="radio"]:focus,
.contact-form select,
.contact-form select:focus {
    border-color: #707070;
    border-radius: 5px;
    height: 35px;
    font-size: 13px !important;
}

.contact-form .input-actual-job {
    width: 20px;
    height: 20px;
}

.contact-form textarea,
.contact-form textarea:focus {
    border-color: #707070;
    border-radius: 5px;
    height: 137px;
    font-size: 13px !important;
}

.contact-form .form-group small {
    font-size: 11px;
    line-height: 15px;
    display: block;
    margin-top: 8px;
}

.contact-form .load-total {
    height: 306px;
    top: 80px;
}

.contact-form .btn {
    padding: 8px 47px;
}

.contact-form .btn-default {
    padding: 8px 25px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.store-info {
    font-size: 0;
    margin-bottom: 30px;
}

.store-info img {
    display: inline-block;
    vertical-align: middle;
    width: 52.31%;
}

.store-info .address-info {
    display: inline-block;
    vertical-align: middle;
    width: 47.69%;
    padding: 0 40px;
    border: none;
    font-size: 15px;
    list-style-type: none;
}

.store-info .address-info li {
    margin: 8px 0;
}

.store-info .address-info li i {
    width: 20px;
    text-align: center;
    margin-right: 3px;
}

.store-info .address-info a {
    font-weight: normal;
    color: #ff5500;
}

.about-items {
    margin-top: 35px;
}

.about-items .about-item {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

.about-items .about-item div {
    background-color: rgb(255, 255, 255);
    width: 100%;
    padding: 10px 0;
}

.about-items .about-item img+div {
    position: absolute;
    bottom: 20px;
    left: 45%;
    width: 55%;
    padding: 20px;
}

.about-items .about-item div h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

.about-items .about-item div p {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.about-info {
    margin-top: 50px;
}

.about-info div {
    display: inline-block;
    vertical-align: middle;
    width: 72%;
    padding-right: 60px;
    font-size: 14px;
}

.about-info div h3 {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 20px;
}

.about-topics {
    text-align: center;
    margin-top: 50px;
}

.about-topics li {
    display: inline-block;
    margin: 20px 15px;
}

.about-open {
    margin-top: 50px;
}

.about-open h3 {
    font-weight: bold;
    margin-bottom: 20px;
}

.about-open ul li {
    font-size: 14px;
    margin-bottom: 15px;
}

.about-title {
    background: url(../../../../../image/catalog/site/about-img1.jpg) center;
    height: 200px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    padding: 20px 0;
}

.about-title h2 {
    margin: 0;
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    background-color: #707070;
    color: #fff;
    padding: 8px 90px 8px 20px;
}

.about-page p {
    margin: 25px 0;
    font-size: 14px;
    line-height: 22px;
}

.about-page p:last-child {
    margin-bottom: 0;
}

.about-cols {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 100px 0;
}

.about-cols-middle {
    align-items: center;
}

.about-cols div {
    width: 46%;
}

.about-cols:not(.about-cols-full):first-child {
    margin-top: 0;
}

.about-cols div img {
    width: 100%;
}

.about-cols.about-cols-width-auto div img {
    width: auto;
}

.about-cols-full {
    justify-content: flex-end;
}

.about-cols-full>div:first-child {
    padding-left: 15px;
    padding-right: 6%;
    max-width: 700px;
}

.about-cols-full div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.about-page h3 {
    margin: 0;
    font-size: 20px;
    line-height: 22px;
    color: #404040;
    text-transform: uppercase;
    font-weight: bold;
}

.about-page .about-middle-title {
    text-transform: none;
    max-width: 275px;
    margin: -50px auto 100px;
}

.about-cols img {
    display: block;
    margin: auto;
}

.about-cols-small {
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
}

.about-cols-list p {
    font-size: 20px;
    line-height: 30px;
    padding-left: 50px;
    position: relative;
}

.about-cols-list p svg {
    position: absolute;
    left: 0;
    top: 0;
}

.about-cols-list h3 {
    font-size: 20px;
    line-height: 24px;
    padding-left: 50px;
    text-transform: none;
}

.about-time-nav {
    list-style-type: none;
    padding: 0;
    margin: 70px 55px 0;
}

.about-time-nav li {
    cursor: pointer;
    padding: 0 15px;
}

.about-time-nav li span {
    background-color: #fff;
    display: flex;
    color: #ff8c42;
    border: 3px solid #ff8c42;
    width: 102px;
    height: 60px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
}

.about-time-nav li.active span,
.about-time-nav li:hover span {
    background-color: #ff8c42;
    color: #fff;
}

.about-time-nav li p {
    margin: 15px 0 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}

.about-time-nav .slick-arrow.slick-disabled {
    display: none !important;
}

.about-time-nav .slick-prev {
    left: -46px;
}

.about-time-nav .slick-next {
    right: -46px;
}

.about-time-content {
    list-style-type: none;
    padding: 0;
    margin: 70px auto 0;
    max-width: 1150px;
}

.about-time-content li {
    display: none;
}

.about-time-content li.active {
    display: flex;
    align-items: center;
}

.about-time-content li div>strong {
    display: block;
    font-size: 20px;
    line-height: 24px;
}

.about-time-content li div+img {
    margin-left: 8%;
    border-radius: 20px;
    max-height: 500px;
    max-width: 52%;
}

.about-timeline h3 {
    text-align: center;
}

.about-timeline-content {
    list-style-type: none;
    padding: 0;
    margin: 65px 0 0;
}

.about-timeline-content li {
    position: relative;
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.about-timeline-content li::before {
    content: " ";
    position: absolute;
    top: 50%;
    border: 1px dashed #d55c2e;
    width: 31%;
}

.about-timeline-content li:nth-child(even)::before {
    border-color: #0f1108;
}

.about-timeline-content li.about-line-img::before {
    left: 18%;
}

.about-timeline-content li.about-line-text::before {
    right: 18%;
}

.about-timeline-content li img {
    position: absolute;
    width: 42%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    left: 0;
}

.about-timeline-content li .about-year {
    background: url(../../../../../image/catalog/site/about-year-0.png) center;
    position: relative;
    width: 65px;
    height: 246px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
}

.about-timeline-content li:nth-child(even) .about-year {
    background: url(../../../../../image/catalog/site/about-year-1.png) center;
}

.about-timeline-content li .about-year::before {
    content: " ";
    position: absolute;
    top: -2px;
    left: 27px;
    width: 10px;
    height: 10px;
    background-color: #fff;
}

.about-timeline-content li .about-year::after {
    content: " ";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #fff;
}

.about-timeline-content li .about-text {
    background-color: #fff;
    position: absolute;
    width: 30%;
    padding: 10px;
    right: 5%;
    border: 1px solid #d55c2e;
    border-radius: 3px;
}

.about-timeline-content li:nth-child(even) .about-text {
    border-color: #0f1108;
}

.about-timeline-content li.about-line-img .about-text {
    right: 12%;
}

.about-timeline-content li .about-text p {
    margin: 0;
}

body.information-pinterest .page-content .page-top h1 {
    text-align: center;
    width: 100%;
}

.pinterest-subtitle {
    text-align: center;
    color: #444;
    font-size: 18px;
}

.pinterest-page-tabs {
    text-align: center;
    margin-top: 40px;
}

.pinterest-page-tabs li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    color: #444444;
    border: 1px solid #e96638;
    padding: 5px 25px;
    margin: 0 5px;
}

.pinterest-page-tabs li.active,
.pinterest-page-tabs li:hover {
    color: #fff;
    background-color: #e96638;
}

.pinterest-page-content {
    margin-top: 55px;
    position: relative;
}

.pinterest-page-content>div {
    width: 100%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.pinterest-page-content>div.active {
    position: static;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.pinterest-page-content>div>a {
    min-height: 150px;
    background: url(../image/load-horizontal.gif) center #fff no-repeat;
    display: block;
}

.pinterest-page-content>div>span {
    max-width: 100% !important;
    display: block;
    width: 100% !important;
    border: none;
}

.pinterest-page-content>div>span>span:nth-child(1),
.pinterest-page-content>div>span>span:nth-child(3) {
    display: none;
}

.pinterest-page-content>div>span>span:nth-child(2) {
    height: 100% !important;
    max-height: 940px !important;
}

.pinterest-page-content>div>span>span>span>span>span {
    margin: 6px !important;
    width: 95% !important;
}

.popup-pinterest {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 47, 62, 0.95);
    display: flex;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.popup-pinterest.active {
    z-index: 99999;
    visibility: visible;
    opacity: 1;
}

.popup-pinterest .popup-pinterest-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 40px;
    width: 90%;
    height: 90%;
    text-align: center;
}

.popup-pinterest .popup-pinterest-content .popup-pinterest-close {
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    color: #000;
    padding: 10px 17px;
    z-index: 5;
}

.popup-pinterest .popup-pinterest-content .popup-pinterest-items {
    height: 100%;
}

.popup-pinterest .popup-pinterest-content .popup-pinterest-items .popup-pinterest-item {
    height: 100%;
}

.popup-pinterest .popup-pinterest-content img {
    display: flex;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.popup-pinterest .popup-pinterest-content .popup-pinterest-img,
.popup-pinterest .popup-pinterest-content .popup-pinterest-items .slick-list,
.popup-pinterest .popup-pinterest-content .popup-pinterest-items .slick-track {
    height: 100%;
}

.popup-pinterest .popup-pinterest-content .popup-pinterest-img {
    display: flex;
    align-items: center;
}

.popup-pinterest .slick-slider .slick-arrow {
    z-index: 1;
    background-color: #000 !important;
}

.popup-pinterest .slick-slider .slick-arrow::before {
    color: #fff;
    opacity: 1;
    font-size: 20px;
}

.proj-top {
    background: url(../image/proj-fundo.png) center -43px no-repeat;
    padding: 60px 0;
}

.proj-top .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.proj-top h1 {
    font-size: 30px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
}

.proj-info {
    margin: 50px 0;
}

.proj-info .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.proj-info .container::before,
.proj-info .container::after {
    display: none;
}

.proj-info-slide {
    width: 71.5%;
}

.proj-info-slide ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.proj-info-slide ul .slick-list {
    margin: 0 15px;
}

.proj-info-slide .slick-slide {
    overflow: hidden;
    border-radius: 10px;
}

.proj-info-slide-item img {
    width: 100%;
    height: 495px;
    object-fit: cover;
}

.proj-info-slide-item .twentytwenty-handle {
    border-color: #ffd63c;
}

.proj-info-slide-item .twentytwenty-left-arrow {
    border-right-color: #ffd63c;
}

.proj-info-slide-item .twentytwenty-right-arrow {
    border-left-color: #ffd63c;
}

.proj-info-slide .twentytwenty-horizontal .twentytwenty-handle:before {
    background: #ffd63c;
    -webkit-box-shadow: 0 3px 0 #ffd63c, 0px 0px 12px rgb(51 51 51 / 50%);
    -moz-box-shadow: 0 3px 0 #ffd63c, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 #ffd63c, 0px 0px 12px rgb(51 51 51 / 50%);
}

.proj-info-slide .twentytwenty-horizontal .twentytwenty-handle:after {
    background: #ffd63c;
    -webkit-box-shadow: 0 -3px 0 #ffd63c, 0px 0px 12px rgb(51 51 51 / 50%);
    -moz-box-shadow: 0 -3px 0 #ffd63c, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 #ffd63c, 0px 0px 12px rgb(51 51 51 / 50%);
}

.proj-info-slide .twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 40px;
}

.proj-info-slide .twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 40px;
}

.proj-info-slide>p {
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    text-align: center;
    margin-top: 10px;
}

.proj-info-text {
    width: 25%;
    position: relative;
}

.proj-info-text-bkg-1 {
    background-color: #ff8c42;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 1;
    transform: rotate(-4deg);
}

.proj-info-text-bkg-2 {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 2;
    transform: rotate(3deg);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.proj-info-text-content {
    position: relative;
    z-index: 3;
    padding: 35px;
    font-size: 17px;
    line-height: 28px;
}

.proj-info-text-content p:last-child {
    margin-bottom: 0;
}

.proj-info-text-content strong {
    color: #dc6a3f;
}

.proj-services {
    background-color: #fafafa;
    margin: 50px 0;
    padding: 45px 0;
}

.proj-title {
    font-size: 25px;
    line-height: 33px;
    color: #191c21;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.proj-title::after {
    content: " ";
    display: block;
    width: 130px;
    height: 10px;
    background-color: #ff8c42;
    margin: 15px auto 0;
}

.proj-services ul {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 30px;
}

.proj-services ul li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 17%);
    text-align: center;
    padding: 20px 15px;
}

.proj-services ul li p {
    margin: 23px 0 0;
    font-size: 14px;
    line-height: 22px;
}

.proj-comments {
    margin: 90px 0;
}

.proj-comments ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 0;
}

.proj-comments ul .slick-list {
    margin: 0 50px;
}

.proj-comments ul li,
.proj-comments ul li.slick-slide {
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.proj-comments ul li img {
    margin-right: 20px;
    width: 108px;
    height: 108px;
    object-fit: cover;
    border-radius: 75px;
}

.proj-comments ul li p {
    font-size: 17px;
    line-height: 28px;
    font-style: italic;
    margin: 0 0 5px;
}

.proj-comments ul li span {
    display: block;
    font-size: 17px;
    line-height: 28px;
    color: #dc6a3f;
    font-weight: 600;
    text-transform: uppercase;
}

.proj-about .container {
    display: flex;
    justify-content: space-between;
}

.proj-about .container::before,
.proj-about .container::after {
    display: none;
}

.proj-about-info {
    width: 47%;
}

.proj-about-info .proj-title {
    text-align: left;
    margin-bottom: 30px;
}

.proj-about-info .proj-title::after {
    margin-left: 0;
}

.proj-about-info p {
    font-size: 17px;
    line-height: 28px;
}

.proj-about-contact {
    width: 48%;
}

.proj-about-contact>p {
    font-size: 20px;
    line-height: 26px;
}

body.common-home.store-2 {
    padding-top: 0 !important;
    max-width: 100%;
}

body.common-home.store-2>*:not(.page-project-2023) {
    display: none !important;
}

.page-project-2023 {
    font-family: "Poppins";
    top: 0;
    position: relative;
}

.page-project-2023 .container {
    max-width: 1430px;
}

.project-2023-box-cover:not(.project-2023-box-cover-slide) .container {
    animation: boxFade 1s ease-out 1;
}

.project-2023-box-cover-slide .container div {
    opacity: 0;
}

.project-2023-box-cover-slide .container div.project-box-fade {
    animation: boxFade 1s ease-out 1;
    opacity: 1;
}

.page-project-2023 .container::before,
.page-project-2023 .container::after {
    display: none;
}

.page-project-2023 p {
    margin: 20px 0;
    font-weight: 300;
}

.page-project-2023 .btn {
    background-color: #d66939;
    border-radius: 50px;
    font-weight: 500;
}

.page-project-2023 .btn:hover {
    background-color: #c55f32;
}

.project-2023-title {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    position: relative;
}

.project-2023-title::after {
    content: " ";
    display: block;
    background-color: #d66939;
    width: 130px;
    height: 5px;
    margin-top: 20px;
}

.project-2023-title-left::after {
    position: absolute;
    top: 12px;
    left: 0;
    width: 200%;
    margin: 0;
}

.project-2023-title-right {
    text-align: right;
}

.project-2023-title-right::after {
    position: absolute;
    top: 12px;
    right: 0;
    width: 200%;
    margin: 0;
}

.project-2023-title span {
    position: relative;
    background-color: #fff;
    z-index: 2;
}

.project-2023-title-left span {
    padding-right: 50px;
}

.project-2023-title-right span {
    padding-left: 50px;
}

.project-2023-title-center {
    text-align: center;
}

.project-2023-title-center::after {
    margin-left: auto;
    margin-right: auto;
}

.project-menu-mobile,
.project-menu-mobile-close {
    display: none;
}

.project-2023-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    padding: 20px 0;
    background: none;
}

.project-2023-top .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-2023-top ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.project-2023-top ul li {
    margin-left: 55px;
}

.project-2023-top ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 8px 0;
    position: relative;
}

.project-2023-top ul li a:hover {
    text-decoration: none;
}

.project-2023-top ul li a::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d66939;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.project-2023-top ul li a:hover::after {
    transform: scaleX(1);
}

.project-2023-top ul li a svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.project-2023-top .container::before,
.project-2023-top .container::after {
    display: none;
}

.project-2023-box {
    margin: 95px 0;
    overflow: hidden;
}

.project-2023-box-cover {
    background: url(../image/project-topo.jpg) center no-repeat;
    height: 100vh;
    min-height: 450px;
    margin-top: 0;
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
}

.project-2023-box-cover::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
}

.project-2023-box-cover-slide {
    background: none;
    display: block;
}

.project-2023-box-cover-slide::before {
    display: none;
}

.project-2023-box-cover>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.project-2023-box-cover>ul li {
    position: relative;
    height: 100vh;
    min-height: 450px;
    display: flex !important;
    align-items: center;
}

.project-2023-box-cover>ul li::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    z-index: 2;
}

.project-2023-box-cover>ul li img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.project-2023-box-cover>ul li .container {
    position: relative;
    width: 100%;
    z-index: 3;
}

.project-2023-box-cover h2 img {
    width: 270px !important;
    position: static !important;
}

.project-2023-page-box-cover {
    max-height: 593px;
}

.project-2023-box-cover h2 {
    font-size: 60px;
    font-weight: 500;
    margin: 45px 0 0;
}

.project-2023-box-cover h3 {
    font-size: 35px;
    margin-bottom: 90px;
    font-weight: 300;
}

.project-2023-page-box-cover h3 {
    font-size: 25px;
    line-height: 35px;
}

.project-2023-cover-social {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 20px 30px 20px;
    width: 90px;
}

.project-2023-cover-social div {
    height: 72%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.project-2023-cover-social div::before {
    content: " ";
    width: 1px;
    height: calc(50% - 90px);
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.project-2023-cover-social div::after {
    content: " ";
    width: 5px;
    height: calc(50% - 90px);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    background: -moz-linear-gradient(top,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.project-2023-cover-social span {
    display: block;
    transform: rotate(-90deg);
    text-transform: uppercase;
    width: 155px;
    text-align: center;
}

.project-2023-cover-social ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    height: 25%;
    grid-gap: 10px;
}

.project-2023-cover-social ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-2023-cover-social ul li a {
    display: block;
    width: 32px;
    margin: auto;
}

.project-2023-cover-social ul li svg {
    width: 32px;
    height: 32px;
    display: block;
}

.project-2023-cover-social ul li svg,
.project-2023-cover-social ul li svg * {
    fill: #fff;
}

.project-2023-box-effect {
    opacity: 0;
}

.project-2023-box-services ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 55px;
}

.project-2023-box-services ul li {
    text-align: center;
}

.project-2023-box-services ul li div {
    width: 200px;
    height: 200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 100%;
    padding: 45px;
}

.project-2023-box-services ul li strong {
    display: block;
    font-size: 20px;
    margin: 20px 0 10px;
    font-weight: 500;
}

.project-2023-groups {
    list-style-type: none;
    margin: 50px 0 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.project-2023-galeria-box-projects .project-2023-groups {
    margin-top: 0;
}

.project-2023-groups li {
    font-size: 20px;
    line-height: 24px;
    margin: 0 25px;
}

.project-2023-groups li a {
    display: block;
    padding: 8px 10px;
    position: relative;
}

.project-2023-groups li a:hover,
.project-2023-groups li.active a {
    color: #404040;
}

.project-2023-groups li a::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d66939;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.project-2023-groups li a:hover::after,
.project-2023-groups li.active a::after {
    transform: scaleX(1);
}

.project-2023-slide {
    list-style-type: none;
    margin: 30px 0 0;
    padding: 0;
}

.project-2023-slide img {
    height: 635px;
    object-fit: cover;
}

.project-2023-slide a:hover {
    opacity: 0.8;
}

.project-2023-link-galeria {
    float: right;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.project-2023-link-galeria:hover {
    color: #d66939;
}

.project-2023-link-galeria svg {
    margin-left: 10px;
}

.project-2023-link-galeria svg,
.project-2023-link-galeria svg circle {
    fill: #d66939;
}

.project-2023-box-cols {
    background-color: #fafafa;
    overflow: visible;
    padding: 45px 0;
}

.project-2023-box-cols .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.project-2023-box-cols .container div:first-child {
    width: 43%;
    position: relative;
}

.project-2023-box-cols .container div:first-child img {
    position: absolute;
    top: -45px;
    left: 0;
}

.project-2023-box-cols .container div:last-child {
    width: 50%;
}

.project-2023-box-video {
    margin-top: 248px;
}

.project-2023-box-video video {
    margin: 50px auto 0;
    width: 100%;
    max-width: 1400px;
    display: block;
}

.project-2023-box-comments ul {
    list-style-type: none;
    padding: 0;
    margin: 70px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px 100px;
}

.project-2023-box-comments ul div {
    display: flex;
    align-items: center;
}

.project-2023-box-comments ul div img {
    border-radius: 5px;
    width: 27%;
}

.project-2023-box-comments ul div h3 {
    padding-left: 20px;
    width: 73%;
    margin: 0;
    color: #d66939;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.project-2023-box-comments ul p {
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
}

.project-2023-box-consult .container>ul {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

.project-2023-box-consult .container>ul>li {
    background-color: #e6e6e6;
    border-radius: 5px;
    padding: 30px;
}

.project-2023-box-consult .container>ul>li:first-child {
    background-color: #545454;
    color: #fff;
}

.project-2023-box-consult h3 {
    margin: 0;
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
}

.project-2023-box-consult ul span {
    display: block;
    font-size: 22px;
    color: #d66939;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 45px;
}

.project-2023-box-consult ul span.project-2023-featured {
    background-color: #d66939;
    color: #fff;
    text-align: center;
    padding: 9px 10px;
    border-radius: 5px;
}

.project-2023-box-consult .container ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.project-2023-box-consult .container ul ul li {
    position: relative;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    margin-bottom: 25px;
    padding-left: 50px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" version="1.0" viewBox="0.0 0.0 36.0 36.0" zoomAndPan="magnify" style="fill: rgb(0, 0, 0);" original_string_length="713"><g id="__id483_sq3ejs3cy"><path d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z" style="fill: rgb(126, 217, 87);"/></g><g id="__id484_sq3ejs3cy"><path d="M29.28 6.362c-1.156-.751-2.704-.422-3.458.736L14.936 23.877l-5.029-4.65c-1.014-.938-2.596-.875-3.533.138-.937 1.014-.875 2.596.139 3.533l7.209 6.666c.48.445 1.09.665 1.696.665.673 0 1.534-.282 2.099-1.139.332-.506 12.5-19.27 12.5-19.27.751-1.159.421-2.707-.737-3.458z" style="fill: rgb(255, 255, 255);"/></g></svg>') 0 1px no-repeat;
    background-size: 30px;
    min-height: 31px;
}

.project-2023-box-consult .container ul ul li.project-2023-consult-block {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" style="fill: rgb(0, 0, 0);" original_string_length="928"><g id="__id501_sq3ejs3cy"><path d="M100,84.963C100,93.266,93.266,100,84.963,100H15.037C6.733,100,0,93.266,0,84.963V15.037 C0,6.733,6.733,0,15.037,0h69.925C93.266,0,100,6.733,100,15.037V84.963z" style="fill: rgb(255, 49, 49);"/></g><g id="__id502_sq3ejs3cy"><polygon points="80.78,30.851 69.146,19.222 50.002,38.366 30.853,19.222 19.222,30.851 38.368,50.002 19.222,69.148 30.853,80.78 50.002,61.632 69.146,80.78 80.78,69.148 61.632,50.002 " style="fill: rgb(255, 255, 255);"/></g></svg>') 0 1px no-repeat;
    background-size: 30px;
}

.project-2023-box-consult .container ul ul li:last-child {
    margin-bottom: 0;
}

.project-2023-bottom {
    color: #fff;
    padding: 55px 0;
    background: url(../image/project-rodape1.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}

.project-2023-bottom::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
}

.project-2023-bottom-content {
    background-color: rgb(0 0 0 / 60%);
    max-width: 1040px;
    margin: auto;
    padding: 50px 70px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.project-2023-bottom-content div {
    width: 50%;
    padding-right: 30px;
    font-size: 25px;
    line-height: 35px;
}

.project-2023-bottom-content h4 {
    margin: 0 0 50px;
    font-size: 50px;
    line-height: 60px;
    max-width: 210px;
}

.project-2023-bottom-content ul {
    list-style-type: none;
    margin: 35px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.project-2023-bottom-content ul li {
    margin-right: 25px;
}

.project-2023-bottom-content form {
    width: 50%;
    max-width: 290px;
}

.project-2023-bottom-content form input,
.project-2023-bottom-content form textarea {
    display: block;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    height: 50px;
    padding: 12px 10px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 35px;
}

.project-2023-bottom-content form input::placeholder,
.project-2023-bottom-content form textarea::placeholder {
    color: #fff;
}

.project-2023-bottom-content form button {
    display: block;
    width: 100%;
    background: none;
    border: 3px solid #d66939;
    border-radius: 5px;
    color: #d66939;
    font-size: 18px;
    padding: 15px 10px;
}

.project-2023-bottom-content form button:hover {
    background-color: #d66939;
    color: #fff;
}

.project-2023-bottom-content form p {
    color: #35e786;
    font-size: 17px;
    line-height: 27px;
}

.project-2023-bottom .project-2023-bottom-credits {
    text-align: center;
    max-width: 1040px;
    margin: 0 auto;
    padding: 25px 65px 0;
}

.project-2023-page-box-cover {
    max-height: 593px;
}

.project-2023-page-box-cover h3 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    margin-bottom: 0 !important;
}

.project-2023-galeria-box-projects {
    margin-bottom: 0;
    margin-top: -50px;
}

.project-2023-galeria-box-projects .project-2023-groups {
    margin-top: 0;
}

.project-2023-list {
    list-style-type: none;
    margin: 50px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.project-2023-list a {
    display: block;
    position: relative;
}

.project-2023-list a:hover {
    opacity: 0.8;
}

.project-2023-list img {
    display: block;
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.project-2023-list div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    padding: 25px;
}

.project-2023-list div h3 {
    margin: 0;
    font-size: 25px;
    line-height: 30px;
}

.project-2023-list div span {
    display: block;
    font-size: 18px;
    line-height: 25px;
    margin-top: 10px;
}

.project-2023-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 45%);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-2023-popup-container {
    width: 90%;
    height: 90%;
    max-width: 1400px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
}

.project-2023-popup-content {
    height: 100%;
    overflow: auto;
    position: relative;
}

.project-2023-popup-content>a {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
}

.project-2023-popup-top {
    height: 90vh;
    max-height: 612px;
    display: flex;
    color: #fff;
    justify-content: flex-end;
    padding: 10% 100px 0;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
}

.project-2023-popup-top img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.project-2023-popup-top h2 {
    position: relative;
    margin: 0;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    z-index: 2;
    width: 100%;
}

.project-2023-popup-top small {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin-top: 8px;
}

.project-2023-popup-top ul {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
    z-index: 2;
    width: 55%;
    max-width: 400px;
}

.project-2023-popup-top ul li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0;
}

.project-2023-popup-top ul li strong {
    width: 45%;
    padding-right: 20px;
    font-weight: 500;
}

.project-2023-popup-top ul li span {
    width: 52%;
    font-weight: 300;
}

.project-2023-popup-top::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
}

.project-2023-popup-text {
    padding: 0 100px;
    font-size: 18px;
    line-height: 28px;
    margin: 70px 0;
}

.project-2023-popup-text>h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}

.project-2023-popup-text>h4.project-2023-popup-result {
    margin: 0 -100px 55px;
    padding: 85px 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    font-size: 40px;
    position: relative;
}

.project-2023-popup-text>h4.project-2023-popup-result::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.65) 0%,
            rgba(0, 0, 0, 0) 100%);
}

.project-2023-popup-text>h4.project-2023-popup-result span {
    position: relative;
    z-index: 2;
}

.project-2023-popup-text>ul {
    list-style-type: none;
    margin: 60px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.project-2023-popup-text>ul img {
    width: 100%;
    height: 395px;
    object-fit: cover;
}

.project-2023-partner-content {
    background-color: #f5f4f4;
}

.project-2023-partner-top {
    margin-bottom: 50px;
}

.project-2023-parceiros-box-projects {
    margin-top: -95px;
    margin-bottom: 0;
}

.project-2023-filter {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-2023-filter label {
    margin: 0 30px 0 0;
}

.project-2023-filter select {
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 7px 5px;
}

.project-2023-partner-list {
    list-style-type: none;
    margin: 0;
    padding: 0 0 100px;
    display: grid;
    grid-gap: 40px;
}

.project-2023-partner-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 17%);
}

.project-2023-partner-list li img {
    width: 11.2%;
}

.project-2023-partner-list li>div:nth-child(2) {
    width: 34%;
}

.project-2023-partner-list li>div:nth-child(3),
.project-2023-partner-list li>div:nth-child(4) {
    width: 10%;
    display: flex;
    align-items: center;
}

.project-2023-partner-list li>div:nth-child(4) {}

.project-2023-partner-list li>div:nth-child(5) {
    width: 17%;
    text-align: center;
}

.project-2023-partner-list li>div:nth-child(2) small {
    display: block;
    font-size: 15px;
    line-height: 22px;
}

.project-2023-partner-list li>div:nth-child(2) h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin: 2px 0 20px;
}

.project-2023-partner-list li>div:nth-child(2) address {
    margin: 0;
    color: #d66939;
    display: flex;
    align-items: center;
}

.project-2023-partner-list li>div:nth-child(2) address svg {
    margin-right: 10px;
}

.project-2023-partner-list li>div:nth-child(2) address svg,
.project-2023-partner-list li>div:nth-child(2) address svg * {
    fill: #d66939;
}

.project-2023-partner-list li>div:nth-child(3) svg,
.project-2023-partner-list li>div:nth-child(4) svg {
    width: 34%;
    height: auto;
}

.project-2023-partner-list li>div:nth-child(3) span,
.project-2023-partner-list li>div:nth-child(4) span {
    padding-left: 15px;
    width: 66%;
}

.project-2023-partner-list li>div:nth-child(3) span strong,
.project-2023-partner-list li>div:nth-child(4) span strong {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.project-2023-partner-list li>div:nth-child(5) a {
    display: block;
    background-color: #d66939;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 35px;
    padding: 16px 10px;
}

.project-2023-partner-list li>div:nth-child(5) a:hover {
    background-color: #c55f32;
}

.project-2023-bottom-time {
    color: #4a4a4a;
}

.project-2023-bottom-time .container {
    display: flex;
    justify-content: space-between;
}

.project-2023-bottom-time img {
    height: 100%;
}

.project-2023-bottom-time .container>div:first-child {
    padding: 100px 30px 100px 0;
    max-width: 50%;
}

.project-2023-bottom-time .container>div:last-child {
    width: 45%;
}

.project-2023-bottom-time iframe {
    width: 100%;
    height: 100%;
}

.project-2023-bottom-time font {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 70px;
    display: block;
}

.project-2023-bottom-time h3 {
    font-size: 50px;
    line-height: 60px;
    margin: 0;
}

.project-2023-bottom-time svg {
    display: block;
    width: 50px;
    height: 50px;
}

.project-2023-bottom-time ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.project-2023-bottom-time ul li {
    margin-top: 20px;
}

.project-2023-bottom-list {
    background-color: #d66939;
    padding: 100px 0;
    color: #fff;
    position: relative;
}

.project-2023-bottom-list::before {
    content: " ";
    background: url(../image/project-bottom.jpg) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 22%;
    height: 100%;
    filter: brightness(0.5);
    background-size: cover;
}

.project-2023-bottom-list h3 {
    margin: 0;
    font-size: 60px;
    line-height: 70px;
}

.project-2023-bottom-list h4 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 300;
}

.project-2023-bottom-list ul {
    list-style-type: none;
    margin: 80px 0 0;
    padding: 0;
}

.project-2023-bottom-list ul li {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid;
}

.project-2023-bottom-list ul li h5 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 200;
    position: relative;
    padding-right: 50px;
    cursor: pointer;
}

.project-2023-bottom-list ul li h5 svg {
    position: absolute;
    top: 3px;
    right: 0;
    fill: #fff;
    width: 40px;
    height: 40px;
}

.project-2023-bottom-list ul li.open h5 svg {
    transform: rotate(180deg);
}

.project-2023-bottom-list ul li div {
    font-size: 25px;
    line-height: 35px;
    font-weight: 200;
    display: none;
}

.project-2023-bottom-list ul li.open div {
    display: block;
}

.project-2023-bottom-footer {
    background-color: #000;
    color: #fff;
    padding: 100px 0;
    font-size: 20px;
    line-height: 30px;
}

.project-2023-bottom-footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-2023-bottom-footer-top h3 {
    margin: 0;
    width: 60%;
    font-size: 35px;
    line-height: 45px;
    font-weight: 300;
}

.project-2023-bottom-footer-top h3 strong {
    font-weight: 600;
}

.project-2023-bottom-footer-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 100px;
}

.project-2023-bottom-footer-top img {
    max-width: 35%;
}

.project-2023-bottom-footer-info>div:first-child {
    width: 35%;
}

.project-2023-bottom-footer-info>div:last-child {
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 70px;
}

.project-2023-bottom-footer-info h4 {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 35px;
    color: #d66939;
    border-left: 3px solid;
    padding-left: 10px;
}

.project-2023-bottom-footer-menu {
    list-style-type: none;
    margin: 0 0 95px;
    padding: 0;
    display: flex;
}

.project-2023-bottom-footer-menu li {
    margin-right: 25px;
}

.project-2023-bottom-footer svg {
    width: 35px;
    height: 35px;
    fill: #fff;
    display: block;
}

.project-2023-bottom-footer a:hover {
    text-decoration: underline;
}

.project-2023-bottom-footer-info span {
    display: flex;
    align-items: center;
    margin-top: 30px;
    word-break: break-word;
}

.project-2023-bottom-footer-info span svg {
    fill: #fff;
    width: 35px;
    height: 35px;
    margin-right: 20px;
}

.project-2023-bottom-footer-address {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 35px;
    font-size: 16px;
    line-height: 26px;
}

.project-2023-bottom-footer-info ul+h4 {
    margin-top: 50px;
}

.page-project-2023 .project-2023-bottom-credits {
    margin: 100px 0 0;
    font-weight: 300;
    text-align: center;
}

.project-2023-bottom-contact {
    background: url(../image/project-bot.jpg) center no-repeat;
    position: relative;
    background-size: cover;
    color: #fff;
    padding: 50px 0;
    margin-top: 100px;
}

.project-2023-bottom-contact::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d66939;
    opacity: 0.7;
}

.project-2023-bottom-contact .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-2023-bottom-contact .container div {
    width: calc(100% - 350px);
}

.project-2023-bottom-contact h3 {
    font-size: 45px;
    line-height: 55px;
    margin: 0 0 15px;
}

.project-2023-bottom-contact p {
    font-size: 28px;
    line-height: 38px;
    margin: 0;
    font-weight: 200;
}

.project-2023-bottom-contact a {
    background-color: #fff;
    color: #d66939;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    padding: 15px 30px;
    border-radius: 40px;
}

.magic-article {
    padding: 50px 0;
    font-size: 16px;
    line-height: 26px;
}

.magic-article-1 {
    background: url(../image/Banner-Exp-Magicas.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    height: 735px;
    margin-top: 0;
    padding: 0;
}

.magic-article-1 .container div {
    background-color: #ffffff75;
    left: 50%;
    position: absolute;
    top: 115px;
    width: 600px;
    transform: translateX(-50%);
    backdrop-filter: blur(14px);
    padding: 45px 0;
}

.magic-article-1 .container div img {
    height: 170px;
    width: 100%;
    object-fit: cover;
    max-width: 477px;
    display: block;
    margin: auto;
}

.magic-article-1 .container div p {
    max-width: 415px;
    margin-left: auto;
    margin-right: auto;
}

.magic-button {
    background-color: #ff7a15;
    color: #0f1108;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    padding: 7px 15px;
}

.magic-button:hover {
    color: #0f1108;
}

.magic-article p {
    margin: 15px 0;
}

.magic-article h2 {
    font-size: 39px;
    line-height: 49px;
    font-weight: 900;
}

.magic-article h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
}

.magic-article .container {
    max-width: 1800px;
}

.magic-article-2 {
    background-color: #edebeb;
}

.magic-article-2 .container {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5%;
    padding: 0;
}

.magic-article .container::before,
.magic-article .container::after {
    display: none;
}

.magic-article-2 .container div {
    padding: 0 40px;
    width: 38%;
}

.magic-article-2 .container img {
    width: 57%;
}

.magic-article-3 .container {
    display: flex;
    align-items: flex-start;
    gap: 5%;
}

.magic-article h4 {
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
}

.magic-article-4 {
    background-color: #edebeb;
}

.magic-article-4 h2 {
    text-align: center;
}

.magic-article-4 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 50px;
}

.magic-article-4 .slick-list {
    max-width: 800px;
    margin: auto;
}

.magic-article-4 img {
    border-radius: 50% 50% 0 0;
}

.magic-article-4 .slick-slide {
    display: flex;
    align-items: center;
}

.magic-article-4 .slick-slide div {
    background-color: #fff;
    padding: 35px;
    margin-left: -35px;
}

.magic-article-4 .slick-slide div p {
    font-size: 26px;
    line-height: 34px;
    font-weight: 900;
}

.magic-article-4 .slick-slide div span {
    display: block;
    font-size: 20px;
}

.magic-article-4 .slick-dots {
    margin: 25px 0 0;
    position: static;
}

.magic-article-4 .slick-slide:nth-child(even) img {
    order: 1;
}

.magic-article-4 .slick-slide:nth-child(even) div {
    margin-left: 0;
    margin-right: -35px;
    position: relative;
}

.magic-article-5 h2 {
    max-width: 907px;
    margin: auto;
}

.magic-article-5 .container>div {
    background-color: #edebeb;
    margin-top: 40px;
    padding: 30px 0;
}

.magic-article-5 .container>div ul {
    max-width: 907px;
    margin: auto;
    list-style-type: none;
    padding: 0;
}

.magic-article-5 .container>div ul li {
    display: flex;
    align-items: flex-start;
    gap: 5%;
    justify-content: space-between;
}

.magic-article-5 ul h5 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 900;
    width: 30%;
}

.magic-article-5 ul p {
    width: 65%;
}

.popup-magic {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 73%);
    z-index: 9999;
    backdrop-filter: blur(10px);
    display: none;
    justify-content: center;
}

.popup-magic.active {
    display: flex;
}

.popup-magic>div {
    height: 100%;
}

a.popup-magic-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 18px;
}

.popup-magic h3 {
    font-size: 40px;
    font-weight: 900;
    line-height: 50px;
}

.popup-magic ul {
    list-style-type: none;
    margin: 40px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1000px;
    gap: 10px;
    height: calc(100% - 110px);
    overflow: auto;
}

.popup-magic ul img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.popup-magic>div>div {
    height: 100%;
    padding: 40px 15px;
}

.popup-magic ul a:hover img {
    opacity: 0.5;
}

.promotion-page .box-html {
    max-width: 950px;
    margin: 100px auto;
    padding: 0 15px;
    text-align: center;
}

.promotion-top h2 {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.promotion-top iframe {
    width: 100%;
    height: 500px;
}

.promotion-bottom h2 {
    color: #ff7b00;
    margin: 0 0 20px;
}

.promotion-bottom iframe {
    width: 100%;
    height: 500px;
}

.promotion-page #html2 {
    margin-bottom: -40px;
}

/* ---------- LP Ofertas ---------------------------------------------------- */

body.information-offer {
    padding-top: 80px;
}

body.information-offer #content {
    position: relative;
    padding-bottom: 150px;
}

body.information-offer #search,
body.information-offer .header-right,
body.information-offer .menu-content,
body.information-offer .box-newsletter,
body.information-offer footer .footer-content,
body.information-offer .site-seguro>.container,
body.information-offer #btn-whatsapp,
body.information-offer #menu-mobile,
body.information-offer ._hj-widget-container,
body.information-offer .pagination,
body.information-offer .page-load-status,
body.information-offer .visited-products {
    display: none;
}

body.information-offer header {
    padding: 22px 0 16px;
    position: absolute;
}

body.information-offer header:not(.checkout).scrolling {
    padding: 22px 0 16px;
    box-shadow: none;
    height: auto;
}

body.information-offer #logo {
    float: none;
    display: inline-block;
}

body.information-offer header:not(.checkout).scrolling #logo img {
    height: auto;
}

body.information-offer .page-content>.box-module:first-child {
    margin-top: 0;
}

body.information-offer .informacoes-loja {
    margin: 0;
}

.lp-offer-text {
    max-width: 690px;
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 50px;
    padding: 0 15px;
}

.lp-offer-text h2 {
    margin: 0;
    font-size: 25px;
    line-height: 33px;
    font-weight: bold;
}

.lp-offer-text a {
    background-color: #2fa40c;
    color: #fff;
    border-radius: 28px;
    font-size: 15px;
    line-height: 20px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0 10px;
    padding: 10px 15px;
}

.lp-offer-text a i {
    font-size: 35px;
}

.lp-offer-fixed {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f4f4f4;
    z-index: -1;
    box-shadow: 0 3px 6px #000;
    transition: all 0.3s;
}

.lp-offer-fixed.scrolling {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.lp-offer-fixed.static {
    position: absolute;
}

.lp-offer-fixed .lp-offer-text {
    margin: 0 auto;
    padding: 16px 15px;
}

body.information-offer footer {
    margin-top: 0;
}

body.information-offer .page-load-status.active {
    display: block;
}

body.store-4 {
    padding-top: 75px;
}

body.store-4 .menu-content {
    display: none;
}

body.store-4 header {
    padding: 20px 0 14px;
}

body.store-4 header:not(.checkout).scrolling #search {
    margin-left: 4%;
}

body.store-4 .page-top .breadcrumb>li:after {
    display: none;
}

body.store-4 #content #totals .total-item.total-item-shipping {
    display: none;
}

body.store-4 #shipping-method strong {
    display: none;
}

body.store-4 #content .checkout-steps .shipping-method-item:not(.shipping-method-pickup) {
    display: none;
}

body.store-4 #shipping-method b,
body.store-4 #shipping-method i {
    display: none;
}

body.store-4 .alert-truck {
    display: none;
}

body.store-4 header .login {
    display: none;
}

@media (min-width: 768px) and (max-height: 570px) {
    .project-2023-popup-top {
        padding-top: 5%;
    }
}

@media (max-width: 1240px) {
    body.information-offer {
        padding-top: 71px;
    }

    body.information-offer header:not(.checkout) #logo {
        position: relative;
        top: 0;
        left: 0;
    }

    body.information-offer header:not(.checkout).scrolling #logo img {
        height: 25px;
    }

    body.store-4 header:not(.checkout).scrolling #search {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    body.store-4 {
        padding-top: 105px;
    }

    body.store-4 header {
        padding: 18px 0;
    }

    body.information-offer #content {
        padding-bottom: 130px;
    }

    .lp-offer-text {
        display: block;
        text-align: center;
        margin: 35px 0 40px;
    }

    .lp-offer-text h2 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .lp-offer-text a {
        max-width: 165px;
        margin: auto;
        font-size: 14px;
    }

    .lp-offer-text a i {
        font-size: 25px;
    }

    .lp-offer-fixed .lp-offer-text {
        display: flex;
        gap: 0 10px;
        text-align: left;
    }

    .lp-offer-fixed .lp-offer-text h2 {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
    }

    .lp-offer-fixed .lp-offer-text a {
        font-size: 12px;
        padding: 5px 10px;
    }

    .lp-offer-fixed .lp-offer-text a i {
        font-size: 18px;
    }
}

/* ---------- Media Query --------------------------------------------------- */

@media (min-width: 768px) {
    .container {
        width: 100%;
    }

    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left+#content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left+#content+#column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content+#column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #cart:hover,
    #cart.open,
    header .login:hover {
        color: #ff5612;
    }

    .store-1 #cart:hover,
    .store-1 #cart.open,
    .store-1 header .login:hover {
        color: #ffd609;
    }

    #cart:hover ul,
    #cart.open ul {
        display: block;
    }

    .product-thumb:hover .button-cart-spot,
    .button-cart-spot.active {
        bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #content .col-sm-2:nth-child(6n + 1),
    #content .col-sm-2:nth-child(6n + 1),
    #content .col-sm-3:nth-child(4n + 1),
    #content .col-sm-4:nth-child(3n + 1),
    #content .col-sm-6:nth-child(2n + 1) {
        clear: left;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #content .col-md-2:nth-child(6n + 1),
    #content .col-md-2:nth-child(6n + 1),
    #content .col-md-3:nth-child(4n + 1),
    #content .col-md-4:nth-child(3n + 1),
    #content .col-md-6:nth-child(2n + 1) {
        clear: left;
    }
}

@media (min-width: 1200px) {

    #content .col-lg-2:nth-child(6n + 1),
    #content .col-lg-2:nth-child(6n + 1),
    #content .col-lg-3:nth-child(4n + 1),
    #content .col-lg-4:nth-child(3n + 1),
    #content .col-lg-6:nth-child(2n + 1) {
        clear: left;
    }

    #content.list-full .col-lg-3:nth-child(5n + 1) {
        clear: left;
    }

    #content.list-full .col-lg-3:nth-child(4n + 1) {
        clear: none;
    }

    #content.list-full .col-lg-3 {
        width: 20%;
    }
}

@media (max-width: 1580px) {
    .project-2023-cover-social {
        padding: 120px 20px 25px;
    }

    .project-2023-cover-social div {
        height: 60%;
    }

    .project-2023-cover-social ul {
        height: 35%;
    }
}

@media (max-width: 1400px) {
    .register .box-border .btn-login {
        font-size: 15px !important;
        display: block;
        padding: 8px 10px;
    }

    .register .box-border .buttons .btn:first-child {
        margin-right: 0px;
    }

    .register .box-border .btn-login .fa {
        font-size: 25px;
    }
}

@media (max-width: 1366px) {

    .resolution-1,
    .resolution-3,
    .resolution-4,
    .resolution-1.carousel-element:not(.slick-slider),
    .resolution-3.carousel-element:not(.slick-slider),
    .resolution-4.carousel-element:not(.slick-slider) {
        display: none !important;
    }

    .resolution-2 {
        display: block !important;
    }

    .resolution-2.carousel-element:not(.slick-slider) {
        display: flex !important;
    }
}

@media (min-width: 768px) and (max-width: 1340px) {
    .benefits-bar {
        text-align: center;
    }

    .benefits-bar li {
        flex-wrap: wrap;
        justify-content: center;
    }

    .benefits-bar svg {
        margin: 0 0 10px;
    }

    .benefits-bar li span {
        width: 100%;
    }
}

@media (max-width: 1340px) {
    .box-border {
        width: 46%;
        margin: 0px 1%;
    }

    .product-list.slick-slider {
        margin: 0;
    }

    footer .contact {
        width: 38%;
        margin-right: 5%;
    }

    footer .central-atendimento {
        width: 24%;
        margin-right: 5%;
    }

    footer .sobre-loja {
        width: 23%;
        margin-right: 5%;
    }

    .footer-sociais {
        margin-left: 0;
        min-width: 280px;
    }

    .news-letter-footer {
        min-width: 268px;
    }

    .project-2023-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1240px) {
    body {
        padding-top: 105px;
    }

    body.store-1 {
        padding-top: 105px;
    }

    .mobile-only {
        display: block;
    }

    .full-only {
        display: none;
    }

    header {
        padding: 18px 0;
    }

    .store-1 header {
        height: 105px;
    }

    header:not(.checkout) #logo {
        float: none;
        margin: 0;
        position: absolute;
        text-align: center;
        left: calc(50% - 55px);
    }

    .store-1 #menu-mobile {
        top: -1px;
    }

    .store-1 header:not(.checkout) #logo {
        top: -10px;
    }

    .store-1 header:not(.checkout).scrolling #logo {
        top: -7px;
    }

    .store-1 #logo span {
        margin-left: 0;
        font-size: 13px;
        display: block;
    }

    .store-1 header:not(.checkout).scrolling #logo span {
        font-size: 13px;
    }

    header.checkout {
        padding: 17px 0 10px;
    }

    header #logo img {
        height: 25px;
    }

    .store-1 #cart {
        width: auto;
    }

    #cart span,
    header .login,
    .store-1 #cart span {
        display: none;
    }

    header:not(.checkout).scrolling {
        padding: 12px 0;
        height: auto;
    }

    .store-1 header:not(.checkout).scrolling {
        height: 82px;
    }

    header:not(.checkout).scrolling #logo {
        top: 2px;
        left: calc(50% - 42.5px);
    }

    header:not(.checkout).scrolling #logo img {
        height: 20px;
    }

    .store-1 #cart i {
        margin-right: 8px;
        margin-top: 0px;
    }

    .store-1 header .count {
        left: calc(100% - 9px);
    }

    .header-right {
        width: 140px;
        padding: 0px;
    }

    header:not(.checkout).scrolling .header-right {
        margin-top: -3px;
    }

    .store-1 header:not(.checkout).scrolling .header-right {
        margin-top: -5px;
    }

    #cart,
    header .login {
        padding: 4px 0;
    }

    header .login i,
    #cart i {
        margin-right: 2px;
    }

    header:not(.checkout).scrolling #menu-mobile {
        top: 3px;
        margin: 0px;
        font-size: 22px;
    }

    header:not(.checkout).scrolling #cart {
        top: 1px;
        margin: 0px;
        font-size: 22px;
    }

    header:not(.checkout).scrolling .login i,
    header:not(.checkout).scrolling #cart i {
        font-size: 20px;
    }

    header:not(.checkout).scrolling #search {
        top: 39px;
        margin: 0;
    }

    .store-1 header:not(.checkout).scrolling #search {
        width: 100%;
        margin-left: 0;
    }

    header:not(.checkout).scrolling #search .input-lg {
        font-size: 12px;
    }

    header:not(.checkout).scrolling #search button {
        top: 0;
        padding: 3px 15px;
    }

    header:not(.checkout).scrolling #search #live-search-cancel {
        top: 1px;
        padding: 4px 15px 2px;
    }

    header .count {
        width: 20px;
        height: 20px;
        font-size: 10px;
        line-height: 20px;
        top: -4px;
        right: -7px;
    }

    #search {
        position: absolute;
        top: 42px;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .store-1 #search {
        width: 100%;
    }

    #search .input-lg {
        background-color: #1e2127;
        border-radius: 0;
        border: none;
        border-top: 1px solid #4e4e4e;
        padding: 5px 15px;
        height: 45px;
        color: #fff;
    }

    #search button {
        top: 0;
        right: 0;
        padding: 12px 12px 8px;
        color: #fff;
    }

    #search #live-search-cancel {
        display: block;
    }

    .menu-content {
        display: none;
    }

    .benefits-bar {
        margin-top: -40px;
    }

    .toggle-title {
        padding: 15px;
    }

    .toggle-title strong {
        font-size: 15px;
    }

    .toggle-title i.fa-times {
        font-size: 15px;
    }

    .product-list.slick-slider {
        padding: 0px 34px;
    }

    .slick-prev::before,
    .slick-next::before {
        font-size: 25px;
    }

    .slick-prev {
        left: 0px;
    }

    .slick-next {
        right: 0px;
    }

    .product-list .slick-slide {
        padding: 0px 15px;
    }

    .slick-slider .product-tag {
        right: 15px;
    }

    .box-module {
        margin-top: 40px;
    }

    .text-seo div {
        width: 100%;
        height: 400px;
    }

    .text-seo article {
        width: 100%;
        margin-left: 0;
        margin-top: 400px;
    }

    footer .footer-column {
        width: 33.33% !important;
    }

    .page-product-options {
        padding-left: 20px;
    }

    h1 {
        font-size: 16px;
        line-height: 24px;
    }

    #form-cart {
        width: calc(100% - 425px);
    }

    #content .totals-cart {
        width: 380px;
    }

    #content #column-left+#column {
        width: calc(100% - 265px);
        margin-left: 25px;
    }

    .product-buy-together ul {
        width: 100%;
        text-align: center;
    }

    .product-buy-together ul li {
        width: 35%;
        margin: 0 3%;
    }

    .product-buy-together ul li.plus {
        width: auto;
        margin: 22% 0 0;
        font-size: 70px;
    }

    .product-buy-together .form-group .control-label {
        display: block;
        margin-right: 0px;
        text-align: center;
    }

    .product-buy-together .total {
        float: left;
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .product-buy-together .alert-buttons {
        width: 100%;
        margin: auto;
        float: none;
        max-width: 280px;
        clear: both;
    }

    .product-buy-together .alert-item {
        top: -135px;
        left: auto;
    }

    .contact-boxes {
        display: block;
    }

    .page-information #content #column-left {
        width: 25%;
    }

    .page-information #content #column-left+.column {
        width: 70%;
        margin-left: 5%;
    }

    .about-items .about-item img+div {
        position: static;
        padding: 10px 0;
        width: 100%;
    }

    .proj-top {
        padding: 30px 0;
    }

    .proj-top .container {
        display: block;
    }

    .proj-top h1 {
        font-size: 20px;
        line-height: 33px;
    }

    .proj-top img {
        margin: auto;
        display: block;
    }

    .proj-info .container {
        display: block;
    }

    .proj-info-slide {
        width: auto;
    }

    .proj-info-slide>p {
        line-height: 18px;
        font-size: 13px;
    }

    .proj-info-slide .slick-slide {
        border-radius: 5px;
    }

    .proj-info-slide-item img {
        height: 185px;
    }

    .proj-info-text {
        width: 90%;
        margin: 40px auto 0;
    }

    .proj-info-text-content {
        font-size: 15px;
        line-height: 24px;
    }

    .proj-title {
        font-size: 20px;
        line-height: 25px;
    }

    .proj-title::after {
        height: 5px;
        margin-top: 10px;
    }

    .proj-services ul {
        grid-template-columns: 1fr;
    }

    .proj-comments {
        margin: 50px 0;
    }

    .proj-comments ul li,
    .proj-comments ul li.slick-slide {
        padding: 0;
        display: block;
        text-align: center;
    }

    .proj-comments ul li img {
        margin: 0 auto 15px;
        display: block;
    }

    .proj-comments ul li p {
        font-size: 14px;
        line-height: 22px;
    }

    .proj-comments ul li span {
        font-size: 15px;
        line-height: 22px;
    }

    .proj-about .container {
        display: block;
    }

    .proj-about-info {
        width: auto;
    }

    .proj-about-info p {
        font-size: 15px;
        line-height: 24px;
    }

    .proj-about-contact {
        width: auto;
    }
}

@media (max-width: 1150px) {
    .project-2023-top ul {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 999;
        display: block;
        padding: 60px 25px;
        display: none;
    }

    .project-2023-top ul.active {
        display: block;
    }

    .project-2023-top {
        z-index: 999;
    }

    .project-2023-top ul li {
        margin: 0;
    }

    .project-2023-top ul li a {
        color: #404040;
        font-size: 17px;
        line-height: 27px;
        padding: 10px 0;
    }

    .project-2023-top ul li a svg,
    .project-2023-top ul li a svg * {
        fill: #404040;
    }

    .project-menu-mobile {
        display: block;
        font-size: 25px;
        color: #fff;
    }

    .project-menu-mobile-close {
        display: block;
        font-size: 30px;
        padding: 15px;
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (max-width: 1070px) {
    .title-nav-department {
        width: 115px;
    }

    .nav-department ul {
        width: calc(100% - 115px);
    }

    .nav-department p,
    .nav-department span {
        font-size: 13px;
        line-height: 18px;
        display: block;
    }

    .page-call-center .col-sm-6 {
        width: 100%;
    }

    .product-imgs {
        width: 100%;
        max-width: 590px;
        margin: auto;
        float: none;
        clear: both;
    }

    .product-image {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }

    .zoomWrapper {
        position: relative;
    }

    .product-info {
        width: 100%;
        max-width: 590px;
        float: none;
        margin: auto;
        clear: both;
    }

    #product .related-option table {
        max-width: inherit;
        width: 100%;
    }

    .box-newsletter h4 {
        margin-right: 0;
    }

    .box-newsletter form {
        width: 100%;
        max-width: 600px;
        margin-top: 25px;
    }
}

@media (max-width: 1050px) {
    .btn-login {
        display: block;
    }

    .box-border .buttons .btn:first-child {
        margin-right: 0px;
    }

    #btn-login-email,
    #btn-guest-email {
        max-width: 100%;
    }

    #content .order-list li {
        position: relative;
        margin-bottom: 40px;
        border-top: 2px solid #e9571f;
        padding-top: 10px;
    }

    #content .order-list li .order-list-column:last-child {
        position: absolute;
        bottom: -20px;
        right: 0px;
    }

    #content .order-list li .order-list-column {
        display: inline-block;
        width: 50% !important;
    }

    #content .order-list li .order-list-column:first-child {
        padding-left: 10px;
    }

    #content .order-list li .order-list-status::before {
        display: none !important;
    }

    .table-responsive .thumb {
        display: none;
    }

    .table-responsive .text {
        padding-left: 0px;
    }

    .table-wishlist .column-model,
    .table-wishlist .column-stock {
        display: none;
    }

    .product-spot:not(.slick-slide) {
        width: 33.33%;
    }

    .product-spot:not(.slick-slide):nth-child(4n + 0) {
        border-right: 1px solid #e8e8e8;
    }

    .product-spot:not(.slick-slide):nth-child(3n + 0) {
        border: none;
    }

    .bf-top-title {
        margin-right: 10%;
    }

    .bf-top-title p,
    .bf-top-clock p {
        font-size: 20px;
    }

    .bf-top-title h1 {
        font-size: 50px;
    }

    .bf-top-clock div span {
        font-size: 30px;
    }

    .about-timeline-content li img {
        height: 175px;
    }

    .project-2023-popup-top {
        padding: 40px 30px;
        display: block;
    }

    .project-2023-popup-top h2 {
        width: 100%;
        font-size: 25px;
        line-height: 30px;
    }

    .project-2023-popup-top ul {
        width: 100%;
        margin-top: 50px;
    }

    .project-2023-popup-text {
        padding: 0 30px;
        margin: 30px 0;
    }

    .project-2023-popup-text>h4.project-2023-popup-result {
        margin: 0 -30px 30px;
        padding: 60px 30px;
        font-size: 30px;
        line-height: 40px;
    }
}

@media (max-width: 960px) {
    .table-responsive .img-thumbnail {
        display: block;
        margin-bottom: 10px;
    }

    .page-account .box-account .social {
        float: left;
        clear: left;
        margin: 15px 0px;
    }

    #content .list-product-top .pagination {
        display: none;
    }
}

@media (max-width: 910px) {
    #content .checkout-steps {
        padding-top: 0px;
    }

    #content .checkout-steps .step,
    #content .checkout-steps .step:last-child {
        width: 100%;
        max-width: 320px;
        float: none;
        margin: auto;
        margin-bottom: 15px;
    }

    #content .checkout-steps .form-group {
        margin-bottom: 15px;
    }
}

@media (max-width: 890px) {
    #form-cart {
        width: 100%;
    }

    .alert-truck {
        margin-bottom: 35px;
    }

    #content .totals-cart {
        width: 100% !important;
        position: static !important;
        margin: 0px !important;
        max-width: 400px;
    }

    #content #totals {
        padding: 10px;
    }

    #content #totals .total-item p {
        font-size: 13px;
    }

    #content #totals .total-item label {
        width: 65%;
        font-size: 13px;
    }

    #content #totals .total-item label input {
        width: 115px;
    }

    #content #totals .total-item select {
        width: calc(35% + 115px);
    }

    .alert-buttons {
        float: none;
        max-width: 280px;
        clear: both;
    }

    .alert-item {
        top: -120px;
        left: calc(50% - 140px);
        box-shadow: 1px 1px 7px 1px #e5e5e5;
    }

    .alert-item .fa-caret-right {
        display: none;
    }

    .alert-item .fa-caret-down {
        display: block;
    }

    #content #totals .total-item .alert-buttons {
        width: 39%;
    }

    #content #totals .total-item .alert-item {
        width: 300px;
        left: inherit;
        right: -20px;
        bottom: calc(100% + 20px);
        min-height: auto;
        top: inherit;
    }
}

@media (max-width: 780px) {
    #free-shipping-progress {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 768px) {

    .resolution-1,
    .resolution-2,
    .resolution-4,
    .resolution-1.carousel-element:not(.slick-slider),
    .resolution-2.carousel-element:not(.slick-slider),
    .resolution-4.carousel-element:not(.slick-slider) {
        display: none !important;
    }

    .resolution-3 {
        display: block !important;
    }

    .resolution-3.carousel-element:not(.slick-slider) {
        display: flex !important;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }

    #mobile {
        display: block;
    }

    body.msg-cookie {
        padding-top: 170px;
    }

    .msg-cookie header {
        top: 65px;
    }

    #msg-cookie {
        max-width: 100%;
        height: 64px;
        padding: 8px 45px 8px 8px;
        bottom: inherit;
        left: 0;
        top: 0;
        border-radius: 0;
        box-shadow: none;
    }

    #msg-cookie>a {
        right: 8px;
    }

    #msg-cookie p {
        font-size: 11px;
        line-height: 16px;
    }

    .carrinho-lembrete {
        right: -10px;
    }

    .carrinho-lembrete::before {
        right: 0;
    }

    #search .live-search ul li .product-image {
        display: none;
    }

    #search .live-search ul li .product-price {
        width: 25%;
    }

    .benefits-bar {
        margin-top: -15px;
        margin-bottom: 40px;
        font-size: 15px;
        line-height: 20px;
    }

    .benefits-bar li {
        justify-content: center;
        display: flex !important;
    }

    .nav-department {
        display: block;
    }

    .title-nav-department {
        float: none;
        width: 100%;
        margin-bottom: 25px;
    }

    .nav-department .slick-list {
        margin: 0 25px;
    }

    .nav-department .slick-prev {
        left: -13px;
    }

    .nav-department .slick-next {
        right: -13px;
    }

    .nav-department ul {
        width: 100%;
        display: block;
        float: none;
    }

    .nav-department li {
        margin: 0 15px;
        width: auto;
    }

    .nav-department p {
        font-size: 12px;
        line-height: 15px;
    }

    .nav-manufacturer ul {
        padding: 0 30px;
    }

    .nav-manufacturer .slick-list {
        margin: 0;
    }

    .nav-manufacturer ul li {
        margin: 0 5px;
    }

    .minibanner-3 ul li {
        width: auto;
        margin: 15px;
    }

    .minibanner-home ul li {
        width: calc(100% - 30px);
        margin: 12px 0;
    }

    .heading-title {
        margin: 0px 0px 15px;
    }

    .heading-title h3 {
        font-size: 15px;
        line-height: 19px;
    }

    .product-list.slick-slider {
        margin: 0px -15px;
        padding: 0px 10px;
    }

    .product-list .slick-slide {
        padding: 0px 10px;
    }

    .slick-slider .product-tag {
        right: 10px;
    }

    .slick-prev::before,
    .slick-next::before {
        font-size: 20px;
    }

    .slick-prev {
        background-color: #fff !important;
        border-left: none;
        width: 25px;
        text-align: center;
    }

    .slick-next {
        background-color: #fff !important;
        border-right: none;
        width: 25px;
        text-align: center;
    }

    .product-tag {
        font-size: 10px;
        font-weight: 500;
        padding: 3px 8px;
    }

    .about-time-nav {
        margin: 50px 35px 0;
    }

    .about-time-nav .slick-prev {
        left: -40px;
    }

    .about-time-nav .slick-next {
        right: -40px;
    }

    .about-time-nav li p {
        font-size: 16px;
        line-height: 22px;
    }

    .about-time-content li.active {
        display: block;
    }

    .about-time-content li div+img {
        margin: 40px 0 0;
        border-radius: 10px;
        max-width: 100%;
    }

    .about-page .about-middle-title {
        margin-top: 0;
        margin-bottom: 70px;
    }

    .about-time-content {
        margin-top: 50px;
    }

    .slick-slide .product-thumb {
        margin-bottom: 0px;
    }

    .product-thumb .caption {
        margin-top: 10px;
    }

    .product-thumb h4 {
        font-size: 12px;
        line-height: 18px;
        height: 38px;
    }

    .product-thumb .caption>span {
        font-size: 11px;
    }

    .product-thumb .price {
        margin: 0;
    }

    .product-thumb .price-normal.price-boleto {
        font-size: 12px;
        margin: 0;
    }

    .product-thumb .price-normal,
    .product-thumb .price-old {
        font-size: 10px;
        font-weight: 500;
    }

    .product-thumb .price span i {
        font-size: 10px;
    }

    .product-thumb small {
        font-size: 9px;
        line-height: 15px;
    }

    .product-thumb .price small {
        margin-bottom: 3px;
    }

    .featured-image {
        flex-direction: column;
    }

    .featured-image .product-list {
        width: auto;
        max-width: calc(100% + 30px);
    }

    .featured-image>img,
    .featured-image>picture {
        width: 100%;
        margin-top: 30px;
    }

    .alert-encomenda {
        margin: 0 0 25px;
        font-size: 15px;
        line-height: 20px;
    }

    .alert-encomenda svg {
        display: none;
    }

    .instagram {
        padding: 30px 0px;
        margin-bottom: 0px;
    }

    .instagram h3 {
        font-size: 20px;
        float: none;
        text-align: center;
    }

    .instagram .follow {
        float: none;
        font-size: 13px;
        display: block;
        padding: 8px 20px;
        text-align: center;
        max-width: 200px;
        margin: 20px auto 0px;
        clear: both;
    }

    .instagram ul {
        margin: 25px 0px 0px;
        float: none;
    }

    .text-seo {
        margin-top: 45px;
    }

    .ambience-list {
        max-width: 390px;
    }

    .ambience-list .ambience-spot {
        margin: 0;
        max-height: 400px;
    }

    .ambience-list .ambience-spot:hover .product-list,
    .ambience-list .ambience-spot:hover>a::before {
        display: none;
    }

    .ambience-list .ambience-spot.active .product-list,
    .ambience-list .ambience-spot.active>a::before {
        display: block;
    }

    .ambience-list .ambience-spot>a:hover::after {
        display: block;
    }

    .ambience-list .ambience-spot.active>a::after {
        display: none;
    }

    .ambience-list .ambience-spot .product-list {
        top: 20px;
    }

    .ambience-list .ambience-spot .product-list::after {
        content: "Ver todos os produtos";
        position: static;
        display: block;
        font-size: 14px;
        background-color: #ff5612;
        color: #fff;
        text-align: center;
        padding: 6px 5px;
        border-radius: 5px;
    }

    .ambience-list .ambience-spot .product-list .product-spot {
        margin: 0 0 5px;
        padding: 5px;
    }

    #free-shipping-progress {
        padding: 25px 20px;
    }

    #content #free-shipping-progress .buttons a {
        font-size: 15px !important;
    }

    .form-cart-top {
        margin-top: 0;
    }

    #content .cart-content li:first-child .text .info .cart-quantity::before,
    #content .cart-content li:first-child .text .info .cart-total::before {
        display: none;
    }

    #content .cart-content li .image {
        width: 69px;
        margin-bottom: 35px;
    }

    #content .cart-content li .text {
        width: calc(100% - 69px);
    }

    #content .cart-content li .text .info {
        display: block;
    }

    #content .cart-content li .text .info .cart-options {
        width: 100%;
    }

    #content .cart-content li .text .product-title h3 {
        font-size: 13px;
        line-height: 16px;
        height: 32px;
    }

    #content .cart-content li .text .info .cart-quantity {
        width: 120px;
        margin-top: 5px;
        text-align: left;
    }

    #content .cart-content li .text .info .cart-info .quantity-field select {
        padding: 5px;
    }

    #content .cart-content li .text .info .cart-total {
        width: calc(100% - 124px);
        margin-top: 4px;
    }

    .buttons-cart .btn-form {
        width: 100%;
    }

    .buttons-cart a:last-child {
        clear: both;
        width: 100%;
    }

    .credits {
        margin-bottom: 70px;
    }

    .elevate-zoom-disabled {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 80%;
        height: 100%;
        z-index: 10;
    }

    .product-thumb:hover img.thumb-back {
        opacity: 0;
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: inherit;
    }

    .page-call-center .links li a {
        font-size: 14px;
        text-align: center;
    }

    .page-call-center .links li a i {
        font-size: 20px;
        display: block;
        margin-bottom: 5px;
    }

    .page-call-center .infos li {
        font-size: 15px;
        line-height: 24px;
    }

    .page-call-center .infos li i {
        display: none;
    }

    .page-call-center strong {
        font-size: 18px;
    }

    .page-call-center p {
        font-size: 14px;
        line-height: 20px;
    }

    .page-call-center .send {
        font-size: 15px;
    }

    .page-call-center .send i {
        font-size: 20px;
    }

    .rating .fa-stack {
        font-size: 7px;
    }

    .rating .fa-star {
        font-size: 12px;
    }

    .rating .fa-star-o {
        font-size: 12px;
    }

    .zoomContainer .zoomLens {
        z-index: -1 !important;
    }

    #checkout-success h1 {
        font-size: 16px;
    }

    #checkout-success span {
        font-size: 17px;
        line-height: 23px;
    }

    #checkout-success.boleto .boleto-content,
    #checkout-success.boleto .checkout-comment.bottom {
        display: none;
    }

    #checkout-success .boleto-buttons span {
        display: block;
        margin: 8px 0px;
    }

    #checkout-success .boleto-data div {
        width: 48%;
        margin-left: 0;
        margin-right: 4%;
    }

    #checkout-success .boleto-data:not(.pix-data) div:first-child {
        width: 100%;
        margin-bottom: 15px;
    }

    #checkout-success .boleto-data div:last-child {
        margin-right: 0;
    }

    #checkout-success .boleto-code strong {
        display: block;
        margin-bottom: 15px;
        font-size: 18px;
    }

    #checkout-success .boleto-content {
        display: none;
    }

    .tltblog h4,
    .tltblog h4 a {
        font-size: 16px;
        line-height: 24px;
    }

    .tltblog .post>div *,
    .tltblog-tltblog #content p {
        font-size: 14px !important;
        line-height: 23px !important;
    }

    body.checkout-cart #offer-day-products {
        display: none;
    }

    #offer-day-products .offer-day-thumb {
        top: inherit;
        bottom: 0px;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }

    #offer-day-products .offer-day-thumb span {
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }

    #offer-day-products .offer-day-content.active {
        width: 270px;
    }

    #offer-day-products .top {
        padding: 20px 15px;
        min-width: 270px;
    }

    #offer-day-products .top strong {
        font-size: 18px;
        margin-top: 40px;
    }

    #offer-day-products .top p {
        margin-top: 15px;
        font-size: 15px;
    }

    #offer-day-products .top p span {
        font-size: 18px;
        line-height: 25px;
    }

    #offer-day-products .products {
        min-width: 270px;
        height: calc(100% - 185px);
    }

    .text-seo div {
        height: 240px;
    }

    .text-seo article {
        margin-top: 240px;
        padding: 20px 15px;
    }

    .text-seo article p {
        font-size: 11px;
        line-height: 20px;
    }

    footer .footer-column {
        width: 100% !important;
        margin-bottom: 0px;
        text-align: center;
        padding-right: 0px;
    }

    footer .footer-column h5 {
        font-size: 14px;
    }

    footer .footer-column h5 i {
        display: block;
        float: right;
    }

    footer .footer-column>img,
    footer .footer-column>a>img {
        margin: 12px 20px 0px 20px;
    }

    footer .footer-column .payment-methods {
        margin: 0px;
    }

    footer .footer-column .icons li {
        margin: 0px 10px;
    }

    footer .footer-column p {
        font-size: 10px;
        margin-top: 30px;
        line-height: 18px;
    }

    footer .contact {
        margin-bottom: 15px;
    }

    footer .contact,
    footer .central-atendimento,
    footer .sobre-loja {
        width: 100%;
        margin-right: 0;
    }

    footer .footer-menu {
        text-align: left;
        border-bottom: 1px solid #9a9a9a;
    }

    footer .footer-menu h5 i {
        display: block;
        float: right;
    }

    footer .footer-menu ul {
        display: none;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    footer .footer-menu ul.active {
        display: block;
    }

    .footer-sociais {
        margin: 45px 0 15px;
        text-align: center;
        width: 100%;
    }

    footer .nav-list li {
        margin: 15px 0;
    }

    .slideshow.slick-dotted.slick-slider {
        padding-bottom: 28px;
    }

    .slideshow .slick-dots {
        bottom: 0px;
    }

    .product-spot:not(.slick-slide) {
        width: 50%;
    }

    .product-spot:not(.slick-slide):nth-child(3n + 0) {
        border-right: 1px solid #e8e8e8;
    }

    .product-spot:not(.slick-slide):nth-child(2n + 0) {
        border: none;
    }

    .page-content .page-top {
        padding: 20px 0px;
        margin-bottom: 0;
    }

    .page-content .page-top h1 {
        font-size: 15px;
        line-height: 19px;
    }

    .breadcrumb>li {
        font-size: 10px;
    }

    .page-top:not(.page-product-top) .breadcrumb a {
        color: #707070;
    }

    .page-content .page-top #column-right {
        top: calc(100% + 30px);
    }

    #filter-box {
        border: none;
        padding: 0;
    }

    #button-filter-open {
        color: #ff3c38;
        font-size: 13px;
        float: right;
        padding: 5px;
    }

    .filter-content {
        clear: both;
        overflow: auto;
        height: calc(100% - 130px);
    }

    .filter-item {
        margin-top: 0;
    }

    #button-filter {
        display: block;
        float: right;
        margin: 15px;
    }

    .select-sort {
        float: left;
        text-align: left;
        margin-top: 0;
        margin-bottom: 45px;
    }

    .category-content .select-sort {
        margin-top: -69px;
        margin-bottom: 0;
    }

    .select-sort select {
        max-width: 40%;
    }

    .toggle-tab {
        padding: 15px;
    }

    .category-content {
        width: 100%;
        margin-top: 20px;
    }

    .pagination {
        padding: 0;
    }

    .pagination li {
        margin: 7px 5px;
        display: none;
    }

    .pagination li:first-child,
    .pagination li:last-child,
    .pagination li.active,
    .pagination li.show-mobile {
        display: inline-block;
    }

    .toggle-tab-title,
    .toggle-tab-content label span {
        font-size: 13px;
    }

    .btn {
        padding: 10px 20px;
    }

    .page-product-images {
        width: 100%;
    }

    .zoomContainer {
        display: none !important;
    }

    .page-product-options {
        padding-left: 0px;
        width: 100%;
        margin-top: 15px;
    }

    .page-product-options h1 {
        font-size: 18px;
        line-height: 23px;
    }

    .product-attribute {
        width: 100%;
        margin: 0 0 15px;
    }

    #product .form-group {
        margin-bottom: 20px;
    }

    #product .input-option {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }

    #product .input-option .radio {
        margin: 0;
        display: flex;
        align-items: center;
    }

    #product .input-option .radio label .color {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        line-height: 18px;
    }

    #product .input-option .radio label .color small {
        width: calc(100% - 30px);
    }

    #product .input-option .radio label .color div {
        margin-right: 10px;
    }

    #product .form-group .box-quantity {
        max-width: 187px;
        margin-left: auto;
        margin-right: auto;
    }

    #product .form-group .box-quantity .control-label {
        text-align: center;
    }

    #product .alert-buttons,
    #product #button-cart {
        margin-top: 20px;
    }

    #product div+.text-danger {
        margin-top: 15px;
    }

    h1 {
        font-size: 15px;
        line-height: 25px;
    }

    #product {
        margin-top: 30px;
    }

    .product-attributes {
        font-size: 13px;
    }

    .product-attributes .description,
    .product-attributes .description * {
        font-size: 13px !important;
    }

    .account-login h2,
    .account-register h2 {
        font-size: 16px;
    }

    #content .buttons .btn-login {
        font-size: 13px !important;
    }

    .btn-login i {
        font-size: 20px;
    }

    #content #column-left {
        width: 100%;
        margin-bottom: 20px;
    }

    #content #column-left+#column {
        width: 100%;
        margin: 0px;
    }

    .list-account h3 {
        display: block;
    }

    .list-account ul {
        display: none;
    }

    .list-account ul.active {
        display: block;
    }

    .product-buy-together ul li {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .product-buy-together ul li>img {
        float: left;
        width: 25%;
    }

    .product-buy-together ul li h4 {
        margin-left: calc(25% + 15px);
        margin-top: 0;
        font-size: 13px;
        line-height: 19px;
        height: 40px;
    }

    .product-buy-together ul li .price {
        margin-left: calc(25% + 15px);
    }

    .product-buy-together ul li .price-normal,
    .product-buy-together ul li .price-old {
        font-size: 14px;
    }

    .product-buy-together ul li .options {
        margin-top: 15px;
        margin-left: calc(25% + 15px);
    }

    .product-buy-together .form-group .control-label {
        text-align: left;
        font-size: 13px;
    }

    .product-buy-together .input-option .radio {
        min-height: 30px;
        min-width: 30px;
    }

    .product-buy-together .input-option .radio .img-thumbnail {
        width: 30px;
    }

    .product-buy-together .input-option .radio span {
        line-height: 24px;
        min-width: 24px;
    }

    .product-buy-together ul li.plus {
        margin: 20px 0;
        font-size: 45px;
        clear: both;
        line-height: 22px;
    }

    .product-buy-together .total {
        margin-top: 10px;
    }

    .product-buy-together .total p {
        font-size: 18px;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .product-buy-together .total button {
        margin-top: 20px;
    }

    .page-information #content #column-left {
        width: 100%;
    }

    #column-left .menu-information ul li {
        width: 100%;
    }

    #column-left .menu-information ul li a {
        min-height: inherit;
        text-align: left;
    }

    #btn-menu-information {
        margin-bottom: 10px;
        background: none;
        border: none;
        width: 100px;
        padding: 0;
        height: 24px;
        text-align: left;
    }

    #btn-menu-information i {
        float: right;
        margin-top: 5px;
    }

    .menu-information ul {
        display: none;
    }

    .menu-information ul.active {
        display: block;
    }

    .page-information #content #column-left+.column {
        width: 100%;
        margin-left: 0;
    }

    .store-info img {
        display: block;
        width: auto;
        margin: auto;
    }

    .store-info .address-info {
        display: block;
        width: 100%;
        padding: 0;
        max-width: 350px;
        margin: 15px auto 0;
    }

    .about-info div {
        width: 100%;
        display: block;
        padding: 0px;
    }

    .about-info img {
        width: auto;
        display: block;
        margin: 35px auto 0px;
    }

    .about-cols {
        margin: 50px 0;
        display: block;
    }

    .about-cols div {
        width: auto;
    }

    .about-cols-full div:last-child {
        padding-left: 15px;
    }

    .about-cols-list p {
        font-size: 15px;
        line-height: 25px;
    }

    .about-cols-list h3 {
        padding: 0;
    }

    .minibanner-links li {
        width: 100%;
        margin: 5px 0;
    }

    #btn-whatsapp {
        width: 132px;
        font-size: 20px;
        padding: 5px 10px;
    }

    #btn-whatsapp span {
        font-size: 10px;
        line-height: 13px;
        width: 85px;
        margin-left: 8px;
    }

    .bf-top {
        padding: 53px 0 52px;
        text-align: left;
    }

    .bf-top-title {
        margin-right: 0;
        margin-bottom: 40px;
        display: block;
    }

    .bf-top-title p,
    .bf-top-clock p {
        margin-bottom: 10px;
    }

    .bf-top-clock div span {
        font-size: 25px;
    }

    .bf-content p {
        font-size: 20px;
        line-height: 25px;
    }

    .bf-top-after {
        padding: 73px 0 72px;
        text-align: center;
    }

    .pinterest-subtitle {
        font-size: 15px;
    }

    .pinterest-page-tabs {
        overflow: auto;
        white-space: nowrap;
        padding-left: 0;
    }

    .pinterest-page-content>div>span>span:nth-child(2) {
        padding: 0;
    }

    .pinterest-page-tabs li {
        font-size: 14px;
        padding: 2px 15px;
    }

    .pinterest-page-content {
        margin-top: 30px;
    }

    .popup-pinterest .popup-pinterest-content {
        padding: 15px;
    }

    .popup-pinterest .slick-slider .slick-arrow.slick-prev {
        left: -19px;
    }

    .popup-pinterest .slick-slider .slick-arrow.slick-next {
        right: -19px;
    }

    #popup-news>div {
        max-height: 432px;
    }

    .popup-news-content h5 {
        font-size: 44px;
    }

    .popup-news-content h5 strong {
        font-size: 60px;
        line-height: 60px;
    }

    .popup-news-content h6 {
        font-size: 14px;
        line-height: 19px;
        margin: 15px auto 18px;
    }

    #popup-news form input {
        font-size: 13px;
    }

    .about-cols {
        display: block;
        margin-bottom: 45px;
    }

    .about-cols>*:first-child {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .about-timeline-content li::before,
    .about-timeline-content li .about-year::before,
    .about-timeline-content li .about-year::after {
        display: none;
    }

    .about-timeline-content li {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        margin: 0 0 30px;
    }

    .about-timeline-content li img {
        position: static;
        order: 1;
        width: 100%;
        margin-bottom: 20px;
    }

    .about-timeline-content li .about-year {
        margin: 0 0 20px;
        width: 100%;
        height: 75px;
        clip-path: polygon(50% 100%, 0 45%, 0 0, 100% 0, 100% 45%);
        order: 0;
    }

    .about-timeline-content li .about-text {
        position: static;
        order: 2;
        width: 100%;
    }

    .project-2023-box-cover h2 {
        font-size: 45px;
    }

    .project-2023-box-cover h3 {
        font-size: 27px;
        line-height: 37px;
    }

    .project-2023-box {
        margin: 60px 0;
    }

    .project-2023-box-cover {
        margin-top: 0;
    }

    .project-2023-title {
        font-size: 20px;
    }

    .project-2023-box-services ul {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }

    .project-2023-box-services ul li p {
        margin-bottom: 0;
    }

    .project-2023-title-left span {
        padding-right: 20px;
    }

    .project-2023-groups {
        margin: 35px 0 0;
        overflow: auto;
        white-space: nowrap;
        justify-content: flex-start;
    }

    .project-2023-groups li {
        font-size: 17px;
        line-height: 24px;
        margin: 0 15px;
    }

    .project-2023-slide img {
        height: 450px;
    }

    .project-2023-link-galeria {
        font-size: 20px;
    }

    .project-2023-box-cols .container {
        display: block;
    }

    .project-2023-box-cols .container div:first-child {
        width: 100%;
        margin-bottom: 40px;
    }

    .project-2023-box-cols .container div:last-child {
        width: 100%;
    }

    .project-2023-box-cols .container div:first-child img {
        position: static;
    }

    .project-2023-title-right span {
        padding-left: 20px;
    }

    .project-2023-title-left span,
    .project-2023-title-right span {
        display: inline-block;
    }

    .project-2023-box-comments ul {
        grid-template-columns: 1fr;
        margin: 40px 0 0;
        grid-gap: 40px 0;
    }

    .project-2023-box-consult .container>ul {
        grid-template-columns: 1fr;
    }

    .project-2023-bottom-content {
        display: block;
        padding: 30px;
    }

    .project-2023-bottom-content div {
        width: 100%;
        padding-right: 0;
    }

    .project-2023-bottom-content h4 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 30px;
    }

    .page-project-2023 p {
        font-size: 17px;
    }

    .project-2023-bottom-content form {
        width: 100%;
        margin-top: 40px;
    }

    .project-2023-bottom .project-2023-bottom-credits {
        padding: 25px 30px 0;
        font-size: 15px;
    }

    .project-2023-list {
        grid-template-columns: 1fr;
    }

    .project-2023-list div {
        padding: 15px;
    }

    .project-2023-list div h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .project-2023-list div span {
        font-size: 15px;
        line-height: 22px;
    }

    .project-2023-popup-content>a {
        top: 10px;
        right: 10px;
    }

    .project-2023-popup-top ul li {
        display: block;
    }

    .project-2023-popup-top ul li strong {
        display: block;
        padding: 0;
        width: 100%;
    }

    .project-2023-popup-top ul li span {
        display: block;
        width: 100%;
    }

    .project-2023-popup-text>ul {
        grid-template-columns: 1fr;
    }

    .project-2023-popup-text>ul img {
        height: 350px;
    }

    .project-2023-partner-list li {
        flex-wrap: wrap;
    }

    .project-2023-partner-list li img {
        width: 25%;
    }

    .project-2023-partner-list li>div:nth-child(2) {
        width: 75%;
        padding-left: 25px;
    }

    .project-2023-partner-list li>div:nth-child(3),
    .project-2023-partner-list li>div:nth-child(4) {
        width: 50%;
        padding: 30px;
    }

    .project-2023-partner-list li>div:nth-child(5) {
        width: 100%;
    }

    .project-2023-partner-list li>div:nth-child(5) a {
        font-size: 17px;
        padding: 10px;
    }

    .project-2023-cover-social {
        padding: 120px 15px 25px;
        width: 51px;
    }

    .project-2023-cover-social ul li a {
        width: 25px;
    }

    .project-2023-cover-social ul li svg {
        width: 25px;
        height: 25px;
    }

    .project-2023-box-cover>ul li .container {
        padding-right: 70px;
    }

    .project-2023-bottom-time .container {
        display: block;
    }

    .project-2023-bottom-time .container>div:first-child {
        padding: 60px 0;
    }

    .project-2023-bottom-time h3 {
        font-size: 35px;
        line-height: 40px;
    }

    .project-2023-bottom-list {
        padding: 60px 0;
    }

    .project-2023-bottom-list h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .project-2023-bottom-list h4 {
        font-size: 28px;
        line-height: 38px;
    }

    .project-2023-bottom-list ul li h5 {
        font-size: 25px;
        line-height: 35px;
    }

    .project-2023-bottom-list ul li {
        margin-top: 35px;
        padding-bottom: 35px;
    }

    .project-2023-bottom-list ul li div {
        font-size: 20px;
        line-height: 30px;
    }

    .project-2023-bottom-list ul li h5 svg {
        width: 30px;
        height: 30px;
    }

    .project-2023-bottom-footer {
        padding: 60px 0;
        text-align: center;
    }

    .project-2023-bottom-footer-top {
        display: block;
    }

    .project-2023-bottom-footer-top img {
        max-width: 100%;
        margin: auto;
    }

    .project-2023-bottom-footer-top h3 {
        width: 100%;
        text-align: center;
        margin-top: 25px;
        font-size: 22px;
        line-height: 32px;
    }

    .project-2023-bottom-footer-info {
        margin-top: 60px;
        display: block;
    }

    .project-2023-bottom-footer-info>div:first-child {
        width: 100%;
    }

    .project-2023-bottom-footer-info h4 {
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
    }

    .project-2023-bottom-footer-menu {
        margin-bottom: 60px;
        justify-content: center;
    }

    .project-2023-bottom-footer-menu li {
        margin: 0 15px;
    }

    .project-2023-bottom-footer-info span {
        display: block;
        word-break: break-word;
        font-size: 18px;
    }

    .project-2023-bottom-footer-info span svg {
        width: 30px;
        height: 30px;
        display: block;
        margin: 0 auto 20px;
    }

    .project-2023-bottom-footer-info>div:last-child {
        width: 100%;
        margin-top: 60px;
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .project-2023-bottom-footer-address {
        display: block;
    }

    .project-2023-bottom-footer-address li {
        margin-bottom: 25px;
    }

    .page-project-2023 .project-2023-bottom-credits {
        margin-top: 60px;
    }

    .project-2023-bottom-contact .container {
        display: block;
    }

    .project-2023-bottom-contact .container div {
        width: auto;
    }

    .project-2023-bottom-contact {
        padding: 50px 0;
    }

    .project-2023-bottom-contact h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .project-2023-bottom-contact p {
        font-size: 20px;
        line-height: 30px;
    }

    .project-2023-bottom-contact a {
        display: inline-block;
        margin-top: 30px;
        font-size: 20px;
        padding: 10px 25px;
    }

    .magic-article-1 {
        height: auto;
        padding: 30px;
    }

    .magic-article-1 .container div {
        width: 100%;
        position: static;
        transform: none;
        padding: 10px 20px;
    }

    .magic-article-1 .container {
        padding: 0;
    }

    .magic-article-2 .container {
        flex-direction: column;
        padding: 0 15px;
    }

    .magic-article-2 .container div {
        padding: 0;
        width: auto;
        order: 1;
    }

    .magic-article-2 .container img {
        width: 100%;
        margin: 15px 0;
    }

    .magic-article {
        padding: 30px 0;
    }

    .magic-button {
        margin: 8px;
    }

    .magic-article-3 .container {
        flex-direction: column;
    }

    .magic-article-4 .slick-slide {
        flex-direction: column;
    }

    .magic-article-4 .slick-slide div,
    .magic-article-4 .slick-slide:nth-child(even) div {
        margin: 0;
    }

    .magic-article-4 .slick-slide:nth-child(even) img {
        order: 0;
    }

    .magic-article-5 .container>div ul li {
        flex-direction: column;
    }

    .magic-article-5 .container>div {
        padding: 20px;
    }

    .magic-article-5 ul h5,
    .magic-article-5 ul p {
        width: auto;
    }

    .popup-magic ul {
        grid-template-columns: 1fr 1fr;
    }

    .popup-magic ul img {
        height: 145px;
    }

    .popup-magic h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .promotion-page .box-html {
        margin: 50px auto;
    }

    .promotion-top h2 {
        font-size: 17px;
        line-height: 25px;
    }

    .promotion-page iframe {
        height: 320px;
    }

    .promotion-bottom h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .promotion-page #html2 {
        margin-bottom: -20px;
    }
}

@media (max-width: 720px) {

    .page-account table td.column-model,
    .page-account table.table-address thead td.column-shipping-address,
    .page-account table.table-itens thead td.column-quantity,
    .page-account table.table-itens thead td.column-price,
    .page-account table.table-itens thead td.column-total,
    .page-account table.table-history thead td.column-status,
    .page-account table.table-history thead td.column-comment {
        display: none;
    }

    .page-account table.table-order-detail tbody td {
        display: block;
        width: 100%;
        border-right: 1px solid #ddd;
    }

    .page-account table.table-address tbody td {
        display: block;
        width: 100%;
    }

    .page-account table.table-address tbody td.column-shipping-address::before {
        content: attr(data-label);
        background-color: #ff5612;
        color: #fff;
        display: block;
        padding: 8px;
        margin: 0px -9px 8px;
        border: 1px solid #ddd;
    }

    .page-account table.table-itens tbody,
    .page-account table.table-itens tbody tr,
    .page-account table.table-itens tbody td,
    .page-account table.table-history tbody,
    .page-account table.table-history tbody tr,
    .page-account table.table-history tbody td {
        display: block;
        border-bottom: none;
        text-align: left;
    }

    .page-account table.table-itens tbody td.column-model {
        display: none;
    }

    .page-account table.table-address-list tbody,
    .page-account table.table-address-list tbody tr,
    .page-account table.table-address-list tbody td {
        display: block;
    }

    .page-account table.table-address-list tbody tr td:first-child {
        border-bottom: none;
    }

    .page-account table.table-itens tbody td.column-total {
        border-bottom: 5px solid #fff;
    }

    .page-account table.table-itens tbody td.column-quantity::before,
    .page-account table.table-itens tbody td.column-price::before,
    .page-account table.table-itens tbody td.column-total::before,
    .page-account table.table-history tbody td.column-status::before,
    .page-account table.table-history tbody td.column-comment::before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 5px;
    }
}

@media (max-width: 700px) {
    .page-account .box-account-left {
        width: 100%;
        margin-right: 0px;
    }

    .page-account .box-account-right {
        width: 100%;
    }
}

@media (max-width: 690px) {
    .box-border {
        width: 100%;
        margin: 0px;
        margin-bottom: 20px;
    }
}

@media (max-width: 680px) {
    #content .order-list li .order-list-column-02 span {
        font-size: 22px;
    }

    .table-wishlist .column-model,
    .table-wishlist .column-stock {
        display: none;
    }

    .central-atendimento,
    .sobre-loja {
        width: 100%;
        margin: 25px 0 0;
    }
}

@media (max-width: 580px) {
    .table-responsive .thumb {
        width: 100%;
        margin-bottom: 10px;
    }

    .table-responsive .text {
        width: 100%;
    }

    .form-groups .form-group {
        width: auto;
        display: block;
        margin-left: 0;
    }

    .pinterest-page-content>div {
        width: 500px;
        zoom: 65%;
        margin: auto;
    }
}

@media (max-width: 550px) {
    #product .related-option table {
        width: 100%;
    }

    #product .related-option table tbody td {
        padding: 5px 0px;
        min-width: 52px;
    }

    #product .related-option table tbody tr td.col-size-3:first-child,
    #product .related-option table tbody tr td.col-size-4:first-child {
        max-width: 45px;
    }

    #product .related-option table tbody td.col-size-3 {
        max-width: 65px;
    }

    #product .related-option table tbody td.col-size-4 {
        max-width: 50px;
    }

    #product .related-option table tbody td.col-size-4 select {
        max-width: 43px;
        font-size: 12px;
    }

    #product .related-option table tbody tr td.col-size-5:first-child {
        max-width: 35px;
    }

    #product .related-option table tbody td.col-size-5 {
        max-width: 43px;
    }

    #product .related-option table tbody td.col-size-5 select {
        max-width: 44px;
        font-size: 11px;
    }

    #product .related-option table td.col-size-5 .color-image {
        width: 30px;
    }

    .box-newsletter {
        padding: 35px 15px;
    }

    .box-newsletter h4 {
        display: block;
        margin: 15px 0 0;
        text-align: center;
        font-size: 17px;
    }

    .box-newsletter h4 strong {
        font-size: 18px;
    }

    .box-newsletter form {
        margin-top: 15px;
    }

    .box-newsletter form .input-group input.form-control {
        display: block;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .box-newsletter form .btn {
        display: block;
        width: auto;
        margin: auto;
        padding: 7px 35px;
    }
}

@media (max-width: 480px) {

    .resolution-1,
    .resolution-2,
    .resolution-3,
    .resolution-1.carousel-element:not(.slick-slider),
    .resolution-2.carousel-element:not(.slick-slider),
    .resolution-3.carousel-element:not(.slick-slider) {
        display: none !important;
    }

    .resolution-4 {
        display: block !important;
    }

    .resolution-4.carousel-element:not(.slick-slider) {
        display: flex !important;
    }

    .nav>li {
        width: 49%;
        text-align: center;
        margin-right: 2%;
    }

    .nav-tabs>li>a {
        font-size: 14px;
        line-height: 18px;
        min-height: 53px;
    }

    .nav>li:last-child,
    .nav>li:last-child>a {
        margin-right: 0px;
    }

    #tab-review .rating {
        float: none;
    }

    #product .form-group {
        float: left;
        width: 100%;
        clear: both;
    }

    #product .total-price {
        display: block;
    }

    #product #button-cart {
        width: 100%;
    }

    #content #modules .module {
        text-align: center;
    }

    #content #modules .module input[type="submit"],
    #content #modules .module input[type="button"],
    #content #modules .module button {
        display: block;
        max-width: 220px;
        margin: auto;
        width: 100%;
        margin-top: 10px;
    }

    #content #modules .module label {
        display: block;
        text-align: center;
    }

    #content #modules .module input[type="text"] {
        display: block;
        max-width: 220px;
        margin: auto;
        width: 100%;
    }

    .elevate-zoom-disabled {
        width: 100%;
        height: calc(100% - 37px);
    }

    .zoomWrapper {
        width: 100% !important;
        margin-left: 0px;
    }

    .zoomWrapper div {
        opacity: 0.5;
    }

    #images-container {
        position: static;
        width: 100%;
    }

    #images-container .slick-list {
        margin-top: 0px;
    }

    #images-container .image-additional {
        margin: 0px;
    }

    #images-container a {
        padding: 0px;
        border: none;
        border-radius: 0px;
    }

    #images-container .slick-prev {
        top: 48%;
        height: 50px;
        width: 32px;
        left: -15px;
        margin-left: 0px;
        z-index: 5;
        border: 1px solid #000;
        border-left: none;
        background-color: #fff;
    }

    #images-container .slick-prev:before {
        content: "\f104";
        line-height: 30px;
    }

    #images-container .slick-next {
        top: 48%;
        height: 50px;
        width: 32px;
        left: inherit;
        right: -15px;
        margin-left: 0px;
        z-index: 5;
        border: 1px solid #000;
        border-right: none;
        background-color: #fff;
    }

    #images-container .slick-next:before {
        content: "\f105";
        line-height: 30px;
    }

    #images-container .slick-dots {
        bottom: -30px;
    }

    #images-container .slick-dots li button:before {
        font-size: 15px;
    }

    #images-container .image-additional i {
        display: block;
    }

    #content .order-list li .order-list-column {
        display: block;
        width: 100% !important;
        border: none;
        padding: 5px 0px !important;
    }

    #content .order-list li .order-list-status-1::before {
        display: none;
    }
}

@media (max-width: 420px) {
    .button-adult-content {
        font-size: 15px;
    }

    .table-responsive .thumb {
        display: none;
    }

    .table-responsive a,
    .table-responsive .text small {
        font-size: 11px;
    }

    .table-responsive b,
    .table-responsive s {
        font-size: 15px;
    }

    .checkout-cart .buttons .pull-right {
        width: 100%;
    }

    #content .buttons a {
        font-size: 15px !important;
        padding: 10px 12px;
    }

    #content .buttons .pull-left a {
        font-size: 14px !important;
        padding: 10px 0px;
    }

    .page-product-thumbs {
        display: none;
    }

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

    .page-product-img .slick-dots {
        position: static;
    }

    .page-product-img .slick-dots li {
        width: 30px;
        height: 30px;
        margin: 0 8px 11px;
    }

    .page-product-img .slick-dots li button {
        width: 30px;
        height: 30px;
        padding: 0px;
    }

    .page-product-img .slick-dots li button:before {
        width: 30px;
        height: 30px;
        border-radius: 0;
        color: #fff;
        background-color: #fff;
        border: 1px solid #ababab;
    }

    .page-product-img .slick-dots li.slick-active button:before,
    .page-product-img .slick-dots li.slick-active button:hover:before,
    .page-product-img .slick-dots li button:hover:before,
    .page-product-img .slick-dots li button:hover:hover:before {
        background-color: #ababab;
        border: 1px solid #ababab;
    }

    .page-product-options {
        margin-top: 55px;
    }

    #product .alert-buttons,
    #product #button-cart {
        max-width: 100%;
    }

    #button-compare {
        margin: 30px auto 0;
        display: block;
    }
}