.verde{ background-color: #667711;}
.naranja{ background-color: #FBAE3E;}
.rojo{ background-color: #BE1E2D;}
.marron{ background-color: #7A6F57;}

@font-face {
    font-family: 'VAGRounded Lt';
    src: url('../fonts/VAGRoundedLt-Normal.woff2') format('woff2'),
        url('../fonts/VAGRoundedLt-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRounded';
    src: url('../fonts/VAGRounded-Bold.woff2') format('woff2'),
        url('../fonts/VAGRounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('../fonts/VAGRoundedStd-Black.woff2') format('woff2'),
        url('../fonts/VAGRoundedStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}






@font-face {
    font-family: 'Retrocycles';
    src: url('../fonts/RetrocyclesRegular.woff2') format('woff2'),
        url('../fonts/RetrocyclesRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Signatra';
    src: url('../fonts/SignatraDEMO.woff2') format('woff2'),
        url('../fonts/SignatraDEMO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gobold Hollow';
    src: url('../fonts/GoboldHollowBold.woff2') format('woff2'),
        url('../fonts/GoboldHollowBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold High';
    src: url('../fonts/GoboldHighBold.woff2') format('woff2'),
        url('../fonts/GoboldHighBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold High';
    src: url('../fonts/GoboldHighItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldHighItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold';
    src: url('../fonts/GoboldBold.woff2') format('woff2'),
        url('../fonts/GoboldBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold High';
    src: url('../fonts/GoboldHighThinItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldHighThinItalic-Italic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold';
    src: url('../fonts/GoboldThinItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldThinItalic-Italic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold';
    src: url('../fonts/GoboldItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Lowplus';
    src: url('../fonts/GoboldLowplus.woff2') format('woff2'),
        url('../fonts/GoboldLowplus.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold';
    src: url('../fonts/GoboldThin.woff2') format('woff2'),
        url('../fonts/GoboldThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold Extra1';
    src: url('../fonts/GoboldExtra1Italic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldExtra1Italic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Hollow';
    src: url('../fonts/GoboldHollowBoldItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldHollowBoldItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Extra1';
    src: url('../fonts/GoboldExtra1.woff2') format('woff2'),
        url('../fonts/GoboldExtra1.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold';
    src: url('../fonts/Gobold.woff2') format('woff2'),
        url('../fonts/Gobold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold High';
    src: url('../fonts/GoboldHigh.woff2') format('woff2'),
        url('../fonts/GoboldHigh.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold Uplow';
    src: url('../fonts/GoboldUplowItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldUplowItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold High';
    src: url('../fonts/GoboldHighBoldItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldHighBoldItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Hollow';
    src: url('../fonts/GoboldHollow.woff2') format('woff2'),
        url('../fonts/GoboldHollow.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold High';
    src: url('../fonts/GoboldHighThin.woff2') format('woff2'),
        url('../fonts/GoboldHighThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold Thin';
    src: url('../fonts/GoboldThinLight.woff2') format('woff2'),
        url('../fonts/GoboldThinLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold Hollow';
    src: url('../fonts/GoboldHollowItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldHollowItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold';
    src: url('../fonts/GoboldBoldItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldBoldItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Thin';
    src: url('../fonts/GoboldThinLightItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldThinLightItalic-Italic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Lowplus';
    src: url('../fonts/GoboldLowplusItalic-Italic.woff2') format('woff2'),
        url('../fonts/GoboldLowplusItalic-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gobold Uplow';
    src: url('../fonts/GoboldUplow.woff2') format('woff2'),
        url('../fonts/GoboldUplow.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Airways';
    src: url('../fonts/Airways.woff2') format('woff2'),
        url('../fonts/Airways.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a:focus{
outline:  none;

}




#titulo_cat{
  font-family: 'Gobold';
  color: #fff;
  position: absolute;  
  z-index: 1;
  font-size: 30px;
  padding-left: 35px;
  padding-right: 35px;    
  height: 0px;
  top: -50px;    
}


#titulo_cat span{
  margin: -20px;
  display: block;

}


.header-multiply{
  height: 70px;
  width: 100%;
  z-index: 9998;
  position: absolute;
}
.header-multiply-rojo{
  background-color: #BE1E2D;

  /*mix-blend-mode: multiply;*/
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  */
}
.header-multiply-verde{
  background-color: #667711;
  /*mix-blend-mode: multiply;*/
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.header-multiply-naranja{
  background-color: #FBAE3E;
 /* mix-blend-mode: multiply;*/
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
.header-multiply-marron{
  background-color: #7A6F57;
  /*mix-blend-mode: multiply;*/
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}


.nosotros .confeti1{
  position: absolute;
  top: 80px;
  left: 50px;
  width: 700px
}

.nosotros .confeti2{
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 700px
}

.locales .toldo{
  position: absolute;
  top: -35px;
  right: 0px;
  width: 100%;
  height: 177px;
  background-image: url('../img/toldo.png')  ;
  background-size: 90px 177px;
}
  
.locales .confeti1{
  position: absolute;
  top: 180px;
  left: 50px;
  width: 550px
}

.locales .confeti2{
  position: absolute;
  top: 180px;
  right: 50px;
  width: 550px
}

}


  /* Style for our header texts
  * --------------------------------------- */


  /* Centered texts in each section
  * --------------------------------------- */
  .section{
    text-align:center;
      cursor: pointer;

  }

  /* Backgrounds will cover all the section
  * --------------------------------------- */
  .section{
    background-size: cover;
  }

  .slide{
    background-size: cover;
  }

  #fullpage h1{
     position: absolute;
    font-family: 'Gobold';
    color: #FFFFFF;
    font-size: 80px;
    z-index: 9999;
     top: 50%;
    left: 50%;

  }
  #fullpage h2{
     position: absolute;
    font-family: 'Signatra';
    color: #FFFFFF;
    font-size: 80px;
    text-align: left;
    z-index: 9999;
     top: 50%;
    left: 50%;

  }
  #fullpage .casero{
     position: absolute;
    width: 200px;
    z-index: 9999;
     top: 50%;
    left: 50%;

  }


  #fullpage #section1 h2{
    width: 700px;
    height: 300px;
    margin-left:-350px;
    margin-top:-100px;
    font-size: 80px;
    text-align: center;
     display: none;
  }
  #fullpage #section1 .casero{
     margin-left: 350px;
    margin-top: -200px;
     display: none;
  }

  #fullpage #section3 h1{
    margin-left: -350px;
    margin-top: -100px;
  }
  #fullpage #section3 h2{
    margin-left: -400px;
    margin-top: 30px;
  }
  #fullpage #section3 .casero{
    margin-left: 200px;
    margin-top: -200px;

  }


  #fullpage #section6 h1{
    margin-left: -350px;
    margin-top: -150px;
    font-size: 140px;
  }
  #fullpage #section6 h2{
    margin-left: -350px;
    margin-top: 30px;
  }
  #fullpage #section6 .casero{
    margin-left: 150px;
    margin-top: -230px;
  }

  #fullpage #section7 h1{
    margin-left: -350px;
    margin-top: -150px;
    font-size: 140px;
  }
  #fullpage #section7 h2{
    margin-left: -350px;
    margin-top: 30px;
  }
  #fullpage #section7 .casero{
    margin-left: -600px;
    margin-top: -170px;
  }

  #fullpage #section8 h1{
    margin-left: -350px;
    margin-top: -150px;
    font-size: 140px;
  }
  #fullpage #section8 h2{
    margin-left: -350px;
    margin-top: 30px;
  }
  #fullpage #section8 .casero{
    margin-left: 100px;
     margin-top: -200px;
  }

  #fullpage #section9 h1{
    margin-left: -300px;
    margin-top: -120px;
  }
  #fullpage #section9 h2{
    margin-left: -300px;
    margin-top: 0px;
  }
  #fullpage #section9 .casero{
    margin-left: -550px;
    margin-top: -200px;
  }

  #fullpage #section10 h1{
    margin-left: -350px;
    margin-top: -130px;
    font-size: 80px;
  }
  #fullpage #section10 h2{
    margin-left: -350px;
    margin-top: 0px;
  }
  #fullpage #section10 .casero{
    margin-top: -230px;
    margin-left: 50px;
  }

  #fullpage #section11 h1{
    margin-left: -300px;
    margin-top: -120px;
    font-size: 110px;
  }
  #fullpage #section11 h2{
    margin-left: -300px;
    margin-top: 30px;
  }
  #fullpage #section11 .casero{
    margin-left: -550px;
    margin-top: -250px;
  }

  #fullpage #section12 h1{
    margin-left: -350px;
    margin-top: -150px;
    font-size: 130px;
  }
  #fullpage #section12 h2{
    margin-left: -350px;
    margin-top: 20px;
  }
  #fullpage #section12 .casero{
    margin-left: 100px;
    margin-top: -220px;
  }


    #fullpage #section13 h1{
    margin-left: -500px;
    margin-top: 50px;
    font-size: 110px;
  }
  #fullpage #section13 h2{
    margin-left: -350px;
    margin-top: 20px;
  }
  #fullpage #section13 .casero{
    margin-left: -200px;
    margin-top: -200px;

  }



    #fullpage #section14 h1{
    margin-left: -200px;
    margin-top: -300px;
    font-size: 110px;
  }
  #fullpage #section14 h2{
    margin-left: -265px;
    margin-top: -170px;
  }



  /* Bottom menu
  * --------------------------------------- */
  #infoMenu li a {
    color: #fff;
  }


