/*
Theme Name: Orizon
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* PARCHE GERMAN */
.wrap-exportaciones img{
    display: block;
    margin: 0px auto;
}
.wrap-exportaciones{
    display: flex !important;
    align-items: center;
    margin: 15px 0px
}
.wrap-exportaciones .txt{
    margin-top: 0px !important
}
.content-marco2 .wrap .wrap-exportaciones:nth-of-type(even){
    flex-direction: row-reverse;
}
nav{
    display: table
}
div.home section.baner .item .desc{
   
}
div.home section.baner .item{
    background-color: #000;
}
div.home section.baner .item .image{
    opacity: .8;
    background-position: right
}
/* div.home section.baner .item {
    min-height: 0px;
    padding-bottom: 44%;
} */
div.home section.baner .item .desc .flex-container .row .subtitle{
    line-height: 1
}
.fp-viewing-0 header.scroll .top,
.fp-viewing-0 header.scroll .menu .logo{
    display: block;
    opacity: 1;
    visibility: visible
}
.fp-viewing-0 header.scroll .top svg .st0, header.scroll .menu svg .st0{
    fill: #1669AB !important;
    -webkit-transition-property: width height background-color font-size left top color;
    -webkit-transition-duration: 0-5s;
    -webkit-transition-timing-function: ease;
    transition-property: width height background-color font-size left top color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}
