:root{
    --color-primary:#00BBB4;
}

*{
    -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}
#header .header-nav-main nav > ul:not(:hover) > li > a.active, #header .header-nav-main nav > ul > li > a:hover{
    background-color: transparent;
    color: var(--color-primary);
}
#header .header-nav-main nav > ul > li > a{
    letter-spacing: 0.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: transparent;
    color: #ffffff;
}

#header .header-nav-main nav > ul > li:not(:last-child) {
    border-right: 1px solid #ffffff;
}

#header .header-btn-collapse-nav
{
    background-color:  var(--color-primary);
}

.icon-tienda{
    width: 45px;
    height: 50px;
    background-image: url("../img/icon_tienda_on.svg");
}
a:hover .icon-tienda{
    background-image: url("../img/icon_tienda_off.svg");
}

a:link, a {
    color: #000000;
}

a:visited{
    color:  var(--color-primary);
}

a:hover{
    color: var(--color-primary);  
}


section p{
    font-size: 20px;
    color: #000000;
}


.chantal{
font-family: 'Permanent Marker', cursive;
}

.py-100{
padding-top: 100px;
padding-bottom: 100px;
}
.py-50{
padding-top: 50px;
padding-bottom: 50px;
}
.pt-50{
padding-top: 50px;
}
.pt--50{
padding-top: -50px;
}

.mt--50{
margin-top: -50px;
}
.mt--80{
margin-top: -80px;
}

.mt--100{
margin-top: -100px;
}
.mt-80{
margin-top: 80px;
}



.owl-item h1{
    font-size: 7.5rem;
}
section.video h1{
    font-size: 6rem;
}


.text-primary, span.text-primary, h1.text-primary, h2.text-primary, h3.text-primary{
    color: var(--color-primary) !important;  
}

.header-row a:hover, .nav a.icon-svg:hover {
    color: var(--color-primary) !important;
}
.header-row a:link, .nav a.icon-svg{
    color: #ffffff;
}


a.icon-svg img {
    filter:brightness(450%);
}

a.icon-svg:hover img {
    filter:brightness(100%);
}




footer a.icon-svg img {
    filter:brightness(100%);
}
footer a.icon-svg:hover img {
    filter:brightness(0%);
}





.mt-index a:link  {
    color: var(--color-primary);
}

.mt-index{
    margin-top: 10%;
}


.bg-botella{
    background-image: url('../img/botella_grande.png');
    background-repeat:  no-repeat;
    background-position: center bottom;
}


@media (max-width: 767px) {

    .bg-botella{
        background-image: none;
    }

    .owl-item h1{
        font-size: 4rem;
    }
    section.video h1{
        font-size: 2.5rem;
    }

    
    #header .header-nav-main nav > ul:not(:hover) > li > a.active{
        color: var(--color-primary) !important;
    }
    #header .header-nav-main nav > ul > li > a{
        letter-spacing: 0.2rem;
        padding-left: 2rem;
        padding-right: 2rem;
       
        background-color: transparent;
        color: #161616;
    }
    
    #header .header-nav-main nav > ul > li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #header .header-nav-main nav > ul > li:not(:last-child) {
     border: none;
    }
    


    .mt-index{
        margin-top: 45%;
    }
    
}