.logo{
  margin: 10px 0px;
}
.logo img{


}

.nosotros{

  color:#FFFFFF;
  font-family: 'Gobold';

}
.nosotros .left{
  padding: 100px;
  text-align: center;
}
.nosotros .right{
  padding: 100px;
  text-align: left;
}
.nosotros h1{
  font-size: 50px;
}
.nosotros h3{
  font-size: 60px;
  text-align: center;
  padding-right: 80px;
}
.nosotros h4{
  font-size: 60px;
   font-family: 'Signatra';

    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding-right: 50px;
}
.nosotros p{
  font-size: 20px;

/*  text-transform: lowercase;
  text-transform:  initial;*/
   font-family: 'VAGRounded';
    font-weight: bold;
    font-style: normal;
}

.tips{
  padding-top: 60px;
}


.casero{
   position: absolute;
   top: 1000px;
   right: 10px;
   z-index: 1000;
}

#fullpage .locales h1{
  color: #231f20 !important; 
 position: absolute;
 top: 150px; 
 margin-top: 0px !important;
}

#fullpage .locales h2{
 color: #be1e2d !important; 
 position: absolute;
 top: 260px; 
 margin-top: 0px !important;
}




@media (max-width: 768px) {
  /* Defining each sectino background and styles
  * --------------------------------------- */      /*
  #section0{
    background-image: url(../img/banner-mob/01.jpg);
  }
  #section0 h1{
    top: 50%;
    transform: translateY(-50%);
    position: relative;
  }
  #section2{
     background-image: url(../img/banner-mob/02.jpg);
    padding: 6% 0 0 0;
  }
  #section3{
     background-image: url(../img/banner-mob/03.jpg);
    padding: 6% 0 0 0;
  }
  #section3 h1{
    color: #000;
  }
  #section4{
     background-image: url(../img/banner-mob/04.jpg);
    padding: 6% 0 0 0;
  }
  #section5{
     background-image: url(../img/banner-mob/05.jpg);
    padding: 6% 0 0 0;
  }
  #section6{
     background-image: url(../img/banner-mob/06.jpg);
    padding: 6% 0 0 0;
  }                 */


  /*Adding background for the slides
  * --------------------------------------- */
  #slide1{
   background-image: url(../img/banner-mob/06.jpg);
    padding: 6% 0 0 0;
  }
  #slide2{
    background-image: url(../img/banner-mob/05.jpg);
    padding: 6% 0 0 0;
  }
}









