/*
:root {
    --dondeRed: #d43631;
    --dondeRed2: #6F1411;
    --dondeRed3: #B10000;
    --dondeRed4: #C12D29;
    
    --dondeWhite: #fff;
    --dondeOrange: #ffb838;
    --dondePink:#F1E8D7;
    --dondeBlack:black;
}
*/

/**/

/**/
img{
    border-radius: 0px;
}
/*section01*/

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

#section_1 #n2-ss-2 .nextend-arrow img {
    width: 100px;
}

.section_1_2{
    display: none;
}
/*section02*/
#section_2{
    height: 550px;
    background-color: rgba(212,54,49,1);
}

#section_2 .row{
    height: 100%;
}

#section_2 #cookies{
    background: linear-gradient(180deg, rgba(0,56,139,1) 0%, rgba(33,111,196,1) 100%);
}

#section_2 #cookies #cookiesbtn{
    position: relative;
    margin: 0 auto;
    width: 250px;
}

#section_2 #cookies #cookies1{
    margin: 0 auto;
    max-width: 60%;
    padding-top: 50px;
    cursor: pointer;
}

#section_2 #cookies #cookies2{
    width: 250px;
    position: absolute;
    margin-left: -250px;
}

#section_2 #cookies #cookiesbtn #btnCookies,
#section_2 #cookies #cookiesbtn #btnCookiesHover{
    position: absolute;
    padding-top: 25px;
}
/*------------*/
#section_2 #crackers{
    background: linear-gradient(90deg, rgba(177,0,0,1) 0%, rgba(212,54,49,1) 100%);
    position: relative;
}

#section_2 #crackers #crackersbtn{
    position: relative;
    margin: 0 auto;
    width: 250px;
}

#section_2 #crackers #crackers1{
    margin: 0 auto;
    max-width: 60%; 
    padding-top: 50px;
    cursor: pointer;
}

#section_2 #crackers #crackers2{
    width: 230px;
    position: absolute;
    margin-right: -250px;
    right: 0;
    top:0;
}

#section_2 #crackers #crackersbtn #btnCrackers,
#section_2 #crackers #crackersbtn #btnCrackersHover{
    position: absolute;
    padding-top: 25px;
}

/*section03*/
#section_3{
    padding-top: 50px;
    height: 800px;
    position: relative;
}

#section_3 .row2{
    overflow: hidden;
    position: relative;
    height: 100%;
}

#section_3 #boxText{
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 25px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

#section_3 #boxText #title{
    text-align: left;
    font: normal normal normal 60px/60px Paytone One;
    color: var(--dondeBlack);
    opacity: 1;
    padding: 0px;
}

#section_3 #boxText #parafo{
    font-family: 'Josefin Sans', sans-serif;
    text-align: left;
    width: 360px;
    color: var(--dondeRed );
    opacity: 1;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 30px;
}

#section_3 #boxText #btn{
    width: 291px;
    height: 48px;
    background: #D43631 0% 0% no-repeat padding-box;
    border-radius: 39px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 24px/32px Paytone One;
    padding: 5px;
}

#section_3  #boxCaroucel {
    height: 570px;
}

#section_3  #boxCaroucel #fixCaroucel{
    width: 100%;
}

#section_3  #dish{
    position: absolute;
    width: 500px;
    margin-bottom: -500px;
    margin-left: -500px;
    left: 0;
    bottom: 0;
}

/*seccion caroucel*/

div#n2-ss-2 .nextend-arrow img{
    
    width: 100px;

}

#section_3 .slick-prev{
/*    color: var(--dondeRed);*/
}
/*
--dondeBtnBack: 
--dondeBtnBackHover: 
--dondeBtnNext: 
--dondeBtnNextHover: 
*/
#section_3 .woopspro-product-slider button.slick-prev, 
#section_3 .woopspro-product-slider button.slick-prev:focus {
    background: transparent var(--home-btnBack) center center no-repeat !important;
    background-size: 100% 100% !important;
    outline: none !important;
}

#section_3 .woopspro-product-slider button.slick-prev:hover {
    background: transparent var(--home-btnBackHover) center center no-repeat !important;
    background-size: 100% 100% !important;
    outline: none !important;
}

#section_3 .woopspro-product-slider button.slick-next,  
#section_3 .woopspro-product-slider button.slick-next:focus {
    background: transparent var(--home-btnNext) center center no-repeat !important;
    background-size: 100% 100% !important;
    outline: none !important;
}

#section_3 .woopspro-product-slider button.slick-next:hover {
    background: transparent var(--home-btnNextHover) center center no-repeat !important;
    background-size: 100% 100% !important;
    outline: none !important;
}

