:root {
    --cor_padrao: #898989;
    --cor_padrao_hover: #898989;
    --cor_hover_cinza: #898989;
    --cor_hover_dark: #1e1e1e;
    --cor_texto_padrao: black;
    --cor_texto_destaque: #1e1e1e;
    --cor-texto-instagram: white;

    --cor_topo: white;
    --cor_selecionado: #898989;

    --cor_gradiente_1: white;
    --cor_gradiente_2: white;

    --cor_rodape: white;
    --cor_texto_rodape: #666;
    --cor-fundo-rodape: #1e1e1e;
    --cor_fundo_instagram: #1e1e1e;
    --cor_copyright: white;
    --cor_texto_copyright: #666;

    --cor_texto_top: #666;
}

body {
    color: var(--cor_texto_padrao);
}

.color-default {
    color: var(--cor_padrao) !important;
}

.box-produto div {
    color: var(--cor_texto_padrao);
    background: rgba(255, 208, 197, 0.7);
}

.btn_blue {
    background-color: #55DD89;
}

.btn_blue:hover {
    background-color: #BE7C9D;
}

.btn_form_contact {
    color: var(--cor_topo);
    background-color: var(--cor_texto_destaque);
}

.btn_seja_revendedora {
    color: var(--cor_texto_destaque);
    background-color: var(--cor_topo);
}

.btn_form_contact:hover, .btn_seja_revendedora:hover {
    color: var(--cor_topo) !important;
    background-color: var(--cor_selecionado);
}

.sub_header {
    background: var(--cor_topo);
}

.degrade-inicial {
    background-image: linear-gradient(135deg, var(--cor_gradiente_1) 10%, var(--cor_gradiente_2) 100%);
}

.instafeed {
    background: var(--cor_fundo_instagram);
    float: left;
}

.footer_info {
    color: var(--cor_rodape);
    float: left;
    width: 100%;
}

.copyright {
    background: var(--cor_copyright);
    color: var(--cor_texto_copyright);
}

.instafeed h4 {
    color: white;
    position: absolute;
    bottom: 20px
}

.footer_info i {
    margin-right: 10px !important;
}

.footer_info a {
    text-decoration: none;
    width: 100%;
    display: block;
}

#cadastro-consultora input[type="button"] {
    background: var(--cor_texto_destaque);
    color: var(--cor_topo);
}

#cadastro-consultora input[type="button"]:hover {
    background: var(--cor_hover_cinza);
    color: var(--cor_topo);
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li button:before {
    color: grey !important;
}

.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}