#qodef-page-header{
    /*display: none;*/
}

#dunker_core_woo_dropdown_cart-2,
#search-3,
#qodef-page-header .qodef-widget-holder #search-6,
#qodef-page-header .qodef-widget-holder #qodef-search-form-4-formsearch,
#qodef-page-mobile-header .qodef-widget-holder {
    display: none !important;
}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/

#title{
    width: 100%;
    padding-bottom: 2.5vw;
    font-family: "Gochi Hand", Sans-serif;
    font-size: 2.5vw;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.15vw;
}

section{
    width: 100%;
    height: auto;
    padding: 0 10vw;
}

.frame{
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    background-color: white;
}

section .title{
    width: 100%;
    padding: 2vw 0;
    text-align: center;
    font-family: "Gochi Hand", Sans-serif;
    font-size: 5vw;
    font-weight: bold;
    color: black;
    letter-spacing: 0.4vw;
    color: #6f6f6f;
}
 section .style{
    margin-bottom: 1.5vw !important;
 }
 section #catalog{
    z-index: -1;
    height: auto !important;
 }

 #especiales{
    margin: 5vw 0;
 }


/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/

section .top{
    width: 100%;
    height: 35vw;
}
section .middle{
    width: 100%;
    height: 30vw;
    padding: 0 0.75vw;
} 
section .bottom{
    width: 100%;
    height: 35vw;
} 

section .top .style,
section .bottom .style{
    width: 48%;
    height: 100%;
    margin: 0 1%;
    overflow: hidden;
    border: 0.1vw solid lightgrey;
    cursor: pointer;
}
section .middle .style{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    overflow: hidden;
    border: 0.1vw solid lightgrey;
    cursor: pointer;
}



section .top .style .view,
section .middle .style .view,
section .bottom .style .view{
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    padding: 0.75vw 1.5vw;
    background-color: white;
    color: black;
    font-size: 1vw;
    font-weight: bold;
    justify-content: left;
    z-index: -1;
}
section .top .style .view:hover,
section .middle .style .view:hover,
section .bottom .style .view:hover{
    background-color: black;
    color: white;
}



section .top .style .image,
section .middle .style .image,
section .bottom .style .image{
    width: 100%;
    height: 100%;
    overflow: hidden;

}

section .top .style .image img,
section .middle .style .image img,
section .bottom .style .image img{
    width: 100%;
    max-width: none;
    z-index: 2;
}

section .top .style:hover .image,
section .middle .style:hover .image,
section .bottom .style:hover .image{
    transform: translateY(-3vw);
}



section .top #h .image img {
    width: auto;
    height: 100%;
    left: -25%;
}
section .top #d .image img {
    width: auto;
    height: 110%;
    top: -5%;
    left: -30%;
}


section .middle #x .image img {
    width: auto;
    height: 166%;
    top: -27%;
}


section .bottom #v .image img {
    width: auto;
    height: 160%;
    left: -77%;
    top: -49%;
}
section .bottom #n .image img {
    width: auto;
    height: 180%;
    left: -114%;
    top: -80%;
}




#especiales .top .style .image img{
    width: 220%;
}




section .top .style .image .overlay,
section .middle .style .image .overlay,
section .bottom .style .image .overlay{
    width: 100%;
    height: 100%;   
    background-color: transparent;
    font-family: "Gochi Hand", Sans-serif;
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
    color: white;
    opacity: 1;
    z-index: 20;
}

section .top .style:hover .image .overlay,
section .middle .style:hover .image .overlay,
section .bottom .style:hover .image .overlay{
    opacity: 1;
    background: rgb(20 20 20 / 33%);
    font-size: 6.5vw;
}


section .top .style .image .title,
section .middle .style .image .title,
section .bottom .style .image .title{
    width: auto;
    height: auto;
    bottom: 0;
    padding: 1vw;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.1vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
    color: white;
    z-index: 100;
    display: none;
}


section .top #h .image .title{
    left: 0;
}
section .top #d .image .title{
    right: 0;
}


section .middle #x .image .title{
    width: 100% !important;
    text-align: center;
}

section .bottom #v .image .title{
    left: 0;
}
section .bottom #n .image .title{
    right: 0;
}

section .top .style:hover .image .title,
section .middle .style:hover .image .title,
section .bottom .style:hover .image .title{
    opacity: 0;
}


/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/

.slider .slide {
    height: 30vw;
}
.product .image img {
    height: 80%;
}
.product .shopping,
.product .more {
    display: none !important;
}


/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/


section #catalog .slider{
    display: none;
}










/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////// MOBILE STYLE ///////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////*/



@media (max-width: 991px) and (orientation: portrait) {



    section {
        height: 675vw;
    }
    .frame {
        height: auto;
    }
    section {
        z-index: 1;
        padding: 0 2vw;
    }

    #main{
        padding-top: 5vw;
    }

    section .style{
        margin-bottom: 4vw !important ;
    }

    section .top,
    section .middle,
    section .bottom {
        width: 100%;
        height: auto;
        padding: 0;
    }


    section #style{
        height: auto;
    }
    section .top .style, 
    section .middle .style,
    section .bottom .style {
        width: 100%;
        height: 130vw;
        margin: 0;
    }




    section .top .style .image .overlay,
    section .middle .style .image .overlay,
    section .bottom .style .image .overlay{
        font-size: 16vw;
    }


    section .top .style:hover .image .overlay, 
    section .middle .style:hover .image .overlay, 
    section .bottom .style:hover .image .overlay {
        font-size: 16.5vw;
    }


    section .top .style .image,
    section .middle .style .image,
    section .bottom .style .image,
    section .top .style:hover .image,
    section .middle .style:hover .image,
    section .bottom .style:hover .image{
        transform: translateY(-9vw);
    }

    section .top .style .view, 
    section .middle .style .view, 
    section .bottom .style .view {
        padding: 2.5vw 0;
        font-size: 4vw;
        justify-content: center;
    }


    section .top #h .image img {
        width: auto;
        height: 100%;
        left: -39%;
    }
    section .top #d .image img {
        width: auto;
        height: 110%;
        top: -5%;
        left: -62%;
    }


    section .middle #x .image img {
        width: auto;
        height: 120%;
        top: 7%;
        left: -83%;
    }

    section .bottom #v .image img {
        width: auto;
        height: 150%;
        left: -108%;
        top: -40%;
    }
    section .bottom #n .image img {
        width: auto;
        height: 150%;
        left: -34%;
        top: -50%;
    }

    #todos .image img{
        width: auto;
        height: 100%;
        left: -10%;
    }

    
    section .title{
        font-size: 8vw;
        letter-spacing: 0.5vw;
        padding-bottom: 5vw;
    }
    #especiales .style .image img{
        width: auto;
        height: 100%;
    }


}