#section_3 .woopspro-product-slider button.slick-next {
    right: 25px;
    width: 60px;
    height: 60px;
    top: 102%;
}

#section_3 .woopspro-product-slider button.slick-prev {
    left: 610px;
    width: 60px;
    height: 60px;
    top: 102%;
}

#section_3 .woopspro-product-slider .slick-dots {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    bottom: -12%;
    text-align: center;
    width: 100%;
    left: 0%;
}

#section_3 .woopspro-product-slider .slick-dots li {
    list-style: none !important;
    width: 30px !important;
    height: 30px !important;
    float: left;
}

#section_3 .woopspro-product-slider .slick-dots li button {
    background: #5A5A5A !important;
    border: 1px solid #5A5A5A;
    margin: 0px !important;
    padding: 0px !important;
    border-radius: 50% !important;
    width: 15px !important;
    height: 15px !important;
}

#section_3 .woopspro-product-slider .slick-dots li.slick-active button {
    background: var(--dondeRed) !important;
    border: 1px solid var(--dondeRed);
    width: 17px !important;
    height: 17px !important;
}

/*section04*/
#section_4 {
    background-image: url('http://galletasdondeusa.com/wp-content/uploads/2022/11/img_fondo_ourstory@2x-1024x333.jpg');    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 140px;
    padding-bottom: 140px;
    position: relative;
}

#section_4 #boxImg{
    position: relative;
}

#section_4 #boxImgMovil {
    display: none;
}

#section_4 #boxImg #img1{
    position: absolute;
    width: 300px;
    margin-top: 11px;
    margin-left: 8%;
}

#section_4 #boxImg #img2{
    position: absolute;
    width: 300px;
    margin-left: 22%;
    margin-top: -61px;
}

#section_4 #boxImg #imgSol{
    position: absolute;
    width: 265px;
    margin-left: 20%;
    margin-top: 30PX;
}

#section_4 #boxText{
    
}

#section_4 #boxText #title{
    text-align: left;
    font: normal normal normal 70px/89px Paytone One;
    color: #000000;
    opacity: 1;    
    margin: 0px;
    
}

#section_4 #boxText #title #fixTitle{
    display: none;
}

#section_4 #boxText #text{
    text-align: left;
    font: normal normal normal 20px/32px Josefin Sans;
    color: #070707;
    opacity: 1;
    margin-bottom: 30px;
    margin-top: 0px;
    max-width: 612px;
}

#section_4 #boxText #btn div{
    background: #D43631 0% 0% no-repeat padding-box;
    border-radius: 39px;
    opacity: 1;
    width: 330px;
    height: 60px;
    text-align: center;
    font: normal normal normal 20px/32px Paytone One;
    padding: 10px;
}


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: initial;
    padding-left: initial;
    margin-right: auto;
    margin-left: auto;
}

/*media*/

@media (max-width: 1400px) {

    .contentProducts .boxProducts .content-products{
        height: 350px;
    }
}

@media (max-width: 1400px) {

    #section_3 .woopspro-product-slider button.slick-prev {
        left: 510px;
    }
    
}



@media(max-width: 1200px) {
    #section_3 {
        height: 720px;
    }

    #section_3 .woopspro-product-slider button.slick-prev {
        left: 73%;
    }
    
}

@media(max-width: 992px) {
    
    #dish{
        display: none;
    }
    
    #section_2 {
        height: 440px;
    }

    #section_3{
        height: 1000px;
    }

    #section_3 #boxCaroucel {
        height: 470px;
    }

    #section_3 #boxCaroucel #fixCaroucel {
        padding-left: 20px;
        padding-right: 20px;
        
    }

    #section_3 .boxText-col-lg{
        width: 100%;
    }

    #section_3 .boxCaroucel-col-lg{
        width: 100%;
    }

    #section_3 .info .title{
        font: normal normal bold 13px/23px Josefin Sans;
    }

    #section_4{
        background-image: url('http://galletasdondeusa.com/wp-content/themes/storefront/wl-parts/home/img/img_ourstory_fondo.jpg'); 
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #section_4 .fex-fix{
        display: flex;
        flex-direction: column-reverse;
    }

    #section_4 #boxImgMovil {
        display: block;
        position: relative;
        height: auto;
        padding-top: 15px;
    }
    
    #section_4 #boxImgMovil #img1{
        width: auto;
        margin: 0 auto;
    }

    #section_4 #boxImg {
        display: none;
    }
    
    
    #section_4 #boxText #title #fixTitle{
        display: block;
    }

    #section_4 #boxText #title {
        text-align: center;
        font: normal normal normal 56px/56px Paytone One;
        margin-bottom: 30px;
    }

    #section_4 #boxText #text {
        padding-left: 20px;
        padding-right: 20px;
        font: normal normal normal 19px/32px;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }

    #section_4 #boxText #btn div {
        width: 320px;
        margin: 0 auto;
    }
    #section_3 .woopspro-product-slider button.slick-prev {
        left: 78%;
    }
}

