*{
    margin: 0;
}
body{
    background-color: white;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
}
html{
    scroll-behavior: smooth;
}

/* =============================================================================
   estilos constantes - guillermo 2
   ========================================================================== */
img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
figure{
    padding: 0;
    margin: 0;
}
header{
    background-color: white;
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
::-moz-selection { /* Code for Firefox */
    color: black;
    background: #FBD117;
  }
  
  ::selection {
    color: black;
    background: #FBD117;
  }


 

  .delatp5{
        animation-delay: .5s !important;
  }
  .delat1p{
        animation-delay: 1s !important;
  }
  .delat1p5{
        animation-delay: 1.5s !important;
  }
  .delat2p5{
        animation-delay: 2.5s;
  }
  .delay1{
        animation-delay: 0s !important;
  }
  .delay2{
        animation-delay: .5s !important;
  }
  .delay3{
        animation-delay: 1s !important;
  }
/* slider */
.slick-dots li button:before{
    font-size: 14px !important;
    color: wheat;
    opacity: .5;
} 
.slick-dots li.slick-active button:before{
    color: white;
    opacity: .8;
}
.slick-slider .slick-dots{
    bottom: 20px;
}
.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.arrows-div{
    position: relative;
    width: 100%;
    height: max-content;
}
.arrows-div .arrows{
    width: max-content;
    cursor: pointer;
}

.arrows-div .arrows i{
    font-size: 30px;
    color: white;
    position: absolute;
    z-index: 1;
}
.arrows-div .prevArrow i{
    left: 20px;
    top: 50%;
}
.arrows-div .nextArrow i{
    right: 20px;
    top: 50%;
}
.arrows-div i:hover{
    color: #E3AC00;
}

.post-type-archive-album .arrows-div .nextArrow i{
    right: 24%;
}

.home-slider-movil{
    display: none;
}

.home-slider {
    height: 40vw;
}
.swiper-container-fade .swiper-slide .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-container-fade .swiper-slide {
    pointer-events: initial !important;
}
.home-slider .image {
    position: relative;
}
.home-slider .image .content_title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-slider .image .content_title h3{
    font-size: 35px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 25px;
    text-align: center;
}



/* div */
.section{
    width: 100%;
    /* background-color: white; */
    position: relative;
}
.center80{
    width: 80%;
    margin: auto;
    position: relative;
}
.center70{
    width: 70%;
    margin: auto;
    position: relative;
}
.center90{
    width: 90%;
    margin: auto;
    position: relative;
}
.center100{
    width: 100%;
    margin: auto;
    position: relative;
}
.displaynoneJS{
    display: none !important;
}
.displayShowJS{
    display: block !important;
    animation: toggle-modal .3s ease-in-out;
}

/* texto */
h1{
    font-size: 36px;
    font-weight: 400;
    padding:10px 0;
    color: #E3AC00;
    font-family: 'Encode Sans', sans-serif;
    line-height: normal;
}   
h2{
    font-size: 30px;
    font-weight: 400;
    padding:10px 0;
    color: #E3AC00;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    line-height: normal;
}   

h3{
    font-size: 24px;
    font-weight: 400;
    padding:10px 0;
    color: black;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    line-height: normal;
}   
h4{
    font-size: 20px;
    color: #E3AC00;
    font-weight: 400;
    padding:10px 0;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    line-height: normal;
}   
p{
    font-size: 14px;
    font-weight: 400;
    color: black;
    line-height: normal;
    font-family: 'Duru Sans', sans-serif;
}

/* swiper */
.swiper-button-next{
    color: black;
    cursor: pointer;
    right: 25px;
}
.swiper-button-prev{
    left: 25px;
    cursor: pointer;
    color: black;
}
.swiper-pagination-bullet-active{
    background-color: black;
}

/* buttons */
.button{
    font-family: helvetica;
    border: 2px black solid;
    padding: 1rem 1rem;
    text-align: center;
    width:9rem;
    text-decoration:none;
    color: black;
  }
/* Sweep To Top */
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white !important;
  }
  .hvr-sweep-to-top:hover {
    color: black !important;
    border: 3px #FBD117  solid;
  }
  .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1) !important;
    transform: scaleY(1) !important;
  }


/* =============================================================================
   Estilos del sitio
   ========================================================================== */