.fp-viewing-0 header.scroll .menu .btn-nav .hamburger .hamburger-inner, 
.fp-viewing-0 header.scroll .menu .btn-nav .hamburger .hamburger-inner:after, 
.fp-viewing-0 header.scroll .menu .btn-nav .hamburger .hamburger-inner:before {
    background: #fff;
    
}
.menu.is-active .btn-nav .hamburger .hamburger-inner, 
.menu.is-active .btn-nav .hamburger .hamburger-inner:after, 
.menu.is-active .btn-nav .hamburger .hamburger-inner:before{
    background: #000 !important
}
.image-baner{
    padding-bottom: 46%;
    background-size: cover;
    background-position: center;
}
.top-corporativo .wrap{
    padding: 0px 120px
}
.top-corporativo .baner .wrap .flex-container .encabezado .title1 {
    font-size: 40px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.top-corporativo .baner .wrap .flex-container .encabezado .title2 {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 0.8;
    padding-top: 15px;
    padding-left: 13px;
}
.top-corporativo .baner .wrap .flex-container{
    display: block
}
.brand-grid .brand-item img{
    max-width: 100%;
}
.top-corporativo .baner .wrap .flex-container .encabezado .txt {
    transform: rotate(5deg);
    margin-top: 100px;
    font-size: 15px;
    font-family: "Gotham";
    color: #515151;
    width: 100%;
    /* max-width: 1210px; */
    line-height: 1.8;
}
.marco .baner,
.marco{
    position: relative;
    background-color: #000
}
.marco .baner .image{
    opacity: .7;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-size: cover
}
.midd-marco .item{
    background: #000
}
.midd-marco .item .image{
    opacity: .7;
    width: 100%;
    padding-bottom: 28%;
    background-size: cover
}
.marco .baner .titulo-marco .flex-container .row .title{
    font-size: 40px
}
.marco .baner .titulo-marco .flex-container .row .subtitle{
    font-size: 28px
}
.content-marco .wrap .first-marco p{
    font-size: 14px;
    line-height: 1.8;
}
.content-marco .wrap .sec-marco .col-25 .ico-marco{
    width: 80px;
    height: 80px
}
.content-marco .wrap .sec-marco{
    max-width: 1000px;
    margin: 0px auto;
}
.content-marco .wrap .sec-marco p {
    font-size: 14px;
    max-width: 180px;
    margin: 0px auto;
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 200;
}
.content-marco2 .wrap .wrap-mod .title{
    font-size: 15px !important;
    font-weight: 300;
    letter-spacing: 1px !important;
}
.content-marco2 .wrap .wrap-mod .desc{
    font-size: 13px !important;
    font-weight: 100;
}
.content-marco2{
    max-width: 1270px;
    margin: 0px auto
}
.historia{
    background-size: 42%;
}
.timeline__section{
    width: calc(100% - 80px);
    margin-left: 80px
}
.timeline-content{
    display: block;
    height: 180px;
    /* background: red; */
    position: fixed;
    top: 0px;
    bottom: 0px;
    margin: auto;
    overflow: hidden;
    padding-right: 5px
}
.timeline-content:after{
    content: "";
    width: 100%;
    height: 40px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}
.timeline-content:before{
    content: "";
    width: 100%;
    height: 50px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}
.timeline-content .timeline__nav{
    margin-top: 0px;
    position: relative;
}
.historia .wrap .historias .date{
    height: auto;
    min-height: 100vh;
    display: table
}
.historia .wrap .historias .date .wrap-date {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.historia .wrap .historias .date .wrap-date .left .hito{
    margin-top: 0px
}
.historia .wrap .historias .date .wrap-date .right .content p{
    padding-left: 0px;
    font-size: 12px;
}
.historia .wrap .historias .date .wrap-date .content{
    font-size: 0px;
    max-width: 1200px;
    margin: 0px auto
}
.historia .wrap .historias .date .wrap-date .content .left-content{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-top: 60px;
    position: relative;
}
.historia .wrap .historias .date .wrap-date .content .left-content .image{
    width: calc(100% - 120px);
    padding-bottom: 50%;
    background: #000;
    margin: 0px 0px 0px auto;
    background-size: cover;
    background-position: center;
    /* filter:blur(3px); */
    opacity :0.3
}
.historia .wrap .historias .date .wrap-date .content .left-content .text{
    position: relative;
    top: -70px
}
.historia .wrap .historias .date .wrap-date .content .left-content .text .titulo{
    font-size: 37px;
    font-family: "Gotham";
    font-weight: 100;
}
.historia .wrap .historias .date .wrap-date .content .left-content .text .year{
    font-size: 80px;
    font-family: "AXIS Extra";
    font-weight: 500;
    color: #EFC402
}
.historia .wrap .historias .date .wrap-date .content .right-content{
    display: inline-block;
    vertical-align: top;
    width: 52%;
}
.historia .wrap .historias .date .wrap-date .content .right-content .image{
    width: 100%;
    padding-bottom: 52%;
    background: gray;
    margin: 0px auto;
    position: relative;
    left: -20px;
    background-size: cover;
    background-position: center;
}
.historia .wrap .historias .date .wrap-date .content .right-content p{
    font-size: 13px;
    padding: 0px 10px;
    margin-top: 12px;
    font-family: "Gotham";
    color: #515151;
    line-height: 1.8;
    padding-right: 20px;
    text-align: justify;
}
.directorio #container .tabs .first-tab .img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc
}
.directorio #container .tabs .first-tab .txt .wrapper h3{
    color: #4e5a66
}
.directorio #container .tabs input:checked + label .img{
    border-color: #1B6183
}
.directorio #container .tabs input:checked + label h3{
    color: #0091B2 !important
}
.personas{
    padding-top: 70px
}
.personas .textos p{
    font-size: 14px;
    line-height: 1.8;
    color: #515151
}
.personas .wrap .wrap-mod .txt h1{
    font-size: 15px !important;
    font-weight: 300;
    letter-spacing: 1px !important;
}
.personas .wrap .wrap-mod .txt p{
    font-size: 13px !important;
    font-weight: 100;
}
div.home section.baner .owl-dots {
    width: 50px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 0%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    vertical-align: middle;
    /* align-items: center; */
    /* align-content: flex-end; */
}
.graphic .group .mini-group .gender .bar {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.personas .wrap-datos .coldatos1 .dato .counter-value{
    font-weight: 400;
    font-size: 40px;
}
.personas .wrap-datos .coldatos1 .dato p{
    font-size: 14px !important
}
.graphic .group .mini-group:nth-child(2n) .gender .bar {
    opacity: 1;
    background: #65bbce;
}
.genero .woman .ico img,
.genero .man .ico img{
    max-width: 120px;
    opacity: .8;
}
.genero .man .ico h1,
.genero .woman .ico h1{
    color: #191919;
    font-size: 20px;
    font-weight: 400;
    font-family: "Gotham";
    letter-spacing: 2px;
    font-weight: 600;
    margin: 8px 0px;
    margin-bottom: 19px;
}
.graphic .group .mini-group .fecha{
    display: table
}
.wrap-new{
    max-width: 800px !important;
}
.negocio .wrap2 .blocks{
    display: block !important
}
.block-content{
    font-size: 0px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 0px
}
.block-content .clear{
    clear: both;
}
.block-content .img{
    width: 120px;
    height: 120px;
    background: #0091B2;
    position: relative;
}
.block-content .img img{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 75%;
    max-height: 65%;
    width: auto ;
    padding: 0px;
    background: transparent;
}
.block-content .text {
    width: calc(100% - 120px);
    height: auto;
    padding: 20px;
    font-size: 13px;
    font-family: "Gotham";
    
}
.block-content .text .title{
    font-weight: 600;
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 1;
}
.block-content:nth-child(even) {
    flex-direction: row-reverse;
}
.block-content:nth-child(even) .text{
    text-align: right
}
    
.negocio .wrap-mod-3 .txt p {
    font-size: 13px;
    line-height: 1.8;
}
.negocio  .wrap-mod-3 .img {
    padding-bottom: 37%;
}
nav .content .all-group{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
nav .content .all-group.active{
    opacity: .5;
    transform: scale(.89);
}
.contact-group{
    position: absolute;
    right: -600px;
    top: 0px;
    width: 600px;
    height: 100vh;
    background: #003a4c;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding: 40px 50px;
    font-size: 12px;
    color: #fff;
    overflow: auto;
}
.contact-group .close-contact{
    position: absolute;
    top: 15px;
    left: 30px;
    cursor: pointer;
}
.contact-group .close-contact img{
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    margin-right: 8px;
}
.contact-group .close-contact p{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
    font-family: "Gotham";
    letter-spacing: 1px;
    font-weight: 200;
    line-height: 1;
    top: 1px;
    position: relative;
}
.contact-group.active{
    right: 0px;
}
.contact-group .content-form{
    display: table;
    width: 100%;
    height: 100%
}
.contact-group .content-form .wrapper{
    display: table-cell;
    vertical-align: middle
}
.contact-group .content-form h3{
    font-size: 35px;
    font-family: 'Gotham';
    font-weight: 200;
    color: #fff;
    text-align: left;
}
.contact-group .content-form form{
    width: 100%;
    margin-top: 40px;
}
.contact-group .content-form form label{
    font-family: 'Gotham';
    color: #fff;
    text-align: left;
    margin-bottom: 5px;
    font-size: 14px;
    display: block
}
.contact-group .content-form form input, 
.contact-group .content-form form textarea{ 
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: 1px solid #949494 ;
    padding: 6px 14px ;
    border-radius: 10px ;
    margin-bottom: 16px ;
}
div.home section.grid .block{
    background-position: left center;
}
.content-marco2 .wrap .wrap-mod .img img{
    mix-blend-mode: multiply;
}
table.tablesaw{
    font-family: "Gotham";
    font-size: 14px;
    color: #515151;
    margin-bottom: 20px;
    
}
table.tablesaw th{
    background: #1e9bc1;
    color: white;
}
table.tablesaw tr{
    background: #fff;
}
table.tablesaw th, 
table.tablesaw b{
    font-weight: bold;
    font-size: 15px;
}
.tablesaw-stack td, .tablesaw-stack th{
    padding: 15px 10px !important
}
.tablesaw-stack tr td:first-child span{
    font-weight: bold;
}
.content-cajas{
    text-align: center;
}
.caja-exportacion{
    width: 37%;
    height: 480px;
    background: gray;
    display: inline-block;
    margin: 0px auto;
    position: relative
}
.caja-exportacion .info{
    position: absolute;
    width: 45%;
    height: 100%;
}
.caja-exportacion .info:before{
    content: "";
    width: 80%;
    height: 100%;
    background: #3498B1;
    left: 0px;
    position: absolute;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.caja-exportacion .info .text{
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    font-family: "AXIS Extra";
    color: #fff;
    line-height: 1;
}
.caja-exportacion .info .text .contain{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 30px;
    transform: rotate(-5deg) scale(1.3);
    transform-origin: left;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.caja-exportacion .info .text .contain p{
    margin-bottom: 10px;
}
.caja-exportacion .info .text .contain span{
    font-size: 15px;
    color: #F1C602;
    display: block;
}
.caja-exportacion .image{
    position: absolute;
    height: 100%;
    background-size: cover;
    background-position: center;
    width: 64%;
    right: 0px;
    z-index: 1;
}
.caja-exportacion:hover .info .text .contain{
    transform: rotate(0deg) scale(1.1);
}
.caja-exportacion:hover .info:before{
    width: 100%;
}
.btn-categoria-mobile{
    display: none;
}
@media (max-width: 1600px){
    /* header .menu .logo{
        width: 300px
    } */
    div.home section.grid .block.width-2 .title{
        font-size: 30px
    }
    div.home section.grid .block.width-2 p {
        font-size: 15px;
        /* padding: 0px 100px; */
        max-width: 1000px;
        margin: 0px auto;
    }
    div.home section.grid .row.exportacion .block{
        height: 450px;
    }
    div.home section.grid .block{
        height: 320px;
        /* max-height: 50vh; */
    }
}
@media (max-width: 1400px){
    .caja-exportacion{
        height: 400px;
    }
}
@media (max-width: 1000px){
    .caja-exportacion{
        height: 350px;
        width: 100%;
        margin-bottom: 20px;
        display: block;
    }
    .historia .wrap .historias .date .wrap-date{
        padding-left: 40px
    }
    .historia .wrap .historias .date .wrap-date .content .left-content .text .titulo{
        font-size: 23px
    }
    .historia .wrap .historias .date .wrap-date .content .left-content .text .year{
        font-size: 66px
    }
    .historia .wrap .historias .date .wrap-date .content .left-content .image{
        width: calc(100% - 40px)
    }
}
@media (max-width: 1170px){
    .graphic{
        margin-bottom: 60px
    }
    .graphic .group .center{
        width: 100px
    }
    .graphic .group .mini-group .middle{
        display: none;
    }
    .graphic .group .mini-group .gender{
        display: inline-block;
        width: 50%;
        padding: 0px!important
    }
    .graphic .group .center {
        width: 100%;
        position: absolute;
        height: 80px;
    }
    .graphic .group .mini-group{
        margin-bottom: 5px
    }
    .graphic .group .mini-group:nth-child(1){
        padding-top: 80px
    }
    .graphic .group .mini-group .fecha {
        display: block;
        position: relative;
        top: 0px;
        z-index: 9;
        text-align: center;
    }
    .graphic .group .mini-group .fecha:after{
        width: 0%
    }
    .graphic .group .mini-group .fecha span.ano{
        position: relative;
        display: block;
        padding: 10px 0px;
        background: #f5f5f5;
    }
    .graphic .group .mini-group .gender .bar{
        width: 100% !important;
        border-radius: 0px !important;
        text-align: center;
        height: auto;
        padding-top: 32px;
        padding-bottom: 15px;
        position: relative;
    }
    .graphic .group .mini-group .gender .bar:before{
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        top: 9px;
        font-family: 'FontAwesome';
        font-size: 18px;
        color: black;
    }
    .graphic .group .mini-group .gender.mujer .bar:before{
        content: "\f221";
    }
    .graphic .group .mini-group .gender.hombre .bar:before{
        content: "\f222";
    }
    .graphic .fondo,
    .graphic .lengua{
        display: none
    }
    .graphic .group .mini-group .gender.mujer .bar{
        background: #886b8d !important
    }
    .graphic .group .mini-group .gender.hombre .bar{
        background: #0091B1 !important
    }
    .genero{
        display: none;
    }
}
@media (max-width: 1000px){
    .personas .wrap-datos .coldatos1{
        font-size: 0px
    }
    .personas .wrap-datos .coldatos1 .dato{
        width: 50%;
        vertical-align: top
    }
    .personas .wrap-datos .coldatos1 .dato .counter-value{
        font-size: 24px
    }
}
@media (max-width: 800px){
    .wrap {
        width: calc(100% - 30px);
    }
    .content-marco .wrap .sec-marco .col-25{
        width: 44.6%;
    }
    .midd-marco h1{
        margin-top: -50px;
        font-size: 27px;
    }
    .midd-marco .item .image{
        padding-bottom: 46%;
    }
    .content-marco2 .wrap .wrap-mod .img,
    .content-marco2 .wrap .wrap-mod .txt{
        display: block !important;
        width: 100% !important;
    }
    .content-marco2 .wrap .wrap-mod .txt{
        margin: 19px 0px !important;
        margin-bottom: 40px !important;
    }
    .administracion .wrapper .left,
    .administracion .wrapper .right{
        display: block;
        width:  100%;
        margin: 10px 0px;
        padding: 20px;
    }
    .administracion .wrapper .right .txt > h1{
        margin-left: 0px;
    }
    .administracion .wrapper .right .txt .nombres .col{
        display: block;
        width: 100%;
    }
    .categoria .cat-content{
        display: block;
    }
    .menu-cat {
        display: block !important;
        width: 100% !important;
        margin-left: -100%;
        position: absolute !important;
        z-index: 99;
    }
    .menu-cat.active{
        margin-left: 0%;
    }
    .categoria .cat-content .cat-result{
        display: block;
        width: 100%;
    }
    div.categoria .cat-content .cat-result #grid a{
        width: 50%;
        padding: 10px;
        height: 246px;
    }
    div.categoria .cat-content .cat-result #grid a .image{
        height: 140px;
    }
    .categoria .cat-content .cat-result #grid a .nombre{
        font-size: 12px;
    }
    .categoria .cat-content .cat-result #grid a .btn{
        font-size: 12px;
        padding: 10px;
        width: 100%;
    }
    .btn-categoria-mobile {
        text-align: center;
        font-family: "Gotham";
        font-weight: 100;
        border-radius: 60px;
        padding: 10px 44px;
        font-size: 14px;
        color: #fff;
        background: #3498b1;
        display: block;
        max-width: 250px;
        margin-top: 20px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin: 19px auto;
        font-weight: 200;
        cursor: pointer;
    }
    .categoria .baner,
    .categoria .baner .desc{
        height: 360px;
    }
    .categoria .baner .desc .flex-container .row .title{
        font-size: 20px;
    }
    .categoria .baner .desc .flex-container .row .subtitle{
        font-size: 40px;
    }
    .historia .wrap .historias .date .wrap-date .content .left-content{
        width: 100%;
        margin-top: 25px;
    }
    .historia .wrap .historias .date .wrap-date .content .left-content .image{
        display: none
    }
    .historia .wrap .historias .date .wrap-date .content .right-content{
        width: 100%
    }
    .historia .wrap .historias .date .wrap-date .content .left-content .text{
        top: 0px;
        position: absolute;
        z-index: 99;
    }
    .historia .wrap .historias .date .wrap-date .content .left-content .text .year{
        font-size: 50px
    }
    .historia .wrap .historias .date .wrap-date .content .right-content{
        margin-top: 70px;
    }
    .brand-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .brand-grid .brand-item img{
        max-width: 80%;
        margin: 0px auto;
    }
    .top-corporativo .wrap{
        padding: 0px
    }
    .top-corporativo .baner .wrap .flex-container .encabezado{
        transform: rotate(0deg)
    }
    .top-corporativo .baner .wrap .flex-container .encabezado .title1{
        font-size: 25px;
        padding-left: 0px
    }
    .top-corporativo .baner .wrap .flex-container .encabezado .title2{
        padding-left: 0px
    }
    .top-corporativo .baner .wrap .flex-container .encabezado .txt{
        margin-top: 40px;
        transform: rotate(0deg);
        font-size: 13px
    }
    .video-corp{
        margin-top: 0px
    }
    .image-baner{
        padding-bottom: 70%
    }
    .about{
        padding-top: 40px
    }
    nav .content{
        display: block
    }
    .menu.is-active < header .top{
        display: none
    }
    .menu.is-active .logo{
        display: none !important
    }
    .menu.is-active .btn-nav .hamburger .hamburger-inner, 
    .menu.is-active .btn-nav .hamburger .hamburger-inner:after, 
    .menu.is-active .btn-nav .hamburger .hamburger-inner:before{
        background: #000 !important
    }
    nav .content .table-cell .group{
        width: 100%;
        display: block;
    }
    nav .content .table-cell {
        display: block;
        vertical-align: middle;
        text-align: center;
        font-size: 0px;
        padding-top: 50px;
        overflow: auto;
        height: calc(100% - 0px);
    }
    .fp-responsive .fp-section,
    .fp-responsive .fp-slide,
    .fp-responsive .fp-tableCell{
        height: auto !important;
    }
    div.home section.grid{
        margin-top: 0px
    }
    div.home section.baner .item .desc{
        width: 100%;
    }
    div.home section.baner .item .desc .flex-container{
        justify-content: inherit
    }
    div.home section.baner .item .desc .flex-container .row .title{
        font-size: 22px
    }
    div.home section.baner .item .desc .flex-container .row .subtitle{
        font-size: 18px
    }
    div.home section.baner .item .desc .flex-container .row{
        transform: rotate(0deg)
    }
    div.home section.baner .item .desc .flex-container .row .text{
        font-size: 15px;
        padding-right: 20px
    }
    .top .group select{
        font-size: 10px;
    }
    .fa-chevron-down{
        font-size: 9px;
        top: -1px;
        position: relative;
        right: -2px;
    }

    header .wrap{ 
        width: calc(100% - 20px)
    }
    header .menu .logo{
        width: 95px
    }
    div.home section.baner .item{
        padding-bottom: 0px;
        height: 490px
    }
    div.home section.baner .item .image{
        background-position: center;
        opacity: .5;
    }
    div.home section.grid .block.width-2 .title{
        font-size: 18px
    }
    div.home section.grid .block.width-2 p{
        font-size: 13px
    }
    div.home section.grid .row.exportacion .block{
        width: 100% !important;
        height: 310px !important;
    }
    div.home section.grid .row.exportacion .width-2{
        height: auto !important;
    }
    div.home section.grid .row .block:nth-child(1){
        padding: 0px !important;
     
    }
    .personas{
        padding: 0px 20px !important;
        padding-top: 10px !important;
    }
    .personas .wrap{
        width: 100%
    }
    .personas .wrap .wrap-mod{
        display: block;
        margin: 60px auto
    }
    .personas .wrap .wrap-mod .img{
        margin: 0px auto;
        float: none;
        width: 100%
    }
    .personas .wrap .wrap-mod .txt{
        float: none;
        margin: 0px;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}
@media (max-width: 600px){
    .contact-group{
        width: 100%;
        right: -100%;
    }
    .historia .wrap {
        width: calc(100% - 10px);
        margin: 0px auto;
        padding-right: 30px;
    }
    .historia .wrap .historias .date .wrap-date{
        padding-left: 0px
    }
    .historia .wrap .historias .date .wrap-date .content{
        padding-right: 15px
    }
    .historia .wrap .historias .date .wrap-date .content .right-content .image{
        left: 0px
    }
    .historia .wrap .historias .date .wrap-date .content .right-content p{
        padding: 0px
    }
}