@media(max-width: 900px) {

}

@media(max-width: 800px) {

}

@media (max-width: 768px) {

    #section_2 {
        height: 1000px;
    }
    #section_2 #cookies {
        height: 500px;
    }
    
    #section_2 #crackers {
        height: 500px;
    }

    #section_3 .woopspro-product-slider button.slick-prev {
        left: 69%;
    }


    #section_4{
        background-image: url('http://galletasdondeusa.com/wp-content/themes/storefront/wl-parts/home/img/img_ourstory_fondo.jpg'); 
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #section_4 .fex-fix{
        display: flex;
        flex-direction: column-reverse;
    }

    #section_4 #boxImgMovil {
        display: block;
        position: relative;
        height: 320px;
        padding-top: 15px;
    }

    #section_4 #boxImg {
        display: none;
    }
    
    #section_4 #boxText #title #fixTitle{
        display: block;
    }

    #section_4 #boxText #title {
        text-align: center;
        font: normal normal normal 56px/56px Paytone One;
        margin-bottom: 30px;
    }

    #section_4 #boxText #text {
        padding-left: 20px;
        padding-right: 20px;
        font: normal normal normal 19px/32px;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }

    #section_4 #boxText #btn div {
        width: 320px;
        margin: 0 auto;
    }
}

@media (max-width: 576px) {

    .section_1_1{
        display: none;
    }
    .section_1_2{
        display: block;
        height: 800px;
    }

    #section_2 {
        height: 960px;
    }
    #section_2 #cookies {
        height: 480px;
    }
    #section_2 #cookies #cookies1 {
        max-width: 80%;
    }

    #section_2 #cookies #cookiesbtn{
        width: 160px;
    }

    #section_2 #crackers {
        height: 480px;
    }


    #section_2 #crackers #crackers1 {
        max-width: 80%;
    }

    
    #section_2 #crackers #crackersbtn{
        width: 160px;
    }

    #section_3{
        height: 1000px;
    }
    
    #section_3 #dish{
        display: none;
    }
    
    #section_3 #boxText {
        padding-top: 0px;
    }

    #section_3 #boxText #title {
        font: normal normal normal 50px/50px Paytone One;
    }

    #section_3 #boxText #parafo {
        font-size: 28px;
        width: 300px;
    }

    #section_3 #boxCaroucel{
        height: 450px;
    }

    #section_3  #boxCaroucel #fixCaroucel{
        width: 100%;    
    }
    #section_3 .slick-slide{
    }

    .woopspro-product-slider .products.slick-initialized{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #section_3 .woopspro-product-slider button.slick-next {
        right: 36%;
    }
    #section_3 .woopspro-product-slider button.slick-prev {
        left: 36%;
    }

    #section_3 .woopspro-product-slider .slick-dots{
        bottom: -27%;
        left: 0%;
    }

    #section_3 .woopspro-product-slider .slick-dots li {
        float: none !important;
    }

    #section_3 #boxCaroucel {
        height: 460px;
    }


}


@media (max-width: 500px) {

    .section_1_2{
        display: block;
        height: 630px;
    }

    #section_3 .woopspro-product-slider button.slick-prev{
        left: 32%;
    }

    #section_3 .woopspro-product-slider button.slick-next{
        right: 32%;
    }

}


@media (max-width: 480px) {

    #section_3 #boxCaroucel{
        height: 600px;
    }

    #section_3 {
        height: 1100px;
    }
}

@media (max-width: 400px) {
    
    #section_3 #boxCaroucel{
        height: 550px;
    }

    #section_3 {
        height: 1050px;
    }

    #section_2 {
        height: 840px;
    }
    #section_2 #cookies {
        height: 420px;
    }
    
    #section_2 #crackers {
        height: 420px;
    }

    .section_1_2{
        display: block;
        height: 530px;
    }

    #section_4 #boxImgMovil {
        height: 224px;
    }
    #section_3 .woopspro-product-slider button.slick-prev {
        left: 31%;
        top: 106%;
    }

    #section_3 .woopspro-product-slider button.slick-next {
        right: 31%;
        top: 106%;
    }

} 