.top-header{
    display: none;
    /* background: rgb(251,116,5);
    background: linear-gradient(90deg, rgba(251,116,5,1) 0%, rgba(255,18,17,1) 100%); */
    background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,18,17,1) 100%);
    position: relative;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 35px;
}
.top-header .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 95%;
    margin: auto;
}
.top-header .flex .left{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.top-header .flex .left .location a{
    text-decoration: none;
    color: white;
}
.top-header .flex .left .location i{
    font-size: 14px;
    padding-right: 5px;
}
.top-header .flex .left .location p{
    padding: 0;
    font-size: 14px;
}
.top-header .flex .left .social{
    padding-left: 5px;
}
.top-header .flex .left .social i{
    font-size: 14px;
    color: white;
    padding-right: 10px;
}
.top-header p{
    font-size: 16px;
    color: white;
}
.top-header .flex .right{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.top-header .flex .right .btn-top-head {
    padding-left: 20px;
}
.top-header .flex .right .btn-top-head a{
    font-size: 14px;
    color: white;
    text-decoration: none;
}
.top-header .flex .right .btn-top-head a i{
    font-size: 14px;
    color: white;
    padding-right: 5px;
}



/* header social*/ 

.header-social{
  display: flex;
	align-items: center;
  	justify-content: center;
}
.header-social .social a{
    font-size: 30px;
  margin-right: 10px;
  color: #E3AC00;
}

/* header */
.header{
    width: 100%;
    height: 120px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
}
.header .header-flex{
    /* position: relative; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 95%;
    margin: auto;
}
.header .header-flex .logo figure{
    width: 200px;
}


/* header simple nav */
.header .header-flex .nav-simple{
    width: max-content;
    margin-left: auto;
    margin-right: 25px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.header .header-flex .nav-simple ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .header-flex .nav-simple ul li{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    padding: 10px 0px;
    margin: 0 15px;
    box-sizing: border-box;
}
.header .header-flex .nav-simple ul .current-menu-item a{
    /* color: #E3AC00; */
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 3px #E3AC00 solid;

}
.header .header-flex .nav-simple ul li a{
    text-decoration: none;
    font-size: 22px;
    color: #0e0e0e;
    font-weight: bold;
    
}
.header .header-flex .nav-simple .sub-menu li a{
    text-decoration: none;
    font-size: 22px;
    color: #0e0e0e;
    font-weight: bold;
    line-height: initial;
    border: none;
    padding-bottom: 0;
    margin-top: 0px;
}
.header .header-flex .nav-simple ul li a:hover{
    color: #E3AC00;
}
/* submenu */
.header .header-flex .nav-simple ul li .sub-menu{
    position: absolute;
    z-index: 9;
    left: 0;
    /* top: 90%; */
    top: 75%;
    display: flex;
    align-items: start !important;
    justify-content: flex-start !important;
    flex-direction: column;
    background: white;
    padding: 15px 0px;
    /* border: 1px rgb(199, 199, 199) solid; */
    display: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(171,171,171,1);
box-shadow: 0px 0px 5px 0px rgba(171,171,171,1);
}
.header .header-flex .nav-simple ul li .sub-menu li{
    display: flex;
    align-items: start;
    justify-content: flex-start;
    /* border-bottom: 1px rgb(199, 199, 199) solid; */
    padding: 5px 20px;
}
.header .header-flex .nav-simple ul li .sub-menu li a{
    font-weight: 400;
}


.header .header-flex .nav-simple ul li:hover > .sub-menu{
    display: block;
}
.arrowDown{
    display: none;
}




/* btn buscar menu */
.header .div-buscar{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.div-buscar i{
    font-size: 18px;
    color: white;
    z-index: 3;
}
.div-buscar .box{
    border-radius: 20px;
    border: 1px #FB6707 solid;
    outline: none;
    color: black;
    padding: 5px 10px;
    padding-right: 25px;
    margin: 0;
    margin-right: -20px;
    font-size: 14px;
    margin-left: 25px;
}
.searchsubmit{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgb(251,116,5);
    background: linear-gradient(90deg, rgba(251,116,5,1) 0%, rgba(255,18,17,1) 100%);
    border:none;
    z-index: 2;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.btn-search{
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgb(251,116,5);
    background: linear-gradient(90deg, rgba(251,116,5,1) 0%, rgba(255,18,17,1) 100%);
    border:none;
    z-index: 2;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-search{
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.form-search .box{
    width: 0px;
    padding:0;
    transition:  width .5s;
}
.showBox{
    width: 130px !important;
    padding: 5px 12px !important;
    padding-right: 25px !important;
    margin-left: 10px !important;
}

.homes-subtitles{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #D16712;
}
.home-titles{
    /* background: -webkit-linear-gradient(90deg, rgba(251,116,5,1) 0%, rgba(255,18,17,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    padding-top: 0;
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: black;
}

.page-template-archive-productos .home-titles{
    padding-top: 0;
    text-align: center;
    font-size: 44px;
    font-weight: 900;
    color: black;
}

.page-template-tmp-inicio .flex-prod{
    padding-top: 200px;
}
.flex-prod .card1 figure{
    width: 150px;
}

.flex-prod .card2 figure{
    width: 100px;
}
.flex-prod .card .div-img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.post-type-archive-servicios .home-titles{
    color: #E3AC00;
    font-weight: 500;
    text-transform: uppercase;
    width: 80%;
    margin: auto;
}   

/* home productos */
.pad-home-prod{
    padding-top: 50px;
    overflow: hidden;
}
.pad-home-prod h1{
    text-align: center;
}


/* productos */
.actual-product{
    background-color: #CF8000 !important;
}
.backCafe:hover{
    background-color: #CF8000 !important;
    transition: .3s;
}

.sectionscrollprod{
    scroll-margin-top: 220px;
}
.sectionscrollmision{
    scroll-margin-top: 200px;
}
.sectionscroll200{
    scroll-margin-top: 200px;
}

#mision-y-vision{
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

.type-product{
    width: 90%;
}

.type-productTwo{
    display: none;
}

.type-product .card{
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    margin-bottom: 50px;
}
.type-product .card .info{
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 60%;
    padding: 30px;
    padding-left: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.type-product .card .info .flex-subinfo{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.type-product .card .info .flex-subinfo .subinfo{
    flex: 1;
}
.type-product .card .info h1{
    font-size: 28px;
    font-weight: bold;
    color: black;
    text-align: left;
}
.type-product .card .info h2{
    padding-bottom: 0;
    font-weight: bold;
    font-size: 24px;
    color: black;
    text-align: left;
}
.type-product .card .info p{
    font-size: 18px;
    color: black;
    text-align: left;
}
.type-product .card .figure-prod{
    width: 40%;
}
.type-product .card .figure-prod div{
    width: 100%;
    height: 100%;
}



.flex-cat-prod-gen{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-cat-prod-gen .cat-prod-gen{
    width: 30%;
    background-color: #eaeaea;
    box-sizing: border-box;
    margin-top: 30px;
}

.flex-cat-prod-gen .cat-prod-gen h4 a{
    color: whitesmoke;
}



.cat-prod-gen .accordion {
    background-color: #222222;
    color: #444;
    cursor: pointer;
    padding: 10px 25px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 1px;
  }
  
  .cat-prod-gen .active, .cat-prod-gen .accordion:hover {
    background-color: #E3AC00;
  }
  
  .cat-prod-gen .accordion:after {
    content: '\002B';
    color: whitesmoke;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .cat-prod-gen .active:after {
    content: "\2212";
  }
  
  .cat-prod-gen .panel {
    background-color: #444444;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .cat-prod-gen .panel p{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-size: 16px;
  }
  .cat-prod-gen .panel p a{
    color: whitesmoke;
  }

.banners .cat-prod-gen .panel {
    /* max-height: max-content; */
  }




.productos-template-tmp-productos-general 
.flex-prod{
    width: 68%;
}

.productos-template-tmp-productos-general-subcategoria 
.flex-prod{
    width: 68%;
}

.background-prod-home{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.flex-prod .av-container {
    margin: auto;
}
.background-prod-home img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex-prod{
    display: flex;
    position: relative;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: wrap;
    /* width: 68%; */
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 40px;
}
.post-type-archive-productos .flex-prod{
    width: 100%;
}
.flex-prod .card{
    width: 500px;
    height: 295px;
    background-color: white;
    position: relative;
    border: 3px transparent solid;
    transition: .2s;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 30px;
    /* margin-bottom: 50px; */
}
.flex-prod .card .div-img{
    margin-top: -130px;
}
.flex-prod .card img{
    transition: .3s;
}
.flex-prod .card figure{
    margin: auto;
}
.flex-prod .card:nth-child(2) figure{
    width: 150px;
}
.flex-prod .card:nth-child(3) figure{
    width: 100px;
}
.flex-prod .card .div-img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex-prod .card:hover {
    
}
.flex-prod .card:hover h3 a{
    /* color: white; */
}

.flex-prod .card:hover img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: drop-shadow(0rem 0.35rem 0.4rem #FBD117);
}

.flex-prod .card h3 a{
    padding-top: 0;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    text-decoration: none;
    color: black;
}
.flex-prod .card h3 {
    text-align: center;
    padding-bottom: 30px;
}
.flex-prod .card h4 {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
}

.home .flex-prod .card h4 {
    bottom: -40px;
}

.btnVer {
    margin: auto;
    padding: 15px 40px;
    font-size: 20px;
    font-weight: 700;
    color: black;
    background-color: #FBD117;
    border: 3px transparent solid;
    border-bottom: 3px #CF8000 solid;
    overflow: hidden;
}

.flex-prod .card-fill {
    height: 0;
    border: none;
    padding: 0;
    margin: 0;
}
.flex-prod .card-fill:hover{
    border: none !important;
    background-color: transparent !important;
}


.sec-mayas-home{
    overflow: hidden;
}

/* mayas emprendedoras */
.sec-mayas-home{
    overflow: hidden;
    box-sizing: border-box;
}
.sec-mayas-home .homes-subtitles{
    color: #E3AC00;
    padding-bottom: 0;
}
.sec-mayas-home .home-titles{
    color: white;
    font-size: 50px;
}
.sec-mayas-home .center-mayas{
    text-align: center;
    padding: 0 100px;
    padding-bottom: 130px;
    padding-top: 80px;
    overflow: hidden;
}

/* galeria home */
.background-gal-home{
    z-index: -1;
    width: 300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.background-gal-home img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* flex servicios home */
.flex-servicios-home{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 30px;
    width: 100%;
}
.flex-servicios-home .card{
    width: 50%;
    position: relative;
    height: 350px;
    transition: .2s;
    box-sizing: border-box;
    overflow: hidden;
}

.flex-servicios-home .card figure{
    width: 100%;
    height: 100%;
}
.flex-servicios-home .card .abs{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0e0e0e71;
    transition: .3s;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.flex-servicios-home .card .abs a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flex-servicios-home .card .abs h1{
    text-align: center;
    color: white;
    font-size: 40px;
    text-transform: uppercase;
}
.flex-servicios-home .card .abs h4{
    margin-top: 10px;
    padding: 10px 14px;
    text-transform: uppercase;
    background-color: #E3AC00;
    color: white;
    transform: translateY(120px);
    transition: .3s;
    opacity: 0;
}

.flex-servicios-home .card .abs:hover h4{
    transform: translateY(0px);
    opacity: 1;
}
.flex-servicios-home .card:hover{
    padding: 20px;
}
.flex-servicios-home .card-fill{
    height: 0 !important;
}


/* blog */
.banner-prod{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #323232;
    height: 180px;
    margin: 100px auto;
    padding: 0 30px;
}
.banner-prod h2{
    text-align: center;
    font-size: 30px;
    color: white;
    padding-right: 50px;
    font-family: 'Duru Sans', sans-serif;
    font-weight: bold;
}

.banner-prod h2 span a{
    text-decoration: none;
    font-size: 34px;
    font-weight: bold;
    color: #E3AC00;
}
.banner-prod figure{
    width: 250px;
}

.servicios-prod{
    text-align: center;
    padding: 180px 0;
}
.servicios-prod h2{
    font-size: 44px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-weight: bold;
    color: black;
}
.servicios-prod p{
    font-size: 20px;
    padding-bottom: 12px;
}

.sec-blog{
    padding-bottom: 50px;
    /* background-color: #F2F2F2; */
    background-image: url(../img/home/img_fondo_blog.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    text-align: center;
}
.sec-blog .homes-subtitles{
    font-size: 20px;
}
.sec-blog .home-titles{
    font-size: 40px;
}
.sec-blog .btnVer{
    margin-top: 30px;
}
.flex-blog{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}
.flex-blog .av-container{
    width: 31%;
    margin: 5px;
}
.flex-blog .card-blog{
    width: 100%;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    margin: 5px;
}
.flex-blog .card-blog figure{
    overflow: hidden;
}
.flex-blog .card-blog figure img{
    transition: .2s;
}
.flex-blog .card-blog:hover img{
   transform: scale(1.1);
}
.flex-blog .card-blog:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #E3AC00;
    -moz-box-shadow: 0px 0px 5px 0px #E3AC00;
    box-shadow: 0px 0px 5px 0px #E3AC00;
}
.flex-blog .card-blog .textBlog{
    padding: 20px;
    padding-top: 10px;
    background-color: white;
}
.flex-blog .card-blog .textBlog .date{
    text-transform: capitalize;
    color: rgba(128, 128, 128, 0.8);
}
.flex-blog .card-blog .textBlog .titulo{
    text-transform:  uppercase;
    line-height: normal;
    font-size: 24px;
    color: #E3AC00;
}

.btn-default a{
    display: block;
    padding: 12px 15px;
    background-color: #E3AC00;
    color: white;
    text-transform: uppercase;
    width: max-content;
    font-weight: 500;
    font-size: 14px;
    margin:auto;
    transition: .2s;
    border: 2px transparent solid;
}
/* .btn-default:hover a{
    background-color: white;
    border: 2px #ff1211 solid;
    color: #ff1211;
    font-weight: bold;
} */

#btn-comprar-prod{
    padding-top: 70px;
    text-align: center;
}
#btn-contratar-prod{
    text-align: center;
}

.pad-home-prod .btn-default{
    margin-top: 20px;
}




/* testimonios */
.sec-home-testi{
    padding-bottom: 50px;
}
.sec-home-testi .flex-testi{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.sec-home-testi .flex-testi .card-testi{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    margin: 5px;
    width: 42%;
    padding: 20px;
    margin-top: 30px;
    text-align: center;
}
.sec-home-testi .card-testi i{
    color: gray;
    font-size: 24px;
    padding: 10px;
}
.sec-home-testi .card-testi p{
    font-style: italic;
}
.sec-home-testi .card-testi .email{
    color: rgba(128, 128, 128, 0.7);
    font-size: 12px;
    padding: 0;
}
.sec-home-testi .card-testi .nombre{
    color: black;
}

.sec-home-testi .card-testi .img-design hr{
    border:none;
    height: 2px;
    background-color: rgba(128, 128, 128, 0.4);
    width: 100%;
}
.sec-home-testi .card-testi .img-design {
    padding-top: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
}
.sec-home-testi .card-testi .img-design .img-autor{
    position: absolute;
    margin: auto;    
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin:20px auto;
}



/* contacto home */
.sec-contact-home{
    width: 100%;
    overflow: hidden;
}
.flex-contact-home{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    transform: scale(1.1);
}
.flex-contact-home .parallelogram{
    position: relative;
    transform: skewX(-20deg);
    width: 33.3%;
}
.flex-contact-home .parallelogram{
    /* border-right: 5px #FB6707 solid; */
    position: relative;
    transform: skewX(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    /* margin: 0 0 0 -20px; */
    width: 33.3%;
    overflow: hidden;
}
.flex-contact-home .parallelogram .abs{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s;
}

.flex-contact-home .parallelogram .abs a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-contact-home .parallelogram .abs:hover{
    background-color: rgba(0, 0, 0, 0);
}
.flex-contact-home .parallelogram .abs:hover h2{
    background-color: #ff1111aa;
    padding: 15px 20px;
    transform: skewX(20deg) scale(1.1);
}
.flex-contact-home .parallelogram .abs h2{
    transform: skewX(20deg);
    color: white;
    font-weight: 300;
    font-size: 40px;
    transition: .2s;
}

.flex-contact-home .parallelogram figure{
    transform: skewX(20deg) scale(1.3);
    width: 100%;
    height: 300px;
}
.flex-contact-home .parallelogram:hover .abs h3{
    transform: skewX(20deg) scale(1.1);
    transition: .3s;
}
.pad-home-serv{
    padding-top: 50px;
}

/* proyectos home */

.flex-proy-home{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
}
.flex-proy-home .card{
    width: 32%;
    position: relative;
    overflow: hidden;
}
.flex-proy-home .card:hover .abs-info{
    transform: translateY(0%);
}
.flex-proy-home .card:hover .abs-info-black{
    transform: translateY(0%);
}
.flex-proy-home .card .abs-info{
    position: absolute;
    clip-path: polygon(0 39%, 100% 65%, 100% 100%, 0% 100%);
    background-color: #ff1111aa;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    align-items: flex-end;
    justify-content: flex-start;
    transform: translateY(70%);
    transition: .2s;
}
.flex-proy-home .card .abs-info-black{
    position: absolute;
    clip-path: polygon(0 65%, 100% 38%, 100% 100%, 0% 100%);
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: translateY(70%);
    transition: .2s;
}
.flex-proy-home .card .abs-info .relat{
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 15px;
}
.flex-proy-home .card .abs-info h3 a{
    color: white;
    padding-left: 15px;
}
.flex-proy-home .card .abs-info p a{
    color: white;
    padding-left: 15px;
    text-decoration: none;
}


/* galeria */
.sec-home-gal{
    
}
.sec-home-gal .pad-home-prod{
    padding-bottom: 50px;
}
.flex-gal-home{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-gal-home .info{
    width: 500px;
}
.flex-gal-home .info h1{
    text-align: left;
}
.flex-gal-home .info h3{
    text-align: left;
}

.flex-gal-home .info .btn-default a{
    margin-left: 0;
    
}
.flex-gal-home .arrows-div{
    width: 75%;
}
.flex-gal-home .figure-gal{
    width: 650px
}

/* galeria2 */
.flex-gal-cat{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-gal-cat .div-category-gal{
    
    flex-basis: 28%;
    background-color: lightgray;
}
.flex-gal-cat .div-list-album{
    flex-basis: 68%;

}





/* archive album */
.flex-cat-album{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.pagingInfo{
    margin-top: auto;
    text-align: right;
}
.category-album{
    width: 28%;
}
.category-album .btn-cat-album{
    background-color: rgba(0, 0, 0, .8);
    color: whitesmoke;
    padding-left: 20px;
    margin-bottom: 1px;
    cursor: pointer;
}
.active-btn-cat-album{
    background-color: #E3AC00;
}

.category-album .btn-cat-album h4{
    color: whitesmoke;
}

.flex-album-archive{
    width: 70%;
}
.cat-div-alb{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    display: none;
}
.flex-album-archive .cat-div-alb .item-album{
    width: 32%;
    margin: 0;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.flex-album-archive .cat-div-alb .item-album-fill{
    height: 0;
    margin: 0;
    padding:0;
}
.flex-album-archive .cat-div-alb .item-album a{
    position: relative;
    display: block;
}
.flex-album-archive .cat-div-alb .item-album .abs-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #00000094;
    max-height: 40px;
    transition: max-height .3s ease-out;
}
.flex-album-archive .cat-div-alb .item-album .abs-caption h4{
    color: whitesmoke;
    text-align: center;
}
.flex-album-archive .cat-div-alb .item-album .abs-caption p{
    color: whitesmoke;
    text-align: center;
    padding: 0px 20px;
    padding-bottom: 10px;
    opacity: 0;
    transition: .3s;
}

.flex-album-archive .cat-div-alb .item-album:hover .abs-caption{
    max-height: 100%;
    transition: max-height .3s ease-in;
}
.flex-album-archive .cat-div-alb .item-album:hover .abs-caption p{
    opacity: 1;
}

.showDivAlbum{
    display: flex;
    animation: toggle-modal .3s ease-in-out;
}
#catAllbums{
    display: flex;
}


.home-galeria .slick-slide {
    margin: 0 10px;
  }
  /* the parent */
.home-galeria .slick-list {
    margin: 0 -10px;
  }
.home-galeria figure {
    height: 300px;
  }



  /* slider album */
.abs-galeria{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: -99;
    max-width: 80%;
    height: 500px;
    top: 0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
    background-color: whitesmoke;
    padding: 30px;
    box-shadow: 0px 2px 30px rgb(0 0 0 / 67%);
    animation: toggle-modal .3s ease-in-out;
    visibility: hidden;
    margin: auto;
}
/* .abs-galeria{
    display: block;
    position: fixed;
    z-index: -99;
    top: 0%;
    bottom: 0%;
    left: 3%;
    right: 3%;
    background-color: whitesmoke;
    height: max-content;
    max-width: 1700px;
    margin: auto auto;
    padding: 30px;
    box-shadow: 0px 2px 30px rgb(0 0 0 / 67%);
    animation: toggle-modal .3s ease-in-out;
    visibility: hidden;
} */

.abs-galeria .item-slider{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    outline: none;
}
.abs-galeria .item-slider figure{
    width: 78%;
}
.abs-galeria .item-slider .content{
    width: 20%;
    display: flex;
    flex-direction: column;
}

.abs-galeria .arrows-div{
    width: 100%;
}
.abs-galeria .close-modal{
    /* width: 28%; */
}
.btn-close-abs-album{
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    background-color: whitesmoke;
}
.btn-close-abs-album i{
    font-size: 30px;
    color: black;
}

.show-slider-album{
    display: flex; 
    z-index: 99; 
    visibility: visible;
    animation: toggle-modal .3s ease-in-out;
}
.post-type-archive-album
.slick-slider{
    overflow: hidden;
}
 

.abs-galeria .arrows-div .arrows i{
    color: #E3AC00;
}
.galeria-sec-item{
    margin-top: -120px;
}

/* footer */
footer{
    background-color: #E3AC00;
    color: white;
}
footer .social i{
    color: white;
}
.flex-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 40px 0;
    width: 90%;
    margin: auto;
}
.centro-footer{
    flex: 1;
}
.flex-footer .centro-footer h3 a{
    color: white;
    font-weight: 600;
}
.centro-footer h3{
    color: white;
    font-size: 14px;
    text-align: center;
    flex: 1;
    font-weight: 300;
}
.flex-footer .left{
    flex: 1;
}

.flex-footer .left .logo{
    width: 240px;
}
.flex-footer .left h2{
    line-height: normal;
    font-size: 16px;
    padding-top: 20px;
    color: white;
    text-transform: uppercase;
}
.flex-footer .left h2 span{
    color: #E3AC00;
    font-weight: bold;
}
.flex-footer .left .social-media{
    /* padding-top: 20px; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.flex-footer .left .social-media a {
    display: block;
    background-color: #E3AC00;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.flex-footer .left .social-media i{
    font-size: 20px;
    color: white;
}
.flex-footer .right{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex: 1;
    flex-wrap: wrap;
}
.flex-footer .right h3{
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    padding: 3px 0;
}

.flex-footer .right h3:hover{
    color: #E3AC00
}
.flex-footer .right .colum{
    padding-right: 70px;
}
.flex-footer .right .colum p a{
    color: #f2f2f2b9;
}
.flex-footer .right .colum p a:hover{
    color: #E3AC00;
}
footer .copyright{
    text-align: center;
    color: white;
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 12px;
}
footer .copyright a{
    color: white;
}


/* aviso de privacidad */
dialog {
    text-align: center;
    background-color: #333;
    color: #333;
    border: none;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.5);
    width: 500px;
    max-width: 80%;
    margin: auto;
  }
  
  dialog[open] {
    animation: toggle-modal .3s ease-in-out;
  }
  
  dialog::backdrop {
    background: rgba(0, 0, 0, .5);
  }
  
  dialog h2 {
    margin: 0 0 20px;
    color: #eee;
  }
  dialog p {
    margin: 0 0 20px;
    color: #eee;
    text-align: justify;
  }
  
  input,
  button {
    padding: 8px 20px;
    margin-bottom: 5px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
  }
  
  button {
    color: #fff;
    background: #04b95b;
  }
  
  .close-modal {
    background: #c70000;
  }
  
  .open-modal {
    margin-bottom: 40px;
  }
  
  @keyframes toggle-modal {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

  @keyframes opacitycero {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }


  .idioma-abs{
      position: fixed;
      z-index: 9;
      bottom: 0px;
      right: 20px;
  }
  .switcher a img{
      width: auto;
  }




  /* pagina constant */
  .header-page{
      width: 100%;
      height: 160px;
      position: relative;
  }
  .page-template-tmp-galeria .header-page{
      width: 100%;
      height: 250px;
      position: relative;
  }
  .header-page figure{
      height: 100%;
  }
  /* .page-template-tmp-blog .header-page{
    margin-bottom: 30px;
  } */
  .page-template-tmp-blog .migas{
    /* margin-top: 20px; */
    justify-content: flex-start;
  }
  .single-post .migas{
    margin-top: 20px;
    margin-bottom: 10px;
    justify-content: left;
  }
  .page-template-tmp-blog .migas a h3{
    margin-bottom: 5px;
  }
  .page-template-tmp-blog .migas h4{
    margin-bottom: 5px;
  }
  .header-page .abs-title{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      /* background-color: rgba(0, 0, 0, 0.6); */
  }
  .page-template-tmp-galeria .header-page .abs-title{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: start;
      padding-top: 40px;
      /* background-color: rgba(0, 0, 0, 0.6); */
  }
  .header-page .abs-title h1{
      color: black;
      text-transform: capitalize;
      font-size: 50px;
      font-weight: bold;
      padding-bottom: 0;
      text-align: center;
  }
  .header-page .abs-title h1 a{
      color: white;
    font-style: italic;
  }
  .header-page .abs-title h1 a:hover{
      color: #E3AC00;
  }
  
  /* migas */
.migas{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-template-tmp-galeria .migas{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.migas a{
   
}
.migas a h3{
    color: #E3AC00;
    font-weight: 400;
    font-size: 20px;
    text-transform: capitalize;
}
.migas h4{
    font-size: 20px;
    color: #0f0f0f;
    text-transform: capitalize;
}
.migas h4 a{
}

/* COTNACTO */
.flex-page-contact{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 1000px;
}
.flex-page-contact .left{
    width: 100%;
    padding-bottom: 50px;
}
.flex-page-contact .left h1{
    font-weight: bold;
    padding: 15px 0;
    color: #1d1d1d;
}
.flex-page-contact .left p{
    padding: 15px 0;
}


.flex-page-contact .left .fomulario-contact{
    width: 100%;
    margin: auto; 
}
.fomulario-contact .flex-inputs{
    width: 100%;
    margin: auto; 
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.fomulario-contact .flex-inputs .inputs{
    width: 49%;
    outline: none;
    margin-bottom: 10px;
}

.fomulario-contact 
.flex-inputs .inputs span input{
    font-size: 12px;
    width: 100%;
    border: 2px #CDCDCD solid;
    padding: 8px 10px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #444444 !important;
}
.fomulario-contact 
.flex-inputs .inputs span select{
    width: 100%;
    border: 2px #CDCDCD solid;
    padding: 7px 10px;
    border-radius: 3px;

}
.fomulario-contact 
.flex-inputs .inputs span input::placeholder{
    color: #9A4908;
    font-weight: bold;
    text-transform: uppercase;
}
.fomulario-contact 
.flex-inputs .inputs span select option{
    color: #9A4908;
    font-weight: bold;
    text-transform: uppercase;
}
.fomulario-contact 
.flex-inputs .inputs span select {
    color: #9A4908;
    font-weight: bold;
    text-transform: uppercase;
}
.fomulario-contact .mensaje{
    width: 100%;
    outline: none;
    margin-bottom: 20px;
}
.fomulario-contact .mensaje span textarea{
    width: 100%;
    border: 2px #CDCDCD solid;
    padding: 8px 10px;
    font-size: 12px;
    height: 130px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #444444 !important;
}
.fomulario-contact .mensaje span textarea::placeholder{
    text-transform: uppercase;
    color: #9A4908;
    font-weight: bold;
}
.fomulario-contact .enviar{
    width: 100%;
    outline: none;
    
}
.fomulario-contact .enviar input{
    width: 100%;
    outline: none;
    background-color: #FBD117;
    border: 3px #FBD117 solid;
    border-bottom: 3px #CF8000 solid;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.anr_captcha_field{
    padding-bottom: 12px;
}


.sec-info-cont{
    background-color: #F1F1F1;
}
.info-cont-flex {
    background-color: #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.info-cont-flex .datoContact{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    text-align: center;
    padding: 40px 0;
    height: max-content;
}
.info-cont-flex .datoContact i{
    font-size: 40px;
    padding: 10px 0;
    color: #E3AC00;
}
.info-cont-flex .datoContact figure{
    width: 40px;
    margin: auto;
    margin-bottom: 10px;
}
.info-cont-flex .datoContact p{
    font-size: 16px;
    color: #0f0f0f;
}
.borderright-contact{
    border-right: 2px #0f0f0f solid;
}
.borderleft-contact{
    border-left: 2px #0f0f0f solid;
}
.section-map-contact{
    overflow: hidden;
}
.section-map-contact .center100 iframe{    
    width: 100%;
    overflow: hidden;
}
.section-map-contact .center100{    
    width: 100%;
    padding: 0;
    margin: 0;
}
.section-map-contact .center100 .data{    
    visibility: hidden;
}
#logo-mapa-url{    
    visibility: hidden;
}
.flex-telefono{
    display: flex;
    align-items: center;
    justify-content: center;
}


/* descargas */

.flex-download{
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 50px;
}
.flex-download .card{
    width: 42%;
    text-align: center;
    margin-bottom: 40px;
    padding: 0 25px;
    padding-bottom: 30px;
    padding-top: 30px;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.4);
}

.flex-download .card-fill{
    height: 0;
    padding: 0;
}
.flex-download .card figure{
    width: 200px;
    margin: auto;
}
.flex-download .card h2{
    padding-top: 20px;
}
.flex-download .card p{
    padding-top: 15px;
    padding-bottom: 20px;
}
.flex-download .card img{
    transition: .2s;
}
.flex-download .card:hover img{
    filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(255, 18, 17, 0.5));
}


/* descargas individual */
.flex-download-ind{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.flex-download-ind .left{
    width: 500px;
}
.flex-download-ind .right{
    width: 500px;
}
.flex-download-ind .right h2{
    padding-bottom: 0px;
}
.flex-download-ind .right p{
    padding-bottom: 20px;
}
.flex-download-ind .right .flex-inputs .inputs{
    width: 100%;
}
.flex-download-ind .right .btn-default{
    float: left;
}

#ebookUrl{
    visibility: hidden;
}

/* sucursales */
.btn-vermapa{
    display: block;
    background-color: #E3AC00;
    color: white;
    text-decoration: none;
    font-size: 14px;
    width: max-content;
    padding: 8px 15px;
    margin: auto;
    font-weight: 500;
    margin-top: 10px;
}
.title-estado{
    text-align: center;
    padding-bottom: 40px;
    font-weight: 500;
    font-size: 40px;
}
.flex-cards-suc{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
    padding-bottom: 40px;
}
.flex-cards-suc .one-sucursal{
    width: 250px;
    height: 250px;
    -webkit-box-shadow: 0px -1px 33px #0000005D;
    -moz-box-shadow: 0px -1px 33px #0000005D;
    box-shadow: 0px -1px 33px #0000005D;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    margin:0 15px;
    margin-bottom: 30px;
    transition: .3s;
}
.flex-cards-suc .one-sucursal:hover{
    background-color: #e3aa0073;
    transform: translateY(-12px);
}

.flex-cards-suc .one-sucursal .tag-a-sucursal{
    display: block;
    width: 100%;
    box-sizing: border-box;
    /* padding-top: 35px; */
}
.flex-cards-suc .one-sucursal-fill{
    height: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
  
.flex-cards-suc .one-sucursal .item {
    padding: 30px 20px;
}
.flex-cards-suc .one-sucursal .item h2{
    line-height: normal;
    font-size: 24px;
    font-weight: 600;
    color:  #0f0f0f;
}
.flex-cards-suc .one-sucursal .item h3{
    line-height: normal;
    font-size: 16px;
    padding: 0;
    font-weight: 600;
    color:  #9A4908;
}
.flex-cards-suc .one-sucursal .item h4{
    line-height: normal;
    font-size: 16px;
    font-weight: 600;
    color:  black;
}
.flex-cards-suc .one-sucursal .item p{
    line-height: normal;
    font-size: 14px;
    padding-top: 0;
    font-weight: 400;
    color:  #696969;
}
.flex-cards-suc .one-sucursal .item .fa-map-marker-alt{
    font-size: 30px;
    color: #E3AC00;
}
.flex-cards-suc .one-sucursal .item .fa-phone-alt{
    font-size: 20px;
    color: #E3AC00;
}
.flex-cards-suc .one-sucursal .item .fa-envelope{
    color: #E3AC00;
    font-size: 20px;
}
.flex-cards-suc .one-sucursal .item-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 15px;
}
.flex-cards-suc .one-sucursal .item-flex i{
    padding-right: 10px;
}
.flex-cards-suc .one-sucursal .item-flex p{
    padding: 0;
}
.flex-cards-suc .one-sucursal .item-flex-tel{
    padding-bottom: 0;
}

/* empresa */
.flex-empresa{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 60px;
    padding-top: 10px;
    height: 600px;
}

.flex-empresa .title-nosotros{
    font-weight: 600;
    font-size: 50px;
    padding-top: 0;
    color: white;
    margin-right: 50px;
    margin-left: 100px;
    width: fit-content;
}
.flex-empresa .text-nosotros{
    color: white;
    width: 560px;
    font-size: 24px;
    line-height: 40px;
    font-family: 'Duru Sans', sans-serif;
}
.banner-empresa{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 40px 30px;
    box-sizing: border-box;
}
.banner-empresa .item {
    position: relative;
}
.banner-empresa .item h2{
    font-size: 24px;
    font-weight: bold;
    color: white;
}
.banner-empresa .item p{
    color: white;
}
.banner-empresa .item{
    width: 22%;
}
.banner-empresa .abs-banner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: red;
}
.banner-empresa .abs-banner .color-ban{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.6);
}
.sec-nosotros-fst{
    background-color: white;
}
.sec-nosotros-fst .background-prod-home{
    z-index: 0;
}
.sec-abeja-nos{
    background-color: white;
    padding-bottom: 100px;
}
.sec-mision-vision{
    overflow: hidden;
}
.sec-mision-vision .background-prod-home{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
}
.flex-mision{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding:100px;
}
.flex-mision .mision{
    text-align: center;
    width: 45%;
}
.flex-mision div p{
    font-size: 20px;
    color: white;
    line-height: normal;
}
.flex-mision div h2{
    font-size: 40px;
    color: #E3AC00;
    font-weight: bold;
}
.flex-mision .vision{
    width: 45%;
    text-align: center;
}

.center-gal{
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.center-gal .item-galeria{
    width: 32%;
    margin-bottom: 20px;
    box-shadow: 0px 3px 13px #0000004A;
}

.page-template-tmp-galeria .header-page{
    height: 320px;
}

.item-galeria-fill{
    width: auto;
    height: 0;
    padding: 0;
    margin:0 ;
}

/* nosotros */
.abeja-nosotros {
    padding-top: 100px;
    
}
.abeja-nosotros p{
    font-size: 24px;
    text-align: center;
    font-family: 'Duru Sans', sans-serif;
    width: 90%;
    margin: auto;
}
.abeja-nosotros hr{
    width: 100px;
    height: 10px;
    background-color: #E3AC00;
    margin: auto;
    margin-top: 25px;
}
.abeja-nosotros .abeja{
    width: 300px;
    margin: auto;
}

.nosotros-historia{
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.nosotros-historia .item{
    width: 50%;
    background-color: #F7F6F4;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.nosotros-historia .itemtxt{
    padding:50px;
    box-sizing: border-box;
}
.nosotros-historia .itemtxt h2{
    font-size: 44px;
    color: black;
    font-weight: bold;
}
.nosotros-historia .itemtxt p{
    font-size: 18px;
    line-height: 28px;
}
.nosotros-historia figure{
    width: 100%;
}
.nosotros-historia figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-mapa-nosotros{
    background-color: #F7F6F4;
}
.page-template-archive-productos .sec-mapa-nosotros{
    background-color: transparent;
}


.sec-mapa-nosotros .flex-map{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    width: 80%;
}
.sec-mapa-nosotros .flex-map .info{
    flex: .4;
}
.sec-mapa-nosotros .flex-map .info h1{
    font-size: 50px;
    color: black;
    font-weight: bold;
}
.sec-mapa-nosotros .flex-map .map{
    flex: .6;
}
.sec-mapa-nosotros .flex-map .map figure{
    width: 100%;
}


.sucursales-nosotros .item{
    /* background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px -1px 33px #0000005D;
    opacity: 1;
    width: 250px;
    height: 250px; */
}

/* preguntas frecuentes  */
.frecuentes-div{
    padding-top: 20px;
    padding-bottom: 40px;
}
.frecuentes-div .div-pregunta{
    padding-bottom: 20px;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-size: 20px;
  }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */


.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion:after {
    content: '+'; /* Unicode character for "plus" sign (+) */
    font-size: 20px;
    color: #E3AC00;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "-"; /* Unicode character for "minus" sign (-) */
  }


.flex-blog-page{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.flex-blog-page .posts{
    width: 70%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}


.flex-blog-page .posts .card-blog{
    width: 48%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    margin: 5px;
    margin-bottom: 20px;
}
.flex-blog-page .posts .card-blog figure{
    overflow: hidden;
}
.flex-blog-page .posts .card-blog figure img{
    transition: .2s;
}
.flex-blog-page .posts .card-blog:hover img{
   transform: scale(1.1);
}
.flex-blog-page .posts .card-blog:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #E3AC00;
    -moz-box-shadow: 0px 0px 5px 0px #E3AC00;
    box-shadow: 0px 0px 5px 0px #E3AC00;
}
.flex-blog-page .posts .card-blog .textBlog{
    padding: 15px;
    padding-top: 10px;
}
.flex-blog-page .posts .card-blog .textBlog .date{
    text-transform: capitalize;
    color: rgba(128, 128, 128, 0.8);
}
.flex-blog-page .posts .card-blog .textBlog .titulo{
    text-transform:  uppercase;
    line-height: normal;
    font-size: 24px;
}

.flex-blog-page .sidebar{
    width: 25%;
    background-color: #f5f5f5;
}
.flex-blog-page .sidebar .widget {
    padding: 20px 20px;
}
.flex-blog-page .sidebar .widget h1{
    font-size: 18px;
    font-weight: 500;
    background-color: #E3AC00;
    color: white;
    padding-left: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.flex-blog-page .sidebar .wid-category .title-category{
    font-size: 14px;
    padding: 5px 20px;
    color: black;
    transition: .2s;
}
.flex-blog-page .sidebar .wid-category .title-category:hover{
    color: #E3AC00;
}


.flex-blog-page .sidebar .wid-lasted .card-blog{
    padding-bottom: 10px;
}
.flex-blog-page .sidebar .wid-lasted h1{
    margin-bottom: 15px;
}
.flex-blog-page .sidebar .wid-lasted hr{
    margin-bottom: 30px;
}
.flex-blog-page .sidebar .wid-lasted {
    padding-bottom: 0px;
}


.wid-search{
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
.wid-search .form-search-sidebar{
    display: flex;
    align-items: stretch;
    justify-content: center;
    box-sizing: border-box;
}
.wid-search .form-search-sidebar input{
    width: 80%;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
}
.wid-search .form-search-sidebar .search-submit-sidebar{
    width: 20%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: #E3AC00;
}

.pagination{
    padding: 20px 0;
    width: 100%;
    text-align: center;
}
.pagination .page-numbers{
    background-color: #E3AC00;
    color: white;
    font-size: 14px;
    padding: 5px 10px;
}


/* individual post */
.flex-blog-page .entrada{
    width: 70%;
}
.flex-blog-page .entrada .date{
    text-transform: capitalize;
    font-size: 14px;
}

.flex-blog-page .entrada p{
    font-size: 16px;
}
.flex-blog-page .entrada .wp-block-image{
    margin-top: 2em;
    margin-bottom: 2em;
}
.flex-blog-page .entrada ul{
    list-style: disc;
    margin-left: 40px;
}
.flex-blog-page .entrada ul li{
    font-size: 16px;
    padding: 5px 0;
}

/* comentarios */
#comments{
    padding-top: 20px;
}
#comments .comment-reply-title{
    display: none;
}
#comments .comment-form-comment label{
    display: none;
}
#comments .comment-form-comment textarea{
    width: 100%;
    outline: none;
    background-color: #eeeeee8f;
    border: 1px rgba(0, 0, 0, 0.3) solid;
}
#comments .form-submit #submit{
    background-color: #E3AC00;
    color: white;
    font-weight: 600;
}

#comments .list-coments .vcard img{
    display: none;
}

#comments .list-coments .vcard .fn a{
    font-size: 14px;
    cursor: text;
    pointer-events: none;
    color: black;
}
#comments .list-coments .vcard .says{
    display: none;
}
.list-coments .comment .vcard p{
    padding-top: 0;
}
#comments .list-coments li{
    padding-bottom: 20px;
}


/* servicios individual */
.descrip-serv {
    padding-top: 20px;
}
.descrip-serv p{
    font-size: 20px;
}

.flex-serv-items{
    margin-top: 40px;
    padding: 40px 0;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.flex-serv-items .item{
    width: 22%;
    text-align: center;
}
.flex-serv-items .item p{
    font-size: 16px;
}


/* proyectos */
.sec-proyectos-general{
    padding-bottom: 40px;
}
.flex-proyecto-general{
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-proyecto-general .info{
    width: 48%;
}
.flex-proyecto-general .info p{
    font-size: 20px;
}
.flex-proyecto-general .info h1{
    text-transform: uppercase;
}
.flex-proyecto-general .info .btn-default{
    margin-top: 20px;
    width: max-content;
}
.flex-proyecto-general .img{
    width: 48%;
}

/* zigzag */
.flex-proyecto-general:nth-child(3){
    flex-direction: row-reverse;
    text-align: right;
}
.flex-proyecto-general:nth-child(3) .btn-default{
    float: right;
}
.flex-proyecto-general:nth-child(5){
    flex-direction: row-reverse;
    text-align: right;
}
.flex-proyecto-general:nth-child(5) .btn-default{
    float: right;
}
.flex-proyecto-general:nth-child(7){
    flex-direction: row-reverse;
    text-align: right;
}
.flex-proyecto-general:nth-child(7) .btn-default{
    float: right;
}

/* aviso de privacidad */
.privacidad-div{
    padding-bottom: 50px;
}

/* proyectos ind */
.sec-proy-slider{
    margin-top: 40px;
    margin-bottom: 50px;
}
.flex-ind-pro{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}
.flex-ind-pro figure{
    width: 47%;
}
.flex-ind-pro .info{
    width: 47%;
}
.flex-ind-pro .info .flex-precio{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.flex-ind-pro .info .flex-precio .title{
    width: max-content;
}
.flex-ind-pro .info .flex-precio .title h4{
    font-size: 16px;
    color: gray;
    padding:0;
}
.flex-ind-pro .info .flex-precio h3{
    width: max-content;
}
.flex-ind-pro .info p{
    padding-top: 15px;
    font-size: 16px;
    line-height: normal;
}
.especs-pro-ind{
    padding-top: 30px;
    padding-bottom: 20px;
}
.especs-pro-ind p{
    padding-bottom: 10px;
}
.div-slider-prod-ind{
    padding-bottom: 50px;
}


/* comentarios */
.comment-form-author #author{
    background-color: #eeeeef;
    border: 1px rgb(0, 0, 0, 0.3) solid;
    width: 100%;
    box-sizing: border-box;
}

/* resultados */
.search-results .card-blog figure{
    display: none;
}
.search-results .card-blog .textBlog .titulo{
    color: #0e0e0e;
}
.search-results .card-blog .textBlog .titulo span{
    color: #E3AC00;
}
.search-results #pagination{
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
    color: #E3AC00;
}
.search-results #pagination .page-numbers{
    font-size: 14px;
    padding: 5px;
}
.search-results #pagination .current{
    color: #E3AC00;
}
.search-results h1{
    font-size: 28px;
    color: #E3AC00;
}

.location-movil{
    display: none;
}
.sucursal-movil-btn{
    display: none;
}
.contact-movil-btn{
    display: none;
}
.download-movil-btn{
    display: none;
}
/* #icon-cross{
    display: none;
} */




/* mobile new menu */
#mobile-background{
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0px;
    /* top: 35px; */
    left: 0;
    height: 100%;
    z-index: 99;
    width: 100%;
    transition: .3s;
}
.showBackmenumob{
    display: block !important; animation: toggle-modal .3s;
}
.hideBackmenumob{
    display: block !important;
    animation: opacitycero .3s;
}

#content-menu-mob{
    width: 80%;
    height: 100%;
    background-color: white;
}
#content-menu-mob .header{
    width: 100%;
    height: 80px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    width: 90%; 
    margin: auto;
}
#content-menu-mob .header .logo figure{
        width: 200px;
    }
#content-menu-mob .info-menu{
    height: 100%;
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

#content-menu-mob .info-menu .nav-simple{
   margin: 0 auto;
    width: 80%;
    
}
#content-menu-mob .info-menu .nav-simple ul{
    flex-direction: column;
    padding: 15px 0 !important;
    
}
#content-menu-mob .info-menu .nav-simple ul li{
    padding: 10px 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#content-menu-mob .info-menu .nav-simple ul .menu-item-has-children a::after{
    content: '\25BC';
    font-size: 15px;
    float: right;
}
#content-menu-mob .flechaMovil::after{
    content: '\25B2' !important;
    font-size: 15px;
    float: right;
}
/* #content-menu-mob .info-menu .nav-simple ul .menu-item-has-children a:visited{
    content: '';
    font-size: 15px;
    float: right;
} */
/* #content-menu-mob .info-menu .nav-simple ul .menu-item-has-children{
    pointer-events: none;
} */
#content-menu-mob .info-menu .nav-simple ul li a{
    font-size: 25px;
    color: black;
    font-weight: 400;
    display: block;
    width: 100%;
}
#content-menu-mob .info-menu .nav-simple ul li .sub-menu{
    width: 100%;
    order: 1;
    display: block;
    position: relative;
    width: 100%;
    box-shadow: none;
    transition: .2s;
    height: 0;
    overflow: hidden;
    padding: 0 !important;
}
#content-menu-mob .info-menu .nav-simple ul li .sub-menu a{
    font-size: 16px;
}
#content-menu-mob .info-menu .nav-simple ul li .sub-menu a::after{
    content: '';
}