.nav_linea{
  background: #fff;
  height: 1px;
  width: 85px;
  display: block;
  margin: 10px 0;
}







.product-item-name a{
  font-size: 18px !important;
}

.mb-10{
  margin-bottom: 10px;
}



#producto textarea{
  width: 100%;
  height: 90px;
  resize: none;
  border: #918f8f solid 1px;
  line-height: 18px;
  font-size: 16px !important;
  padding: 10px;
}

#producto h4{
  margin-bottom: 10px;
}

#producto h4 a{
  text-decoration: none;
}

#producto .product.name.product-item-name{
  font-size:18px;
  color:#000;
}

#producto .btn{
  font-size: 16px !important;
  border: #8F8F8F solid 1px !important;
}

#producto .active{
  background: #c4c5c7 !important;
  color: #fff !important;
}



.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #679793;
    border-color: #83b9b5;
}

#producto .btn2{
  border: none !important;
  padding: 0 !important;
  margin: 15px 0;
  color: #000000;
  background: none !important;
}

#producto .btn2:hover{

  color: #A6A6A6 !important;
}


@media (max-width: 768px) {
  .nav_linea{   width: 100%;   }




}


/* blog-2 */
.blog-2 .single-blog {
  background: #fff none repeat scroll 0 0;
  padding: 25px;
}
.blog-2 .blog-photo { position: relative;}
.blog-2 .like-share {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  bottom: -40px;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
}
.blog-2 .like-share a {
  color: #444;
  display: inline-block;
  float: none;
}
.blog-2 .like-share a:hover { color: #c87065;}
.blog-2 .post-meta { padding: 30px 0 10px;}
/*.blog-2 .single-blog:hover { box-shadow: 1px 25px 54px rgba(0, 0, 0, 0.12);}*/
.blog-2 .single-blog:hover .blog-photo img { transform: none;}
.blog-2 .single-blog:hover .like-share {
  bottom: 0;
  visibility: visible;
}

.post-date {
  border: 1px solid #d6948c;
  line-height: 20px;
  text-align: center;
  /*width: 40px;
  height: 40px;*/
  padding: 2px 5px;
}
.post-date span {
  font-size: 20px;
  font-weight: bold;
}
.post-year { padding-left: 10px;}
.post-year p {font-weight: 900;}

.text-dark-red {
color: #c87065;
}

.floatleft { float:left; }

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



        .column.main {
            min-height: auto;
            padding: 0;
        }

        .page-main {
            padding-top: 0;
            padding-bottom: 0;
        }

        .columns .column.main {
            padding-bottom: 0;
        }

    


        .banner-home-text {
            width: 100%;
            display: block;
            top: 38%;
            left: 0;
            position: absolute;
            z-index: 1;
            text-align: center;
        }

        .banner-home-text a {
            text-transform: uppercase;
            text-decoration: none;
            color: #fff;
            text-align: center;
            font-size: 1.4em;
            letter-spacing: 2px;
            padding-bottom: 4px;
            border-bottom: 1px solid #fff
        }

        #locales {
            background-image: url("media/wysiwyg/prune/home/FINDASTORE.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .locales-home {
            position: relative
        }

        .full-area {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh
        }

        .full-area:hover {
            background-image: url("media/wysiwyg/prune/home/bg-blanco-transp.png")
        }

        .find-store {
            color: #000;
            font-size: 35px!important;
            line-height: 25px;
            border-bottom: 1px solid #000;
            padding: 0!important;
            display: none
        }

        .full-area:hover .find-store {
            display: inline-block
        }

        .wrapper {
            margin: initial
        }

        .store-locator-img {
            display: block;
            margin: 29% auto 0
        }

        @media (min-width: 1401px) {
            #locales {
                background-image: url("media/wysiwyg/prune/home/local-unicenter.jpg");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }
        }

        @media (min-width: 768px) {
            #locales {
                background-image: url("media/wysiwyg/prune/home/FINDASTORE.jpg");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
            }
            #locales .middleText {}
        }

        @media (max-width: 768px) {
            .full-area {
                display: none
            }
            .store-locator-img {
                width: 40%;
                margin-top: 20%
            }
        }

        @media (max-width: 767px) {
            #locales {
                background-image: none
            }
        }

        .hotsale-logo {
            width: 50px
        }

        .hotsale-container {
            text-align: right
        }

        footer .wrapper {
            max-width: 100%
        }

        footer .wrapper .row {
            margin-right: 0;
            margin-left: 0
        }

        footer .wrapper .row .col-lg-8,
        footer .wrapper .row .col-lg-4,
        footer .wrapper .row .col-lg-4 .row .col-lg-7 {
            padding-left: 0;
            padding-right: 0
        }

        footer .social {
            padding-left: 0;
            padding-right: 0;
            text-align: left
        }

        footer.footer .social a:first-child {
            margin-left: 0
        }
        /*
        .visible-xs {
            display: none!important
        } */

        .block.newsletter .action.subscribe {
            width: 100%
        }

        footer.footer span.copyright {
            margin-left: 0
        }

        footer .wrapper .row .col-lg-8 .row .col-sm-push-6 {
            padding-left: 0
        }

        footer.footer .main nav a {
            margin-right: 10px
        }

        @media (max-width: 1200px) {
            footer .wrapper .row .col-lg-8 .row .col-sm-push-6 {
                padding-right: 0
            }
            footer .col-lg-8,
            footer .col-lg-4 {
                width: 100%!important;
                max-width: 100%!important;
                flex: auto!Important
            }
            footer .social {
                text-align: left;
                width: 50%;
                max-width: 50%;
                flex: auto
            }
            footer .col-lg-4 .col-lg-7 {
                width: 50%;
                max-width: 50%;
            }
        }

        @media (min-width: 768px) and (max-width: 992px) {
            footer .wrapper .row .col-lg-4 .row .col-lg-7,
            footer.footer .main,
            footer.footer .main .text-right {
                text-align: left!important;
            }
        }

        @media (max-width: 767px) {
            .hotsale-container {
                text-align: center
            }
            footer .social,
            footer .col-lg-4 .col-lg-7 {
                text-align: center;
                width: 100%;
                max-width: 100%;
            }
            footer .col-lg-4 {
                padding-right: 0;
                padding-left: 0;
            }
            footer .col-lg-4 .col-lg-7 {
                margin-top: 20px
            }
            footer.footer span.copyright {
                float: none;
                text-align: center
            }
        }
