/*
Theme Name: Nowaal
Author: YOU MEDIA
Author URI: http://www.youmedia.es/
Description: Theme creado por YOU MEDIA para la web de Nowaal.
Version: 4.0
License: Copyright
Text Domain: nowall
*/

@import url(css/reset.css);
@import url(css/fonts.css);




/* Structure
//////////////////////////////////////////////////// */
body {font: normal 15px/100% 'work-sans, sans-serif', sans-serif; color: #000;letter-spacing: .1em;
    min-height: 100%;background:#dcdcdc;letter-spacing:0;}



/* Kakao Big Sans Regular. Body */
/* font-family: extrabold, sans-serif;
font-weight: 400;
font-style: normal;*/

/* Kakao Big Sans Bold. Body */
/*font-family: extrabold, sans-serif;
font-weight: 700;
font-style: normal;*/

/* Work Regular. Claim */
/*font-family: work-sans, sans-serif;
font-weight: 400;
font-style: normal;*/

/* Work Bold. Claim*/
/*font-family: work-sans, sans-serif;
font-weight: 700;
font-style: normal;*/



.wrapper {position: relative; margin: 0; min-height: 100%; height:auto;width: 100%; outline:none;}

.noscroll {overflow: hidden;}
.nofull {height: auto;}

section {position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover;/*background:#fff;*/ }

.fullheight {height: 100%;/*min-height: 680px;*/ }
.fullwidth {width: 100%; max-width: 1000%;display:block;}

section{background-attachment: fixed;}

a {outline:none !important; color: #fff;}
a, a svg path {-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
a:hover {color: #666}
a.btn-toggle{color:#034251;}

.theme-purple a.btn-toggle{color:#48374f;}

b, strong, .bold {font-family: 'extrabold'; font-weight: 700;}
.nobold {font-family: 'extrabold';font-weight:400;}


.text-left {text-align: left;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-right {text-align: right}

.text-xxsmall {font-size: 70%; line-height: 130%}
.text-xsmall {font-size: 80%; line-height: 130%}
.text-small {font-size: 90%; line-height: 130%}
.text-med {font-size: 110%; line-height: 130%}
.text-big {font-size: 120%; line-height: 120%}
.text-xbig {font-size: 130%; line-height: 120%}
.text-xxbig {font-size: 145%; line-height: 110%}
.text-xxxbig {font-size: 205%; line-height: 110%}
.text-huge {font-size: 400%; line-height: 110%}


mark {color: #FFF; background: #00ffbe}
::-moz-selection {color: #FFF; background: #00ffbe; opacity: 1}
::selection {color: #FFF; background: rgba(0,0,0,.7)}

.animado {visibility: hidden;}
.upper {text-transform: uppercase;}
.capitalize{text-transform: capitalize;}

/* Colores */
.white {color: #FFF}
.black {color: #000}
.green{color:#008542;}




/* Preloader */
#preloader {position: fixed; top: 0; width: 100%; height: 100%; z-index: 3000;}
#preloader.preload-ct {background: none}

/* Videos de fondo */
.video-bg {width: 100%;position: relative; z-index: 0;}

/* For Decorations */
.ct {position: relative;}
.ct::before,
.ct::after,


/* Columnas */
.col-80{width: 80%;float:left;}
.col-75{width: 75%;float:left;}
.col-70{width: 70%;float:left;}
.col-65{width: 65%;float:left;}
.col-60{width: 60%;float:left;}
.col-55{width: 55%;float:left;}
.col-50{width: 50%;float:left;}
.col-48{width: 48%;float:left;}
.col-45{width: 45%;float:left;}
.col-40{width: 40%;float:left;}
.col-35{width: 35%;float:left;}
.col-30{width: 30%;float:left;}
.col-28{width: 28%;float:left;}
.col-25{width: 25%;float:left;}
.col-20{width: 20%;float:left;}
.col-15{width: 15%;float:left;}
.col-10{width: 10%;float:left;}
.col-10 img{width: 90%;margin:0 auto;}

/* Container */
.container {margin: 0 auto; padding: 4em 0; width: 80%; max-width: 1480px; position: relative;}
.container.xsmall-width {width: 30%}
.container.small-width {width: 40%}
.container.inter-width {width: 50%}
.container.medium-width {width: 63%}
.container.big-width {width: 92%}
.container.full-width {width: 100%;}



/* Header
//////////////////////////////////////////////////// */
.header {width: 100%; overflow:hidden;}
.header .site-title {display: block; position: absolute; top: 3.2em; left: 3%; width: 13%; 
    min-width: 200px; max-width: 25%; z-index: 900}
.header .site-title svg {width: 90%; height: 100%}
.header-text {height: 16em}
.section-noheader .container {max-width: 1024px;}






/* Idiomas
//////////////////////////////////////////////////// */

.navlang {position:relative;float: left;display: inline-block;padding-left: 1em;padding-top: .9em; z-index: 120; font-family: 'Heebo';font-weight: 800;}
.wpml-ls-legacy-dropdown {width: auto;}
.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {padding: 0; background: none; color: #666;}
.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {border: none;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {padding-top: 4px;}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {padding: 3px 0}
.wpml-ls-legacy-dropdown a:hover, 
.wpml-ls-legacy-dropdown a:focus, 
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {background: none; color: #666}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {border: 5px solid transparent; border-top: 6px solid; right: -18px;
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);}
.navlang li:last-child{border-right: 0}
.navlang .wpml-ls-flag {display: none}
.navlang a:before {display: inline-block; content: ''; color: #666;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}
.wpml-ls-current-language a:before { color: #666; }
.navlang a:hover:before {opacity: .8}

li.wpml-ls-item-es a:before {content: 'ES';}
ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before {content: 'ES' !important;}
li.wpml-ls-item-en a:before {content: 'EN';}
ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before {content: 'EN' !important;}
li.wpml-ls-item-fr a:before {content: 'FR';}
ul.wpml-ls-sub-menu li.wpml-ls-item-fr  a:before {content: 'FR' !important;}
li.wpml-ls-item-pt-pt a:before {content: 'PT';}
ul.wpml-ls-sub-menu li.wpml-ls-item-pt-pt a:before {content: 'PT' !important;}

.is-white .wpml-ls-legacy-dropdown a,
.is-white .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,
.is-white.navlang a:before {color: #FFF} 


/* Scroll Down
//////////////////////////////////////////////////// */ 
.dummy {position: absolute; top: 0; z-index: 0; width: 100%;}
#dummytop {max-height: 240px; height: 37%;}
#dummytray {height: 100px;}
#dummytray2 {height: 100px;top: 100px;}
#dummyhome {height: 100px; background: red}
#dummyhome2 {height: 100px;top: 100px; background: green}







/* Menú abierto
//////////////////////////////////////////////////// */
.down-open.main-nav-ct {right: 0;}

/* Content
//////////////////////////////////////////////////// */

h1, h2 {font-weight: normal; font-family: 'extrabold'; line-height: 1;
font-variant-ligatures: no-contextual; /* Desactiva las variantes de la 'e' */}

h1 {font-size: 6em;font-weight: 400;}
h2 {font-size: 6em; padding-bottom: .2em;}
h3 {font-size: 126%; padding-bottom: .4em; padding-top:0;}
h4 {font-size: 90%; margin-top: 1.5em; padding-bottom: .5em;}

p {margin: .7em 0;line-height: 1.2em;}

/*ul + h3:first-of-type ,
ol + h3:first-of-type ,
p + h3:first-of-type  {padding-top: 1em}*/
h3 + h4 { margin-top: 0 }  
h3 + p,
h4 + p { margin-top: 0 !important }  

.floatLeft {float: left;}
.floatRight {float: right;}

/* Imagenes */
img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden;}
img.alignleft {float: left; margin: 0 3.7% 8px 0;}
img.alignright {float: right; margin: 0 0 8px 3.7%;}



.entry-summary{margin-bottom:2em;width: 73%;}
.entry-content a {}
.entry-content a:hover {}
.entry-content img {max-width: 100%; height: auto}
.entry-content ul,
.noticia-content ul,
.entry-content ol,
.noticia-content ol {margin-top: 1.3em; margin-bottom: 1.3em;}
.noticia-content ul {margin-left: 2.8em}
.entry-content ol,
.noticia-content ol {margin-left: 4.5em}
.entry-content ul li,
.noticia-content ul li {padding-bottom: .4em;line-height: normal;}
.entry-content ol li,
.noticia-content ol li {padding-bottom: .2em; list-style-type: decimal-leading-zero;}




/* En los casos que va en 2 columnas*/
.col2-ct {
    -moz-column-count: 2;
    -moz-column-gap: 4em;
    -moz-column-rule: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 4em;
    -webkit-column-rule: none;
}




/* ALINEACION VERTICAL */
.vertical-align-container {height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0}
.vertical-align-ct {height: 100%; display: table !important; width: 100%}
.vertical-align-inner {display: table-cell !important; vertical-align: middle; text-align: center}

/* PESTAÑAS / TABS 
//////////////////////////////////////////////////// */
.tabs {position: relative; clear: both; margin-top: 2em;}
.tab-nav {position: relative; margin-top: 1em; clear: both; overflow: hidden; }
.tab-nav li {display: inline-block; color: #000; font-size: 1.4em; text-transform: uppercase; letter-spacing: -0.02em;font-family: 'Gotham-Medium';}
/*.tab-nav li::after {content: '/'; display: inline-block;}*/
.tab-nav li a {color: #fff; padding: 0.6em 1em 0.4em; display: block;}
.tab-nav li a span {display: block; padding-top: .5em;}
.tab-nav li.active a,
.tab-nav li a:hover {color: #00896d;}


.tab-container {margin-top: 2em; border-top: 1px solid rgba(0, 0, 0, 0.1)}




/* TABLAS */
table {width: 100%;}
table th,
table td {padding: 1.5em .8em;}
table th {font-weight: bold}
table tr{border-bottom: 2px solid #5d5c5c;}


/* Scrollbar 
//////////////////////////////////////////////////// */

.mCSB_scrollTools .mCSB_draggerContainer {left: 20px; }
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, 
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 0}
.showscroll.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, 
.showscroll.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity: 1}


/* Footer
//////////////////////////////////////////////////// */

.footer {width: 100%;position: relative;text-align: center;color: #000; letter-spacing: 0;padding:2em 0 2em 0;background:#000;}
.footer .nav-social {right: 2em; top: 1em;}
.footer .menu{margin:0 0 0 0;}
.footer a.footer-imago{position: absolute;width:3em;height:3em;top:1.5em;left: 48.6%;} 


.footer .credits {position: absolute; right: 2%; top: 2.5em;}
.dragoon-link {display: block;}
.dragoon-link svg {width: 6em; height: 2em}
.footer a:hover svg path {fill: #0066ff;}
.footer .footer-navigation {text-align:left; position: relative;font-size: 120%;}
.footer .footer-navigation ul{padding-left:2em;}
.footer .footer-navigation ul,
.footer .footer-navigation p,
.footer .footer-navigation ul li,
.footer .navlang {vertical-align: top; display: inline-block;}
.footer .footer-navigation ul li {margin-right: .4em}
.footer .footer-navigation a {color: #626262;font-family: 'extrabold';font-size:.6em;letter-spacing: 2px;text-align: center;font-weight: 800;}
.footer .footer-navigation a:hover {color: #fff;}






/* BOTONES
//////////////////////////////////////////////////// */

.btn {
    -webkit-appearance:none !important;
    cursor: pointer;
    display: inline-block;  
    text-transform: uppercase;
    font-family: 'extrabold';
    color: #FFF;
    width: auto;
    margin: 1em 0;
    text-align: center;
    padding: 0em .5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Por defecto / Default */
.btn {}
.btn:hover {color: #fff}
.mostrar{width: 100%; text-align: center;padding-bottom:.5em;}
.mostrar p{margin:0 0!important;}
.down .icon-stable{transform: rotate(180deg);/*position: absolute;bottom:1em;left:50%;right:50%;*/}
.down.active .icon-plus {transform: rotate(45deg);/*position: absolute;bottom:1em;left:50%;right:50%;*/}


/* Cerrar / Close */
.btn-close {position: absolute;top:14em; right:1em;z-index:1250;font-size:1.2em;}
.btn-close:hover::before {}

/* Para acceder al contenido */
.btn-access-ct {position: absolute; top: 1em; left: 0; text-align: center; width: 100%; z-index: 300}
.btn-access-ct a:hover {opacity: .65; color: #00ffbe}
.btn-access-ct.access-down a {display: inline-block;
    animation: 1.4s ease-out normal none infinite floating;
    -webkit-animation: 1.4s ease-out normal none infinite floating
}
.blog-index .btn-access-ct.access-down a {color: #000}


@-webkit-keyframes floating{0%{-webkit-transform:translateY(-8px)}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-8px)}}
@-moz-keyframes floating{0%{-moz-transform:translateY(-8px)}50%{-moz-transform:translateY(8px)}100%{-moz-transform:translateY(-8px)}}


/* Toggle */
.toggle-content {display: none;}
.btn-toggle.active::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.btn-toggle.btn-plus.active {
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg); 
}

.btn-toggle.active i {
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg); 
}

.btn-toggle span{display:none;}
.btn-toggle span.active{display:inline;}




/* Varios
//////////////////////////////////////////////////// */

.overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 1; 
    visibility: hidden; opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.overlayscr {position: fixed}
.overlay.active {position: fixed;z-index: 20;background: rgba(0,0,0,.8);}

.clear {clear: both;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.imagen {width: 100%;}
.mobile, .none {display: none;}
.hidden {visibility: hidden !important; opacity: 0 !important;}
.active {visibility: visible !important; opacity: 1 !important;}
.fixed {position: fixed;}
footer.fixed {bottom: 0}
.is-mobile, .tablet, .none {display: none;}

/* ==========================================================================
   Corección plugin de cookies
   ========================================================================== */

#cookie-law-info-bar {position: absolute; opacity: .7; font-size: .8em; z-index: 1500;}
/*#cookie-law-info-bar span {color: #000 !important;}*/
#cookie-law-info-bar .cli-plugin-button, 
#cookie-law-info-bar .cli-plugin-button:visited, 
#cookie-law-info-bar .medium.cli-plugin-button,
#cookie-law-info-bar .medium.cli-plugin-button:visited {
    -webkit-border-radius: 0;
        -moz-border-radius: 0;
         -ms-border-radius: 0;
          -o-border-radius: 0;
              border-radius: 0;
    text-shadow: none; 
    border-bottom: 0
}


/* ==========================================================================
   COLORBOXES 
   ========================================================================== */

#cboxOverlay {background-color: rgba(0,0,0,.8) !important;}
#cboxLoadedContent {border: none !important; background: #000 !important}
#cboxClose {
    background: none !important; background-size: 100%;
    height: 50px !important;
    right: 0 !important;
    top: 0 !important;
    width: 50px !important;
    text-indent: 0 !important;
    /*padding: 8px 10px 0 !important;*/
    overflow: hidden !important;
    color: #FFF !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 0;
}

#cboxClose:before { font-family: "icons"; content: '\e802'; font-size:1.6em; line-height: 30px; margin-bottom: 1.5em;
    display: inline-block;background: #000;color:#fff;padding:.5em .5em 0 0;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3)

}
#cboxPrevious, #cboxNext, #cboxSlideshow {overflow: hidden !important;}
.gallery-colorbox #cboxLoadedContent {background: #000 !important;}
#cboxPrevious,
#cboxNext {background: none !important; text-indent: 0 !important; width:40px!important; height: 40px !important;line-height: 1 !important; color: rgba(0,0,0,.8);top:47%; }
#cboxPrevious {left: .5em !important;margin-top:0;}
#cboxNext {right: .5em !important;margin-top:0;}
#cboxPrevious:before,
#cboxNext:before {display: block; font-family: "icons"; font-size: 1.5em; color: #000;text-shadow: 0px 0px 10px rgba(255,255,255,0.4);padding:10px; }
#cboxPrevious:before {content: '\e800'; font-family: "icons";color:#fff !important;background: #000;padding:10px;}
#cboxNext:before {content: '\e801'; font-family: "icons";color:#fff !important;background:#000;}

/* MAPS */
.acf-map {
    width: 100%;
    height: 400px;
}

.acf-map img {
   max-width: inherit !important;
}




/* LOGOS */
.logo {position: relative;}
.logo.white svg path {fill: #FFF;}

/* FLEXSLIDER */
.flexslider.slider{margin:0 0 0 0;}
.flexslider.slider li.slider-item,
.flexslider.slider li.slider-item > a {position: relative;}
.flexslider.slider li.slider-item > a {display: block;}
.flexslider.slider img{width: 100%!important;display:block;}
.flex-direction-nav a.flex-prev:before{background-color: #000;border-radius: 0;content: '\e801';font-family: 'icons';color:#fff;font-size:1.4em;padding:.7em 1em 1em .7em;}
.flex-direction-nav a.flex-next:before{background-color: #000;border-radius: 0;content: '\e800';font-family: 'icons';color:#fff;font-size:1.4em;padding:.7em 1em 1em .7em;}

.theme-purple .flex-direction-nav a.flex-prev:before{background-color: #48374f;color:#eccdff;}
.theme-purple .flex-direction-nav a.flex-next:before{background-color: #48374f;color:#eccdff;}

.flex-direction-nav a{width: 50px;height: 50px;top:46%;}

/* Por páginas
//////////////////////////////////////////////////// */

/* HOME
//////////////////////////////////////////////////// */
.sec-home {width: 100%;position: relative;overflow:hidden;}
.sec-home .home-top{width: 100%;position:relative;background: url('images/bgs/home/bg-home-top.jpg') no-repeat 0 0;background-size:cover;}
.sec-home .home-top .entry-header{margin-bottom: 2em;}
.sec-home .home-top .content{width: 100%;position: relative;overflow: hidden;}
.sec-home .home-top .img-decorativa-home{width: 70%;position: relative;margin: 0 auto;}
.sec-home .home-top .img-decorativa-home img{opacity: .2;}
.logos-top{padding:12em 0 8em 0; margin: 0 auto;position: relative;float: none;}
.sec-home .home-top img.logo-nowall{width: 25%;display:block;margin: 0 auto;}
.sec-home .home-center{width: 100%;position: relative;float: left;overflow: hidden;background: #fff;}
.sec-home .home-center .detail-left{width: 15%;position: relative;float: left;}
.sec-home .home-center .detail-right{width: 15%;position: relative;float: left;}
.sec-home .home-center .content{width: 70%;position: relative;margin: 0 0;overflow: hidden;float: left;}
.sec-home .home-center .content .col-left{width: 40%;padding: 4em 0 4em 0;position: relative;float: left;}
.sec-home .home-center .content .col-right{width: 42%;padding: 10em 0 4em 8em;position: relative;float: left;}
.sec-home .home-center .content .col-right p strong{color:#4b8449;}

.sec-home .home-center .col-right{width: 50%;position: relative;float:right;min-height: 300px;}

.sec-home .home-bottom{width: 100%;position: relative;overflow:visible;float: left;background: #fff;min-height: 200px;}
.sec-home .home-bottom h2{font-size: 1.7em;font-weight: 600;padding-top: .3em;}
.sec-home .home-bottom .content{width: 45%;position: relative;float: left;padding:42em 0 4em 8em;}



/* ACORDEON */
.acc-ct {
  width: 100%;
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.acc-item{padding: 3em 0 2em 0;border-top: 1px solid #000;}
.acc-item:hover{background:#f6f9f6;}
.acc-item .acc-title:before{content: '1.';position: absolute;left: 0;top:0;color: #4b8449;font-size: 4em;font-family:'extrabold';font-weight: 600;}
.acc-item:nth-child(2) .acc-title:before{content: '2.';}
.acc-item:nth-child(3) .acc-title:before{content: '3.';}
.acc-item:nth-child(4) .acc-title:before{content: '4.';}
.acc-item:nth-child(5) .acc-title:before{content: '5.';}
.acc-item:nth-child(6) .acc-title:before{content: '6.';}
.acc-item:nth-child(7) .acc-title:before{content: '7.';}
.acc-item:nth-child(8) .acc-title:before{content: '8.';}
.acc-item:nth-child(9) .acc-title:before{content: '9.';}
.acc-item .acc-title {
  width: 88%;
  margin-left: 12%;
  position: relative;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s ease;
  padding-left:4em;
  padding-right:0;
}
.acc-item.open{background: #f6f9f6 url('images/svgs/acordeon-home.svg') no-repeat 100% 100%;background-size: 30%;}

.acc-item .acc-icon {
  position: absolute;
  top: .3em;
  right: 5em;
  z-index: 2;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 2em;
  display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    background-color:#4b8449;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 25px;
    cursor: pointer;
    transition: transform 0.3s; /* Animación del giro */
}

.acc-item.open .acc-icon {
  transform: rotate(45deg);
  color: #fff;
  background:#4b8449;
}
.txt-app{padding: 1em 3em 1em 16%;}
.txt-app ul{width: 100%;position: relative;padding-left: 1em;}
.txt-app ul li{width: 100%;position: relative;line-height: normal;}
.txt-app ul li:before{content: '';
    color: #4b8449;
    position: absolute;
    top: .45em;
    left: -1em;
    width: .4em;
    height: .4em;
    background-color: #4b8449;
    border-radius: 100%;}



/* NOWALL 
/////////////////////////////////*/
.sec-nowall{width: 100%;position: relative;overflow: hidden;background: #f2f2f2;}
.sec-nowall .sec-nowall-top{width: 100%;position: relative;overflow: hidden;background: url('images/bgs/nowall/bg-header.jpg') no-repeat 0 0;background-size:cover;padding-bottom: 3em;}
.sec-nowall .sec-nowall-top .logo{width: 28em;position: relative;padding: 2em 0 0 6em;}
.sec-nowall .sec-nowall-top .content{width: 40%;position: relative;margin-left: 45%;}
.sec-nowall .sec-nowall-bottom{width: 100%;position: relative;overflow: hidden;}
.sec-nowall .sec-nowall-bottom .container{width: 60%;position: relative;margin: 0 auto;}
.sec-nowall .sec-nowall-bottom .container .col-left{width: 30%;position: relative;float: left;text-align: right;padding-top: 2em;}
.sec-nowall .sec-nowall-bottom .container .col-right{width: 60%;position: relative;float: left;margin-left: 10%;}
.sec-nowall .sec-nowall-bottom .container .col-right h3{margin-bottom: .5em;position: relative;color:#4b8449;}
.sec-nowall .sec-nowall-bottom .container .col-right h3:before{content: '';background: url('images/logos/imago.svg') no-repeat 0 0;background-size:cover;padding-bottom: 3em;}
.sec-nowall .sec-nowall-bottom .container .col-right ul{list-style: none;}
.sec-nowall .sec-nowall-bottom .container .col-right ul li{width: 100%;position: relative;margin-bottom: 3.5em;padding-left: 1em;}
.sec-nowall .sec-nowall-bottom .container .col-right ul li ul li{margin-bottom: 0;line-height:1.2em;}
.sec-nowall .sec-nowall-bottom .container .col-right ul li ul li:before{content: '';color: #4b8449;position: absolute;top: .45em;left:0;width: .4em;height: .4em;background-color: #4b8449;border-radius: 100%;}
.imago img.logo{width: 2.5em;position: relative;margin-bottom: .5em;}
.sec-nowall .img-decorativa{width: 100%;position: relative;}

.sec-nowall .header-left{width: 10em;position: absolute;left: 0;top: 0;z-index: 1;opacity: .2;}
.sec-nowall .header-right{width: 10em;position: absolute;right: 0;top: 0;z-index: 1;opacity: .2;}

/* HEADER 
/////////////////////////////////////////////////// */
.logo-header{width: 9em;position: absolute;top: 1em;left: 3em;z-index: 3;}



/* Mapa google */
.map{min-height: 150px;background: #fff;padding:0;text-align: center;}


/* MÉTODO 
/////////////////////////////////*/
.sec-metodo{width: 100%;position: relative;overflow: hidden;background: #fff;}
.sec-metodo .metodo-left{width: 37%;position: relative;float: left;background:#fff url('images/bgs/metodo/bg-metodo-left.jpg') no-repeat 0 0; background-size: cover;}
.sec-metodo .metodo-right{width: 63%;position: relative;float: left;overflow: hidden;}
.sec-metodo .metodo-right .content{padding: 5em 0 3em 11em;}
.sec-metodo .metodo-right .content h1{font-size: 2em;font-weight: 600;border-bottom: 4px solid #4b8449;margin-bottom: 1.5em;padding-bottom: .5em;}
.sec-metodo .metodo-right .content h2{font-size: 1em;text-transform: uppercase;position: relative;float: left;width: 100%;font-weight: 600;}
.sec-metodo .metodo-right .content .logo{width: 26em;margin-bottom: 4em;}
.sec-metodo .metodo-right .content p{width: 50%;}
.sec-metodo .metodo-right .infografia{width:90%;position: relative;margin: 2em 0;}
.sec-metodo .metodo-right .summary p{width: 80%!important;}
.sec-metodo .metodo-left .img-decorativa{width: 100%;position: absolute;right: 0;bottom: 0;}
.lateral{display:none;}

/* EQUIPO 
/////////////////////////////////*/
.sec-equipo{width: 100%;position: relative;overflow: hidden;background:#fff url('images/bgs/equipo/bg-team.jpg') no-repeat 0 0; background-size: cover;}
.sec-equipo .logo{width: 28em;position: relative;margin-left: 5em;float: left;}
.sec-equipo .claim-stable {width: 10.5em;margin-top: 0.6em;}
.sec-equipo .content{margin:11em 0 0 4em;}
.sec-equipo .content h2{font-size:135%;}
.sec-equipo .content ul{list-style: none;margin-left: 2em;margin-bottom: 1em;float: left;}
.sec-equipo .content ul li{width:100%;position: relative;float: left;display: inline-block;letter-spacing: inherit;line-height: normal;}
.sec-equipo .content ul li:after{display: block;
    position: absolute;
    left: -1em;
    content: '';
    top: 0.3em;
    background-color: #000;
    font-family: initial;
    width: .5em;
    height: .5em;
    border-radius: 100%;}
.sec-equipo-top{width: 100%;position: relative;overflow:hidden;padding-bottom:4em;padding-top:5em;}
.equipo{width: 100%;position: relative;overflow: hidden;background:none; background-size: cover;min-height: 450px; display: flex}
.equipo ul{position: relative; margin: 0 auto; overflow: hidden; z-index: 2; display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap}
.equipo ul li {width: 33%;position: relative;}
.equipo .datos-equipo{position: absolute;left:56%;/*top:16em;*/ bottom: 24em; width: 14em;}
.equipo .datos-equipo h3{font-size:115%;padding-bottom:0;font-family: 'extrabold';font-weight: 600;position: relative;float: left;display: block;width: 100%;margin-bottom: .2em;}


.equipo li:nth-child(1) img{max-width:100%;}
.equipo li:nth-child(2){margin-left:0;}
.equipo ul li:nth-child(3){width:30%;}
.equipo .datos-equipo{left:71%;bottom:36em;}
.equipo .datos-equipo{left:70%;}
.equipo li:nth-child(2) .datos-equipo{bottom:32em;}
.equipo li:nth-child(3) .datos-equipo{bottom:23em;left:-10%;}


.datos-equipo span.link{width: 28px;height: 28px;position: relative;display: block;margin-top:.5em;}
.datos-equipo span.link img.ico-in{width: 28px;height: 28px;}
.datos-equipo span.link a{opacity: .26;}
.datos-equipo span.link a:hover{opacity: 1;}

.line{width: 20%;position: absolute;left:0;bottom:0;z-index:0;}



/* CONTACTO 
/////////////////////////////////*/


body.page-template-contacto .header-logo {width: 36em;}
.sec-contacto{width: 100%;position: relative;overflow: hidden;background:#f4f4f4;}
.sec-contacto .logo{width: 27em;}
.sec-contacto .contacto-left{width: 58%;position: relative;float: left;}
.sec-contacto .contacto-left .ct-content{padding: 3em 1em 3em 8em;}
.sec-contacto .contacto-right{width: 42%;position: relative;float: left;}

.sec-contacto form.wpcf7-form p {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    position: relative;
    margin-top: .7em;
}
div.wpcf7{width: 50%;}
.sec-contacto form.wpcf7-form p.acceptance{position: absolute;left: 0;width: 50%;}
.sec-contacto form.wpcf7-form p.acceptance a{color: #000;text-decoration: underline;}
.sec-contacto form.wpcf7-form p.acceptance a:hover{color: #cecece;}

.sec-contacto form.wpcf7-form p.submit input{background: #000;color: #4b8449;font-weight: 600;}
.sec-contacto p.submit{width:28%!important;text-transform: uppercase;}
.sec-contacto form.wpcf7-form .mensaje p.textarea{width: 100%!important;}

.address{width: 30%;position: absolute;right: 2em;bottom:-7em;z-index:10;color: #000;padding-bottom: 2em;text-align: right;}
.address .ct-content{position: relative;padding: 2em 2em 4em 4em;font-size: 1.1em;}
.address .ct-content .col-left{width: 16%;position: relative;float: left;margin-right: 8%;}
.address .ct-content .col-right{width: 70%;position: relative;float: left;}
.address h2{font-size: 1.1em;color: #f0f392;font-weight: 900;text-transform: uppercase;position: relative;margin-bottom: 1em;}
.address p{margin:0 0;font-size:.9em;}
.address p a {color:#000!important;text-decoration: underline;font-weight: 800;position: relative;line-height: 2em;}
.sec-contacto .wp-block-contact-form-7-contact-form-selector{position: relative;margin-top: 2em;padding-bottom: 8em;}
.sec-contacto .address-item {cursor: pointer;}
button.si-close-button{display:none;}

#map_div {width: 100%;height: 850px;}
/*.map-info {background-color: #000; color: #FFF}*/
.map-info img {width: 5em;}
button.si-close-button {width: 26px; height: 26px; padding: 0; position: absolute; opacity: 1}

#map_div{/*border-radius: 33em 0 0 33em!important;*/}

.sec-contacto .si-wrapper-top{}





/* Formularios / FORMS
//////////////////////////////////////////////////////*/
input,
select,
textarea,
button:not(.mgbutton) {padding: .5em 2%; background:none; color: #000; width: 96%; border: none; outline: none !important;font-size: 80%; font-weight: 400;
  text-transform:inherit; letter-spacing: 0.15em;border-bottom: 1px solid #4b8449;}

textarea {resize: none; height: 10em;padding: 2%;width: 96%;}

input[type="text"],input[type="search"], textarea {-webkit-appearance: none; resize:none;}
input[type="checkbox"] {display: inline; width: auto;}

input:focus,
textarea:focus {border-bottom-color: #000; text-transform: none;}
select:focus {box-shadow: none; outline: none; }


input[type=button]:hover,
input[type=button]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type=submit]:hover,
input[type=submit]:focus {background: #f11713; text-transform: uppercase; border: none;}

input[type=button]:disabled,
input[type="reset"]:disabled,
input[type=submit]:disabled,
input[type=button]:disabled:hover,
input[type="reset"]:disabled:hover,
input[type=submit]:disabled:hover,
input[type=button]:disabled:focus,
input[type="reset"]:disabled:focus,
input[type=submit]:disabled:focus {opacity: 1;}


/* Alineación */
.text-center input,
.text-center select,
.text-center select option,
.text-center textarea {text-align: center}

/* Changing behaviour in Safari because of contacts-auto-fill*/
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    background-color: #f11713 !important;
    margin-top: 4px !important;
    right: .5em !important;
    position: absolute !important;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

input::-webkit-contacts-auto-fill-button:hover,
input::-webkit-credentials-auto-fill-button:hover {
    background-color: #f11713 !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 100000px #FFF inset !important;
    /*border-color: #FFF;*/
    -webkit-text-fill-color: #000 !important;
}

input::selection,
textarea::selection,
select::selection {-webkit-text-fill-color: #000 !important;}

option {-moz-appearance: none;}

select {width: 100%; background: #FFF url('images/icons/webfonts/arrow-down.svg') no-repeat 94%; background-size: 1em; 
  padding-right: 3em;
  -webkit-appearance: none;
  -moz-appearance: none;
}

label {margin: .4em 0 .4em 0;font-size:90%;float: left;DISPLAY: NONE;}
/*

.input {margin: 1em 0;}
.wpcf7-form p {margin: 1em 0;}
*/
/*input[type=checkbox],
input[type=radio] {display: inline-block; width: auto; margin-right: .4em; vertical-align: middle; }
*/

input[type=checkbox],
input[type=radio] {
  opacity: 1;
  position: absolute;
  z-index:0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.acepto{font-size: .8em}
.acepto a{color: #000;text-decoration: underline;}

.checkbox label, .radio label {display: inline; text-transform: none; font-weight: 400; font-size: 100%;}

.entry-comments input[type=checkbox],
.acceptance input[type=checkbox] {
  opacity: 1;
  width: auto;
  height: auto;
  position: relative;
  display: inline-block;margin-right: 6px;
  /*vertical-align: text-bottom;*/
}
.acceptance label,
.entry-comments label {}

.checkbox .wpcf7-list-item,
.radio .wpcf7-list-item {
  width: 10px;
  height: 10px;
  background: #CCC;
  margin: 0 .8em;
  position: relative;
  border-radius: 100%;
}

.acceptance.checkbox .wpcf7-list-item,
.acceptance.radio .wpcf7-list-item {background: none; width: auto; margin: 0}

.radio .wpcf7-list-item {width: auto; height: auto; background: none; margin: 0}
.radio .wpcf7-list-item .wpcf7-list-item-label {margin: 0 1em 0 2em;}

.checkbox .wpcf7-list-item .wpcf7-list-item-label,
.radio .wpcf7-list-item .wpcf7-list-item-label::before {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;
  top: -3px;
  left: -3px;
  background: #CCC;
  text-indent: -3000px;
}

.radio .wpcf7-list-item .wpcf7-list-item-label::before {
  content: ''; top: 2px; left: 0;
}


input[type=checkbox]:checked + .wpcf7-list-item-label,
input[type=radio]:checked + .wpcf7-list-item-label::before{
  background: #f11713;
}

/* Campos agrupados */
div.group-input {display: flex; justify-content: space-between;}
div.group-input .input {width: 48%;}
div.group-input .input input,
div.group-input .input textarea {padding: .8em 0; width: 100%;text-align: center;}
div.group-input .input select {background-position: 97%; padding-left: 4%}

/*.input.acceptance {padding-bottom: 0;}*/
.acceptance input[type=checkbox] {opacity: 1; width: auto; height: auto; position: relative; display: inline-block; }
.acceptance span.wpcf7-list-item {margin-left: 0;}
.acceptance label {display: inline; text-transform: none; font-weight: 200}


/* Estilos del CONTACT 7 FORM */
div.wpcf7 {position: relative;width:100%;margin-top: 2em;}
.entry-content div.wpcf7 p.input {margin: 10px 0}
span.wpcf7-not-valid-tip {margin: 0; color: #FFF; display: inline-block; text-align: center; background: #000; padding: .25em .5em .2em; font-size: 90%; 
  margin-top: 0; }
.radio span.wpcf7-not-valid-tip {display: inline;}

span.wpcf7-not-valid-tip::before {content: '^'; font-family: 'icons';  padding-right: 4px; font-size: 90%;
    display: inline-block; vertical-align: middle; }
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {
    background: #f11713; font-family: 'extrabold'; text-transform: uppercase;color: #FFF; border: 0 !important; bottom: 0; left: 0;
    width: 84%; z-index:2; margin: 0 !important; padding: 2em 8% !important; line-height: 110%; font-size: 100%; text-align: center;
    -webkit-border-radius: 0; border-radius: 0;font-weight: 400;}
div.wpcf7-mail-sent-ok {background: #00ffa8; color: #FFF}
div.wpcf7 .ajax-loader {background: url('images/loading.svg') no-repeat center; 
  width: 50px; height: 50px; position: absolute; top: 0; left: 50%; margin: -50px 0 0 -25px; background-size: 50px; opacity: 1;
}
.wpcf7 .ajax-loader::before {display: none;}

/* Placeholder */
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff; opacity: 1;}
::-moz-placeholder {color: #fff; opacity: 1;}
:-ms-input-placeholder {color: #fff;}



/* //// DEFAULT
///////////////////////////////////////////////*/
.section-default{width: 100%;position: relative;background: #f2f2f2;}
.section-default .header-left{width: 10em;position: absolute;left: 0;top: 0;z-index: 1;}
.section-default .header-right{width: 10em;position: absolute;right: 0;top: 0;z-index: 1;}
.section-default header{width: 100%;position: relative;border-bottom: 1px solid #fff;background: #ddd;overflow: hidden;}
.section-default header .logo-header{width: 27em;position: relative;top: inherit;left: inherit;padding: 6em 0 3em 6em;}
.section-default .container{width: 60%;max-width: 1280px;padding-top:5em;}


/* //// ERROR 404
///////////////////////////////////////////////*/
.error404-ct{min-height: 100vh;}

/* //// DEFAULT
///////////////////////////////////////////////*/
.section-default .container h1{font-size:200%;letter-spacing: 0;font-size: 3em;padding-top: relative;margin-bottom: .5em;}
.section-default .container h2{font-size:2em;margin-top:1em;font-weight: 500;text-transform: inherit;}



/*RECAPTCHA V3*/
.grecaptcha-badge {display:none !important;}


/* Placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}

/* MENU.Cambiamos a móvil */
/************************************************************************
    MENU
************************************************************************/

.main-nav-ct {
    width: 48%;
    left: 101%;
    font-size: 110%;
    top: 0;
    padding: 0;
    height: 100%;   
    background: rgba(0,0,0,1) url('images/svgs/nowall-menu.svg') no-repeat bottom right;
    background-size: 100%; 
    color: #000;
    font-family: 'extrabold', serif;
    font-weight: 500;
    position: fixed; 
    z-index: 200;
    -ms-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease; 
}


.main-nav-ct a {color: #b6b6b6; cursor: pointer; position: relative;}
.main-nav-ct ul li a:hover {color: #4b8449;}
.main-nav-ct ul li.current-menu-item > a {color: #4b8449;}

.menu-wp,
.menu-ct {height: 100%; width: 100%;}
.menu-ct .imago-menu{width: 19%;position: relative;margin: 6em auto 0 auto;}

.menu-wp {overflow: auto; display: table}
.menu-ct {display: table-cell; /*vertical-align: middle;*/}

/* Menu principal */
.site-navigation {position: relative;z-index: 20;width: 16%;margin: 3em auto}
/*.site-navigation::after {content: ''; width: 60%; height: 4px; background: #000; position: absolute; bottom: -2em; left: 0}*/
.site-navigation > ul {}
.site-navigation ul li {color: #000; cursor: pointer; position: relative; padding: .3em 0 .5em 0;text-align: center;border-bottom: 1px solid #fff;margin-bottom: .2em;}
.site-navigation ul li.item-home {display: none;}
.site-navigation ul li a {position: relative; display: block; font-size: 130%; line-height: 1;font-weight:500;}
/*
.site-navigation ul li a::after {content: ''; width: 100%; height: 100%; position: absolute;  z-index: -1; bottom: .4em; left: 0; background: #f3f3f3; opacity: 0; visibility: hidden;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease;
}*/

.site-navigation ul li a:hover {}
.site-navigation ul li a:hover::after {opacity: 1; visibility: visible;}
.site-navigation ul li a:hover .ocult-item {opacity: 1; visibility: visible;}

/* Submenu */
.main-nav-ct ul li ul.sub-menu { /*font-size: 55%; */display: none; border-left: 0.15em solid #b6b6b6; padding-left: 1em; margin: .4em 0}
.main-nav-ct ul li.current-page-ancestor ul.sub-menu {display: block;}
.nav-trigger,
.nav-utilities {display: block; position: fixed; cursor: pointer; z-index: 600; font-size: 18px;}

/* Menu trigger */
.nav-trigger {width: 42px; height: 27px; top: 30px; right: 30px; padding: 10px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.nav-trigger.noback {background: none; background-position: bottom right}
.nav-trigger div.btn-nav {display: block; position: relative;}
.nav-trigger * {display: inline-block;}
.nav-trigger .none {display: none;}

.nav-trigger .btn-nav-icon, 
.nav-trigger .btn-nav-icon:after, 

.nav-trigger .btn-nav-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 7px;
    width: 42px;
    cursor: pointer;
    background-color: #000;
    display: block;
    content: '';
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.nav-trigger .btn-nav-icon {transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.nav-trigger .btn-nav-icon:before {transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); }
.nav-trigger .btn-nav-icon:after {transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }

/* Hover & active state */
body.menu-open .main-nav-ct {left: 52%;}

.menu-open .nav-trigger {z-index: 1001; background: none; }

.nav-trigger:hover .btn-nav-icon, 
.nav-trigger:hover .btn-nav-icon:after, 
.nav-trigger:hover .btn-nav-icon:before,
.nav-trigger.hover .btn-nav-icon, 
.nav-trigger.hover .btn-nav-icon:after, 
.nav-trigger.hover .btn-nav-icon:before {background-color: #000 !important;}

.menu-open .nav-trigger .btn-nav-icon {background-color: transparent !important; box-shadow: none !important}
.menu-open .nav-trigger .btn-nav-icon:before,
.menu-open .nav-trigger .btn-nav-icon:after {top: 11px; background-color: #4b8449; box-shadow: none !important}
.menu-open .nav-trigger .btn-nav-icon:before {
    -ms-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
}
.menu-open .nav-trigger .btn-nav-icon:after {
    -ms-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.touch .nav-trigger.nav-white:hover .btn-nav-icon,
.touch .nav-trigger.nav-white.hover .btn-nav-icon,
.touch.menu-open .nav-trigger:hover .btn-nav-icon,
.touch.menu-open .nav-trigger.hover .btn-nav-icon,
.touch .nav-trigger.nav-white.active:hover .btn-nav-icon,
.touch .nav-trigger.nav-white.active.hover .btn-nav-icon,
.nav-trigger.nav-white.active:hover .btn-nav-icon,
.nav-trigger.nav-white.active.hover .btn-nav-icon {background-color: #FFF}

/* Colores  */
.nav-trigger.white .btn-nav-icon, 
.nav-trigger.white .btn-nav-icon:after, 
.nav-trigger.white .btn-nav-icon:before {background-color: #FFF; }

.nav-trigger.black .btn-nav-icon, 
.nav-trigger.black .btn-nav-icon:after, 
.nav-trigger.black .btn-nav-icon:before {background-color: #000}

/* Fixed */
.nav-trigger.nav-fixed:not(.active) { background: rgba(255, 255, 255, .5); border-radius:0;}

/* BLANCO */
.nav-white .btn-nav-icon, 
.nav-white .btn-nav-icon::after, 
.nav-white .btn-nav-icon::before {background: #4b8449;}
.nav-trigger.nav-white.nav-fixed:not(.active) {background: rgba(255, 255, 255, .5);}

/* Menú abierto
//////////////////////////////////////////////////// */
.menu-open .main-nav-ct {left: 50%;}