/* fixed header */
.fixedHeader{
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 99;
    background-color: white;
    animation: slideStiky ease reverse 1s;
}

@keyframes slideStiky{
    to{
        top: -100px;
    }
    from{
        top: 0px;
        
    }
}



    



/* =============================================================================
   Mobile First Media Queries
   ========================================================================== */

   /* 320px and greater */
   @media only screen and (min-width: 320px) {
	/* Styles here */
   }

   /* 320px and greater */
   @media only screen and (max-width: 380px) {
    /* Styles here */
    .btn-top-head{
        display: none;
    }
    .contact-movil-btn{
        display: block !important;
    }
    .download-movil-btn{
        display: block !important;
    }
   }
   
   /* 480px and greater */
   @media only screen and (max-width: 480px) {

    .type-product .card .info .flex-subinfo{
        flex-direction: column;
    }
    .slick-slider .slick-dots{
        bottom: 10px;
    }
    .info-cont-flex .datoContact{
        margin-bottom: 10px;
    }

    .home-slider .image .content_title h3{
        font-size: 22px !important;
        margin: 0 30px;
    }

    .btn-top-head{
        display: none;
    }
    .contact-movil-btn{
        display: block !important;
    }
    .download-movil-btn{
        display: block !important;
    }
    .sucursal-movil-btn{
        display: block !important;
    }
    .top-header .flex .right .btn-top-head{
        padding-left: 10px;
    }


    /* Styles here */

    .post-type-archive-album
    .arrows-div .nextArrow i{
        top: 30% !important;
        font-size: 20px;
    }
    .post-type-archive-album .arrows-div .prevArrow i{
        top: 30% !important;
        font-size: 20px;
    }

    .location-movil{
        display: block !important;
    }
    .top-header .flex .left .social{
        padding-left: 10px;
    }
    .top-header .location{
        display: none;
    }
    .accordion{
        font-size: 16px !important;
    }
    .flex-blog-page .posts .card-blog .textBlog .titulo{
        font-size: 20px;
    }
    .flex-blog-page .entrada article h1{
        font-size: 28px;
    }
    .flex-proy-home .card .abs-info .relat{
        padding-bottom: 20px !important;
    }
    .banner-empresa .item{
        width: 100% !important;
    }
    .flex-mision h2{
        text-align: center;
    }
    .flex-mision h2{
        text-align: center;
    }
    .home-titles{
        font-size: 26px;
    }
    .fomulario-contact .flex-inputs .inputs{
        width: 100%;
    }
    .info-cont-flex .datoContact{
        width: 100% !important;
        padding: 10px 0 !important;
    }
    .info-cont-flex{
        padding: 30px 0;
    }
    
   }


   /* 600px and greater */
   @media only screen and (max-width: 600px) {

    .page-template-tmp-inicio .flex-prod{
        padding-top: 100px;
    }

    .flex-cards-suc .one-sucursal:hover{
        background-color: #e3aa0073;
        transform: translateY(0px);
    }

    .sec-mayas-home .center-mayas{
        padding: 0 20px;
        padding-bottom: 130px;
        padding-top: 80px;
    }

    

    .page-template-tmp-inicio .div-produc-home .home-titles{
        padding-bottom: 30px;
    }

    .home-slider-movil{
        display: block;
    }

    .home-slider{
        display: none;
    }

    
    .flex-prod .card{
        width: 90%;
        height: auto;
        box-sizing: border-box;
        padding-bottom: 30px;
    }

    .sectionscrollprod{
        scroll-margin-top: 200px;
    }
    .page-template-archive-productos .home-titles{
        width: 90%;
        margin: auto;
        padding-bottom: 30px;
        font-size: 34px;
    }
    .page-template-archive-productos .pad-home-prod{
        padding-top: 30px;
    }
    .page-template-archive-productos .homes-subtitles{
        margin: auto;
        font-size: 22px;
        width: 300px
    }

    .flex-prod .card h3 a{
        font-size: 34px;
    }
    /* Styles here */

    .flex-telefono{
        flex-direction: column;
    }

    .home-slider .image .content_title h3{
        font-size: 30px;
        
    }

    .post-type-archive-album .arrows-div .prevArrow i{
        top: 25%;
    }
    .post-type-archive-album .arrows-div .nextArrow i {
        top: 25%;
    }
    .flex-blog-page .entrada{
        width: 100% !important;
    }

    .flex-blog-page{
        flex-direction: column;
    }
    .flex-blog-page .posts{
        width: 100% !important;
    }
    .flex-blog-page .sidebar{
        width: 100% !important;
    }
    .flex-proyecto-general .img{
        width: 100%;
    }
    .flex-proyecto-general .info h1{
        font-size: 25px;
    }
    .header-page{
        height: 150px;
    }
    .post-type-archive-servicios .home-titles{
        font-size: 25px;
        width: 90%;
    }
    .header-page .abs-title h1{
        text-align: center;
        font-size: 40px;
    }
    .flex-proyecto-general{
        flex-direction: column;
    }
    .flex-proyecto-general .info{
        width: 100%;
    }
    .flex-proyecto-general:nth-child(3){
        text-align: left;
    }
    .flex-proyecto-general:nth-child(5){
        text-align: left;
    }
    .flex-proyecto-general:nth-child(7){
        text-align: left;
    }

    .flex-proyecto-general:nth-child(3) .btn-default{
        float: left;
    }
    .flex-proyecto-general:nth-child(5) .btn-default{
        float: left;
    }
    .flex-proyecto-general:nth-child(7) .btn-default{
        float: left;
    }
    .flex-cards-suc .one-sucursal{
        width: 100% !important;
    }
   }



   @media only screen and (max-width: 900px) {

    .info-cont-flex .av-container{
        margin: 0 10px;
    }

    .center-gal .item-galeria{
        width: 49%;
    }
    .flex-download .card{
        width: 100%;
    }
    /* Styles here */
    .flex-empresa{
        flex-direction: column-reverse;
    }
    .flex-empresa .info{
        width: 100%;
        padding-bottom: 25px;
    }
    .flex-empresa figure{
        width: 100%;
    }
    .flex-cards-suc .one-sucursal{
        width: 47%;
    }
    .flex-blog-page .posts .card-blog{
        width: 100%;
    }
    .flex-blog-page .posts{
        width: 55%;
    }
    .flex-blog-page .sidebar{
        width: 40%;
    }
   }
   
   




   /* 768px and greater */
   @media only screen and (max-width: 900px) {
    /* Styles here */
    .div-testimonio-home{
        width: 90%;
    }
    .div-blog-home{
        width: 90%;
    }
    .div-produc-home{
        width: 100%;
    }
    .flex-servicios-home .card{
        height: 250px;
    }
    .flex-servicios-home .card .abs h1{
        font-size: 35px;
    }
    .flex-contact-home .parallelogram .abs h2{
        font-size: 25px;
    }
    .flex-contact-home .parallelogram{
        height: 200px;
    }
    .flex-contact-home .parallelogram figure{
        padding-left: 20px;
    }
    .flex-contact-home .parallelogram .abs:hover h2{
        transform: skewX(20deg);
    }
    .flex-footer .right .colum{
        padding-bottom: 15px;
    }
    .flex-footer .right .colum:last-child{
        padding-left: 30px;
    }
    .flex-footer .right{
        width: 20%;
        flex: none;
        /* justify-content: space-evenly; */
    }
    .flex-footer .left{
        width: 35%;
    }
    .home-galeria figure{
        height: 200px;
    }
    .flex-gal-home .info h3{
        font-size: 20px;
    }
    .flex-proy-home .card .abs-info .relat p{
        display: none;
    }
    .sec-proyect-home{
        width: 90%;
    }
    .flex-proy-home .card .abs-info .relat h3{
        padding: 0;
    }
    .flex-servicios-home .card .abs h1{
        font-size: 30px;
    }
   }

   /* 1024px and greater */
   @media only screen and (max-width: 1024px) {


    .type-product .card{
        flex-direction: column;
        
    }
    .type-product .card .info{
        width: 100%;
        padding-left: 30px;
    }

    .type-product .card .figure-prod{
        margin: auto;   
        width: 100%;
        background-color:#F1EDE5;
        text-align: center;
        padding: 30px 0;
    }
    .type-product .card .figure-prod img{
        width: 350px;
    }
    

    .sec-mapa-nosotros .flex-map{
        flex-direction: column;
        text-align: center;
    }
    .sec-mapa-nosotros .flex-map .info{
        padding-bottom: 30px;
    }

    .flex-mision{
        flex-direction: column;
        padding: 0;
        width: 90%;
        margin:auto;
        padding: 100px 0;
    }
    .flex-mision .mision{
        width: 100%;
        margin-bottom: 30px;
    }
    .flex-mision .vision{
        width: 100%;
    }
    /* Styles here */
    

    .category-album{
        width: 200px;
    }
    .flex-album-archive .cat-div-alb .item-album{
        width: 48%;
    }
    .migas90{
        width: 90%;
    }
    .blog-content-90{
        width: 90%;
    }
    .info-cont-flex{
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .info-cont-flex .datoContact{
        width: 100%;
        padding: 30px 0;
    }
    .flex-blog-page .entrada{
        width: 65%;
    }
    .flex-blog-page .posts{
        width: 65%;
    }
    .flex-blog-page .sidebar{
        width: 30%;
    }
    
    }

    @media only screen and (max-width: 925px) {
        .flex-cat-album{
            width: 90%;
        }
    }
    @media only screen and (max-width: 800px) {
        .category-album{
            width: 100%;
            margin: auto;
            padding-bottom: 20px;
        }
        .flex-album-archive{
            width: 100%;
        }
    }
   

   /* 1024px and greater */
   @media only screen and (min-width: 901px) and (max-width: 1024px) {
    /* Styles here */

    
    
    .info-cont-flex{
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .info-cont-flex .datoContact{
        width: 100%;
        padding: 10px 0;
    }
    .info-cont-flex{
        padding: 30px 0;
    }
    
    .flex-contact-home{
        transform: scale(1.11);
    }
    .flex-contact-home .parallelogram .abs h2{
        font-size: 35px;
    }
    .flex-contact-home .parallelogram .abs:hover h2{
        padding: 8px 12px;
    }
    .home-galeria figure{
        height: 200px;
    }
    .sec-proyect-home{
        width: 90%;
    }
    .flex-proy-home .card .abs-info .relat p{
        display: none;
    }
    .flex-proy-home .card .abs-info .relat h3{
        padding: 5px 0;
    }
    .flex-gal-home .info h3{
        font-size: 20px;
    }
   }


   .div-logo-movil{
       display: none;
   }
   /* 768px and greater */
   @media only screen and (max-width: 768px) {

    #btn-comprar-prod{
        padding-top: 100px;
        text-align: center;
    }

    .flex-blog .av-container{
        width: 100%;
    }

    .flex-gal-home .info{
        padding-bottom: 30px;
    }

    .page-template-tmp-inicio
    .home-titles{
        font-size: 46px;
        padding: 0 20px;
    }
    .page-template-tmp-inicio
    .homes-subtitles{
        font-size: 20px;
        padding: 0 20px;
    }
    

    .banner-prod{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 50px 40px;
        width: 100%;
        box-sizing: border-box;
        height: 300px;
        margin-bottom: 200px;
    }
    .banner-prod h2{
        padding: 0;
        padding-bottom: 25px;
    }
    
    .flex-empresa{
        width: 90%;
        margin: auto;
    }
    .flex-empresa .text-nosotros{
        width: 100%;
    }

    .flex-mision{
        padding: 50px 0;
    }
    .abeja-nosotros p{
        font-size: 20px;
    }
    .nosotros-historia{
        flex-direction: column;
        
    }
    .nosotros-historia .item:nth-child(1) {
        order: 1; 
    }
    .nosotros-historia .item:nth-child(2) {
        order: 2; 
    }
    .nosotros-historia .item:nth-child(3) {
        order: 4; 
    }
    .nosotros-historia .item:nth-child(4) {
        order: 3; 
    }
    .nosotros-historia .item:nth-child(5) {
        order: 5; 
    }
    .nosotros-historia .item:nth-child(6) {
        order: 6; 
    }
    .nosotros-historia .item{
        flex-direction: column;
        width: 100%;
    }
       .header-social{
           display: none;
       }

       .flex-footer{
           flex-direction: column;
       }
       footer .header-social{
           display: block;
           margin: auto;
       }

    .post-type-archive-album .arrows-div .nextArrow i{
        right: 20px;
    }
    .post-type-archive-album .arrows-div .prevArrow i{
        top: 40%;
    }
    .post-type-archive-album .arrows-div .nextArrow i{
        top: 40%;
    }

    /* Styles here */
    .productos-template-tmp-productos-general .flex-prod{
        width: 100%;
    }
    .flex-cat-prod-gen .cat-prod-gen{
        width: 100%;
    }


    .abs-galeria .item-slider{
        flex-direction: column;
    }
    .abs-galeria .item-slider figure{
        width: 100%;
    }
    .abs-galeria .item-slider .content{
        width: 100%;
    }

    /* menu movil */

    .div-logo-movil{
        display: block;
        padding-right: 5px;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
    }
    .div-logo-movil i{
        font-size: 24px;
    }
    .div-logo-movil .icon-cross{
        font-size: 26px;
    }
    .div-buscar{
        display: none !important;
    }

    .header .header-flex .nav-simple{
        position: absolute;
        top: 115px;
        right: 0;
        /* display: none !important; */
        background-color: white;
        z-index: 99;
        width: 90%;
        height: auto;
        margin: 0 auto;
        /* border-top: 2px #ff1211 solid;
        border-bottom: 2px #ff1211 solid;*/
        --webkit-box-shadow: -8px 9px 30px -6px rgba(128,128,128,1);
        -moz-box-shadow: -8px 9px 30px -6px rgba(128,128,128,1);
        box-shadow: -8px 9px 30px -6px rgba(128,128,128,1);
        /* animacion */
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(+110%, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    .showMenuMobile{
        display: block !important;
        animation: slide-menu .3s;
        animation-fill-mode: both;
        /* position: absolute !important; */
    }
    .hideMenuMobile{
        display: block !important;
        animation: hide-menu .3s;
        animation-fill-mode: both;
    }
    .displaynone{
        display: none !important;
    }
    .displayShow{
        display: block !important;
        animation: toggle-modal .3s ease-in-out;
    }


    @keyframes slide-menu {
        from {
            transform: translateX(-100%);
        }
        
        to {
            /* position: absolute; */
            transform: translateX(0%);
        }
      }
    @keyframes hide-menu {
        from {
            transform: translateX(0%);
            /* position: absolute; */
        }
        
        to {
            transform: translateX(-100%);
            display: none !important;
        }
      }

    .header .header-flex .nav-simple ul{
        flex-direction: column;
        padding: 15px 0 !important;
        
    }
    .header .header-flex .nav-simple ul li{
        padding: 12px 0;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .header .header-flex .nav-simple ul li a{
        font-size: 25px;
    }
    .header .header-flex .nav-simple ul .menu-item-has-children a{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .header-flex .nav-simple ul .menu-item-has-children .arrowDown{
        margin-left: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .header-flex .nav-simple ul .menu-item-has-children .arrowDown i{
        font-size: 16px;
        cursor: pointer;
    }
    .header .header-flex .nav-simple ul li .sub-menu{
        width: 100%;
        order: 1;
        display: block;
        position: relative;
        width: 100%;
        background-color: #eee;
        box-shadow: none;
        transition: .2s;
        height: 0;
        overflow: hidden;
        padding: 0 !important;
    }
    .show-submenu-movil{
        margin-top: 15px;
        border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
        border-top: 1px rgba(0, 0, 0, 0.1) solid;
        height: max-content !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .header .header-flex .nav-simple ul li .sub-menu li{
        justify-content: center;
        align-items: center;
        padding: 10px 0px;
    }
    .header .header-flex .nav-simple ul li .sub-menu li:nth-child(1){
        margin-top: 10px;
    }
    .header .header-flex .nav-simple ul li .sub-menu li:last-child{
        margin-bottom: 10px;
    }
    .header .header-flex .nav-simple ul li .sub-menu li a{
        color: #3a3a3a;
    }
    .header .header-flex .nav-simple ul li .sub-menu li a:hover{
        color: #E3AC00;
    }
    




    .flex-blog-page .entrada{
        width: 60%;
    }
    .flex-blog-page .posts{
        width: 60%;
    }
    .flex-blog-page .sidebar{
        width: 35%;
    }
    .banner-empresa{
        flex-wrap: wrap;
    }
    .banner-empresa .item{
        width: 45%;
        padding-bottom: 20px;
    }
    .flex-mision{
        flex-direction: column;
    }
    .flex-mision .mision{
        width: 100%;
    }
    .flex-mision .vision{
        width: 100%;
    }
    .flex-mision{
        width: 90%;
    }
    
    .flex-prod .card{
        width: 45%;
    }
    .flex-prod .card .btnVer{
        padding: 15px 40px;
    }
    .pad-home-serv{
        padding-top: 20px;
    }
    .flex-servicios-home .card{
        height: 200px;
        width: 100%;
    }
    .flex-servicios-home .card .abs h4{
        opacity: 1;
        transform: none;
    }
    .flex-proy-home .card{
        width: 100%;
        margin-bottom: 20px;
    }
    .flex-proy-home .card .abs-info{
        transform: translateY(0%);
    }
    .flex-proy-home .card .abs-info-black {
        transform: translateY(0%);
    }     
    .flex-proy-home .card .abs-info .relat h3{
        text-align: center;
        width: 100%;
    }
    .flex-proy-home .card .abs-info .relat h3 a{
        font-size: 30px;
    }
    .flex-proy-home .card .abs-info .relat{
        padding-bottom: 40px;
    }
    .flex-gal-home{
        flex-wrap: wrap;
    }
    .flex-gal-home .info{
        width: 100%;
    }
    .flex-gal-home .arrows-div{
        width: 100%;
    }
    .pad-home-prod .btn-default{
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .sec-home-testi .flex-testi{
        flex-wrap: wrap;
    }
    .sec-home-testi .flex-testi .card-testi{
        width: 100%;
    }
    .flex-blog .card-blog{
        width: 100%;
        margin-bottom: 20px;
    }
    .flex-contact-home .parallelogram .abs h2{
        font-size: 30px;
        transform: none;
    }
    .flex-contact-home .parallelogram .abs:hover h2{
        transform: none !important;
    }
    .flex-contact-home .parallelogram{
        width: 100%;
        transform: none;
    }
    .flex-contact-home .parallelogram figure{
        transform: none;
    }
    .flex-footer{
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .flex-footer div:nth-child(2){
        order: 3;
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .flex-footer .left{
        width: 100% !important;
        text-align: center;
    }
    .centro-footer{
        padding-top: 15px;  
    }
    .flex-footer .right{
        padding-top: 15px;
        width: 100% !important;
    }
    .flex-footer .right{
        justify-content: inherit;
    }
    .flex-footer .right .colum:last-child{
        padding-left: 0 !important;
    }
    .flex-footer .left .social-media{
        justify-content: center;
    }
    .flex-footer .left .logo{
        margin: auto;
    }
    .flex-footer .right .colum{
        padding-right: 30px;
    }
    .flex-serv-items .item{
        width: 80%;
        padding-bottom: 25px;
    }
    .flex-serv-items .item img{
        width: 180px;
    }
    .flex-ind-pro{
        flex-direction: column-reverse;
    }
    .flex-ind-pro .info{
        width: 100%;
    }
    .flex-ind-pro figure{
        width: 100%;
        margin: auto;
    }
   }

   /* 320px and greater */
   @media only screen and (max-width: 413px) {
    /* Styles here */
    .flex-footer .right .colum:last-child{
        padding-right: 15px;
    }
   }
   @media only screen and (max-width: 950px) {

       
    /* Styles here */
    .div-logo-movil {
        display: block;
        padding-right: 5px;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
    }
    .header .header-flex .nav-simple{
        display: none;
    }
    .div-logo-movil i{
        font-size: 24px;
    }
    .showMenuMobile {
        display: block !important;
        animation: slide-menu .3s;
        animation-fill-mode: both;
        /* position: absolute !important; */
    }
   }

   @media only screen and (max-width: 500px) {

    

    .info-cont-flex{
        flex-direction: column;
    }
    .info-cont-flex .datoContact{
        width: 100%;
    }
    
    .flex-telefono{
        flex-direction: row;
    }
   }


   @media only screen and (max-width: 1590px) {
    /* Styles here */
    
    .abs-galeria{
        height: 500px !important;
    }
   }
   @media only screen and (min-width: 1591px) {
    /* Styles here */
    
    .abs-galeria{
        height: 600px !important;
        width: 75%;
    }
   }
   @media only screen and (max-width: 1400px) {
    /* Styles here */
    
    .abs-galeria{
        height: 450px !important;
    }
   }
   
   @media only screen and (max-width: 1200px) {

    .page-template-tmp-inicio .flex-prod .card:nth-child(2){
        margin-bottom: 200px;
    }

    .page-template-tmp-inicio .flex-prod .card:nth-child(3){
        margin-bottom: 100px;
    }

    .flex-prod{
        flex-direction: column;
        padding-bottom: 0;
    }
    .flex-prod .card{
        margin: auto;
        width: 80%;
        margin-bottom: 200px;
    }
    .flex-prod .card:nth-child(2){
        margin: auto;
        width: 80%;
        margin-bottom: 100px;
    }

    .flex-empresa .title-nosotros{
        margin:0;
    }
    .flex-empresa{
        flex-direction: column;
    }
    .header .header-flex .nav-simple ul li{
        margin: 0 10px;
    }
    .flex-page-contact{
        width: 90%;
    }
    /* Styles here */
    .flex-download-ind .right .btn-default{
        float: none;
    }
    
    .abs-galeria{
        height: 380px !important;
    }
   }
   
   @media only screen and (max-width: 480px) {
    .center-gal .item-galeria{
        width: 100%;
    }
    
    .abeja-nosotros .abeja{
        width: 70%;
    }

    .abeja-nosotros p{
        width: 80%;
    }

    .nosotros-historia .itemtxt{
        padding:30px;
    }
    .page-template-tmp-inicio .home-titles{
        font-size: 30px;
    }
    

    .flex-empresa{
        height: auto;
        padding: 50px 0;
    }
    .flex-empresa .text-nosotros{
        font-size: 18px;
        line-height: 30px;
    }
    .flex-empresa .title-nosotros{
        font-size: 40px;
    }
    .flex-mision div p{
        font-size: 18px;
    }
    .sec-mapa-nosotros .flex-map .info h1{
        font-size: 36px;
    }
    /* Styles here */
    .flex-telefono{
        flex-direction: row;
    }
    
    .abs-galeria{
        height: 300px !important;
        padding: 10px;
    }
   }

   @media only screen and (max-width: 1100px) {
    header .header-social{
        display: none;
    }
    .header .header-flex .nav-simple{
        margin-right: 0;
    }
   }
   
   /* Retina screens */
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

.wave-menu{
    margin-bottom: 80px;
}


/* slider 1 */
/* #slider1{
    width: 100%;
} */
.swiper-container{
    /* height: 400px !important; */
    width: 100%;
}
.sliderdiv6 {
    width: 80%;
    margin-bottom: 50px;
  }
.swiper-container figure{
    height: 100%;
  }

.swiper-pagination-progressbar{
    bottom: 0;
    top: auto !important;
}
.swiper-pagination-progressbar-fill{
      background: #E3AC00 !important;
  }
  .swiper-scrollbar-drag{
      background: #E3AC00 !important;
  }

  /* vertical arrows */
  .sliderdiv4 .swiper-button-next {
    right: 40px;
    transform: rotate(90deg);
  }

  .sliderdiv4 .swiper-button-prev {
    left: 40px;
    transform: rotate(90deg);
  }

  .swiper-button-next::after, .swiper-button-prev::after{
        content: '';
  }
  .swiper-button-next i, .swiper-button-prev i{
        font-size: 30px;
  }

  /* gallery */
  
  .swiper-container {
    width: 100%;
    /* height: 300px; */
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .gallery-top {
    height: 80%;
    width: 100%;
  }

  .gallery-thumbs {
    height: 100px !important;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }

  /* PARALLAX */
  .sliderdiv9 {
    width: 100%;
    height: 100%;
    background: #000;
  }

  .sliderdiv9 .swiper-slide {
    font-size: 18px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 60px;
  }
  .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
  }

  .swiper-slide .title {
    font-size: 41px;
    font-weight: 300;
    padding: 20px 0;
  }

  .swiper-slide .subtitle {
    font-size: 21px;
  }

  .swiper-slide .text {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3;
  }