.carrito{
     font-family: 'Gotham';
}

.carrito h3{
    font-size: 30px;
    font-family: 'Gotham';
    font-weight: normal;
    font-style: normal;
}

.carrito .total{
   font-size: 16px;
    font-family: 'Gotham';
    font-weight: normal;
    font-style: normal;
}
.carrito input{
      font-family: 'Gotham';
    font-weight: normal;
    font-style: normal;
}

.carrito textarea{
  resize: none;
  height: 140px;
  font-family: 'Gotham';
    font-weight: normal;
    font-style: normal;
}


.prod-fotos{
   position: relative;
}

.img-chica{
   width: 175px;
   position: absolute;
   bottom: 10px;
   right: 25px;
}








.contacto h2{
  text-align: center;
  font-weight: bold;
  font-size: 56px;


}

.contacto p, .contacto a{
  text-align: center;
  font-weight: normal;
  font-size: 40px;
  line-height: 45px;
  text-decoration: none;
}

.contacto form h2{
  text-align: left;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 20px;

}



.contacto form{
  padding-left: 180px;
  padding-right: 180px;
}

.contacto input{
  width: 100%;
  height: 58px;
  font-size: 15px;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 20px;
}

.contacto textarea{
  width: 100%;
  height: 130px;
  font-size: 15px;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 20px;

}

