@import url("https://use.typekit.net/jgq6rue.css");

:root{
    --color-primary:#7ef441;
    --color-secondary:#7ef441;
    --color-gradient-start:#7ef441;
    --color-gradient-stop:#7ef441
}

.label-success-dtx-30 {
    border: 2px solid #7ef441;
    border-radius: 20px;
    color: #7ef441;
    padding: 0 20px;
    margin-bottom: 15px;
}

.label-success-dtx-60 {
    border: 2px solid #ff7300;
    border-radius: 20px;
    color: #ff7300;
    padding: 0 20px;
    margin-bottom: 15px;
}

.label-success-dtx-90 {
    border: 2px solid #00b1ff;
    border-radius: 20px;
    color: #00b1ff;
    padding: 0 20px;
    margin-bottom: 15px;
}

/*
Hoss Round Wide Regular
font-family: "hoss-round-wide", sans-serif;
font-weight: 400;
font-style: normal;
Hoss Round Wide Regular Italic

font-family: "hoss-round-wide", sans-serif;
font-weight: 400;
font-style: italic;
Hoss Round Wide Black

font-family: "hoss-round-wide", sans-serif;
font-weight: 700;
font-style: normal;
Hoss Round Wide Black Italic

font-family: "hoss-round-wide", sans-serif;
font-weight: 700;
font-style: italic;
*/


body{
    font-family: "hoss-round-wide", sans-serif;
    font-weight:400;
    line-height:1.6;
    font-size:16px;
    color:#fff
}
a:hover{
    color:var(--color-primary)
}
#content{
    background-color:#000;
}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{
    font-family: "hoss-round-wide", sans-serif;
    color:#000
}
.h1,h1{
    font-size:52px;
    font-weight:700;
    line-height:1.2em
}
.h2,h2{
    font-size:38px;
    font-weight:700;
    line-height:1.4em
}
.h3,h3{
    font-size:28px;
    font-weight:700;
    line-height:1.6em
}
.h4,h4{
    font-size:25px;
    font-weight:400;
    line-height:1.6em
}
.h5,h5{
    font-size:22px;
    font-weight:400;
    line-height:1.8em
}
.h6,h6{
    font-size:18px;
    font-weight:400;
    line-height:1.8em
}

.btn-buy {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    border-radius: 50px;
    color: #000;
}

.btn-send  {
    border-radius: 50px !important;
}

.btn-buy:hover {
    color: #000;
}

.liquid-counter-xl .liquid-counter-element {
    letter-spacing: -10px;
}

.liquid-counter-huge .liquid-text-bottom {
    position: absolute;
    bottom: 0px;
    left: 70%;
    font-size: 5.125em;
    line-height: 0.5em;
    letter-spacing: -8px;
    font-style: normal;
}

.text-black {
    color: #000;
}

.text-green {
    color: #7ef441;
}

.text-orange {
    color: #ff7300;
}

.text-blue {
    color: #00b1ff;
}

.main-nav>li>a {
    font-size: 15px;
    letter-spacing: 0;
    color: #000;
    font-weight: 800;
}
.main-nav>li>a .link-ext{
    background:#fff;
}
.main-nav>li.is-active>a,.main-nav>li.current-menu-item>a,.main-nav>li:hover>a,.main-nav>li>a:hover{
    color:#000;
}
.main-footer {
    background-color: #111;
    background-position: left center;
    color: #ffffff;
}
.main-footer a:not(.btn){
    color:#000
}

.main-footer a:not(.btn):hover{
    color:#fff
}
.main-footer .social-icon a{
    color:#fff
}
.main-footer .contact-form input,.main-footer .contact-form select,.main-footer .contact-form textarea,.main-footer .contact-form .ui-selectmenu-button{
    color:#fff;
    border-color:rgba(255,255,255,.2)
}
.main-footer .contact-form input:focus,.main-footer .contact-form select:focus,.main-footer .contact-form textarea:focus,.main-footer .contact-form .ui-selectmenu-button:focus{
    border-color:#fff
}
.main-footer .contact-form input[type=submit]{
    border-color:var(--color-primary);
    color:var(--color-primary)
}
.main-footer .contact-form input[type=submit]:hover{
    color:#000
}

.rodape {
    color: #000;
}

.accordion-active-has-fill .active .accordion-title a {
    color: #000000;
    font-weight: bold;
}

section.faq-detox a:not(.btn) {
    color: #7ef441;
    font-weight: bold;
}

.border-athens-green {
    border: 2px solid #7ef441;
}

.text-arapawa {font-weight: bold; color: #000000}

.text-arapawa i {font-weight: bold; color: #7ef441}


.countdown .countdown-period {
    opacity: 1;
}

.countdown {
    font-size: 4.2em;
    line-height: 1em;
    font-weight: 600;
    color: #000;
}

ul.list-bolt {
    list-style: none; /* Remove os marcadores padrão */
    padding-left: 0;
}

ul.list-bolt li {
    position: relative;
    padding-left: 25px; /* Espaço para o ícone */
    margin-bottom: 0px;
}

/* Estiliza o ícone de raio */
ul.list-bolt li::before {
    content: "\f0e7"; /* Código Unicode do ícone de raio (fa-bolt) */
    font-family: "Font Awesome 6 Free"; /* Fonte do Font Awesome */
    font-weight: 900; /* Necessário para ícones sólidos */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
}

/* Classes específicas para cores */
ul.list-bolt.green li::before {
    color: #7EF441; /* Verde */
}

ul.list-bolt.blue li::before {
    color: #00B1FF; /* Azul */
}

ul.list-bolt.orange li::before {
    color: #FF7300; /* Laranja */
}


a.disabled {
    border: 3px solid #333;
    background-color: #333;
    color: #ccc;

}