/*created by wavesite; updated by user*/
@font-face {
  font-family: 'AvenirRegular';
  src: url('font/AvenirNext-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirBold';
  src: url('font/AvenirNext-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: bold;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('font/HelveticaNeue.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueBold';
  src: url('font/HelveticaNeueBd.ttf') format("truetype");
  font-weight: bold;
  font-style: bold;
}

*,*::placeholder{font-family:AvenirRegular}
.sitelogo{margin:12px;}
.AvenirBold{font-family:AvenirBold!important}
.helvetica{font-family:HelveticaNeue!important}
.helveticaBold{font-family:HelveticaNeueBold!important}

.title{font-size:26px;}
.supertitle{font-size:53px}

.wrapper{max-width: 1360px;margin:auto;}

.greybg{background-color:#F0F0F0;}
.greybg2{background-color: #707070;}
.redbg{background-color: #8A2522;}
.grey{color:#F0F0F0;}
.grey2{color: #707070;}
.grey3{color:#999}
.red{color:#8A2522}
.white{color:#ffffff}

.mainnavbar{list-style: none;text-align: right;padding:16px 6px;margin:0}
.mainnavbar li{display: inline-block;width:150px}
.mainnavbar .menutoggle{display:none;}
.mainnavbar a{color:white;font-weight: bold;border-bottom:5px solid transparent;padding-bottom:5px;display:block;width:fit-content;margin:auto;}
.mainnavbar a:after{content:"";display:block;width:0%;height:1px;background:white;transition:500ms;margin-top:5px;}
.mainnavbar a:hover:after{width:100%}
/*.mainnavbar a:hover{border-bottom:5px solid #fff;}*/
.mainnavbar .lang{width: 46px;border: 1px solid #fff;text-align: center;padding: 18px 5px 0px 6px;margin-left: 21px;border-radius: 8px;line-height: 0;}
.mainnavbar .active:after{width:100%!important;}
.icenter{text-align: center;}
.ileft{text-align: left;}
.iright{text-align: right;}

.slideContent{width:100%;min-width:1200px;height:135px;display:block}

.button{border:3px solid #8A2522;color:#8A2522;background:transparent;padding:5px 21px;border-radius:50px;display:inline-block;font-size:1.25em;font-weight:bold;width:fit-content}
.button:hover,.button:active,.button:focus{background:#8A2522;color:#fff;border:3px solid #8A2522;}

.separator{height:70px;display:block;width:100%}

.servicebox{width:31.3%;display:inline-block;vertical-align: top;border:1px solid #707070;border-radius:18px;margin:0 1% 26px 1%;}
.servicebox section{padding:12px 21px;background-image:url(../img/serviciotextura.png);background-size:cover;background-position:center;border-radius:0 0 18px 18px}
.servicebox p{height:70px;margin-bottom:26px;}
.servicebox .button{margin-top:21px;}
.shadowed{box-shadow:0 6px 2px #ccc;}

header{transition:1s;width:100%;}
.fixed{position:fixed;width:100%;top:0;left:0;z-index:9}
header .col1-3, header .col2-3{margin:0!important}

footer i,.contactbg i{background: #fff;color: #333;width: 45px;height: 45px;text-align: center;border-radius: 50px;font-size: 26px;padding: 10px;}
footer i:hover, .contactbg i:hover{background:#333;color:#fff}
footer a{color:#fff;font-size:26px}
.contactbg a{color:#fff;font-size:21px;}
footer a:hover, .contactbg a:hover{color:#333;}

.marginbottom{margin-bottom:35px}
.margintop{margin-top:35px}
.slidetextcontent{width:650px;}

.otherheader{min-height: 450px;max-height:550px;display: flex;align-items: center;}
.otherheader > div{width:100%;}
.somosfulltac{background:url(../img/somos_fulltac_bg.png);background-size: cover;background-position:center 35%;}
.contactbg{background:url(../img/contactanos_bg.png) center no-repeat;background-size:cover}
.marcasbg{background:url(../img/portada_marcas-1.jpg) center no-repeat;background-size: 100%;}
.catalogobg{background:url(../img/catalogobg.jpg) center no-repeat;background-size: cover;background-position: center 43%;}
.industriasbg{background:url(../img/industriasbg.png) center no-repeat;background-size: cover;background-position: center 43%;}


.secondslide{background:white;height:130px}
.cifras{    width: 36%;display: inline-block;margin: 0 1% 26px 1%;border: 2px solid #707070;border-radius: 18px;padding: 21px;vertical-align: top;color:#707070; height:350px;}
.contactobotones{width:28%;display:inline-block;vertical-align:top;}

.countries{background-position: center;background-repeat: no-repeat;}
.countries span{font-size: 2em;font-weight: bold;display:block;padding:12px;cursor:default;}

.masalla{font-size:5em;line-height:1em}

.eqa{background-size:auto 380px;}
.eqa > div{height:350px;display: flex;align-items: center;}
.eqa-data{background:white;margin-bottom: 0;padding: 53px 35px;font-size:1.25em;color:#999}

.mainslider li >div {height:400px}
.carruSlide.flexslider li{background-size:1920px;}

.col1-5{width:calc(100% / 5 - 4px);display:inline-block;vertical-align:top}
.col2-5{width:calc(100% / 5 * 2 - 4px);display:inline-block;vertical-align:top}

.theform{width:65%;margin:auto;}
.inputform{border:2px solid #999;border-radius:12px;padding:8px 16px;font-size:1.25em;margin-bottom:21px;}
.tooblock{border-left: 1px solid #fff;padding-left: 21px;margin-left: -12px;}
.historia{border-left:5px solid #8A2522;}
.historia .yearlabel, .historia p{padding-left:21px;}
.yearlabel {color:#8A2522;font-size:26px;font-family: 'AvenirBold';}
.yearlabel span{font-size:35px;color:#999;font-family: 'AvenirBold';margin-right:21px}
.historia p{color:#999}
.historical{width:350px;float:right;margin-right:21px}
.historia hr{FLOAT: LEFT;WIDTH: 68%;MARGIN-RIGHT: 50%;}
.fulltachistoria{height: 50vh;overflow: auto;margin-top:35px}
.fulltachistoria .col1-2{margin-bottom:0!important}

.catalogo {border: 1px solid #999;border-radius: 23px;width: 330px;float: left;margin:auto;margin-bottom:35px}
.catalogo img{width:100%;border-radius:23px;border:1px solid #999}
.catalogo section strong {font-size: 21px;color: #8A2522;display: block;font-family: 'AvenirBold';}
.catalogo section{height:200px;padding: 15px 26px;}
.catalogo section i{float:right;font-size:35px;color:#707070;border-bottom:3px solid #707070;margin-top:-35px}
.catalogo section i:hover{color:#8A2522;border-bottom:2px solid #8A2522}

@media only screen and (min-width:768px){
      .mobillogo{display:none!important;}
      .nobreak br{display: block;}
.footerlinks{padding-left:125px}
  }
footer ul{list-style:none;margin:0;padding:0;margin-top:21px}
footer li{padding:9px 0}
footer h2{height:28px}

.industriasparent:after{content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: block;
  position: absolute;
  margin-left: 68px;
  margin-top: -10px;
  color: white}

  .industriasparent:hover .industriassub{padding:21px 0;height:275px}
.industriassub{position: absolute;
  transition:1s;
  background: rgb(65 61 61 / 80%);
  z-index:2;
  padding: 0;
  margin-left: -125px;
  margin-top: 16px;
  border-radius: 0 0 12px 12px;
  height:0;overflow:hidden
  }
  .industriassub li{display:block;width:200px;text-align: left;padding:0 12px}
  .industriassub a{margin:0;}


@media only screen and (max-width: 768px) {
    .industriasparent:after{
    display: block;
      float: right;
      margin-top: -60px;
    position:static}
  .industriassub{height: fit-content!important;
    border-top: 4px solid #8A2522;;
    padding: 0;
    margin: auto;
    position: static;
    background: transparent;
    column-count: 1;display: none;}
  .industriassub li{padding:0!important}
  .industriassub a{margin:0!important}
.col1-5,.col2-5,.contactobotones{width:100%;display:block}
.tooblock{border:none;padding-left:0;margin-left:0}
        .mainnavbar .menutoggle{display: block;
            color: #fff;
            text-align: right;
            font-size: 2em;
            background:transparent;
            position:absolute;
            top:15px;
            right:21px;
            width:53px;
        }
        .mainnavbar li{display:block;padding:12px;width:100%;text-align:left;display:none;}
        .mobilbar{position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: #FFF;
            z-index: 9999999999;overflow:auto}
        .mobilbar li{display: block;padding-left:21px}
        .mobilbar .menutoggle{color:#121212;}
        .mobilbar a{color:#121212;font-size:1.5em;display:block;margin-bottom:21px}
        .mobilbar .fa-bars::before{content:'\f00d'}
        .mainnavbar .lang{border-color: #121212;
          position: absolute;
          bottom: 4%;
          padding: 12px;
          height: 50px;
          width: 50px;}
        .mainnavbar .lang a{margin-bottom:0;margin-top: 12px;
          margin-lefT: -3px;}
        .mobilbar .mobillogo{display: block;margin-top:-14px;}
        .mobilbar .mobillogo img{width:150px;}
        .nobreak br{display: none;}
        .servicebox,.cifras{width:100%;}
        .slideContent{width:100%;min-width:350px;max-width:450px;height:fit-content;display:block;padding:0 21px}
        .seconslide .flex-control-nav {bottom:-40px;}
        footer a{font-size: 21px;;}
        .supertitle{font-size:48px}
        .seconslide .label{height:100px}
        .slidetextcontent{width:100%;font-size:0.9em}
        .somosfulltac{background-size:cover;}
        .masalla{font-size:3.7em}
        .eqa {background-size: contain;padding-top: 148px;background-position: top center!important;background-repeat: no-repeat;padding: 148px 26px 26px 26px;margin-bottom:21px;}
        .eqa > div{display:block;height:fit-content;}
        .eqa-data {padding:0}
.historical{width:100%;margin:auto;}
.historia{padding:0!important;border:none;padding-top:21px!important;}
.historia .yearlabel, .historia p{padding-left:0;}
.catalogo{margin-bottom:21px;width:350px;}
    }