.contenedor{  /*
  padding-left: 200px;
  padding-right: 200px;  */
}


 .locales-txt {
  text-align: center;
 position: absolute;
  top: 100px;
}

 .locales-txt a,  .locales-txt a:visited, .locales-txt .alink:visited{
   text-decoration: none;
     font-size: 25px;
   text-align: left;
     text-align: left;
     font-family: 'Retrocycles';
    font-weight: 100;
    font-style: normal;
     color: #667711 !important;
      
     
 }


.tel{
  height: 30px;
  margin-right: 10px;
}

.dir{
	
	padding-left: 10%;
}




.locales-txt h3{
  font-weight: normal;
  font-size: 40px;
    text-align: left;
    font-family: 'Signatra';
    margin-bottom: 0px;
    margin-top: 15px;
  

}

.locales-txt h4{
  font-weight: bold;
  font-size: 20px;
   text-align: left;
    font-family: 'Gobold';
    color: #6D6E71;
}

.locales-txt p{
	font-size: 30px;
	text-align: left;
	text-align: left;
	font-family: 'Retrocycles';
	font-weight: 100;
	font-style: normal;
	color: #667711;
	line-height: 30px;

}

 .local{
    padding-left: 0px !important;
    padding-right: 00px !important;
 }

   .local2{ border-left: #6D6E71 solid 1px; border-right: #6D6E71 solid 1px;    }

 @media (max-width: 1400px) {

 .locales-txt {   top: 80px;}
 

 }

 @media (max-width: 768px) {


    .locales-txt {   top: 220px;}
    .local{   padding-left: 10px !important;   padding-right: 10px !important;  }
    .locales-txt h3{  font-size: 30px;   margin-bottom: 0px; line-height: 50px; }
    .locales-txt h4{   font-size: 10px; }
    .locales-txt p{   font-size: 20px; border-bottom: : #be1e2d solid 2px;   line-height: 20px;}
    .locales-txt a,  .locales-txt a:visited, .locales-txt .alink:visited{   font-size: 20px;  }
    .local2{ border-left: none; border-right: none;    }
    .local3{ margin-top: 15px;    }

   .contacto h2{
  text-align: center;
  font-weight: bold;
  font-size: 26px;

}

.contacto p, .contacto a{
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  text-decoration: none;
}

.contacto form{
  padding: 0px;
}

.contacto form h2{
  text-align: center;
  font-size: 20px;
}

#maincontent{
  padding: 0px !important;
}




 }

.cont form input{
  height: 55px;
  margin-bottom: 25px;
  border: #231F20 solid 1px;
  padding: 20px 25px 20px 25px;
}

.cont form textarea{
  margin-bottom: 25px;
  border: #231F20 solid 1px;
  border-radius: 0px;
  padding: 20px 25px 20px 25px;
}

.footer {
    background: #667711;
   position: absolute;
   bottom: 0px;
   padding: 20px;
     /*height: 100px;*/
  width: 100%;
  text-align: center;
}

.footer a{
  color: #fff;
}

.footer a:hover{
  color: #fff;
  text-decoration:  underline;
}

.footer .img1{
   position: absolute;
   top: 5px;
   left: 10px;
   height: 100px;
}


.footer .img2{
   position: absolute;
   top: -70px;
   right: 20px;
   height: 150px;
}

.footer .iconos{
  width: 30px;
    margin-right: 5px;
}


.footer p{
  
  font-size: 14px;
  color: #fff; 
}

.footer a{
  font-size: 18px;
 margin: 0 20px;
}

.negro{
  background: #231F20;
  padding: 20px;
  position: relative;
}


.negro a{
  text-decoration: none;
   position: absolute;
   right: 10px;
   top: 19px;
}

.negro img{
  width: 40px;
  margin-top: -8px;

}


.negro h3{
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}




.footer a{
  text-decoration: none;
}

.ventas{
  margin-bottom: 20px;
}

.ventas h3{
  margin-bottom: 10px;
  font-weight: bold;

}



 @media (max-width: 768px) {
    .footer h3{
  font-size: 16px;
}

.footer p{
   font-size: 14px;
}

.negro a{
   top: 14px;
}

.negro h3{
  font-size: 16px;
}

.negro img{
  width: 25px;
  margin-top: -5px;

}

 }



 .insta{
   -webkit-filter: invert(100%);
   filter: invert(100%);
    width: 90px;
     margin: 3px 0;"
}

/*.footer .menu a{

	  font-family: 'VAGRounded Lt';
    font-weight: normal;
    font-style: normal;

}*/


.footer .menu{

	  font-family: 'VAGRounded Lt';
    font-weight: bold;
    font-style: normal;

}

.locales_h1{ width: 1400px; position: absolute; left: 50%; margin-left: -713px; top: 150px;}


.nav-offcanvas{
  -webkit-font-smoothing: antialiased;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 0px 0px;
  box-sizing: border-box;
  color: rgb(68, 68, 68);
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 180px;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  width: 1920px;
  transition: bottom 1s;
  bottom: 0px;

}
.nav-offcanvas.active{
  bottom: -180px;
}
.nav-menus{
  background-color: rgba(232, 211, 172, 1);
  -webkit-font-smoothing: antialiased;
  bottom: 0px;
  box-sizing: border-box;
  color: rgb(68, 68, 68);
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 180px;
  left: 0px;
  list-style-type: none;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
  width: 10000px;
  white-space:normal;
}
.nav-menus-item{
  -webkit-font-smoothing: antialiased;
  /*background-color: rgba(0, 0, 0, 0.2);*/
  box-shadow: rgba(255, 255, 255, 0.0980392) 0px -1px 0px 0px inset;
  box-sizing: border-box;
  color: rgb(68, 68, 68);
  display: table;
  float: left;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  height: 180px;
  list-style-type: none;
  text-align: center;
  width: 480px;
}
.nav-menus-item a{
  -webkit-font-smoothing: antialiased;
  background-attachment: scroll;
  background-clip: border-box;
  /*background-color: rgba(232, 211, 172, 0.6);*/
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  cursor: auto;
  display: table-cell;
  font-family: 'Gobold';
  font-size: 35px;
  font-style: normal;
  font-weight: normal;
  height: 180px;
  line-height: 45px;
  list-style-type: none;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: background-color;
  transition-timing-function: ease;
  vertical-align: middle;
  padding: 60px 10px !important;
}
.nav-menus-item a:hover{
  color: #111;
}
#menu_izquierda{
  position:absolute;
  top:30px;
  left: 0px;
  color: rgb(255, 255, 255);
  height: 100px;
  line-height: 45px;
  padding: 30px 10px !important;
  font-family: 'Gobold';
  font-size: 45px;
  font-style: normal;
  font-weight: normal;
  z-index: 9999;
  cursor: pointer;
}
#menu_derecha{
  position:absolute;
  top:30px;
  left: 50px;
  color: rgb(255, 255, 255);
  height: 100px;
  line-height: 45px;
  padding: 30px 10px !important;
  font-family: 'Gobold';
  font-size: 45px;
  font-style: normal;
  font-weight: normal;
  z-index: 9999;
  cursor: pointer;
}

