:root{
    --clCyan:#0071cd;
    --clMarino:#17136b;
    --clbk:#000000;
    --clwh:#ffffff;
    --clGr:#39b444;
    --boxMaxWidth:calc(100vw * 0.7786);
    --secondBoxMaxWidth:calc(100vw * 0.91145);
    --ftClWidth:calc(100% * 0.33);
    --propPadding:calc(100vh * 0.05);
    --buttonPadd:10px 40px;
    --titleSize:calc(2em + (1.5125 - 1) * ((100vw - 20em) / (80 - 20)));
    --titleLH:calc(1.18em + (1.53 - 1) * ((100vw - 20em) / (80 - 20)));
    --hFonts:normal 300 var(--titleSize)/var(--titleLH) "Lato", sans-serif;
    --bodyFonts: normal 300 calc(var(--titleSize) / 2)/calc(var(--titleLH) / 1.2) "Lato", sans-serif;
    --bgLinearWtoC:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(0,113,205,1) 15%, rgba(0,113,205,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
    --bgLinearWtoM:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(23,19,107,1) 15%, rgba(23,19,107,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
    --carouselItemWidth:calc((100% * 1) - 40px);
    --relPadd:calc(100vh * 0.1) 0;
    --carouselItemWidth2:calc((100% / 2) - 40px);
    --superHeight:calc(100vh * 0.75);
    --carouselItemWidth3:calc((100% / 3) - 40px);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  font-display: swap;
}
html { scroll-behavior: smooth; }
img{max-width:100%;height:auto}
a{text-decoration:none}
header{padding:var(--relPadd);background-attachment:fixed;background-color:var(--clMarino)}
.header-col__right{text-align: right;}
header .icon{color:var(--clwh)}
header .icon:hover{color:var(--clMarino)}
header .margin-right{margin-right:20px}
.global-menu li{margin-bottom:10px}
.global-menu a:not(.button,.submenu-item){font-size:150%;line-height:normal;position:relative;text-decoration:none}
.mensaje-hablamos h2 span{display:table;text-align:center}

.submenu{display:none}
.global-menu li:hover:has(a) .submenu{display:block}
.rel-z{position:relative;z-index:9}
h1, header p, .shadowTxt{text-shadow: 1px 1px 2px black;}
.h2Big{font-size: calc(100% * 2.4);margin-bottom:0}
.h3Min{font-size:calc(100% * 1.6)}
.header__big_padding{padding:var(--relPadd)}
.bgLazy{background-position: center center;background-size:cover}
.cyan{color:var(--clCyan)}
.bgCyan{background:var(--clCyan)}
.bgMarino{background:var(--clMarino)}
.bgWhite{background:var(--clwh)}
.marino{color:var(--clMarino)}
.black{color:var(--clbk)}
.white{color:var(--clwh)}
.green{color:var(--clGr)}
.button{background:var(--clCyan);padding:var(--buttonPadd);color:var(--clwh);text-decoration:none;}
.button.marino{background:var(--clMarino)}
header .button{padding:10px 15px;}
.button.inverted{background:var(--clwh);color:var(--clCyan)}
.centered{margin-left:auto;margin-right:auto;display: table;}
.button:hover{background: var(--clMarino);}
.button.inverted:hover{color:var(--clwh)}
.button.marino:hover{background:var(--clCyan)}
body{font:var(--bodyFonts);margin:0}
h1, h2, h3, h4, h5, h6{font:var(--hFonts);}
.heavy-titular{font-size:275%;}
.bigTitular{font-size:275%}
.heavy-paragraf{font-size:180%;line-height:normal}
.font-light{font-weight:200}
footer h4, footer h3{font-size:105%;font-weight:800}
.no-margin-bottom{margin-bottom:0}
.max-80{max-width:80%;margin-left:auto;margin-right:auto}
h1 span:not(.inlined), h2 span:not(.inlined), h3 span:not(.inlined), h4 span:not(.inlined), h5 span:not(.inlined), h6 span:not(.inlined){font-weight:900}
.full__width{width:var(--secondBoxMaxWidth)}
/*.img-left div, .img-right div{width:100%}*/
.img-left img:not(.picto), .img-right img:not(.picto){width:100%;height:auto}
section{padding:var(--propPadding) 0}
.margin-bottom{margin-bottom:calc(var(--titleLH) * 2)}
.hide-ipad{display:none}
.unlist-lists{list-style:none;padding:0;}
.limited-width{width:var(--boxMaxWidth);margin-left:auto;margin-right:auto}
.flex-vertical{width:100%;height:auto;}
.pabellones-relacionados{background:rgba(0,113,205,1);}
.pabellones-relacionados-marino{background:rgba(23,19,107,1);}
.pabellones-relacionados h3{font-size:145%}
.max-60{max-width:60%}
.bgGris{background-color:#e3e0e0;}
.bgGrisClaro{background-color: #eaeaea;}
.cajas-usos{display: flex;flex-direction: row;align-items: center;align-items: flex-start;}
.caja-uso{width:var(--carouselItemWidth);margin-right:40px;padding:calc(var(--titleLH) * 4) 40px calc(var(--titleLH) * 1.5) 40px}
.flex-to-carousel-2 .caja-uso{width:var(--carouselItemWidth2)}
.caja-uso a{text-decoration:none}
.cajas-usos__primera{padding-top:calc(var(--titleLH) * 6)}
.flex-to-carousel-3 .cajas-usos__primera{padding-top:calc(var(--titleLH) * 4)}
.flex-to-carousel-2 .cajas-usos__primera, .flex-to-carousel-2 .cajas-usos__segunda{padding-top:calc(var(--titleLH) * 7)}
.limitWidth {display: block;width: 100%;overflow-x: scroll;scrollbar-width: none;-ms-overflow-style: none;max-width: var(--secondBoxMaxWidth);margin-left:auto;margin-right:auto}
.limitWidthHome .flex-to-carousel-3 .caja-uso{width:calc(var(--carouselItemWidth3) + 40px)}
.limitWidthHome{max-width:inherit}
.limitWidthHome .cajas-usos .caja-uso{margin-right:0}
.limitWidth-90{width:90%}
.limitWidth::-webkit-scrollbar{display:none}
.flex-to-carousel{flex-flow:no-wrap;min-width:calc(var(--carouselItemWidth) * 4);padding-bottom:calc(var(--titleLH) * 2)}
.flex-to-carousel-3{min-width:calc(var(--carouselItemWidth) * 3)}
.flex-to-carousel-2{min-width:calc(var(--carouselItemWidth) * 2)}
.heavy-margin-top{margin-top:calc(var(--titleLH) * 4)}
.heavy-negative-margin-top{margin-bottom:calc(-(var(--titleLH) * 4))}
.text-center{text-align:center}
.bgwhite{background:var(--clwh)}
.no-margins{margin-top:0;margin-bottom:0}
.no-margin-top{margin-top:0}
.sectionNegativeTop{margin-top:calc(var(--titleLH) * -2)}
.heavy-padding-top, .wright.heavy-padding-top{padding-top:calc(var(--titleLH) * 6.5)}
.hidelazy{opacity:0}
.bgcontain{background-size: cover;}
.certificado ul li{box-sizing:border-box}
.certificado ul li.img-certificado{margin-right:20px}
.certificado:nth-child(2){margin-left:auto;}
.lista-certificados{max-width:100%}
.mini-h2{margin-top:20px;font-weight: 900;margin-bottom:0;font-size:115%}
.delegacion{margin-bottom:40px}
.delegacion img{width:100%}
.delegacion p{margin-top:5px;line-height:1.5}
.minimal-margin{margin-top:0;margin-bottom:10px}
.superHeight{min-height:var(--superHeight);position:relative}
.superHeight .position-bottom{position: absolute;bottom: 80px;}

.parallax, header{background-attachment:inherit;background-size:cover}

/* Burguer */
.burguer label{display:flex;flex-direction:column;width:30px;cursor:pointer;}
.burguer label span{background: #fff;border-radius:3px;height:2px;margin: 2px 0;transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);}
.burguer label span:nth-of-type(1){width:50%;}
.burguer label span:nth-of-type(2){width:100%;}
.burguer label span:nth-of-type(3){width:75%;}
.burguer label input[type="checkbox"]{display:none;}
.burguer label input[type="checkbox"]:checked ~ span:nth-of-type(1){transform-origin:bottom;transform:rotatez(45deg) translate(4px,5px);width:100%;}
.burguer label input[type="checkbox"]:checked ~ span:nth-of-type(2){transform-origin:top;transform:rotatez(-45deg)}
.burguer label input[type="checkbox"]:checked ~ span:nth-of-type(3){transform-origin:bottom;width:50%;opacity:0}
.dInline{display:inline}
.minipadding{padding:10px 20px;line-height:normal}
.picto{width:90px;height:119px}
.bgGreen{background:var(--clGr)}
.alignright{margin-right:calc(-100% * 0.1)}
.toRightTop{position:absolute;top:-50px;right:-50px}
.pictowrapper{text-align: right;margin-right:calc(var(--Wmargin) * -3);}
.picto-ciclo-vida{max-width:90%;margin-left:auto;margin-right:auto}
/* from pages hangares */
.content-bg{box-sizing: border-box;padding: 40px calc(100% * 0.1);}
.content-bg-minPad{padding: 40px calc(100% * 0.03);}
.usos-iconos{text-align:center}
.flex-vertical{display: flex;flex-direction: column;width:100%;height:100%;background: var(--clMarino);height:300px;margin-right:20px}
.flex-vertical:last-child{margin-right:0}
.icono, .leyenda{background:var(--clwh)}
.leyenda{padding:10px;border:1px solid var(--clbk)}
.detalle{padding:25px;background:var(--clMarino);font-weight:200;font-size:165%;flex:1;line-height:normal}
.multi-pabellones{position:relative;}
.multi-flexbox__wrapper .caja_uso__multi{min-height:calc((100vw / 2)  * 1.26)}
.keyword-top{font-weight:bold}

.bg-blend-black{background-blend-mode: overlay;background-color: rgba(0,0,0,0.3);}
.bg-blend-white{background-blend-mode: overlay;background-color: rgba(255,255,255,0.3);}
.bg-blend-cyan{background-blend-mode: overlay;background-color:rgba(0, 113, 205, 0.3);}
.bg-blend-indigo{background-blend-mode: overlay;background-color: rgba(23, 19, 107, 0.3);}

/* form */
input[type="text"],input[type="email"],input[type="tel"],textarea{font:var(--bodyFonts);width:100%;padding: 0.5em 1em;margin-bottom: 20px;box-sizing: border-box;font-size: 110%;-webkit-appearance: none;-moz-appearance: none;outline:none;border:1px solid rgba(0,0,0,0.3)}
input[type="submit"]{box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;outline:none;border:none}
input[type="submit"]:hover{cursor:pointer}

/* footer */
footer{padding:calc(var(--titleLH) * 6) 0 calc(var(--titleLH) * 4) 0}
footer nav a, .copy-col a{text-decoration:none;display:table;margin-bottom:10px;font-weight:300}
.col-footer{width:100%}

/* global menu */
nav.global-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--clbk);	
    transform: translate3d(-100%, 0, 0);
    z-index:5;
    -webkit-transition: 0.75s cubic-bezier(0.95, -0.27, 0.45, 1.33);
    -moz-transition: 0.75s cubic-bezier(0.95, -0.27, 0.45, 1.33);
    -o-transition: 0.75s cubic-bezier(0.95, -0.27, 0.45, 1.33);
    transition: 0.75s cubic-bezier(0.95, -0.27, 0.45, 1.33);
    -ms-transition: 0.75s cubic-bezier(0.95, -0.27, 0.45, 1.33);
    opacity: 0.1;
}

nav.global-menu section {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: fixed;
}	

nav.global-menu.vertical {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  background-color: var(--clCyan);
}

.skew{
    -webkit-clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);
    -moz-clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);
    -ms-clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);
    -o-clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);
    transform: translate3d(-100%, 0, 0);
    /*transform: translate3d(0, 0, 0);*/
}



