@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Bold.eot');
    src: url('font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Bold.woff2') format('woff2'),
        url('font/Gotham-Bold.woff') format('woff'),
        url('font/Gotham-Bold.ttf') format('truetype'),
        url('font/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Light.eot');
    src: url('font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Light.woff2') format('woff2'),
        url('font/Gotham-Light.woff') format('woff'),
        url('font/Gotham-Light.ttf') format('truetype'),
        url('font/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Medium.eot');
    src: url('font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Medium.woff2') format('woff2'),
        url('font/Gotham-Medium.woff') format('woff'),
        url('font/Gotham-Medium.ttf') format('truetype'),
        url('font/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Book.eot');
    src: url('font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('Gotham-Book.woff2') format('woff2'),
        url('font/Gotham-Book.woff') format('woff'),
        url('font/Gotham-Book.ttf') format('truetype'),
        url('font/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Arial';
    src: url('font/Arial-Mdm.woff2') format('woff2'),
        url('font/Arial-Mdm.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial CE';
    src: url('font/Arial-BoldMT.woff2') format('woff2'),
        url('font/Arial-BoldMT.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



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



@font-face {
    font-family: 'Arial CE';
    src: url('ArialCE.woff2') format('woff2'),
        url('ArialCE.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Arial';
    src: url('font/ArialMT.woff2') format('woff2'),
        url('font/ArialMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('font/Arial-Lgt.woff2') format('woff2'),
        url('font/Arial-Lgt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}






@font-face {
    font-family: 'Arial Narrow';
    src: url('font/ArialNarrow.woff2') format('woff2'),
        url('font/ArialNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('font/ArialNarrow-Bold.woff2') format('woff2'),
        url('font/ArialNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('font/Arial-MdmItl.woff2') format('woff2'),
        url('font/Arial-MdmItl.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('font/Arial-Black.woff2') format('woff2'),
        url('font/Arial-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




/*------------------------------------------------------------------------------
Reset CSS
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  text-rendering: optimizeSpeed;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-family: 'Gotham', sans-serif;
  margin: 0;
  font-weight: 500;
  color: #003764;
  line-height: 1.1em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {box-sizing: border-box;
  padding: 0;
  margin: 0;}

strong{font-weight: bold; font-family: 'Gotham', sans-serif; }

/*------------------------------------------------------------------------------
CSS
------------------------------------------------------------------------------*/

a.boton{background:#00312d; padding: 15px; display: inline-block; color: #FFF; margin-top:20px; transition: opacity ease 0.5s;}
a.boton:hover{opacity: 0.7; color: #fff;}
.bg-green{background-color: #ebf5f0;}
.pre-header{background: #FFF; color: #009944; text-transform: uppercase; text-align: right; padding: 10px; font-size: 0.8em; }
i.fas.fa-search{font-size: 1.1em;}
.pre-header img{width: 30px; float: right; margin-left: 10px;}
.pre-header a, .pre-header a img{transition: 0.3s; position: relative;z-index: 9999999; color: #009944;} 
.pre-header a:hover img{transform: translateX(5px); color: #FFFFFF;}
.pre-header a:hover{opacity: 0.5}
li.idiomas{display: inline-block; width: 40px; line-height: 2.3em; }
  .idiomas ul { display: none; background: #FFFFFF; width: 30px; }
  .idiomas ul.active { display: block; position: absolute; }
  .idiomas ul li { width: auto; display: block; }
  .idiomas ul li a{color: #009944; line-height: 2.3em; display: block; text-align: left; padding-left: 8px; padding-right: 8px; background: #FFF;}
  .idiomas span:hover{cursor: pointer;}


.container-full{width: 100%; margin: 0 auto;}
.container-wrap{max-width: 1450px;  margin: 0 auto;}

.slider-home .claim {padding: 20px 60px; display: block; position: absolute; z-index: 9; width: 100%; right: 0; left: 0; margin: 0 auto; text-align: left; top: 52vh;}
  .slider-home .claim h1{font-size: 10em; font-weight: 600; line-height: 1em; color: #FFF;}
  .slider-home .claim h2{color: #FFF; margin-top: 8px; font-size: 1.5em; line-height: 1.2em; font-weight: 400;}
.home-bg{width: 100%; height: 90vh; background-repeat: no-repeat; background-position: center; background-size: cover; }

.owl-theme .owl-nav.disabled+.owl-dots {margin-top: -37px;}

.modulos-hl{margin: 0 auto; width: 100%; display: block;}
.modulos-hl div{width: 33.3%; height: 24vw; background: #009b45; float: left; margin-top: -250px; z-index:2; position: relative; padding: 30px; 
background: no-repeat center / cover;}
.modulos-hl img:last-child {display: flex; justify-self: flex-end; height: 80%;}
.modulos-hl div h3{ font-size: 2.5em; text-align: left; color: #FFF !important; line-height: 1.2em;}
.modulos-hl div p{color: #FFF; margin-top: 20px; line-height: 1.5em; font-weight: 400;}
.modulos-hl img {height:25%; width: 30%;}
.casos{margin-top: 100px;}
  .casos h2, .productos h2{font-weight: 600; font-size: 2.5em; line-height: 1.2em; margin: 20px auto; color: #009b45; float: left; width: 27%;}
  .casos hr, .productos hr{border-top: 2px solid #009b45; float: right; width: 74%; margin-top: -33px;}
.elemento-exito div{float: left;margin-top: 20px; padding-left: 40px;}
  .elemento-exito div:nth-of-type(1){width: 60%;}
  .elemento-exito div:nth-of-type(2){width: 40%;}
  .elemento-exito div h3{font-size: 2em; font-weight: bold; width: 75%; line-height: 1.2em;}
  .elemento-exito div p{color: #000; margin-top: 20px; width: 75%; font-weight: 200; line-height: 1.4em;}
  .elemento-exito div a{color: #009b45; margin-top: 20px; display: block;}

.casos .owl-prev {width: 15px; height: 50px; position: absolute; top: 40%; margin-left: -20px; display: block !important; border:0px solid black;}
  .casos .owl-next {width: 15px; height: 50px; position: absolute; top: 40%; right: -25px; display: block !important; border:0px solid black;}
  .casos .owl-prev i, .owl-next i {transform : scale(1); color: #777777;} 
  .casos .owl-theme .owl-nav [class*=owl-]:hover{background: none;}
  .casos .casos-exito { /*border-bottom: 2px solid #009b45;*/}

.mapa-delegaciones { margin-top: 60px; height: 100vh; background-size: cover; background-position: center center; text-align: left; }
.mapa-delegaciones-top{max-width: 500px;}
  .mapa-delegaciones .container-wrap  {padding: 20px 60px;  display: flex; flex-direction: column; justify-content: space-between; height:40rem;
     align-items: flex-start; padding-top:10rem;}
  .mapa-delegaciones .chincheta-mapa{margin-left: 0;}
  .mapa-delegaciones H2, .mapa-delegaciones P, .mapa-delegaciones UL { max-width: 1000px;  }
  .mapa-delegaciones H2 {font-size: 2em; font-weight: bold; line-height: 1.2em; }
  .mapa-delegaciones P { color: #000; margin-top: 20px;  font-weight: 200; line-height: 1.4em;}
  .mapa-delegaciones P STRONG { display: none; }
  .mapa-delegaciones-nosotros P STRONG { display: block !important; }
  .mapa-delegaciones LI { color: #000000; font-weight: 500; padding-bottom: 8px; display: flex; align-items: baseline; }
  .mapa-delegaciones IMG { width: 20px; position: relative; top: 4px; margin-right: 5px; }
.mapa-delegaciones-nosotros { margin-bottom: 50px; }
  .mapa-delegaciones-nosotros .container-wrap {  }
.mapa-delegaciones A.button { background: #00312d; text-decoration: none; color: #FFFFFF; font-weight: bold; margin-top: 20px; }

.marcas{margin-top: 100px;}
  .item.marca {margin: 0 20px;}

/* ------- seccion video ------- */
.container-full.video-banner{position: relative; height:40rem; width:100%; padding-top: 4rem; display:flex;}
.video-banner .fondo{width:100%;}
.absolute{position:absolute;  top: 56%; left: 50%; transform: translate(-50%, -50%);  display:flex; align-items:center; width: 86%; max-width: 1450px; }
.absolute .izquierda{width:50%; padding-right: 10rem;}
.absolute .izquierda h2{max-width: 20rem;}
.absolute .izquierda p{max-width: 20rem; font-weight:400;}
.absolute .derecha{width:50%; height:100%; position: relative;}
.absolute .izquierda h2{color: #009944; font-size:30px; line-height:105%; padding-bottom:1rem;}
.absolute .izquierda a p{color: #009944; font-size:20px; line-height:105%; padding-top:1rem; font-weight:400; cursor: text;}
.derecha  a.video{transition: 0.9s;}
.derecha  a.video:hover{opacity: 0.8;}
.derecha .video .play-icon {position:absolute; left:45%; bottom:43%; width:3rem; z-index:99; }

.asistencia{margin-top: 100px;}
  .asistencia div{width: 50%; height:75vh; background: #009b45; float: left; }
  .asistencia div:nth-of-type(1) {background: url(../img/asistencia-tecnica-almetac.jpg) no-repeat center; background-size: cover; }
  .asistencia div:nth-of-type(2) {background: url(../img/almetac-equipo1.jpg) no-repeat center; background-size: cover; }
  .asistencia div div{margin: 0 auto; display: block; background: green;}
.contenido-asistencia{width: 100%;}
  .contenido-asistencia div{width: 50%; margin-top: -67vh; padding: 0px 70px 70px 70px;}
  .contenido-asistencia div:nth-of-type(1){float: left; padding: 0px 70px 70px 0px;}
  .contenido-asistencia div:nth-of-type(2){float: right; }
  .contenido-asistencia div h2{font-size: 2.5em; font-weight: bold; width: 100%; line-height: 1.1em; color: #004438;}
  .contenido-asistencia div p{font-size: 1em; font-weight: bold; width: 55%; line-height: 1.4em; margin-top: 30px; font-weight: 200;}
  .contenido-asistencia div:nth-of-type(1) h2, .contenido-asistencia div:nth-of-type(1) p{color: #FFF;}
  .contenido-asistencia div a {background: #00312d; padding:15px; margin-top: 20px; display: inline-block; color: #FFF; font-weight: 200; transition: padding ease 0.2s; transition: opacity ease 0.5s;}

.numeros, .realidad{background: url(../img/almetac-internacional-etiquetado.jpg) no-repeat center; background-size: cover; }
.cifras{padding: 250px 0; overflow:auto; }
  .cifras h2{font-size: 2.5em; font-weight: bold; width: 30%; line-height: 1.2em;}
  .cifras div{float: left; width: 33.3333%; margin-top: 50px; display: block;}
  .cifras div p{color: #000; font-weight: 200; line-height: 1.2em;}
  .cifras div:nth-of-type(2){padding: 0 20px;}
  .cifras div h3{font-size: 4em; font-weight: bold; float: left; width: 45%; display: block; line-height: 1em; border-left: 2px solid #8cd2ab; padding-left: 20px; color:#8cd2ab;}
  .cifras div h4{font-size:1.2em;  float: right; width: 55%; display: block; line-height: 1em; color:#8cd2ab;}

.cifras div h4:nth-of-type(1), .cifras div h4:nth-of-type(3){height: 70px; }
.cifras div h3:nth-of-type(2), .cifras div h3:nth-of-type(4), .cifras div h4:nth-of-type(2), .cifras div h4:nth-of-type(4){margin-top: 20px; }

footer{background: #00312d; font-size: 0.9em;}
  footer .container-wrap{ width: 93%; margin: auto; overflow: auto; display: flex; flex-direction: column;}
  footer .container-wrap div{display: flex; flex-direction: column; width: 12%; color: #FFF; overflow: auto; }

  footer .container-wrap div a {color: #FFF; display: block;font-weight: 200; line-height: 2em;}
  footer .container-wrap div h2 a{font-weight: bold;}
  footer .container-wrap div img{width: 80%; float: right;} 

 footer .superfooter{width: 100% !important; font-weight: 200; margin-top: 40px;}
  footer .superfooter a{float: left; width: 33%; color: #9cdeb9 !important; font-size: 1.2em; font-weight: 200 !important; line-height: 1.3em !important;}
  footer .superfooter a:nth-of-type(3){float: right; text-align: right;}
  footer .superfooter a:nth-of-type(3) img{width: 50%; display: block; float: left;}
  footer .container-wrap div:nth-of-type(8) {float: right;}

footer .legal { width: auto!important; margin-top: 30px; }
footer .legal ul { display: flex; align-items: center; }
footer .legal ul li a { display: inline; color: rgba(255, 255, 255, .3); font-size: 13px; }
footer .legal ul li:after{ content: ' | '; color: rgba(255, 255, 255, .3); margin-right: 5px; }
footer .legal ul li:last-child:after { display: none; }
footer .footer__aenor { display: flex; flex-direction: row!important; width:31%!important; justify-content: flex-end; }
footer .logo-pyme { float:right !important; width: 30% !important; }
footer .logo-pyme IMG { max-width: 120px; }
.superfooter{ display: flex!important; flex-direction: row!important; margin-top:70px!important;}  
.footer_dani{width:90vw;margin:auto; color: white;}
.footer_line_1{width:100%!important; display: flex; flex-direction: row!important; padding-top: 5vh; justify-content: space-between;}
.footer_logotipos{width: 100%!important;  display:flex!important; flex-direction: row!important; padding-top: 4rem; justify-content: space-between;}
.logo_union_europea{ display:flex; flex-direction:row!important; width:60%!important; justify-content: flex-start!important;}
.logo_union_europea img {width:100%!important;object-fit:cover!important;}
.logo_union_europea a{width: 25%;}
.text_foot_ue{width:50%!important; display: flex; flex-direction: column; justify-content: space-between; padding-left:10px!important;}
.text_foot_ue p{color:white;font-family: 'Arial';}
.ue_foot_head{width: 100%!important;}
.ue_foot_head p{color: white; font-weight:200; font-family: 'Arial'; font-size: 14px;}
p.foot_ue_head{color: white;font-weight:400; font-family: 'Arial'; font-size: 18px;}
.clear{clear: both;}
p.thin-text{font-weight: 100; font-size: 13px; line-height: 15px;}
a {text-decoration: none; color: rgba(34, 34, 34, 0.8);}
a:hover, a :focus {color: #009b45;}
p{color: #000;}

.menu-left a {display: inline-block; position: relative; transition: color .35s ease; padding: 0px 12px; font-size: 0.8em;}
.menu-left li:nth-of-type(7) a{padding: 0 0 0 15px;}
.menu-left a:hover:before {width: 100%; background: #000; transition: width .35s ease;}

.menu-left a:hover:after {width: 100%; background: transparent; transition: all 0s ease;}

header {position: fixed; top: -4px; left: 0; width: 100%; padding: 0px; z-index: 3;}

header.show-nav{background: #FFFFFF; height: 10vh;}

header nav ul li a:hover{color: #009944; border-left: 2px solid #009944; padding-left: 10px;}
header nav ul li a.activo{color: #009944; border-left: 2px solid #009944; padding-left: 10px;}

.logo-color{display: none;}
header.show-nav .logo-blanco{display: none;}
header.show-nav .logo-color{display: block;}

header nav .logo {float: left; padding-top: 0; padding-bottom: .25rem; font-size: 1.25rem; line-height: inherit; font-weight: 500; color: black;}
header nav .logo img {width: 250px;}

header nav .logo:after {content: ''; display: table; clear: both;}

header nav ul {list-style: none; padding-left: 0; margin: 0;}

header nav ul li {float: left; width: 114px; margin: 0 5px;}
header nav ul li:nth-of-type(7){margin: 0 0 0 0px;}

header nav ul li a{display: block; text-decoration: none; text-transform: uppercase; color: #000000;}
.header-interior header nav ul li a:hover{color: #00BD70; }

.header-interior header nav ul li a.activo {border-top: 3px solid #00BD70; padding-top: 21px; margin: -24px 0 0 0;}

nav a img{padding: 0px 15px 15px 0px; width: 80%;}
.hide-nav nav a img{margin-top: -100px;}

.owl-theme .owl-nav{margin: 50px auto;}

.hide-nav {transform: translateY(-120%) !important; -webkit-transform: translateY(-120%) !important; }

ul.menu-left {display: block !important; float: right; max-height: none; right: 155px; padding: 15px 0px 20px 15px; font-weight: 200;}
ul.menu-left.collapse {max-height: 100vh;}

section.slider-home{margin-top: 115px; margin-bottom: 100px;}



#demos .owl-carousel .item{background: none;}
.slider-small .item{background: #fff !important; padding: 0px;}

.slider-small .column, .slider-small .columns {padding: 0;}
#demos .slider-small  .owl-carousel .item{height: 100%;}
.slider-small .owl-theme .owl-dots .owl-dot span{border: 1px solid grey; background: none;}
.slider-small .owl-theme .owl-dots{margin-top: 20px;}
.slider-small .owl-theme .owl-dots .owl-dot.active span{border: 2px solid grey;}
.slider-small .owl-carousel{margin:30px auto 40px auto;}
.owl-carousel .item .slider-s-txt{text-align: left; text-align: left; margin-top: 20px;}
.owl-carousel .item .slider-s-txt h4{color: #003764; text-transform: uppercase; font-size: 1.3em; font-weight: 500;}
.owl-carousel .item .slider-s-txt p{font-size: 1.1em; width: 60%; margin: 10px 0 30px 0; color: #000; font-weight: 200; }
.slider-small .owl-carousel .item {padding: 0;}
.slider-small .owl-dots{float: right; position: absolute; bottom: 20px; right: 0;}
.triple{margin: 75px 0;}
.triple .owl-dots{margin-top: 20px !important;}
.owl-carousel .owl-item img{transition: opacity 0.5s;}
.owl-theme .owl-dots .owl-dot {outline: none;}


/*NOSOTROS almetac-nosotros-equipo.jpg*/
.portada-interior{height: 58vh; margin-top: 115px; background: no-repeat center; background-size: cover; }
  /*.port01{background: url(../img/almetac-soluciones.jpg);}*/
  /*.port02{background: url(../img/almetac-asistencia-tecnica-etiquetado.jpg);}*/
  /*.port03{background: url(../img/almetac-innovacion-adhesivos.jpg);}*/
  /*.port04{background: url(../img/almetac-sostenibidad-adhesivos.jpg); background-position-y: -200px;}*/
  /*.port05{background: url(../img/almetac-casos-exito.jpg);}*/
  /*.port06{background: url(../img/almetac-contacto.jpg); background-position-x: -296px;}*/




  .portada-interior h1{font-size: 3.5em; color: #FFF; width: 60%; line-height: 1em; padding-top: 25vh; padding-bottom: 20vh; font-weight: bold; }
  .portada-interior h1.green{color: #009944;}

.descripcion{font-size: 2em; line-height: 1.2em; width:59%; font-weight: bold; margin: 200px 0;}
  .descripcion em{color: #009944;}

  .nosotros h3, .realidad .container-wrap div h2 {font-size: 2em; font-weight: bold; line-height: 1em; margin-bottom: 50px;}
  .nosotros p{color: #000; font-weight: 200; margin-top: 15px; font-size: 1.1em; line-height: 1.2em;}
  .nosotros div:nth-of-type(1){float: left; width: 40%;}
  .nosotros div:nth-of-type(2){float: right; width: 60%; padding-left: 5%;}
  .nosotros div:nth-of-type(2) img{width: 100%;}

.realidad {padding: 150px 0 220px 0; overflow: auto;}
  .realidad .container-wrap div{width: 33.333%; float: left;padding: 0 50px; }
  .realidad .container-wrap div p{color: #000; font-weight: 200; margin-top: 15px; font-size: 1em; line-height: 1.4em;}
  .realidad .container-wrap div:nth-of-type(5) {width: 33%; float: left; margin-top:120px;}
  .realidad .container-wrap div:nth-of-type(6),.realidad .container-wrap div:nth-of-type(7) {width: 33%; float: left; margin-top: 100px;}
  .realidad .container-wrap div:nth-of-type(6){width: 66%; margin-top: 0;}
  .realidad .container-wrap div:nth-of-type(5) h3{font-size: 4em; font-weight: bold; float: left; color: #009b45; padding-right: 10px; padding-right: 10px; margin: 35px 0;}
  .realidad .container-wrap div:nth-of-type(5) h4{color: #009b45; font-weight: 200;float: left;  width: 33%; margin-top: 20px;}
  .realidad .container-wrap div:nth-of-type(6) img{margin-top: 120px; padding: 0 50px;}
  .realidad .container-wrap div h3{color: #888; margin-bottom: 35px; text-align: center;}
  .realidad .container-wrap div h4{color: #444; margin-top: 15px; font-weight: 200;}
  .realidad .container-wrap div h4 span{color: #009b45; font-weight: bold;}
  .realidad .container-wrap div:nth-of-type(7) div h4{float: left; text-align: left; margin-right: 20px;}
  .realidad .container-wrap div:nth-of-type(7) div{margin: 0 auto; width: 100%; padding: 0;}

.equipo{background-color: #ebf7f0; padding: 120px 0;}
  .equipo .container-wrap div:nth-of-type(1){width: 30%; float: left;}
  .equipo .container-wrap div:nth-of-type(1) h2{color: #009b45; font-size: 2em; line-height: 1.2em; width: 70%; font-weight: bold;}
  .equipo .container-wrap div:nth-of-type(1) p{font-weight: 200; width: 60%; margin-top: 30px; margin-bottom: 30px; line-height: 1.4em;}
  .equipo .container-wrap div:nth-of-type(2){width: 70%; float: right;}
  .equipo .container-wrap div:nth-of-type(2) img{margin-top: -250px;}
  .equipo .container-wrap div:nth-of-type(1) a{margin-top: 20px;}

.equipo .container-wrap .team .container{width: 25%; float: left;}
  .equipo .container-wrap .team div img{width: 100%; margin-top: 0; display: block;}
  .equipo .container-wrap .team{margin-top: 120px; overflow: auto;}
  .equipo .container-wrap .team .container .overlay{width: 100%; margin-top: -5px;}

#donut, #donut2 {width: 90% !important; height: 90% !important; }

.container {position: relative; width: 50%;}
  .image {display: block; width: 100%; height: auto;}
  .overlay {position: absolute; bottom: 100%; left: 0; right: 0; background-color: #FFFFFF; overflow: hidden; width: 100%; height:0; transition: .5s ease; width: 100%;}
  .container:hover .overlay {bottom: 0; height: 100%;}
  .text {white-space: nowrap; color: #000; font-size: 15px; position: absolute; top: 50%; left: 20%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
  .text a{color: #000; text-decoration: underline; color: #009b45; }
  .text strong{font-size: 1.2em;}


/* --------------------------------- --------------------------------- PRODUCTOS --------------------------------- --------------------------------- */

.sectores { margin: 100px auto; }
  .sectores H2 { font-size: 1.4em; width: 30%; line-height: 1.1em; margin-bottom: 20px; max-width: 400px; }
  .sectores P { width: 50%; margin-bottom: 20px; font-weight: normal; max-width: 500px; line-height: 120%; }
  .sectores P STRONG { font-weight: 600; }
  .sectores UL { display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap;  }
  .sectores UL LI { text-align: center; font-size: 90%; color: #009944; text-transform: uppercase; display: flex; justify-content: space-between; flex-direction: column; min-width: 100px; }
  .sectores UL LI SPAN, .sectores UL LI IMG { display: block; margin: 10px auto;}
  .sectores-iconos { background-color: #ebf5f0; padding: 20px 0px; margin-top: 100px; }
  .sectores-iconos-imagen { float: right; margin-top: -160px; position: relative; }
  .sectores-iconos-imagen .sectores-iconos-imagen-text { position: absolute; margin-top: -30px; top: 50%; left: 40%; width: 130px; background-color: #FFFFFF; border-radius: 50%; text-align: center; padding: 40px 5px; }
.productos{margin:100px auto; overflow: hidden;}
  .productos div{width: 25%; float: left; padding-right: 20px; }
  .productos .-ui-producto { width: 33.33%; padding-bottom: 40px;}
  .productos div:nth-of-type(5){padding-right: 0px;}
  .productos div:nth-of-type(5) img{width: 95%;}
  .productos div h3{font-weight: 200; margin-top: 20px; font-size: 1em;}
  .productos h2{margin-bottom: 40px;}
  .productos hr{width: 85%; margin-top: -56px;}
.adhesivos {margin: 150px auto; overflow: auto;}
  .adhesivos div{width: 30%; float: left; padding: 0 50px 0 0;}
  .adhesivos h2{font-size: 1.4em; width: 25%; line-height: 1.1em; margin-bottom: 20px;}
  .adhesivos div p{font-weight: 200; line-height: 1.4em;}
  .tipo-adhesivos img{padding: 110px 0; width: 75%; margin: 0 auto; display: block;}
.cta{color: #FFF; background: url(../img/almetac-asistencia-tecnica.jpg) no-repeat center; background-size: cover; overflow: auto; padding: 120px 0;}
  .cta .container-wrap div{width: 50%; float: left;}
  .cta h2{color: #FFF; font-size: 2.5em; width: 55%; line-height: 1.2em;}
  .cta p{text-transform: uppercase; color: #00312d; font-size: 1.3em; line-height: 1.1em;}
  .cta h3{color: #FFF; font-weight: 200; margin-bottom: 20px; width: 60%; font-size: 1.1em; line-height: 1.1em;}


/* --------------------------------- --------------------------------- ASISTENCIA --------------------------------- --------------------------------- */

.certificados2 div {width: 100%; display: block;}
.certificados2 div div{width: 20%; float: left; margin-bottom: 50px;}
.certificados2 div div a.boton {margin-top: -10px; }
.certificados{margin-bottom: 80px !important;}
.rapidos{margin: 100px auto 200px auto; overflow: auto;}
  .rapidos div{width: 33.33333%; float: left; padding: 0 50px;}
  .rapidos div img{width: 30%;}
  .rapidos div:nth-of-type(1){padding: 0 50px 0 0;}
  .rapidos div:nth-of-type(3){padding: 0 0 0 50px;}
.rapidos div:nth-of-type(3) span{font-weight: bold;}
  .rapidos div:nth-of-type(2) img{padding: 0px 0 16px 0;}
  .rapidos div h2{font-size: 2em; font-weight: bold; line-height: 1.1em; width: 80%;}
  .rapidos div p{font-weight: 200; line-height: 1.4em; margin-top: 40px;}

.servicio{padding:100px 0; height: 100%;}
  .servicio .container-wrap div{width: 50%; float: left;}
  .servicio .container-wrap div:nth-of-type(1){margin-top: -200px;}
  .servicio .container-wrap div:nth-of-type(5){margin-top: -5px;}
  .servicio .container-wrap div:nth-of-type(4),.servicio .container-wrap div:nth-of-type(2){padding:0 100px;}
  .servicio .container-wrap div:nth-of-type(4) {margin-top: 150px;}
  .servicio .container-wrap div h3{color: #009b45; font-size: 2.5em; font-weight: bold; line-height: 1.1em; width: 100%;}
  .servicio .container-wrap div p{color: #000; font-weight: 200; margin-top: 20px; width: 90%; line-height: 1.4em; }

/*INNOVACION*/
.rapidos h2{font-size: 2em; width: 40%; font-weight: bold; line-height: 1.2em; margin: 20px 0;}
 .rapidos div h4 {margin-top: 55px; font-weight: bold; font-size: 4em; margin-bottom: -20px;}

.procesos{ background: no-repeat center; background-size: cover; padding: 300px 0; margin-top: -55px; margin-bottom: 100px;}
 .procesos .container-wrap div{background: #FFF; width: 40%; padding: 80px;}
 .procesos .container-wrap div h2{color:#009944; font-size: 2em; font-weight: bold; line-height: 1.1em;}
 .procesos .container-wrap div p{font-weight: 200; margin-top: 20px; line-height: 1.4em;}

.imagen-fondo{background: no-repeat center; background-size: cover; height: 500px;}
.fondo-bg01{ background-repeat: no-repeat center; background-size: cover; height: 500px; background-position-y: -250px;}
.rapidos div:nth-of-type(5){padding: 0;}
.rapidos div:nth-of-type(5) p{color: #009944 !important; font-weight: 500; font-size: 1.2em; margin-top: 115px;}

/*SOSTENIBLES*/
.decalogo{padding:80px 0 200px 0; height: auto;}
  .decalogo h2{font-size: 2.5em; font-weight: bold; line-height: 1.1em; margin:30px auto;}
  .decalogo .container-wrap div h3{font-size: 1.5em; margin-bottom: 10px;}
  .decalogo .container-wrap img{width: 350px; float: right; margin-top: -190px;}
  .decal{display: flex; flex-wrap: wrap; width: 100%;}
  .decal div{width: 25%; padding: 100px 25px 25px 0;}
  .decal div p{font-weight: 200; line-height: 1.4em; margin-top: 40px;}
  .btn-decalogo{margin: 80px auto 0 auto !important; width: 340px; display: block !important; text-align: center;}

.casos-ex{height: auto; padding: 70px 0; overflow: hidden;}
.casos-ex h2{font-weight: bold; font-size: 2em; width: 70%; color: #000; line-height: 1.1em; margin: 60px 0 100px 0;}
.casos-ex p{font-weight: 200; margin-top: 10px; line-height: 1.4em;}
.casos-ex div:nth-of-type(1){width: 40%; float: left;}
.casos-ex div:nth-of-type(2){float: right; width: 50%;     text-align: right;}
.casos-ex div:nth-of-type(2) img{width: 100%;}

.noticias{overflow: auto; padding: 150px 0;}
.noticias h2{float: left; width: 22%; font-size: 1.5em; color: #000;}
.noticias hr{float: right; height: 1.5px; width: 100%; border-top: 2px solid #009b45; margin-top: 0px;}
.noticias .container-wrap div{width: 100%;}
.noticias .container-wrap .img__wrap { height: 300px; }
.noticias .container-wrap .img__wrap img { width: 100%; height: 100%; object-fit: cover; }

.noticias img{width: 100%; margin-top: 25px;}
.noticias h3{margin-top: 20px;}

  .noticias .owl-prev {width: 15px; height: 50px; position: absolute; top: 40%; margin-left: -20px; display: block !important; border:0px solid black;}
  .noticias .owl-next {width: 15px; height: 50px; position: absolute; top: 40%; right: -25px; display: block !important; border:0px solid black;}
  .noticias .owl-prev i, .owl-next i {transform : scale(1); color: #777777;} 
  .noticias .owl-theme .owl-nav [class*=owl-]:hover{background: none;}
  .noticias .owl-carousel .owl-nav button.owl-prev {margin-left: -20px;}
/*-----DDD------*/
.texto-contacto{max-width:400px;margin-top: 8rem;}
.texto-contacto h2{font-size:2rem; font-weight: 600; line-height: 30px;} 
.contacto {overflow: auto; font-weight: 200; height:47rem; background: url(../img/mapa_contacto.svg) no-repeat center; background-size: cover; 
  background-size: 60%; background-position-x: 500px;background-color: #F4FAF6; overflow: hidden;}
.info{display:flex; justify-content:space-around; align-items:flex-start; padding-top: 4rem; padding-bottom: 4rem;}
.col{display: flex; flex-direction: column; justify-content:flex-start; text-align:left; padding: 1rem; font-weight: 200; line-height: 22px;}
.col-p .col p {font-weight:600;}
.col-2{padding: 1rem;}
.col-p .col-2 p {font-weight:200; line-height: 20px;}
.col-2 p a:hover{ color: #515151;}
.col-2 h2{margin-top: 0px;font-weight: 600;font-size: 1.8rem;padding-bottom: 12px;line-height: 1.8rem;}
.col h2{margin-top: 0px; font-weight: 600; font-size: 1.8rem; padding-bottom: 12px; line-height:1.8rem;}
.col-p{width:40%; display:flex; justify-content:center;}
.col a{color: #001e38; transition: 0.5s;}
.col img{width:80px; width: 80px;}
.into-col{display:flex; flex-direction: column; align-items:center; text-align: center; padding: 1rem;}
.into-col img{height:80px;}
.into-col div p{background-color:#00312d; color:white; font-size:13px; font-weight: 200; white-space:nowrap; padding:5px; margin-top:8px; transition:0.5s;}
.into-col div p:hover{background-color: cadetblue;}
.our{display:flex;}
.our .col p{color: #000;margin-top: 20px;font-weight: 200;line-height: 1.4em;}
.our .col{width:50%;}
.our .col img{width: 100%;}
.our h3{margin-top:1rem;}
.our-map-info{ display:flex; flex-direction:row!important; align-items:flex-end;}
.our-map-info .col{width:47%;}
.mapa-delegaciones{background-color: #F4FAF6; height:50rem;}
/* .mapa-delegaciones .container-wrap{height:90%; padding-top:19rem;} */
.countries{background-color:#D8EADD; padding-top: 2rem; padding-bottom: 2rem;}
.countries p{margin-bottom: 0; font-weight: 200;line-height: 1.4em; padding: 1rem;}
.wrap-tarjeta{width: 50%;height: 100%; display:flex; justify-content:flex-end; align-items: flex-end;}
.tarjeta{ width: 420px; height:420px;background-color: white; padding:2rem; display:flex; flex-direction:column; }
.tarjeta .ico{height:20%; display: flex; justify-content: flex-end;}
.tarjeta .ico img{width:22% !important;}
.tarjeta h2{ font-size:26px; margin-top: 1.2rem; line-height: 30px;}
.tarjeta p{ margin-top: 20px;font-weight: 200;line-height: 1.4em; }
.slider-our .home-bg{ height: 70vh;}
.slider-our .head h2{max-width: 850px; padding:60px 0rem;line-height: 2.5rem; font-size: 2rem; font-weight:600;}
.slide-our{width:100%; position:relative;}
.head{width:80%;}
.slider-our .container-wrap{max-width:100%; padding: 0%;}
.slider-our .owl-nav{position:absolute;position: absolute; width:100%; display: flex;justify-content: space-between;margin-top:-38vh; z-index:9; 
          padding: 0px 50px;}
.slider-our .owl-prev{border: solid rgb(255, 255, 255);border-width: 0 3px 3px 0;display: inline-block;padding:10px;  transform: rotate(135deg);
  -webkit-transform: rotate(137deg); background-color: transparent;}
.slider-our .owl-next{border: solid rgb(255, 255, 255);border-width: 0 3px 3px 0;display: inline-block;padding: 10px;  transform: rotate(-45deg);
  -webkit-transform: rotate(-43deg); background-color: transparent;}
.slider-our .owl-prev i{color:transparent;}
.slider-our .owl-next i{color:transparent;}

/*-----------------------------*/

  .contacto div:nth-of-type(1){width: 100%; position: relative; top: 56%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
  .contacto div strong{padding: 40px 0 !important; font-size: 1.5em; line-height: 1.2em;}
  .contacto div em{font-weight: bold; margin-bottom: 10px; display: block; font-size: 1.2em;}
  .contacto div a{color: #009b45; font-weight: bold;}
  .contacto div a.boton{color: #FFF;}
  .contacto div p{margin-top: 25px;  margin-bottom: 25px;}
/*  .contacto div:nth-of-type(2){background: url(../img/almetac-contacto-internacional.jpg) no-repeat center; background-size: cover; width: 50%; float: right; height: 700px;}*/
  .contacto div:nth-of-type(3),.contacto div:nth-of-type(4),.contacto div:nth-of-type(5), .contacto div:nth-of-type(6){width: 25%; float: left; line-height: 1.4em; margin-top: -60px;}
  .contact-form{background: #66c390; padding: 100px 0; }
  .contact-form h2{font-size:1.3em; line-height: 1.2em; font-weight: bold; width: 70%;}
  .contact-form input#pais, .contact-form select{width: 30%;background: transparent; border: none; border-bottom: 1px solid #FFF; box-shadow: none; color: #1a643c; text-transform: uppercase; }
  .contact-form input#pais::placeholder {color: #1a643c;}
  .contact-form form{margin-top: 55px; font-weight: 200;}
  .contact-form textarea{background: rgba(255,255,255,0.5); border: none; box-shadow: none; height: 200px; margin-top: 20px; padding: 20px; color: #1a643c;}
  input#btnEnviar {background: #00312d; border: none; padding: 14px 20px; color: #FFF; float: right; transition: opacity .35s ease;}
  input#btnEnviar:hover{opacity: 0.5;}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #66c390, #66c390);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.chart {position: absolute; width: 450px; height: 450px; top: 50%; left: 50%; margin: -225px 0 0 -225px;}
  .doughnutTip {position: absolute; min-width: 30px; max-width: 300px; padding: 5px 15px; border-radius: 1px; background: rgba(0,0,0,.8); color: #ddd; font-size: 17px; text-shadow: 0 1px 0 #000;
  text-transform: uppercase; text-align: center; line-height: 1.3; letter-spacing: .06em; box-shadow: 0 1px 3px rgba(0,0,0,0.5); pointer-events: none; &::after {position: absolute; left: 50%; bottom: -6px; content: ""; height: 0; margin: 0 0 0 -6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid rgba(0,0,0,.7); line-height: 0;}}
  .doughnutSummary {position: absolute; top: 50%; left: 50%; color: #d5d5d5; text-align: center; text-shadow: 0 -1px 0 #111; cursor: default;}
  .doughnutSummaryTitle {position: absolute;top: 50%; width: 100%; margin-top: -27%; font-size: 22px; letter-spacing: .06em;}
  .doughnutSummaryNumber {position: absolute; top: 50%; width: 100%; margin-top: -15%; font-size: 55px;}
  .chart path:hover {opacity: 0.65;}

  /* LEGAL */

  .container-legal { padding: 200px 0 100px; }
  .container-legal h1 { font-size: 36px; font-weight: 900; margin-bottom: 50px; }
  .container-legal h2 { font-size: 26px; margin: 40px 0 20px 0; font-weight: 700; }
  .container-legal h3 { font-size: 20px; margin: 30px 0 20px 0; color: #009944; }
  .container-legal p { font-weight: 300; line-height: 26px; margin-bottom: 20px; }
  .container-legal p a { color: #009944; }
  .container-legal ul { font-weight: 300; list-style: disc; padding-left: 20px; }
  .container-legal ul li { color: #000; line-height: 26px; }
/*------------------------------------------------------------------------------
MEDIA QUERIES
------------------------------------------------------------------------------*/
@media (max-width: 1600px){
  .menu-left li:nth-of-type(7) a {padding: 0 15px;}
  .container-wrap{padding: 0 60px;}
  header.show-nav{height: 115px;}
  footer .container-wrap{padding: 100px 30px;}
  .slider-home .claim h1{font-size: 8em;}
  .slider-home .claim h2{margin-top: 0;}
  .absolute{max-width: 1450px; width: 91%;}
}

@media (max-width: 1440px){
  .modulos-hl div {height: 28vw;}
  .portada-interior h1{width: 60%; font-size: 3em;}
  .casos-ex h2{margin: 70px 0 70px 0;}
  .casos-ex{margin-bottom: 50px;}
  .noticias h2{width: 30%;}
  .noticias hr{width: 100%; margin-top:7px;}
  #donut, #donut2 {width: 90% !important; height: 90% !important;}
  .slider-home .claim{top: 43vh;}
  .contenido-asistencia div p{width: 70%;}
  .contenido-asistencia div h2{width: 100%;}
  .casos h2, .productos h2{width: 30%;}
  .casos hr, .productos hr{width: 70%;}
  .cifras{padding: 180px 20px !important;}
  .port06{background-size: 120%;}
  .servicio .container-wrap div h3{font-size: 1.8em;}
  .certificados2 div div{width: 23%;}
  .mapa-delegaciones .container-wrap {/* height: 90%;padding-top: 24rem; */}
}

@media (max-width: 1366px){
  .container-wrap {max-width: 1150px;}
  .modulos-hl div {height: 28vw;}
  .menu-left .collapse{z-index: 9999;}
  .slider-home .claim h1{font-size: 7em;}
  .slider-home .claim{ top: 36vh; z-index:2;}
  .casos .owl-next{right: 0px;}
  .casos h2{width:30%;}
  .casos hr{width: 70%;}
  .contenido-asistencia div{}
  footer .container-wrap{    padding: 100px 20px;}
  .cifras div h3{font-size: 3em;}
  .portada-interior h1{padding-top: 30vh;}
  .descripcion{margin: 120px 0;}
  .portada-interior h1{width: 70%; font-size: 3.5em;}
  .productos{margin: 50px auto;}
  .adhesivos{margin: 100px auto;}
  .tipo-adhesivos img{padding: 90px 0;}
  .cta{padding: 100px 0;}
  .cta h2{width: 65%;}
  header nav ul li a.activo{display: none;}
  .rapidos div h2{width: 85%;}
  .servicio .container-wrap div:nth-of-type(4), .servicio .container-wrap div:nth-of-type(2){padding: 0 50px;}
  .servicio{padding: 60px 0; height: 115%;}
  .servicio .container-wrap div:nth-of-type(1) {margin-top: -185px;}
  .rapidos{margin: 100px auto 200px auto;}
  .servicio .container-wrap div h3{font-size: 2em; width: 90%;}
  .rapidos h2{width: 60%;}
  .absolute{width:85%; max-width:1030px;}
}


@media (max-width: 1290px){
  header nav ul li{margin: 0 7px;}
}

@media (max-width: 1368px){
  ul.menu-left {display: block; max-height: 0; overflow: hidden; }
  ul.menu-left:before {content: ''; display: table; clear: both;}
  ul {clear: both;}
  ul li {padding: .5em 0;}
  header nav ul li {float: left; margin-left: 1rem; width: 100%;}
  .container {max-width: 1145px; margin-left: auto; margin-right: auto;}
  .container:after {content: " "; display: block; clear: both;}
  .nav-toggle {display: block; border-radius: 5px; background-color: transparent; float: right; height: 38px; width: 38px; cursor: pointer; padding: 8px 8px; right: 10px; position: absolute;}
  .nav-toggle.open span:first-child {transform: rotate(45deg) translate(4.4px, 4.4px);}
  .nav-toggle.open span:nth-child(2) {width: 0%; opacity: 0;}
  .nav-toggle.open span:last-child {transform: rotate(-45deg) translate(4.4px, -4.4px);}
  .nav-toggle span {position: relative; display: block; height: 2px; width: 100%; margin-top: 4px; background-color: #000; transition: all .25s;}
  .header-interior .nav-toggle span {position: relative; display: block; height: 2px; width: 100%; margin-top: 4px; background-color: #000; transition: all .25s;}

  header.show-nav .nav-toggle span{background-color: #000;}
  header nav ul li {float: none; margin-left: 0;}
  ul.menu-left.collapse{background: #FFF; margin-top: 70px; width: 100%; padding-top: 0; position: absolute; z-index: 999999999; right: 0; left:0; margin-top: 55px;}
  a.nav-toggle {margin-top: 10px; margin-right: 25px;}
  .menu-left a, header nav ul li:nth-of-type(7){padding:18px 18px 18px 40px; color: #001e38;}
  .menu-left li:nth-of-type(7) a{padding: 0;}
  nav ul li:nth-child(3){border:none;}
  header nav .logo{position: absolute; left: 10px;}
  .modulos-hl div h3{font-size: 1.5em;}

  .sectores UL { justify-content: flex-start; }
  .sectores UL LI { width: 33%; }

}

@media (max-width: 960px){
  .modulos-hl div {height: 45vw;}
  .casos h2 {width: 40%;}
  .descripcion{width: 75%; margin: 100px 0; font-size: 1.8em;}
  .realidad .container-wrap div{padding: 0 20px;}
  .realidad{padding: 60px 0 200px 0;}
  .realidad .container-wrap div:nth-of-type(5) h4{width: 75%; margin-top: 0px;}
  .equipo .container-wrap div:nth-of-type(1) h2, .equipo .container-wrap div:nth-of-type(1) p{width: 95%;}
  .equipo{padding: 75px 0;}
  .equipo .container-wrap .team .container{width: 33.33333%;}
  .rapidos div:nth-of-type(3),.rapidos div,.rapidos div:nth-of-type(1){padding: 0 0 0 20px;}
  .rapidos div:nth-of-type(2) img{padding: 0;}
  .rapidos div h2,.servicio .container-wrap div h3{font-size: 1.5em;}
  .rapidos div p{margin-top: 25px;}
  .servicio .container-wrap div:nth-of-type(4), .servicio .container-wrap div:nth-of-type(2){padding: 0 25px;}
  .servicio .container-wrap div p{width: 100%;}
  .servicio .container-wrap div:nth-of-type(1) {margin-top: -80px;}
  .servicio .container-wrap div:nth-of-type(4) {margin-top: 80px;}
  .servicio .container-wrap div:nth-of-type(2){margin-top: -32px;}
  .servicio{height: 60%;}
  .cta h2 {width: 85%;}
  .procesos .container-wrap div{width: 60%;}

  .contacto div:nth-of-type(3), .contacto div:nth-of-type(4), .contacto div:nth-of-type(5), .contacto div:nth-of-type(6){width: 50%; margin-top: 0;}
  .contacto div:nth-of-type(1){margin-bottom: -160px;}

  .slider-our .owl-nav{ display: none;}
}

@media (max-width: 768px){

  .container-wrap {padding: 0 40px;}
  .elemento-exito div:nth-of-type(1),.elemento-exito div:nth-of-type(2),.elemento-exito div h3,.elemento-exito div p, .contenido-asistencia div p, .contenido-asistencia div h2 {width: 100%;}
  .cifras h2,.cifras div{width: 55%;}
  .cifras div:nth-of-type(2){padding: 0;}
  .cifras{padding: 100px 20px !important;}
  footer .container-wrap {padding: 40px 20px;}
  .descripcion{width: 85%;}
  .nosotros div:nth-of-type(2),.nosotros div:nth-of-type(1),.equipo .container-wrap div:nth-of-type(2),.equipo .container-wrap div:nth-of-type(1){width: 50%;}
  .nosotros h3, .realidad .container-wrap div h2{    font-size: 1.6em;}
  .realidad .container-wrap div:nth-of-type(5) h3{font-size: 2em; margin: 30px 0 10px 0;}
  .realidad {padding: 60px 0 100px 0;}
  .realidad .container-wrap div:nth-of-type(6) img,.realidad .container-wrap div:nth-of-type(5){margin-top: 90px;}
  .text{left: 29%; font-size: 12px;}
  /* .equipo .container-wrap div:nth-of-type(2) img{margin-top: -130px;} */
  /* .equipo .container-wrap .team div:nth-of-type(2) img{margin-top: -250px;} */
  .portada-interior h1 {width: 85%; font-size: 2.5em; padding-top: 36vh;}
  .productos hr{width: 65%;}
  .sectores { margin-top: 20px; margin-bottom: 50px; }
  .sectores H2, .sectores P { width: 100%; }
  .sectores-iconos-imagen { float: none; text-align: center; margin-top: -80px; max-width: 100%; }
  .sectores-iconos-imagen-text { left: 30%; }
  .adhesivos h2{width: 50%;}
  .adhesivos div{width: 33.33333%;}
  .adhesivos {margin: 75px auto;}
  .tipo-adhesivos img {padding: 40px 0;}
  .cta h2 {width: 90%; font-size: 2em;}
  .cta h3{width: 90%;}
  .cta p{font-size: 1.2em;}
  footer .container-wrap div:nth-of-type(8) {float: left;}
  .logo_union_europea a { width: 31%;}
  footer .footer__aenor { width: 30%!important;}    

  .servicio .container-wrap div:nth-of-type(5) {margin-top: 35px;}
  .procesos .container-wrap div {width: 70%;}
  .procesos{padding: 200px 0;}
  .rapidos h2{width: 90%;}

  .rapidos div{width: 50%;}
  .rapidos div:nth-of-type(1){padding-left: 0;}
  .decal div{padding: 100px 25px 25px 0;}
  .decalogo{padding: 80px 0 160px 0;}

  .casos-ex div:nth-of-type(1),.casos-ex div:nth-of-type(2){width: 100%;}
  .casos-ex div:nth-of-type(2){margin-top: 30px;}
  .casos-ex h2 {margin: 40px 0 40px 0; width: 100%; font-size: 1.6em;}
  .noticias{padding: 55px 0;}
  .noticias h2{width: 45%;}
  .noticias hr {width: 55%;}
  .contact-form h2{width: 100%;}
  .certificados2 div div{width: 100%;}
  footer .container-wrap div a {font-size: 11px;} 
  /*---------DDD----------*/
  .contacto {height: 850px;background-size: 90%; background-position-x:20px; background-position-y:400px ; margin-bottom:0px;}
  .texto-contacto{width:90%; max-width: 900px; margin-top: -10rem;}
  .info{flex-direction: column;}
  .col-p{width: 80%; padding: 1rem; justify-content: flex-start;}
  .our{display:flex; flex-direction: column;}
  .our .col{width: 95%;}
  .absolute{flex-direction: column; width:89%;}
  .absolute .izquierda{width:100%; padding-right: 0;}
  .absolute .izquierda p ,h2{ max-width: 100%;}
  .absolute .derecha{width:100%; padding-top:3rem;}
  .container-full.video-banner{height: 50rem;}
} 

@media (max-width: 480px){
  .modulos-hl div {height: 360px !important; max-height:360px !important;}
  .container-wrap {padding: 0 20px;}
  nav a img{width: 63%;     padding: 4px 15px 15px 0px;}
  .slider-home .claim h1 {font-size: 3.5em;}
  .slider-home .claim {top: 60vh; padding: 20px;}
  .modulos-hl div{width: 100%; margin-top: 0; height: auto; padding: 50px 40px;}
  .casos h2{width: 60%; font-size: 1.5em;}
  .casos hr {width: 49%;}
  .elemento-exito div h3{font-size: 1.3em; margin-top: 20px;}
  .elemento-exito div{ margin: 0px; padding: 0;}
  section.slider-home{margin-bottom: 50px;}
  .mapa-delegaciones {height:55rem;}
  .mapa-delegaciones-nosotros H2 { margin-bottom: 50vh; }
  .mapa-delegaciones .container-wrap { padding: 60px 20px; height:auto;  }
  .mapa-delegaciones-nosotros .container-wrap { padding: 20px 20px !important; }
  .mapa-delegaciones .mapa-delegaciones-bottom {  margin-top: 200px; }
  .mapa-delegaciones .mapa-delegaciones-bottom ul{margin-left: 0px!important;}
  .mapa-delegaciones-nosotros .mapa-delegaciones-bottom {  margin-top: 0px !important; }
  .asistencia div,.contenido-asistencia div{width: 100%;}
  .asistencia{margin-top: 0;}
  .contenido-asistencia div{padding: 0px 20px 20px 0px;}
  .contenido-asistencia div:nth-of-type(1){margin-top: -755px;}
  .contenido-asistencia div h2{font-size: 2em;}
  .cifras h2, .cifras div{width: 100%;}
   .cifras h2{font-size: 1.8em;}   
   .cifras{padding: 46px 20px !important;}
   .cifras div{margin-top: 30px;}
   footer .container-wrap div{width: 50%;}
   footer .container-wrap div:nth-of-type(4),footer .container-wrap div:nth-of-type(5),footer .container-wrap div:nth-of-type(6){margin-top: 20px; float: left;}
   footer .superfooter a{ width: 100%; }
   .footer_line_1 {flex-direction: column!important;}
   .footer_logotipos {flex-direction: column!important;}
   .logo_union_europea {width: 100%!important; flex-direction: column!important;}
   .text_foot_ue {width: 77%!important; padding-left:0px!important; padding-bottom: 10px!important; padding-top: 7px!important;}
   .text_foot_ue p {font-size: 13px;}
   .logo_union_europea a {width: 36%;}
   .ue_foot_head p {font-size: 11px;}
   footer .footer__aenor {width: 80%!important;padding-top: 15px;}        
   footer .superfooter a:nth-of-type(3){text-align: left;}
   footer .container-wrap div img{float: left;}
   footer .legal ul { display: initial; }
   footer .legal ul li { padding: 0; }
   footer .legal ul li:after { content: none; }
   footer .logo-pyme { display: block; width: 100% !important; margin-top: 30px; }
   section.slider-home{margin-top: 100px;}
   header.show-nav{height: 100px;}
   .pre-header{padding:5px 0 0 0;}
   .modulos-hl div{position: relative; z-index: -999;}
   .casos {margin-top: 40px;}
   .cifras div h3 {font-size: 2.8em;}
   .cifras div h4{font-size: 1em;}
   .marcas {margin-top: 40px; margin-bottom: 43px;}
   .contenido-asistencia div h2{font-size: 1.8em;}
   .asistencia div{height: 65vh;}
   section.slider-home{margin-top: 85px;}
   .idiomas ul { background: transparent; }
   .idiomas ul li a{padding-right: 30px; padding-left: 14px;}

   .portada-interior h1{font-size: 2.5em;}
   .descripcion{font-size: 1.3em; width: 90%; margin: 65px 0; margin-top: 3rem;}
   .nosotros p{font-size: 0.8em;}
   .nosotros h3{margin-bottom: 25px;}
   .realidad .container-wrap div, .realidad .container-wrap div:nth-of-type(5), .realidad .container-wrap div:nth-of-type(6),.realidad .container-wrap div:nth-of-type(7), .realidad .container-wrap div:nth-of-type(6) img{padding: 0; width: 100%;}
   .realidad .container-wrap div h2{margin-bottom: 0px;}
   .realidad .container-wrap div:nth-of-type(6) img, .realidad .container-wrap div:nth-of-type(5){margin-top: 60px;}
   .realidad .container-wrap div:nth-of-type(5) h4 {width: 65%; margin-top: 23px;}
   .equipo .container-wrap .team .container{width: 50%;}
   .equipo .container-wrap div:nth-of-type(1) h2{font-size: 1.5em;}
   .portada-interior{margin-top: 85px;}
   .text{font-size: 10px;}
   .portada-interior h1 {font-size: 2em; width: 100%; padding-top: 30vh;}

   .casos h2, .productos h2, .sectores h2, .rapidos h2,.rapidos div h4,.procesos .container-wrap div h2{font-size: 1.5em;}
   .productos hr{width: 65%; margin-top: -50px;}
   .productos {margin: 35px auto;}
   .productos div{width: 100%;}
   .productos .-ui-producto {width: 100%; padding-right: 0;}
   .productos div h3{margin: 20px auto 35px auto;}
   .adhesivos h2{width: 90%;}
   .adhesivos div {width: 100%;}
   .cta .container-wrap div{width: 100%;}
   .cta .container-wrap div:nth-of-type(2){margin-top: 30px;}
   .cta {padding: 70px 0;}
   .adhesivos{ margin: 50px auto;}
   .slider-home .claim h2{font-size: 1em;}

   .rapidos{margin:55px auto 80px auto;}
   .rapidos div, .contacto div:nth-of-type(1), .contacto div:nth-of-type(2),.contact-form input#pais, .contact-form select{width: 100%;}
   .rapidos div img{margin-top: 30px;}
   .servicio .container-wrap div, .rapidos h2, .tipo-adhesivos img{width: 100%;}
   .servicio .container-wrap div:nth-of-type(1){margin-top: 0;}
   .servicio .container-wrap div:nth-of-type(2){margin-top: 20px;}
   .servicio {height: 150%;}
   .servicio .container-wrap div:nth-of-type(4), .servicio .container-wrap div:nth-of-type(2){padding: 0;}
   .rapidos div:nth-of-type(3), .rapidos div, .rapidos div:nth-of-type(1){padding: 0;}
   .procesos .container-wrap div {width: 100%; padding: 30px;}
   .imagen-fondo{height: 300px;}
   .procesos {padding: 150px 0;}
   

   .decal{flex-direction:column;}
    .decal div{width: 100%; padding: 30px 25px 25px 0;}
    .decalogo .container-wrap img{width: 150px; float: none;}
    .decalogo h2{font-size: 2em;}
    .decal div p{margin-top: 20px;}
    .decalogo {padding: 80px 0 100px 0;}
    .btn-decalogo{margin: 60px auto 0 auto !important; width: 90%;}

  .casos-ex h2{margin: 30px 0; font-size: 1.3em;}
  .noticias h2{width: 80%; font-size: 1.2em;}
  .noticias hr{width: 35%;}
  .contacto div:nth-of-type(1){padding-left: 10%;}
  .contact-form{padding: 65px 0; font-size: 1em;}
  .portada-interior{background-size: 1010px; background-position-x: -290px;}
  header nav .logo img {width: 210px; padding: 4px 15px 15px 10px;}
    /*---------DDD----------*/
  .contacto {height: 850px;background-size: 90%; background-position-x:20px; background-position-y:590px;}
  .texto-contacto{width:90%; margin-top:0rem;}
  .info{flex-direction: column;}
  .col-p{width:95%; padding:1rem; justify-content: flex-start; flex-direction: column-reverse;}
  .into-col{width:35%;}
  .col{width:80%;}
  .into-col div p { font-size:11px;}
  .our-map-info{flex-direction: column!important;}
  .our-map-info .col{width: 100%;}

  .wrap-tarjeta{width: 100%; display: none;}
  .tarjeta{width:100%;}
  .slider-our .head h2{padding: 0px 1.5rem;}
  .countries p {margin-bottom: 0;padding-left: 14px;padding-right: 14px;}
  .descripcion {margin: auto; margin-top: 3rem;}
  .slider-our .head h2 { max-width: 850px; padding: 60px 0rem; font-size: 1.8rem; line-height:32px;}
    /*------------------*/
  .contacto div:nth-of-type(3), .contacto div:nth-of-type(4), .contacto div:nth-of-type(5), .contacto div:nth-of-type(6){width: 100%;}
  .contacto div:nth-of-type(1){padding-left: 15px;}
  .contact-form{ padding: 35px 0;}

  .container-full.video-banner{height: 40rem;}
  .derecha .video .play-icon {left: 42%;bottom: 33%;}
}
     

@media (max-width: 375px){
  .contenido-asistencia div:nth-of-type(1) {margin-top: -115vh; }
} 

@media (max-width: 320px){
  .portada-interior h1, .cta h2{font-size: 1.8em;}
  .contenido-asistencia div:nth-of-type(1) {padding: 0; margin-top: -123vh;}
  .contenido-asistencia div {margin-top: -58vh;}
}



/* // ------------------- oO POP UP Oo ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* overlay background */
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.7);
}

#popup-content{ padding: 0; margin: 3vw; overflow: hidden;}
.almetac-popup{
  background-color: #FFF;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.almetac-popup section{display: flex;height: 70vh;} 
.almetac-popup section .left{display: flex; width: 7%; background-color: #009b45; align-items: flex-start; justify-content: center;}
.almetac-popup section .left img{padding:20%;}
.almetac-popup section .right{display: flex; flex-direction: column; width: 93%; justify-content: space-between;}
.almetac-popup section .right img{    object-fit: cover;  width: 100%; height: 100%;}
.almetac-popup section .right .fondo{ position: absolute; height: 70vh; background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); padding: 50px; display: flex; flex-direction: column; justify-content: space-between;}
.almetac-popup section div.textos{display: flex; flex-direction: column;}
.almetac-popup section div.textos h3{font-size: 350%; line-height: 130%; font-family: 'Gotham', sans-serif; color:#009b45; font-weight: bold; } 
.almetac-popup section div.textos .columnas{display: flex;justify-content: space-between; gap: 50px;} 
.almetac-popup section div.textos .col{padding:0;} 
.almetac-popup section div.textos p{font-size: 140%; margin-top: 1vw;line-height: 150%;}
.almetac-popup section div.boton{ background-color: #00312dd9; padding:15px; display: flex; align-items: center;}
.almetac-popup section div.boton img{ height: 30px;width: auto; padding: 0; margin: 0 15px 0 0;}
.almetac-popup section div.boton a{font-size: 140%; color: #FFFFFF; }
.almetac-popup section div.boton a:hover{opacity: 0.8;}
button.fancybox-button.fancybox-close-small {
  background-color: #009b45;
  opacity: 1;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
button.fancybox-button.fancybox-close-small svg{height: 170%;width: 170%;transition: transform 0.3s ease;}
button.fancybox-button.fancybox-close-small:hover svg{
  transform: rotate(-90deg);
}
@media only screen and (max-width: 1350px) {
  .almetac-popup section{height: 80vh;} 
  .almetac-popup section .right .fondo{ height: 80vh; }
  .almetac-popup section div.textos h3{font-size: 320%; line-height: 130%; font-family: 'Gotham', sans-serif; color:#009b45; font-weight: bold; } 
  .almetac-popup section div.textos p{font-size: 120%; margin-top: 1vw;line-height: 150%;}

}
@media only screen and (max-width: 1350px) {
  .almetac-popup section div.textos p{font-size: 110%;}
}
@media only screen and (max-width: 850px) {
  .almetac-popup section div.textos .columnas{display: flex; flex-direction:column; justify-content: space-between; gap: 10px;} 
  .almetac-popup section div.textos p{font-size: 100%; margin-top: 1vw;line-height: 150%;}
  .almetac-popup section div.boton a{font-size: 100%; line-height:120%; color: #FFFFFF; }
}
@media only screen and (max-width: 767px) {
#popup-content{ padding: 0; margin: 3vw; overflow: hidden;}
.almetac-popup{
  background-color: #FFF;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.almetac-popup section{display: flex;height: 80vh;} 
.almetac-popup section .left{display: none;}
.almetac-popup section .right{display: flex; flex-direction: column; width: 100%; justify-content: space-between;}
.almetac-popup section .right img{    object-fit: cover;  width: 100%; height: 100%;}
.almetac-popup section .right .fondo{ position: absolute; height: 80vh; background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.almetac-popup section div.textos{display: flex; flex-direction: column;}
.almetac-popup section div.textos h3{font-size: 220%; line-height: 120%; font-family: 'Gotham', sans-serif; color:#009b45; font-weight: bold; } 
.almetac-popup section div.textos .columnas{display: flex; flex-direction:column; justify-content: space-between; gap: 10px;} 
.almetac-popup section div.textos .col{padding:0; width:100%;} 
.almetac-popup section div.textos p{font-size: 90%; margin-top: 1vw;line-height: 150%;}
.almetac-popup section div.boton{ background-color: #00312dd9; padding:15px; display: flex; align-items: center; margin-top:10px}
.almetac-popup section div.boton img{ height: 30px;width: auto; padding: 0; margin: 0 15px 0 0;}
.almetac-popup section div.boton a{font-size: 90%; line-height:120%; color: #FFFFFF; }
.almetac-popup section div.boton a:hover{opacity: 0.8;}
.button.fancybox-button.fancybox-close-small {
  width: 10%;
  background-color: #009b45;
  opacity: 1;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
      svg{height: 200%;width: 200%;transition: transform 0.3s ease;}
}
button.fancybox-button.fancybox-close-small:hover {
  svg{transform: rotate(-90deg);}
}
}

/* // ------------------- oO FINAL POP UP Oo ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */






/* ------------------- oO LOGO VASCO Oo ---------------------------------------------------------------------------- */
.logo_vasco{
 width: 60% !important;
 display: flex;
 flex-direction: row !important;
 gap: 15px !important;
}
.logo_vasco p{ color: #FFF; font-weight: 100; font-size: 80%; }

.logo_vasco img{ width: auto; max-height: 90px;}

@media (max-width: 480px){
  .logo_vasco{
    width: 100% !important;
    flex-direction: column !important;
   }
   .logo_vasco img{ width: 80% !important; height: auto !important; max-height: 120px;}
}

/* ------------------- oO FINAL LOGO VASCO Oo ---------------------------------------------------------------------------- */