#menu-secondary{
  width: 100%;
  height: 100px;
  overflow-x: auto;
}
#menu-secondary .item{
  width: 100px;
  height: 100px;
  float: left;
}

.nav-menus-item a{
  cursor: pointer;
}

#productos-menu{
  position: absolute; bottom: 0px; background: #D6BA8C; width: 100%; z-index: 300;
}

#productos-menu .m-btn{
   color: #fff; font-size: 20px; line-height: 60px;   font-family: 'Gobold';  border: #FFFFFF solid 1px; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap;  overflow: hidden;
}

#productos-menu .m-btn-rojo:hover, #productos-menu .m-btn-rojo.active{
  background: #BE1E2D;
}
#productos-menu .m-btn-naranja:hover, #productos-menu .m-btn-naranja.active{
  background: #FBAE3E;
}


#productos-menu .m-btn-amarillo:hover, #productos-menu .m-btn-amarillo.active{
  background: #FBAE3E;
}
#productos-menu .m-btn-verde:hover, #productos-menu .m-btn-verde.active{
  background: #667711;
}
#productos-menu .m-btn-marron:hover, #productos-menu .m-btn-marron.active{
  background: #7A6F57;
}

.productos-submenu{
   position: absolute;
   top: 1000px;
  
   width: 100%;
   color: #6D6E71;
   height: 150px;
}