nav.global-menu.skewback {
    -webkit-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
    -moz-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
    -ms-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
    -o-clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, -100% 0, 100% 100%, 0 100%);
    transform: translate3d(-100%, 0, 0);
}

nav.global-menu.bg-blue{
	background:var(--clCyan);
}

/*img:not([src]) {
    visibility: hidden;
  }*/
  
  /* Fixes Firefox anomaly during image load */
  @-moz-document url-prefix() {
    img:-moz-loading {
      visibility: hidden;
    }
  }

.video-responsive {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.video-responsive iframe {height: 100%;left: 0;position: absolute;top: 0;width: 100%;border:none}

input:focus:invalid {
    border-color:rgba(255,0,0,0.5);
    position: relative;
}

input:focus:invalid:before{
    content:'\invalid';
    position:absolute;
    right:10px;
    top: 5px
}

.lds-ellipsis {
    display: none;
    position: relative;
    width: 10px;
    height: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background:var(--clMarino);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
  
.cookie-toast{display:block;background:rgba(0,113,205,0.95);color:#fff;width:100%;border-radius: 5px;padding:5px 20px 25px 20px;min-height:40px;position:fixed;bottom:-1000px;left:4%;box-sizing:border-box;z-index: 99;border:3px solid rgba(255,255,255,0.95);max-width:92%;box-shadow: 2px 2px 2px 1px rgba(136, 99, 99, 0.2);box-sizing:border-box;}
.cookie-toast.rejected-cookies{-webkit-animation-name: popInBottom;animation-name: popInBottom;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);animation-timing-function: cubic-bezier(.19, 1, .22, 1);-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards}
.cookie-toast.allowed-cookies{-webkit-animation-name: popInTop;animation-name: popInTop;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);animation-timing-function: cubic-bezier(.19, 1, .22, 1);-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards}
.cookie-toast.rejected-cookies{bottom:20px}
.cookie-toast p{margin-top:40px;margin-bottom:40px}
.cookie-toast a{display:block;border-radius: 5px;margin-bottom:20px;background:var(--clCyan);color:#fff;text-align:center;padding:5px 10px;border:1px solid rgba(255,255,255,0.5);font-size:80%}
.cookie-toast a.half-button{display:inline-block;width:48%}
.cookie-toast a.deny-button{margin-left:4%;background:#262525}
.cookie-toast a.ok-button{background:var(--clCyan)}
.cookie-toast a.more-button{background:#131d54}
.cookie-toast a:hover{background:rgba(18,21,107,0.95);}
#form-header{padding-bottom:40px}
span.trigger{cursor: pointer;}

@-webkit-keyframes popInTop {
	0% {
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes popInTop {
	0% {
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes popInBottom {
	0% {
		-webkit-transform: translateY(120%);
		transform: translateY(120%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes popInBottom {
	0% {
		-webkit-transform: translateY(120%);
		transform: translateY(120%)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.global-menu ul li .trigger{display:block;float:right;margin-right:0;transition: all .1s  cubic-bezier(0.68, -0.6, 0.32, 1.6)}

@media only screen and (max-width:767px) {
    :root{
        --bodyFonts: normal 300 calc(var(--titleSize) / 2)/calc(var(--titleLH) /0.9) "Lato", sans-serif;
        --titleSize: calc(1.75em + (1.5125 - 1) * ((100vw - 20em) / (80 - 20)));
    }
    header, .menu-col, .titleZ{padding-left:4%;padding-right:4%}
    .row-header__first{display: block;}
    .row-header__first:not(.menu-col) .header-col__left{display:inline-table;width:calc(100% * 0.2);clear:left;vertical-align: center;height:30px}
    .row-header__first:not(.menu-col) .header-col__center{display:inline-table;width:calc(100% * 0.8);clear:right;vertical-align: center;height:30px;text-align: right;float:right}
    .row-header__first:not(.menu-col) .header-col__right{display:table;width:100%;text-align: center;width:100%;margin-top:0}
    .row-header__first:not(.menu-col) .header-col__right .button{display:inline-block;width:calc(50% - 10px);box-sizing: border-box;float:left;}
    .row-header__third .rel-z{position:inherit;}
    .header-col__right__hablamos .bgLazy{height:calc(100vw * 0.5);position:relative}
    .header-col__right__hablamos .bgLazy .mensaje-hablamos{position:absolute;bottom:20px;left: 50%;transform: translateX(-50%);}
    .header-col__right__hablamos .no-margins{margin-bottom:40px}
    .header-col__right.header-col__right__hablamos{text-align:center}
    nav.global-menu {position: absolute;padding-bottom:120px;overflow-y:scroll}
    .burguer.rel-z{top:-8px}
    .titleZ{position:inherit;left:0;top:0;display:block;max-width:inherit}
    .h2Big {font-size: calc(100% * 2.1);}
    .heavy-titular:not(h1){font-size:200%}
    .heavy-paragraf {font-size: 120%;}
    .sectionNegativeTop > div{margin-bottom:40px}
    .noPadd{padding-top:0;}
    section *:not(img,div,ul,li,span,p > a,strong, form, form *){padding-left:4%;padding-right:4%;box-sizing: border-box;}
    .callout-message, .callout-message-full{padding: 40px calc(100% * 0.1);}
    .caja-uso.bgGris{padding-left:calc(100% * 0.1);padding-right:calc(100% * 0.1)}
    .usos-columnas .button{margin-bottom:calc(var(--titleSize) / 1);}
    .multi-pabellones .caja-uso{margin-right:0;width:100%;margin-bottom:40px}
    /*.row-header__first .header-col__right{display:block;width:100%;margin-top:100px;position:fixed;top:0;left:0}*/
    .heavy-margin-top {margin-top: var(--titleLH);}
    .minimal-margin { margin-top: 20px;}
    .callout-bg .bgLazy{height:calc(100vw * 1)}
    .row-header__third{display:block}
    .row-header__third .header-col__left{margin-bottom:40px}
    .row-header__third .header-col__left nav a{margin-left:10px;margin-right:10px;font-size:120%}
    .row-header__third .header-col__left, .row-header__third .header-col__right {width:100%;text-align:center}
    .row-header__third .header-col__center{display:none}
    .lista-certificados *:not(.button){width:100%;float:none;text-align:center}
    .lista-certificados li{margin-bottom:40px}
    .global-menu ul li a.trigger{float:right;margin-right:10px}
    .mensaje-hablamos{width:100%}
    .mensaje-hablamos .button:nth-child(2), .mensaje-hablamos .button:nth-child(3){display:inline-block;width:calc(50% - 20px);float:left}
    .mensaje-hablamos .button:nth-child(3){float:right}
    .header__big_padding .button{display:block;text-align:center}
    .bigTitular.toLowMobile{font-size:150%}
    footer nav a{font-size:120%;margin-bottom:15px}
    .content-bg-minPad.w53 .bigTitular{font-size:200%}
    .column-reverse{display:flex;flex-direction:column-reverse;}
    .column-noreverse{display:flex;flex-direction:column}
    .order-one{order:1}
    .order-two{order:2}
    .order-three{order:3}
    .order-four{order:4}
    /* Cambios finura de style a ipad*/
    footer{padding:calc(var(--titleLH) * 1.1) 0 calc(var(--titleLH) * 1.1) 0}
    .col-footer h3{padding-top:calc(var(--titleLH) * 1.2);font-size: 125%;}
    footer nav a, .copy-col a, .copy-col span{font-size:120%;margin-bottom:15px}
    span.clear-right{display:block;clear:both;float:none;margin-top:calc(var(--titleLH) * 1.2)}
    form p{padding-left:0;padding-right:0}
    .multi-flexbox__wrapper .caja_uso__multi:nth-child(1), .multi-flexbox__wrapper .caja_uso__multi:nth-child(2){min-height: calc((100vw / 2) * 3.16);}
    .multi-pabellones h2:nth-child(1){margin:0}
  }

@media only screen and (min-width:768px){
    .global-menu ul li .trigger{display:block;float:right;margin-right:40px}
}

@media only screen and (max-width:1169px){
    .global-menu ul li.active .trigger img{transform:rotate(-45deg)}
    .global-menu ul li.active .submenu{display: block;float: none;width: 100%;text-align: center;margin-top:20px;box-sizing: border-box;padding-left:10px}
    .global-menu ul li.active .submenu a{display: table;padding-bottom:15px;font-size:125%}
    .global-menu ul li.active .submenu .submenu-wrapper{width:100%;height:auto;display:block}
}

.row-header__third .header-col__left nav a{font-weight: 900;}