.productos-submenu h2{
  font-family: 'Gobold';
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #fff;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
  width: none;
  text-align: left;
  padding-left:30px;
  padding-right:40px;
  position: absolute; top: 0px; left: 0px;
}



.frece_submenu{
   position: absolute;
   top: -150px;
   text-align: center;
   width: 100%;
    background: #fff;
    padding: 37px 0;
    height: 150px;

}

.frece_submenu h2{
  font-size: 70px ;
  font-family: 'Signatra';
  font-weight: normal; 
  text-align: center;
  width: 100%;
  line-height: 77px;
  height: 77px;

}

.frece-img{
  width: 150px;
  position: absolute;
  top: -60px;
 right: 60px;
}


.font-verde{color: #667711 !important;}
.font-naranja{ color: #FBAE3E !important; }
.font-rojo{ color: #BE1E2D !important;}
.font-marron{ color: #7A6F57 !important;}

.flecha-rojo{
 
      border-top: 25px solid #BE1E2D;
    border-bottom: 25px solid #BE1E2D;
    border-right: 20px solid transparent;
  
}
.flecha-naranja{
 
   border-top: 25px solid #FBAE3E;
    border-bottom: 25px solid #FBAE3E;
    border-right: 20px solid transparent;
 
}
.flecha-amarillo{
 
  border-top: 25px solid #FBAE3E;
    border-bottom: 25px solid #FBAE3E;
    border-right: 20px solid transparent;
  
}
.flecha-verde{
  
    border-top: 25px solid #667711;
    border-bottom: 25px solid #667711;
    border-right: 20px solid transparent;
  
}
.flecha-marron{
 
   border-top: 25px solid #7A6F57;
    border-bottom: 25px solid #7A6F57;
    border-right: 20px solid transparent;
 
}

.productos-submenu h3{
    font-family: 'Gobold';  font-size: 20px;  font-weight: bold;  padding-bottom: 2px;
}

.productos-submenu p{
    font-family: 'Gobold Thin';   font-size: 20px;
}

.productos-submenu .data{
  padding: 30px 50px;
  margin-top: 20px;
  float: left;
  /*max-width: 400px;*/
  max-width: 500px;
}

.productos-submenu .data img{
  margin-left: 80px;
  margin-top: -20px;
 //* position: absolute; top: 20px; left: 120px;   */

}


.pelota{
   position: absolute;
   top: -70px;
   right: 50px;
   width: 170px;
}

.productos-submenu .imagen{
 padding: 10px;
}

.productos-submenu .imagen img{
  max-width: 40%;
}

.linea{
  width: 100%; height: 1px;  background: #6D6E71;
}

.productos-submenu .consultar{
  font-size: 12px;
}

 .logo img {
   max-height:   50px;
 }

 .productos-submenu .detalles{
  padding-right: 10px;
  padding-left: 10px;
  background: #fff; 
  height: 500px;
}





.links a{
	font-size: 16px;
	text-align: left;
	float: left;

}

@media (max-width: 1400px) {

.locales_h1{ width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 150px;}


}



@media (max-width: 1170px) {
  .nav-menus{
    height: 120px;
  }
  .nav-menus-item{
    height: 120px;
  }
  .nav-menus-item a{
    font-size: 22px;
    height: 120px;
    padding: 30px 10px !important;
  }


  .productos-submenu .data{
     max-width: 400px;
      padding: 30px 15px;
  }


 #menu_derecha, #menu_izquierda{   top:0px;}


.locales_h1{ width: 800px; position: absolute; left: 50%; margin-left: -400px; top: 150px;}




}
@media (max-width: 770px) {
				  #productos-menu .m-btn{
				    font-size: 16px; line-height: 38px;
				  }

				  .productos-submenu{
				  top: 1000px;
				  height: 500px;
				}

				  .productos-submenu .data{
				    padding: 2px 0;
				    width: 100%;
				     max-width: 100%;
				  }



				 #fullpage .casero{ width: 120px; }
				 #fullpage .casero-nosotros{ width: 120px; }
				 #fullpage h1{  font-size: 50px; }

				#fullpage #section1 h2 {  font-size: 50px; left: 0%; margin-left: 0px;  margin-top: 15px; width: 100%; padding: 0px; text-align: center;}

				#fullpage #section3 h1 {  font-size: 50px; left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section3 h2 {  font-size: 30px; left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section3 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section6 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section6 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section6 .casero{ margin-top: -100px; margin-left: -60px; }
				#fullpage #section7 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section7 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section7 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section8 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section8 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section8 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section9 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 0px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section9 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 120px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section9 .casero{ margin-top: -130px;  margin-left: -60px;}
				#fullpage #section10 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section10 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section10 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section11 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section11 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section11 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section12 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section12 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section12 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section13 h1 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section13 h2 {  font-size: 30px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;}
				#fullpage #section13 .casero{ margin-top: -100px; margin-left: -60px;}
				#fullpage #section14 h1 {  font-size: 40px;left: 0%; margin-left: 0px;  margin-top: 20px; width: 100%; padding: 20px; text-align: center;  top: 10%; }
				#fullpage #section14 h2 {  font-size: 50px;left: 0%; margin-left: 0px;  margin-top: 80px; width: 100%; padding: 20px; text-align: center;  top: 20%;  }

				.nosotros .right{   padding: 25px; background: rgba(0, 0, 0, 0.5);}


				.nosotros p {     font-size: 14px; text-align: justify; }
				.nosotros h3 {     font-size: 30px; margin-top: 15px; }


				.footer {  
				  width: 100%;
				  text-align: left;
				  padding: 10px;
				}

				.nosotros{
				  padding-top: 50px;

				}

				.dir{
					
					padding-left: 10px;
				}



				.links a{
				 font-size: 12px;
				 text-align: left;
				}


				.footer .iconos{
				  width: 20px;

				}




				 .nav-menus-item a{
				    font-size: 14px;
				    height: 120px;
				    line-height: 20px;
				    padding: 30px 10px !important;
				  }



				.nav-offcanvas{
				  height: 120px;
				  transition: bottom 1s;
				  bottom: 120px;

				}
				.nav-offcanvas.active{
				  bottom: -120px;
				}





				#menu_izquierda{
				  top:0px;
				  height: 120px;
				  line-height: 45px;
				  padding: 75px 10px !important;
				}
				#menu_derecha{
				  top:0px;
				  height: 120px;
				  line-height: 45px;
				  padding: 75px 10px !important;
				  margin-left: -10px;
				}




				.productos-submenu .detalles{
				  padding-left: 10px;
				}




				.nav-menus{
				  background-color: rgba(232, 211, 172, 1);
				}

				.productos-submenu h2{  width: 100%;  text-align: center;   }
				.flecha-rojo, .flecha-naranja, .flecha-naranja, .flecha-amarillo, .flecha-verde, .flecha-marron{   background-image: none;  }
				.productos-submenu h3{    font-size: 14px; }
				.productos-submenu p{   font-size: 14px; }

}