/* Theme Name: amalumbres
Theme URI: https://www.malumbres.es
Author: You Media
Author URI: http://www.youmedia.es
Description: Theme creado para Álvaro Marín Malumbres por You Media.
Version: 1.2
License: Copyrighted
*/
@import url('css/reset.css');
@import url("https://use.typekit.net/bpv7hbs.css");
@import url('css/fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&display=swap');
/* Structure
//////////////////////////////////////////////////// */
html {overflow-y: auto !important; overflow-x: hidden;}
body {font-family:'Heebo'; font-weight: 400; font-style: normal; font-size:.9em; line-height: 120%;
background-color: #000; color: #000;
/*letter-spacing: -0.01em; *//*overflow-x: hidden;*/
text-rendering: optimizeLegibility; height: auto; min-height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga', 'kern';
}
.wrapper {position: relative; margin: 0; width: 100%; min-height: 100%; height: auto; outline:none; /*overflow: hidden;*/}
.noscroll {overflow: hidden;}
.nofull {height: auto;}
.fullheight,
.fullheight canvas { height: 100%; min-height: 680px;}
section {position: relative; overflow: hidden;}
/*.menu-hidden section {padding-left: 0;}*/
a {outline:none !important; color: #000;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
a:hover {color: #000}
a[disabled]{opacity: .3; pointer-events: none;}
abbr {text-decoration: none;}
b, strong, .bold {font-weight: 700;}
.xbold {font-weight: 900;}
.nobold {font-weight: 400;}
p{margin:.5em 0;}
.text-left,
.text-justify h1,
.text-justify h2,
.text-justify h3,
.text-justify h4,
.text-justify h5
.text-justify h6 {text-align: left;}
.text-justify {text-align: justify;}
.text-center {text-align: center;}
.text-right {text-align: right}
.text-xxsmall {font-size: 70%; line-height: 130%}
.text-xsmall {font-size: 80%; line-height: 120%}
.text-small {font-size: 90%; line-height: 120%;}
.text-med {font-size: 110%;}
.text-big {font-size: 120%; line-height: 1}
.text-xbig {font-size: 130%; line-height: 1}
.text-xxbig {font-size: 145%; line-height: 1}
.text-xxxbig {font-size: 205%; line-height: 1}
.text-xxxxbig {font-size: 255%; line-height: 1}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
mark {color: #FFF; background: #000; padding-left: 5px; padding-right: 5px;}
::-moz-selection {color: #FFF; background: #000; opacity: 1}
::selection {color: #FFF; background: #000}
.animado {visibility: hidden;}
/*html.touch .animado {
-webkit-animation-name: none;
animation-name: none;
}*/
span.none{display: none;}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.ocult-item {opacity: 0; visibility: hidden;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
/* Colores */
.greylight {color: #929292 !important}
.grey {color: #666 !important}
.grey-medium {color: #90908f !important}
.greydark {color: #353535 !important}
.black {color: #000 !important}
.white {color: #FFF !important}
.blue {color: #000 !important}
.topo{color: #929292}
.metodo-a{color: #d69685}
.metodo-b{color: #e57c97}
.metodo-c{color: #d6c378}
.metodo-d{color: #969dbc}
.metodo-e{color: #a27f93}
.metodo-f{color: #598cb7}
.metodo-g{color: #656ed2}
.metodo-h{color: #8771c1}
a.grey:hover,
a.greydark:hover,
a.black:hover {color: #FFF !important}
a.greylight:hover,
a.white:hover,
a.blue:hover {color: #dedede !important}
a.bg-grey{background:#929292;}
.bg-greylight:not(.btn) {background: #b5b7ad !important;}
.bg-grey:not(.btn) {background: #999 !important;}
.bg-greydark:not(.btn) {background: #353535 !important;}
.bg-black:not(.btn) {background: #000 !important;}
.bg-white:not(.btn) {background: #FFF !important; color: #000; }
.bg-blue:not(.btn) {background: #000 !important; color: #FFF !important}
.bg-blue.block-blue {padding: 2em 4em; margin-top: 1em;}
.bg-blue.block-blue a {color: #FFF; text-decoration: underline;}
.bg-blue.block-blue .wp-block-image img {max-height: 4em; width: auto;}
.bg-blue.block-blue .wp-block-image img {max-height: 4em; width: auto;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {background: #000; font-size: 1em; padding: 4px 8px 8px}
.grayscale {
/*-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");*/
-webkit-filter: grayscale(1); /* Old WebKit */
filter: grayscale(1);
}
/* Fixed */
/* Preloader */
#preloader {position: fixed; top: 0; width: 100%; height: 100%; z-index: 3000; background: #ABC0CB}
#loader {position:absolute; width: 100%; height: 100%; left: 0; top: 50%; text-align: center; }
#loader svg {width: 230px; height: 120px; margin-top: -60px;overflow: visible; opacity: .8}
/* */
.header-photo {display: block; width: 100%; max-width: 1000%; position: relative;}
.ct {position: relative;}
.ct::before,
.ct::after,
.navigation ul::before,
.navigation ul li::before,
.navigation ul li::after,
.entry-content .wp-block-navigation ul li::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 0}
/* Iconos */
i {
display: inline-block;
/*-ms-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease; */
position: relative;
}
.svg-ct {height: 100%; display: block;}
.svg-ct img {width: 100%; max-width: 1000%;}
/************************************************************************
MENU
************************************************************************/
.imago-menu-mobile{display: none;}
li.item-home{display: none;}
.menu-wp{width: 90%;float: left;}
.imago-menu{width: 3%;float: left;padding:1.9em 1% 1.9em 3%;}
ul.menu {position: relative; z-index: 20;}
ul.menu > li {display: inline-block; padding: 0 .5em; position: relative;font-family: 'Heebo';}
ul.menu > li a {display: inline-block; text-decoration: none; cursor: pointer; position: relative;
font-weight: 500; font-style: normal; color: #b5b5b5;}
ul.menu > li a:hover,
ul.menu li.current-menu-item > a {color: #535353;}
.bg-corporativo-menu-mobile{display: none;}
/* Menus del header */
.main-nav-ct {
width: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 100;
background: #000;
}
.menu-ct {text-transform: uppercase;}
.site-navigation {line-height: 1;}
.site-navigation ul.menu {display: inline-block;padding: 1em;}
.site-navigation ul.menu li.item-home{display: none;}
.site-navigation ul.menu > li {display:inline-block; margin: 0; padding: .5em .7em 0 .7em;font-size: 1.56em;}
.site-navigation ul.menu > li > a {padding: .3em 0; letter-spacing: -0.08em;
position: relative; display: block; font-weight: 600;font-family:'Heebo';}
.site-navigation ul.menu > li > a:hover{text-decoration: none;}
/* Menu principal */
body.page-template-home .site-navigation ul li.item-home {display: none;}
/* Menu trigger */
.nav-trigger {position: fixed; cursor: pointer; z-index: 600;
width: 2.4em; height: 2.4em; right: 1.5em; top: .5em; overflow: hidden;
position: fixed;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.nav-trigger div.btn-nav {display: block; position: relative;}
.nav-trigger * {display: inline-block;}
.nav-trigger .btn-nav-text {display: none; }
.nav-trigger .btn-nav-icon {width: 100%; height: 2.8em; top: 0; left: 0; position: absolute;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.nav-trigger .btn-nav-icon i,
.nav-trigger .btn-nav-icon i:after,
.nav-trigger .btn-nav-icon i:before {
position: absolute;
top: 1.1em;
left: 0;
height: 4px;
width: 100%;
display: block;
cursor: pointer;
background-color: #FFF;
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 i:before {transform: translate3d(0, -1.7em, 0); -webkit-transform: translate3d(0, -1.7em, 0); }
.nav-trigger .btn-nav-icon i:after {transform: translate3d(0, -0.5em, 0); -webkit-transform: translate3d(0, -0.5em, 0); }
/* Hover & active state */
.nav-trigger:hover .btn-nav-icon i,
.nav-trigger:hover .btn-nav-icon i:after,
.nav-trigger:hover .btn-nav-icon i:before,
.nav-trigger.hover .btn-nav-icon i,
.nav-trigger.hover .btn-nav-icon i:after,
.nav-trigger.hover .btn-nav-icon i:before {background-color: #929292;background-color: #fff;}
/* Open menu state */
body.menu-open .nav-trigger {z-index: 1001; top: 1em;}
body.menu-open .nav-trigger .btn-nav-icon {}
body.menu-open .nav-trigger .btn-nav-icon i {background-color: transparent !important; box-shadow: none !important}
body.menu-open .nav-trigger .btn-nav-icon i:before,
body.menu-open .nav-trigger .btn-nav-icon i:after {background-color: #929292 !important; box-shadow: none !important;}
body.menu-open .nav-trigger .btn-nav-icon i:before {
-ms-transform: translate3d(0em, -1em, 0) rotate(45deg);
transform: translate3d(0em, -1em, 0) rotate(45deg);
-webkit-transform: translate3d(0em, -1em, 0) rotate(45deg);
}
body.menu-open .nav-trigger .btn-nav-icon i:after {
-ms-transform: translate3d(0em, -1em, 0) rotate(-45deg);
transform: translate3d(0em, -1em, 0) rotate(-45deg);
-webkit-transform: translate3d(0em, -1em, 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}
.navigation {position: relative;line-height: 1;}
.navigation > ul > li,
.mec-links-details > ul > li {display: inline-block; vertical-align: top; margin: 0; position: relative; cursor: pointer;}
.navigation > ul > li::before,
.entry-content .wp-block-navigation ul li::before {/*background-color: #FFF; top: 0.2em; left: -0.7em; width: 0.15em; height: 100%; height: calc(100% - 0.25em);*/}
.navigation > ul > li:first-of-type::before {display: none;}
.navigation > ul > li > a {display: block; color: #b5b5b5;letter-spacing: -.04em;}
.navigation > ul > li > a:hover,
.navigation > ul > li.current-menu-item a {color: #000;}
.navigation > ul > li.social-item:first-of-type::before {display: none;}
.navigation > ul > li.social-item > a {display: block; color: #e5e6e0;letter-spacing: initial;}
.navigation > ul > li.social-item > a:hover{color: #000;}
.navigation.black > ul > li::before {background-color: #000;}
.navigation.black > ul > li > a {color: #000;}
.navigation.grey > ul > li > a {color: #666;}
.navigation.black > ul > li > a:hover,
.navigation.grey > ul > li > a:hover {color: #000 !important;}
/* Imagenes */
img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden; text-align: center}
img.alignleft {float: left; margin: 1.4em 3.7% 8px 0;min-height: 7em;}
img.alignright {float: right; margin: 1.4em 0 8px 3.7%; min-height: 7em;}
img.fullwidth,
img.thumb {width: 100%; max-width: 1000%; display: block;}
.nav-block {background-color: #000; position: relative; overflow: hidden; padding: 3em 0 1.4em}
.menu-nav:before,
.nav-block:before {width: 100%; height: 200%; left: auto; top: auto; bottom: -100%; right: -11%;
background-size: 65%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.nav-block .imago * {
-ms-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* Menu principal */
/* Menú idiomas */
.nav-lang{position: absolute;font-family: 'Heebo';font-weight: 500;right: 2em;top:1.8em;z-index: 110;}
.nav-lang ul li{border-right: 2px solid #929292;margin: 0;list-style-type: none;display: inline-block;}
.wpml-ls-legacy-list-horizontal{padding: 7px 0;}
.wpml-ls-legacy-list-horizontal a{padding: 0 0 0 0;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child{padding-right: 0;}
.nav-lang ul li a{margin-right: .2em;margin-left: .35em;}
.nav-lang ul li:last-child{border-right: none;}
.nav-lang ul li:last-child a{margin-right: 0;}
li a.wpml-ls-link{color:#84857e!important;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item{position: relative;padding-right: .2em;font-family: 'Heebo';}
li.wpml-ls-current-language a.wpml-ls-link{color:#535353!important;}
/* Scroll Down
//////////////////////////////////////////////////// */
.dummy {position: absolute; bottom: 0; z-index: 0; width: 100%;}
#dummytop {max-height: 240px; height: 37%;}
/* CONTENT
//////////////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-subtitle, .main-title {font-weight: normal; line-height: 1; text-transform: uppercase; font-weight: 700;font-family: 'Heebo';}
h1, .entry-title, .main-title {font-size: 300%; line-height: 110%; padding-bottom: .2em;letter-spacing: -0.04em;}
h2, .entry-subtitle {font-size: 205%; padding-bottom: .6em;letter-spacing: -.05em;}
h3 {font-size: 175%; padding-bottom: .5em; padding-top: .6em;}
h4 {font-size: 150%; margin-top: 1.5em; padding-bottom: .5em;}
h5 {font-size: 130%; font-weight: 400}
h6 {font-size: 110%; font-weight: 400}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {}
a .title-imago {display: block;}
.title-imago .imago {width: 50px; margin: .4em 0 }
.title-imago .imago svg path {fill: #000;}
.title-border {font-size: 4em; letter-spacing: -0.03em; padding-bottom: 20px; line-height: 1}
.entry-content h2.title-border {margin-top: 0}
.title-border.blue::after {background-image: url('images/bgs/borde-negro.svg');}
.title-border.text-big {font-size: 5.5em;}
.title-border.text-big::after {background-size: 30px;}
.title-border.text-center::after {margin-left: 50%; width: 218px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.title-border.text-xsmall {font-size: 1.4em;}
.title-border.text-xsmall::after {background-size: 12px;}
.title-border.text-center.text-xsmall::after{width: 107px; }
.title-border.text-small {font-size: 2.4em;}
/* padding: 1em 0 0.5em; font-size: 150%;*/}
p {margin: 1em 0}
/*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 !important;}
.floatRight {float: right !important;}
/* Imágenes */
img.aligncenter {display: block; margin: 1em auto; clear: both; overflow: hidden; width: 100%; max-width: 860px;}
img.alignleft {float: left; margin: 0 3.7% 8px 0;}
img.alignright {float: right; margin: 0 0 8px 3.7%;}
.wp-block-image {text-align: center}
.container {margin: 0 auto; width: 80%; /*max-width: 1280px;*/ position: relative; padding: 4em 0}
.container.full-width {width: 100%;}
.container.big-width {width: 88%;}
.container.medium-width {width: 70%;}
.container.small-width {width: 60%;}
.container.xsmall-width {width: 48%;}
.entry-content,
.hidden-content {position: relative; z-index: 69;}
.hidden-content {display: none; clear: both;}
.entry-content img {max-width: 100%; height: auto}
.entry-content ul,
.entry-content ol {margin-top: 1em; margin-bottom: 1.3em; text-align: left}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul
.entry-content ol ol {margin-top: .5em; margin-bottom: .5em;}
.entry-content ol {margin-left: 3.5em}
.entry-content ul li {padding-bottom: .2em; position: relative;}
.entry-content ol li {padding-bottom: .2em; list-style-type: decimal;}
.entry-content ul ol li::before {display: none;}
.entry-content p.text-right,
.entry-content ul.text-right,
.entry-content ol.text-right,
.entry-content ul li.text-right,
.entry-content ol li.text-right {text-align: right !important}
.entry-content p {margin: 1em 0; }
.container.entry-text {margin-top: 1em; margin-bottom: 1em;}
.entry-content .entry-text { margin-top: .8em;}
.entry-content .entry-container {max-width: 48%; margin-left: auto; margin-right: auto}
.entry-content h2.entry-subtitle {margin-top: 0.4em;}
.entry-content h2:not(.entry-title) + p {margin-top: 0}
.entry-content h2:not(.entry-title) + h3 {padding-top: 0;}
.entry-content iframe {width: 58%; height: 21em; margin-left: auto; margin-right: auto; max-width: 36em; display: block;}
blockquote {
padding: 1em 2em;
clear: both;
font-size: 160%;
font-style: normal;
line-height: 100%;
background: #e1e1e1;
}
.entry-content blockquote {
float: right;
margin: 0 1em 1em;
max-width: 34%;
}
blockquote p::before {content: '“'; display: inline;}
blockquote p::after {content: '”'}
blockquote p {margin: .25em 0 !important}
blockquote cite {font-style: normal; font-size: 75%; font-weight: 900}
hr,
hr.wp-block-separator {margin: 1em 0; background: none; border: 0; border-top: 1px solid #ececec;}
.claim-bar {padding: 5em 16%; background: url('images/bgs/gradient.png') repeat-y 0 0; background-size: 100%; color: #FFF;}
.claim-bar blockquote.claim {padding: 0; margin: 0}
.claim-bar blockquote.claim * {font-size: 100%; padding: 0; margin: 0}
.entry-summary {}
/* FILAS Y COLUMNAS
//////////////////////////////////////////////////// */
.row {clear: both; overflow: hidden; position: relative; display: block;}
.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;
column-count: 2;
column-gap: 4em;
column-rule: none;
}
.col3-ct {
-moz-column-count: 3;
-moz-column-gap: 3em;
-moz-column-rule: none;
-webkit-column-count: 3;
-webkit-column-gap: 3em;
-webkit-column-rule: none;
column-count: 3;
column-gap: 3em;
column-rule: none;
}
[class^="col-"],
[class*=" col-"] {float: left; margin: 0}
.col-2 {width: 50%;}
.col-40 {width: 40%;}
.col-30 {width: 30%;}
.col-3 {width: 33.33333%;}
.col-4 {width: 25%;}
.col-5 {width: 20%;}
.col-6 {width: 16.666666%;}
.col-60 {width: 60%;}
.col-2-3 {width: 66.666666%;}
.col-75 {width: 75%;}
.col-80 {width: 80%;}
.col-90 {width: 90%;margin: 0 5%;float: left;position: relative;}
.col-1 {width: 100%;}
/*.col-2:nth-child(even),*/
.col-3:nth-child(3n+1),
.col-4:nth-child(4n+1),
.col-5:nth-child(5n+1),
.col-6:nth-child(6n+1) {clear: left;}
.columns {display: flex; flex-wrap: wrap; justify-content: center; align-content: start;}
.loop-noticias .columns [class^="col-"],
.loop-noticias .columns [class*=" col-"] {float: none;}
.loop-noticias .col-3:first-of-type, .col-3:nth-of-type(3n+1){margin-left: 0;}
.loop-noticias [class^=col-], [class*=" col-"]{
display: inline-block;
vertical-align: top;
margin: 0 0 1em;
}
/* ALINEACION VERTICAL
//////////////////////////////////////////////////// */
.vertical-align-container {height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 99}
.vertical-align-ct {height: 100%; display: table !important; width: 100%}
.vertical-align-inner {display: table-cell !important; vertical-align: middle;}
/* PESTAÑAS / TABS
//////////////////////////////////////////////////// */
.tabs {height: 100%; position: relative; clear: both;}
.tab-nav {position: relative; margin-top:0; clear: both; overflow: hidden; }
.tab-nav li {display: inline-block; margin-right: 0.5em; }
.tab-nav li a {display: block; color: #000; padding: .4em;}
.tab-nav li a i {
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
transition: color 0.4s ease;
}
.tab-nav li.active a {color: #FFF}
.tab-nav.title-border {padding: 0; font-size: 130%;}
.tab-nav.title-border li a { text-transform: uppercase;}
.tab-nav li span{vertical-align: middle;
margin: .7em .2em 0 .2em;
-ms-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-transform: uppercase;
font-size: 1.7em;
font-family: 'Heebo';
display: none;}
.tab-nav li a{color: #e5e6e0!important;}
.tab-nav li a:hover{color: #fff!important;}
/*.tabs-show .tab-content {margin-top: 1em;}
.tabs-show .tab-content p {margin: 1em 0}
.tabs-show .tab-content p:first-of-type {margin-top:0}
*/
/* TOGGLES
//////////////////////////////////////////////////// */
.btn-toggle {}
.btn-toggle span,
.btn-toggle i,
.btn-toggle-alt i {/*display: none;*/}
.btn-toggle i.active,
.btn-toggle-alt i.active {display: inline;}
.btn-toggle.active {}
.btn-toggle.active::after {}
.btn-toggle.floatLeft {margin-left: -4px;}
.toggle-content {display: none }
.toggle-content.togg-small {display: block; height: 100px; overflow: hidden;}
.toggle-content.togg-small:not(.active)::after {height: 100%; background-image: linear-gradient(to bottom, rgba(235,235,235,0), #ebebeb);}
.toggle-content.togg-small.active {height: auto}
/* PUSH CONTENT
//////////////////////////////////////////////////// */
.push-container {position: relative; padding: 1px 0;}
.push-content {margin-left: 200%; position: relative; width: 100%; top: 0;
-webkit-transition: margin .4s linear;
-moz-transition: margin .4s linear;
-o-transition: margin .4s linear;
transition: margin .4s linear;
}
.push-content.active {margin-left: 0}
.push-content .entry-content > h2,
.push-content .entry-content > h3,
.push-content .entry-content > h4 {margin-top: 0.5em}
/* ACORDEONES
//////////////////////////////////////////////////// */
.expanded {}
/*.collapsed {}*/
.acc-ct:not(.default) {display:none; }
/* SLIDERS
//////////////////////////////////////////////////// */
.flexslider,
.slides li {position: relative;}
.slides img {display: block; width: 100%; max-width: 1000%}
/* Default */
.flex-direction-nav a {color: #FFF; width: 36px; height: 36px; top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flex-direction-nav a:before {text-shadow: 0 0 2px rgb(0 0 0 / 60%); font-size: 30px; font-family: 'icons'; margin: 3px;}
.flex-direction-nav a:hover {color: #999; border-color: #999;}
.flex-direction-nav a.flex-next {right: 1.5em}
.flex-direction-nav a.flex-next:before {content: '\e804';}
.flex-direction-nav a.flex-prev:before {content: '\e800';}
.flex-direction-nav a.flex-prev {left: 1.5em}
.flex-control-nav {bottom: 3em; z-index: 150 }
.flex-control-nav li {margin: 0 .8em}
.flex-control-paging li a {border: 1px solid #FFF; width: 16px; height: 16px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.flex-control-paging li a.flex-active {background: #FFF}
/* Carrusel Galeria */
.owl-carousel .owl-item a img{filter: saturate(.6);}
.owl-carousel .owl-item a:hover img{filter: saturate(1);}
.noticia-carousel {padding-bottom: 2em;}
.gallery-carousel {border-top: 4px solid #000; background-color: #eee;}
p.gallery-caption {position: absolute; bottom: 0; width: 90%; padding: .4em 5%;}
/* Fullscreen slider (FLEXSLIDER) */
.flexslider.fullheight .slides > li,
.flexslider.fixedheight .slides > li {background-repeat: no-repeat; background-size: cover; background-position: center;
position: relative; height: 100%; clear: none; }
.flexslider.fixedheight .slides > li {height: 500px;}
/*.flexslider .flex-direction-nav .flex-disabled {opacity: 1 !important}*/
/* Botón de vídeo del slider */
.slider-video::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45); z-index: 1}
.slider-video .gal-videolink {position: absolute; top: 50%; left: 50%; z-index: 99;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
/* CARRUSEL / CAROUSEL
//////////////////////////////////////////////////// */
.owl-carousel .owl-stage {margin-left: auto; margin-right: auto}
.owl-carousel .owl-stage-outer::before,
.owl-carousel .owl-stage-outer::after {content: ''; width: 2em; height: 100%; position: absolute; top: 0; z-index: 30}
.owl-carousel .owl-stage-outer::before {left: 0;}
.owl-carousel .owl-stage-outer::after {right: 0;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {position: absolute; overflow: hidden; color: #000; width: 42px; height: 38px; z-index: 60;
top: 38%; outline: none;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
transform: translatey(-50%);
}
.owl-carousel .owl-nav .owl-next {right: -3em}
.owl-carousel .owl-nav .owl-prev {left: -3em}
.owl-carousel .owl-nav .owl-next::before, .owl-carousel .owl-nav .owl-prev::before {display: block; font-family: 'icons';
font-size: 32px; margin: 0; line-height: 100%; color: #000;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.owl-carousel .owl-nav .owl-next::before {content: '\e802';}
.owl-carousel .owl-nav .owl-prev::before {content: '\e800';}
.owl-carousel .owl-nav .owl-next:hover::before, .owl-carousel .owl-nav .owl-prev:hover::before {color: #000}
.owl-carousel .owl-nav .disabled {opacity: 0}
/* SUSCRIPCIÓN / FORM
//////////////////////////////////////////////////// */
.sib-form {padding: 0 !important; font-size: inherit !important;}
.sib-form .entry__label {display: none !important}
.sib-form .entry__field {border-radius: 2em;}
.sib-form-message-panel{background: yellow;}
.no_p_b {padding-bottom: 0 !important}
.container-nl.small-width {width:100%;margin: 0 auto;}
.sib-container--large {background: #e8e6e0!important;padding: 0!important;}
.sib-form-block{padding: 0 0 0 0;}
.sib-form .entry__field{border-radius: 0;}
.sib-form .entry__field{border: none!important;}
.sib-form .entry__field{border-bottom: 1px solid #fff!important;}
.sib-input.sib-form-block input{font-family:'Heebo'!important;font-size: 1em;color:#000;background: #000;}
.entry__choice label p{color: #000;}
.sib-form__declaration p{color: #fff;line-height: normal;}
.sib-form .entry__specification{font-size: .9em;color: #000;text-align: left;}
.sib-form-block__button-with-loader{background: #000;color: #fff;font-family:'Heebo', sans-serif;font-size: 1em;padding: .5em 1em;margin-top: 1em;min-height: 18px;line-height: 14px;}
.sib-form-message-panel{background:#000;border: none;margin-top: 2em;}
.sib-form .entry__specification{max-width: 100%;}
.entry-content .sib-input.sib-form-block p{margin: 0 0!important;}
.sib-form .entry__choice{padding-left: 0!important;}
.entry-content .form__label-row p{margin: 0 0!important;display: contents;color: #fff;}
.sib-form .entry__error{line-height: 0;}
.sib-form .entry__choice{text-indent: 0;margin-top: 0;}
.sib-form-block{text-align: left!important;}
.form__label-row input::-webkit-input-placeholder {color: #fff; }
.form__label-row input:-moz-placeholder {color: #fff; opacity: 1; }
.form__label-row input::-moz-placeholder {color: #fff; opacity: 1; }
.form__label-row input:-ms-input-placeholder {color: #333; }
.home .sib-form .entry__field{background:#e8e6e0;}
.sib-form .input_replaced{position: relative;opacity: 1;z-index: 1}
label .entry__specification{font-size: .8em;}
.sib-form__declaration{padding: 0 0;}
.sib-input.sib-form-block input{font-weight: 600;}
.sib-form .entry__choice+.entry__error, .sib-form .entry__choice+.entry__specification,
.sib-form .entry__error+.entry__error, .sib-form .entry__error+.entry__specification,
.sib-form .entry__specification+.entry__error,
.sib-form .entry__specification+.entry__specification{color: #666;line-height: normal;}
.sib-input.sib-form-bl{background: #000!important;}
.sec-comunicacion #sib-container{background:#fff!important;}
.sec-comunicacion .sib-input.sib-form-block input{background:#fff!important;}
.sec-comunicacion .form__label-row input::-webkit-input-placeholder {color: #000; }
.sec-comunicacion .form__label-row input:-moz-placeholder {color: #000; opacity: 1; }
.sec-comunicacion .form__label-row input::-moz-placeholder {color: #000; opacity: 1; }
.sec-comunicacion .form__label-row input:-ms-input-placeholder {color: #333; }
.sec-comunicacion .sib-form__declaration p{color: #000;}
.sec-comunicacion .entry-content .form__label-row p{color: #000;}
.sec-comunicacion .sib-form .entry__field{border-bottom: 1px solid #000!important;}
.sec-comunicacion .loop-noticias .entry-content.active{width: 100%;margin: 0 auto;background:#000;margin-top: 2em;position: relative;background: #000000 url('images/svgs/icon-close.svg') no-repeat 0 0;background-size:100%;}
.sec-comunicacion .loop-noticias .entry-content.active .btn-toggle{width: 100%;padding-bottom: 2em;background: none;color: #000;}
.sec-comunicacion .loop-noticias .entry-content.active:before{content: 'X';color: #fff;font-family: 'Heebo';font-weight: 600;font-size: 2em;top: 1em;right: 1em;position: absolute;width:1px;}
.sec-comunicacion-top .col-left .form__label-row p{margin: 0 0!important;display: inline;}
/* TABLAS
//////////////////////////////////////////////////// */
table {width: 100%; border: 0; /*font-size: 80%;*/}
table caption {display: none;}
table th,
table td {padding: .6em 1em; color: #000; border-bottom: 1px solid #dedede; background-color: #FFF}
table th {font-weight: 900 !important; text-transform: uppercase; background-color: transparent; border-bottom: 3px solid #000 }
table tr:nth-child(odd) th,
table tr:nth-child(odd) td {}
/* SCROLL */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: 0.5em;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: transparent;}
/* MÁSCARAS DE IMAGEN
//////////////////////////////////////////////////// */
.imgmask-ct {display: block;overflow: hidden;position: relative;}
.imgmask-ct::before {content: ''; position: absolute; top: 0; left: 0; display: block; z-index: 5; height: 100%; width: 100%;
-ms-transition: all .8s ease;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
.imgmask-ct img { display: block; z-index: 1; width: 100%;max-width: 1000%;}
.imgmask-ct .imgmask-text {display: block; position: absolute; z-index: 10; color: #FFF; bottom: 0; left: 0; width: 86%;
padding: 0 7% 2em 7%;
}
.imgmask-ct .imgmask-text * {z-index: 50}
.imgmask-ct .imgmask-text .img-title {display: block; text-transform: uppercase;
font-size: 135%; padding-bottom: .2em; padding-top: 1em; max-width: 78%}
.imgmask-ct.mask-overlay::before {opacity: 1;}
.hover .imgmask-ct img,
a:hover .imgmask-ct img,
a.imgmask-ct:hover img {z-index: 0;}
.hover .imgmask-ct::before,
a:hover .imgmask-ct::before,
a.imgmask-ct:hover::before {opacity: 0}
.hover .imgmask-ct.mask-overlay::before,
a:hover .imgmask-ct.mask-overlay::before,
a.imgmask-ct.mask-overlay:hover::before {opacity: 1}
.hover .imgmask-ct .img-title,
a:hover .imgmask-ct .img-title,
a.imgmask-ct:hover .img-title {color: #14fce8}
/* EFECTOS DE IMAGEN
//////////////////////////////////////////////////// */
figure.zoomin img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
a:hover figure.zoomin img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/* Logo
///////////////////////////////////////////////////// */
/*.header-home .logo-claim{width: 6em;margin: 2em 0 0 2em;}*/
.logo-claim path{fill:#B4B7AD;}
/* Header
//////////////////////////////////////////////////// */
.header {position: absolute; top: 0; left: 0; overflow: hidden; z-index: 70}
.header p {margin: 0}
.header .entry-title {font-size: 150%; color: #FFF; padding-bottom: 0}
.header h1,
.header .main-title {color: #FFF;}
.header .main-title {padding-bottom: 0.1em; font-size: 270%;}
.header a {color: #FFF;}
.header a:hover {color: rgba(255,255,255,.65)}
.header .logo,
.header .imago {margin-top: 4em; margin-left: 3.5em;}
.header .logo { width: 15em; height: 3em;}
.header .imago {width: 10em; height: 5em; margin-top: 3em;}
.logo * {fill: #fff;}
.header svg.title-image {width: auto;}
/*.header svg.title-image.title-conocimiento {width: 546px;}
.header svg.title-image.title-cooperacion {width: 493px;}
.header svg.title-image.title-competitividad {width: 611px;}*/
.header.has-parent svg.title-image {margin-bottom: -0.6em}
/* Page default / TEXT
//////////////////////////////////////////////////// */
.page-template-default{background: #fff;}
.sec-default {/*background-color: #eee;*/}
.sec-default h1.text-center{text-align: left;}
.sec-default > .container{min-height: 580px; padding-top: 13em;}
.sec-default .entry-header {padding-bottom: 2em;}
.sec-default .featured-img {max-height: 20em; overflow: hidden;}
.sec-default .featured-img img {width: 100%; max-width: 1000%}
.sec-default .entry-header-block {margin: 0 23% 2.5em; padding: 1.5em 0 0.5em 1.5em; border-left: 1px dotted #CCC;}
.sec-default .entry-header-block h1 {color: #000; font-size: 180%;}
.sec-default .entry-header-block .entry-summary {font-weight: 100;}
/* ERROR404 page
//////////////////////////////////////////////////// */
/*section.error404-ct {}*/
/* Footer
//////////////////////////////////////////////////// */
.footer {clear: both; position: relative; /*z-index: 150;*/ bottom: 0; width: 96%; padding: 1.1em 2% 1.5em;background:#929292;}
.footer a.bottom-logo {display: block; position: absolute; left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer a.bottom-logo svg,
.footer a.bottom-logo img {height: 2em;}
.footer a.bottom-logo svg * {fill: #fff;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.footer a.bottom-logo:hover svg * {fill: #FFF}
.footer .footer-navigation.navigation {margin-top: 0.5em}
/* BOTONES
//////////////////////////////////////////////////// */
.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance:none !important;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: top;
font-size: 95%;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
font-family: 'Heebo';
color: #fff;
width: auto;
margin: .5em 0;
text-align: center;
padding: 0.7em 1.8em .6em;
z-index: 1;
background-color: transparent;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.bg-white{
-webkit-appearance:none !important;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: top;
font-size: 95%;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
font-family: 'Heebo';
color: #000;
width: auto;
margin: .5em 0;
text-align: center;
padding: 0.7em 1.8em .6em;
z-index: 1;
background-color:#fff;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wp-block-button__link{
-webkit-appearance:none !important;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: top;
font-size: 95%;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
font-family: 'Heebo';
color: #000;
width: auto;
margin: .5em 0;
text-align: center;
padding: 0.7em 1.8em .6em;
z-index: 1;
background-color:#fff;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wp-block-button__link:not(.wc-block-components-product-button__button) {color: #fff !important;background: #000;}
.wp-block-button__link:not(.wc-block-components-product-button__button) :hover,
.wp-block-button__link:not(.wc-block-components-product-button__button):hover {color: #fff !important;background: #000;}
.wp-block-button__link:not(.wc-block-components-product-button__button) :hover,
.wp-block-button__link:not(.wc-block-components-product-button__button):hover {color: #fff !important;background: #929292;}
.sec-manifiesto .is-style-outline>.wp-block-button__link:not(.has-background):hover,
.sec-manifiesto .wp-block-button__link.is-style-outline:not(.has-background):hover {background: #404040!important;color: #fff!important;}
.sec-manifiesto .wp-block-button__link:not(.wc-block-components-product-button__button):hover{background: #404040!important;color: #fff!important;}
.sec-home .wp-block-button__link:not(.wc-block-components-product-button__button) {color: #000 !important;background: #929292;}
.sec-home .wp-block-button__link:not(.wc-block-components-product-button__button) :hover,
.sec-home .wp-block-button__link:not(.wc-block-components-product-button__button):hover {color: #000 !important;background: #929292;}
.sec-home .wp-block-button__link:not(.wc-block-components-product-button__button) :hover,
.sec-home .wp-block-button__link:not(.wc-block-components-product-button__button):hover {color: #fff !important;background: #929292;}
.btn.bg-white:hover,
a:hover .btn.bg-white{background: #929292!important;}
/* Por defecto / Default */
.btn:hover,
.comment-reply-link:hover,
.wp-block-button__link:hover,
.mec-events-button:hover,
.mec-load-more-button:hover,
button:focus,
button:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus}
/* Fondo blanco */
.btn.bg-white,
button.bg-white,
input[type="button"].bg-white,
input[type="reset"].bg-white,
input[type="submit"].bg-white {background-color: #FFF; color: #000}
/* Fondo negro */
.btn.bg-black,
button.bg-black,
input[type="button"].bg-black,
input[type="reset"].bg-black,
input[type="submit"].bg-black {background-color: #000;font-size: 100%;}
/* Fondo negro BIG*/
.btn.bg-black,
button.bg-black,
input[type="button"].bg-black,
input[type="reset"].bg-black,
input[type="submit"].bg-black-big {background-color: #000;}
/* Fondo azul */
.btn.bg-blue,
button.bg-blue,
input[type="button"].bg-blue,
input[type="reset"].bg-blue,
input[type="submit"].bg-blue {background-color: #000; color: #FFF}
/* Fondo gris claro */
.btn.bg-greylight,
button.bg-greylight,
input[type="button"].bg-greylight,
input[type="reset"].bg-greylight,
input[type="submit"].bg-greylight {background-color: #e9e9e9; color: #000}
/* Fondo gris oscuro */
.btn.bg-greydark,
button.bg-greydark,
input[type="button"].bg-greydark,
input[type="reset"].bg-greydark,
input[type="submit"].bg-greydark {background-color: #353535;}
.btn.bg-white:hover,
button.bg-white:focus,
button.bg-white:hover,
input[type="button"].bg-white:hover,
input[type="button"].bg-white:focus,
input[type="reset"].bg-white:hover,
input[type="reset"].bg-white:focus,
input[type="submit"].bg-white:hover,
input[type="submit"].bg-white:focus,
.btn.bg-black:hover,
button.bg-black:focus,
button.bg-black:hover,
input[type="button"].bg-black:hover,
input[type="button"].bg-black:focus,
input[type="reset"].bg-black:hover,
input[type="reset"].bg-black:focus,
input[type="submit"].bg-black:hover,
input[type="submit"].bg-black:focus,
.btn.bg-greylight:hover,
button.bg-greylight:focus,
button.bg-greylight:hover,
input[type="button"].bg-greylight:hover,
input[type="button"].bg-greylight:focus,
input[type="reset"].bg-greylight:hover,
input[type="reset"].bg-greylight:focus,
input[type="submit"].bg-greylight:hover,
input[type="submit"].bg-greylight:focus,
.btn.bg-greydark:hover,
button.bg-greydark:focus,
button.bg-greydark:hover,
input[type="button"].bg-greydark:hover,
input[type="button"].bg-greydark:focus,
input[type="reset"].bg-greydark:hover,
input[type="reset"].bg-greydark:focus,
input[type="submit"].bg-greydark:hover,
input[type="submit"].bg-greydark:focus {background-color: #929292; color: #FFF}
.btn.bg-blue:hover,
.btn.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus,
input[type="button"].bg-blue:hover,
input[type="button"].bg-blue:focus,
input[type="reset"].bg-blue:hover,
input[type="reset"].bg-blue:focus,
input[type="submit"].bg-blue:hover,
input[type="submit"].bg-blue:focus {background-color: #929292;}
.btn.bg-white:hover{background: #929292;}
/* Tamaño de texto */
.btn.text-xsmall,
.comment-reply-link.text-xsmall,
.wp-block-button__link.text-xsmall,
button.text-xsmall,
input[type="button"].text-xsmall,
input[type="reset"].text-xsmall,
input[type="submit"].text-xsmall {font-size: 90%}
.btn.text-small,
.comment-reply-link.text-small,
.wp-block-button__link.text-small,
.mec-events-button.text-small,
.notices-wrapper .showlogin,
.notices-wrapper .showcoupon,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
button.text-small,
input[type="button"].text-small,
input[type="reset"].text-small,
input[type="submit"].text-small {font-size: 105%}
.btn.text-med,
.comment-reply-link.text-med,
.wp-block-button__link.text-med,
.mec-events-button.text-med,
button.text-med,
input[type="button"].text-med,
input[type="reset"].text-med,
input[type="submit"].text-med {font-size: 120%}
/* Mas / Plus // Redondos */
.btn-round {
display: inline-block; width: 30px; height: 30px; line-height: 30px; padding: 0; border-radius: 100%;
font-size: 80%; text-transform: uppercase;
}
.btn-round i {margin-left: 2px;}
.btn-round:hover {border-color: #000;}
/* Cerrar / Close */
.btn-close { position: absolute; top: 1em; right: 1em; z-index: 80; text-align: center; margin: 0}
/* Para acceder al contenido */
.access-down {display: inline-block;
animation: 1.4s ease-out normal none infinite floating;
-webkit-animation: 1.4s ease-out normal none infinite floating
}
@-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)}}
/* Botón con iconos */
.btn.icon-button {padding-left: 1em;}
.btn.icon-button i {margin-right: .2em;}
/* Varios
//////////////////////////////////////////////////// */
.overlay{z-index:1}
.overlay-video {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 200;
visibility: hidden; opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.overlay.inner {background: rgba(78,193,233,.8);}
.overlay.active {position: fixed;}
.overlay-video.active {z-index: 2000}
.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, .tablet, .none {display: none;}
.hidden {visibility: hidden !important; opacity: 0 !important;}
.active {visibility: visible !important; opacity: 1 !important;}
.fixed {position: fixed;}
footer.fixed {bottom: 0}
.entry-content p{margin: 1em 0;}
/* ==========================================================================
Corección plugin de cookies
========================================================================== */
#cookie-law-info-bar {position: absolute; opacity: .9; font-size: .8em; line-height: 130%; 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: #000 !important;}
#cboxLoadedContent {border: none !important; background: #FFF !important}
#cboxClose {
background: none !important;
height: 40px !important;
right: 0px !important;
top: -44px !important;
width: 40px !important;
text-indent: 0 !important;
/*padding: 8px 10px 0 !important;*/
overflow: hidden !important;
color: #FFF !important;
border-radius: 100%;
font-size: 80%; text-transform: uppercase;
}
/* Cerrar / Close */
#cboxClose:before { font-family: 'Heebo'; content: 'X'; font-size: 30px; line-height: 40px; margin-bottom: 1.5em; display: inline-block; }
#cboxClose:hover {background: none !important; color: #000 !important;}
#cboxContent {margin-top: 45px !important; background: #FFF !important;}
/* Titulo */
#cboxTitle {color: #FFF; font-weight: 700; text-transform: uppercase; top: -30px; }
/* Galería */
#cboxOverlay.gallery-colorbox {background: #000 url('images/bgs/bg-gallery.jpg') no-repeat center !important;
background-size: cover !important;}
.gallery-colorbox #cboxContent,
.gallery-colorbox #cboxLoadedContent { background: none !important;}
.gallery-colorbox #cboxLoadedContent {padding-right: 6px;}
.gallery-colorbox .cboxPhoto {}
#cboxPrevious, #cboxNext, #cboxSlideshow {overflow: hidden !important;}
.gallery-colorbox #cboxClose {color: #FFF !important}
#cboxPrevious,
#cboxNext {background: none !important; text-indent: 0 !important; width: 28px !important; height: 38px !important;
line-height: 38px !important; color: rgba(255,255,255,.8) }
#cboxPrevious {left: 4px !important;}
#cboxNext {right: 14px !important;}
#cboxPrevious:before,
#cboxNext:before {display: block; font-family: 'icons'; font-size: 38px; /*text-shadow: 1px 2px 5px rgba(0,0,0,0.5);*/ }
#cboxPrevious:before {content: '\e800';}
#cboxNext:before {content: '\e804';}
/*.gallery-colorbox #cboxTitle {position: absolute; top: auto; bottom: 0; left: 0; color: #FFF; background-color: rgba(0,0,0,.6); width: 96%; padding: 1em 2% 1.6em; text-transform: uppercase; letter-spacing: .03em; }*/
#cboxLoadingGraphic {background: url('images/loading.svg') no-repeat center center !important; background-size: 50px !important;}
/* Template page-lightbox */
#colorbox .wrapper {background: #FFF; height: auto; }
.page-colorbox#colorbox .entry-content {padding: 1.5em 4em 3em 4em; background: #FFF; margin-top: 2em; width: auto; float: none;
text-align: inherit;
}
.page-colorbox#colorbox .entry-content hr {background-color: #FFF; margin: 0em 0 0;}
.page-colorbox#colorbox .entry-header {padding: 1em 0 1.4em 0; margin: 0}
.page-colorbox#colorbox .entry-header h2 {font-size: 2em; line-height: 100%; color: #ABC0CB; text-transform: uppercase;}
.page-colorbox#colorbox .entry-content h3 {font-size: 140%; padding-bottom: 0.6em;}
.page-colorbox#colorbox .entry-content p + h3:first-of-type {padding-top: 1em;}
.page-colorbox#colorbox .entry-content h4 {text-transform: uppercase; font-size: 110%; line-height: 100%; padding-bottom: 0.4em}
.page-colorbox#colorbox .main-nav-ct,
.page-colorbox#colorbox .footer {display: none}
.lightbox-ct .entry-content a {color: #000; border-color: #000;}
/*.lightbox-ct h2 {font-size:150%; text-align: left}*/
.lightbox-ct{width: 40%;margin:0 auto; padding:3%; color: #000}
#cboxLoadedContent .lightbox-ct{width: 100%; margin: 0; padding:0; background:#fff;}
div.wpcf7-response-output{font-size:15px;}
/* SECCIONES HIJAS Y PUSH */
.section-child {position: absolute; width: 99%; height: 100%; top: 0; bottom: auto; right: -100%; padding-top: 0; visibility: hidden;
z-index: 60; background: #FFF; /*opacity: 0; */ overflow: visible;
-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
transition: all 1.2s ease;
}
.section-child .container,
.section-child .entry-content {height: 100%;}
.section-child .entry-text {height: 80%;}
.section-child.active {right: 0}
/* Por páginas
//////////////////////////////////////////////////// */
/* //// HOME
/////////////////////////////////////////////// */
.sec-home {width: 100%;position: relative;background: #000000;overflow: hidden;}
.sec-home h1{padding-bottom: 0;}
.sec-home .home-top {width: 100%;position: relative;background: #000000 url('images/bgs/home/home-top.jpg') no-repeat 0 0;background-size:100%;}
.sec-home .home-top .header-home{width:50%;position: absolute;/*margin: 0 25%;padding: 27em 0 16em 0;*/top: 27em;left: 25%;z-index: 2;}
.sec-home .home-top .header-home img.claim-impact{width: 47%;margin-left: 53%;margin-top: 2em;}
.sec-home .home-top .video-top video{width: 102%;position: relative;margin-left: -1%;}
.sec-home .home-center{width: 100%;position: relative;overflow: hidden;background: #fff;}
.sec-home .home-center .col-2 .ct-content-txt{background: #000;color: #929292;padding: 4em 3.5em 3em 3em;font-size: 1.3em;}
.sec-home .home-center .col-2 .ct-content-txt svg.imago{width: 3.6em;margin-bottom: 1.4em;}
.sec-home .home-center .col-2 .ct-content-txt svg.imago path{fill: #929292;}
.sec-home .home-center .col-2 .ct-content-txt p{line-height: 1.1em;}
.sec-home .home-center .col-2 .comunidad{width: 100%;position: relative;overflow: hidden;padding: 3em 3em 0 3.5em;}
.sec-home .home-center .col-2 .ct-content-video .video-bg video{width: 102%;margin-left: -1%}
.sec-home .home-center .col-2 .comunidad .col-left{width:auto;position: relative;margin-right: 1.5em;padding-top: .2em;}
.sec-home .home-center .col-2 .comunidad .col-left .navsocial ul li a{margin-right: .3em;}
.sec-home .home-center .col-2 .comunidad .col-left .navsocial ul li a:hover{color:#929292;}
.sec-home .home-center .col-2 .comunidad .col-right{width: auto;position: relative;}
.sec-home .home-bottom{width: 100%;position: relative;background: #000;}
.sec-home .home-bottom .home-bottom-top{width: 100%;position: relative;overflow: hidden;background: #000000 url('images/bgs/home/bg-bottom.jpg') no-repeat 0 0;background-size:100%;}
.sec-home .home-bottom .home-bottom-top .ct-content{width: 78%;position: relative;float: left;padding-top: 17em;z-index: 20;}
.sec-home .home-bottom .home-bottom-top .ct-content p{font-size: 192%;line-height: 1.1em;width: 70%;padding-left: 47%;font-weight: 500;letter-spacing: -.03em;}
.sec-home .home-bottom .home-bottom-top .img-decorativa{width: 22%;position: relative;float: left;}
.sec-home .home-bottom .home-bottom-top .img-decorativa:before {
content: '';
height: 100%;
width: 45%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, .6);
z-index: 2;
}
.sec-home .home-bottom .home-bottom-bottom{padding: 4em 0;}
.sec-home .home-bottom .home-bottom-bottom .ct-content{width: 60%;padding-left: 37%;color: #fff;}
.sec-home .home-bottom .home-bottom-bottom .ct-content a{color: #fff;font-weight: 600;}
.sec-home .home-bottom .home-bottom-bottom .ct-content a:hover{color: #bd2732;font-weight: 600;}
.sec-home .home-bottom .home-bottom-bottom .ct-content .logo-huete{width: 14em;margin-bottom: 1em;}
.imago-white{width: 75%;position: absolute;bottom: 9em;left: -40em;}
.bg-video{width: 100%;}
.bg-video video{width: 102%;}
.form-suscripcion-home{position:fixed;right: 0;top: 11.8em;z-index: 500;background:#000!important;}
.form-suscripcion-home input[type="submit"].bg-blue:focus,
.form-suscripcion-home .bg-blue:focus{background-color: #000!important;}
.form-suscripcion-home .btn.bg-blue:hover{background-color: #000!important;color:#666;}
.form-suscripcion-home .btn{position: fixed;right: 0;top: 10em;z-index: 10;}
.form-suscripcion-home .form-suscripcion{width: 100%;}
.form-suscripcion-home .form-suscripcion .sib-form form{width: 100%;padding: 2em 10% 1em 10%;}
.form-suscripcion-home .form-suscripcion .sib-form .entry__choice{color: #fff!important;font-size: .9em!important;}
.form-suscripcion-home .form-suscripcion .sib-form-block__button-with-loader{background: #fff!important;color: #000;}
.form-suscripcion-home .form-suscripcion .sib-container--large{background: #000!important;}
.sib-input.sib-form-block input{background: #000;border-bottom: 1px solid #fff;}
.sib-input.sib-form-block input placeholder{color: #000;}
.sib-form-block p.subtitle{position: relative;padding-bottom: 2em;}
/* VIDEO PLAYER */
.videoContainer {position: fixed; width: 800px; height: 450px; margin: 0 auto; top: 50%; left: 50%; margin: -250px 0 0 -400px;}
.video-popup {opacity: 0; visibility: hidden; z-index: -100;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
.video-popup.active {z-index: 60000;}
.video-popup .btn-close {top: -3em; right: 0; color: #FFF;}
/*.videoContainer .video-js {background: #FFF !important }*/
.videoContainer .video-js,
.videoContainer video {width: 100% !important; height: 450px !important;}
.fabrica-videos {margin: 4em 0 1em;}
.fabrica-videos a {display: block; background-color: #c20c01; margin: 0 .1em;}
.fabrica-videos img {}
.video-title {padding-bottom: .5em; font-size: 150%}
#colorbox .video-title {display: none;}
.vjs-you-skin {}
/* Change all text and icon colors in the player. */
.vjs-you-skin.video-js {color: #999; }
/* Change the color of various "bars". */
.vjs-default-skin.vjs-you-skin .vjs-control-bar {
background: rgba(0,0,0,.45);
opacity: 1 !important; visibility: visible !important;
}
.vjs-default-skin .vjs-control:before {text-shadow: none !important; }
.vjs-default-skin .vjs-slider {background-color: rgba(87,88,79,.6)}
.vjs-you-skin .vjs-volume-level,
.vjs-you-skin .vjs-play-progress,
.vjs-you-skin .vjs-slider-bar {
background: #E60700 !important;
}
.vjs-default-skin .vjs-big-play-button {background: none !important; width: 2.6em !important; margin-left: -1.4000000000000001em !important;
border: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-ms-transition: background .4s ease !important;
-webkit-transition: background .4s ease !important;
transition: background .4s ease !important;
}
.vjs-default-skin .vjs-big-play-button:before {left: 0.08em !important; color: #FFF !important; text-shadow: none !important; }
.vjs-default-skin .vjs-big-play-button:focus:before, .vjs-default-skin .vjs-big-play-button:hover:before {color: #a79462 !important}
/* Button play */
.vjs-default-skin .vjs-big-play-button:before {font-family: "icons" !important; content: "\e80d" !important; font-size: 2em;
line-height: 1.3em;}
/* VIDEO */
/* Galería */
.video-item {position: relative; display: block;}
/*.video-item::before {height: 100%; width: 20px; background-color: #fff; top: 0; left: -2px;}*/
.owl-item:first-of-type .video-item::before {display: none;}
.video-item::after {background: url('images/svgs/imago-white.svg') no-repeat bottom right; background-size: 2.6em;
width: 2.8em; height: 1.5em; left: auto; top: auto; bottom: .8em; right: .8em; }
.video-title {color: #000; font-size: 135%; padding-bottom: .2em;}
span.video-time{font-family: 'Heebo';font-weight: 600;font-size: 110%;text-transform: uppercase;}
.play-button {position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; color: #000; opacity: 0; visibility: hidden; display: block;
background-color: #FFF; height: 59px; width: 59px; border-radius: 100%;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
}
.video-item:hover .play-button {opacity: 1; visibility: visible;}
/* De fondo */
.video-bg {overflow: hidden;}
.video-bg video {width:70%; display: block; clear: both;margin: 0 auto;padding-top:0;}
/* //// MARÍN MALUMBRES
/////////////////////////////////////////////// */
.sec-marin-malumbres{width: 100%;position: relative;overflow: hidden;background: #fff;}
.sec-marin-malumbres .marin-malumbres-top{width: 100%;position: relative;background: #000 url('images/bgs/marin-malumbres/marin-malumbres.jpg') no-repeat top center;background-size: cover;padding-bottom:0;}
.sec-marin-malumbres .marin-malumbres-top .logotipo{width: 34%;position: relative;padding-top:14em;padding-left: 5%;}
.sec-marin-malumbres .marin-malumbres-top .logotipo img.claim-impact{width: 47%;padding-left: 53%;margin-top: 1.5em;}
.sec-marin-malumbres .marin-malumbres-top .ct-content{width: 30%;position: relative;margin-top: 12em;margin-left:5%;}
.sec-marin-malumbres .marin-malumbres-top .ct-content h1{font-size: 210%;font-weight: 700;line-height: .9em;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos{width: 76%;padding: 5em 12%;position: relative;margin: 8em auto 0 auto;/*min-height: 300px;*/overflow: hidden;
background: #000 url('images/bgs/marin-malumbres/bg-cargos.jpg') no-repeat top center;background-size: cover;padding-bottom:0;opacity:.98;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos .imago-cargos{width: 6em;position: absolute;top: 3em;left: 5%;z-index: 10}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos .btn{margin-top: 0;padding-top: 0;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos h3{font-weight: 700;font-size: 168%;margin-bottom: .5em;padding-top: 0;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul {width: 100%;position: relative;list-style: none;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li{width: 30.333%;position: relative;float: left;padding-left: 3%;border-left: 1px solid #fff;margin-bottom: 4em;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(1){width: 30%;position: relative;float: left;padding-left: 3%;border-left: 2px solid #fff;/*min-height: 200px;*/}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(2){width: 30%;position: relative;float: left;padding-left: 3%;border-left: 2px solid #fff;/*min-height: 200px;*/}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(3){width: 30%;position: relative;float: left;padding-left: 3%;border-left: 2px solid #fff;/*min-height: 200px;*/}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li ul{width: 100%;border-left: none;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li ul li{padding-left: 0;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li ul li a{opacity: .5;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li ul li a:hover{opacity:1!important;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(1) ul li,
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(2) ul li,
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(3) ul li,
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(4) ul li,
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(5) ul li,
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(6) ul li{width: 100%;position: relative;border-left: none;padding-left: 0;margin-bottom: 2em;height: auto;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(3) ul li{margin-bottom: 1em;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(1) ul li:nth-child(2) img{width: 25%;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(2) ul li:nth-child(2) img{width: 60%;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(3) ul li:nth-child(2) img{width: 66%;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(1) ul li:nth-child(2),
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(2) ul li:nth-child(2),
.sec-marin-malumbres .marin-malumbres-top .ct-cargos ul li:nth-child(3) ul li:nth-child(2){margin-bottom: 0;}
.ct-cargos .empresas li.ct-empresas ul li img{}
.ct-cargos .empresas li.ct-empresas ul li:nth-child(1) img{width: 32%;}
.ct-cargos .empresas li.ct-empresas ul li:nth-child(2) img{width: 65%;}
.ct-cargos .empresas li.ct-empresas:nth-child(2) ul li:nth-child(4) img{width: 10%;}
.ct-cargos .empresas li.ct-empresas ul li:nth-child(2) img{width: 50%;}
.empresas li.ct-empresas.charge-1 ul li:nth-child(2) img{width: 34%;}
.empresas li.ct-empresas.charge-2 ul li:nth-child(2) img{width: 72%;}
.empresas li.ct-empresas.charge-3 ul li:nth-child(2) img{width: 85%;}
.ct-cargos .empresas li.ct-empresas ul li a:hover img{opacity: .3;}
.sec-marin-malumbres .marin-malumbres-top .ct-cargos .toggle-content{color: #fff;width: 80%;}
.btn.greylight.btn-toggle{margin-top: .5em;padding-top: 0;}
.btn-toggle span{display: none;}
.btn-toggle span.active{display: inline;}
.sec-marin-malumbres .marin-malumbres-top .ct-texto-libre{width: 71%;position: relative;margin: 0 auto 2em auto;column-count:2;
column-gap:5em;DISPLAY: NONE;}
.sec-marin-malumbres .marin-malumbres-bottom{width: 100%;position: relative;background:#fff;padding: 4em 0 8em 0;}
.sec-marin-malumbres .marin-malumbres-bottom .container{width: 80%;margin: 0 auto;position: relative;overflow: hidden;}
.sec-marin-malumbres .marin-malumbres-bottom .container p{margin: 1em 0;}
.sec-marin-malumbres .marin-malumbres-bottom .container .col-50{width: 50%;position: relative;}
.sec-marin-malumbres .marin-malumbres-bottom .datos{width: 35%;position: relative;float: left;margin-left: 10%;text-transform: uppercase;font-family:'Heebo';font-weight: 700;border-left: 2px solid #000;padding-left: 3em;margin-top: 3.5em;}
.sec-marin-malumbres .marin-malumbres-bottom .datos span{line-height: 1.2em;}
.sec-marin-malumbres .marin-malumbres-bottom .datos span.number{color: #000;font-size: 3em;letter-spacing: -.06em;padding-right: .1em;}
.sec-marin-malumbres .marin-malumbres-bottom .datos span.number:before{content: '+'}
.sec-marin-malumbres .marin-malumbres-bottom .datos span.legend{color:#b5b7ad;font-size:1.5em;letter-spacing: -.05em;}
.sec-marin-malumbres .marin-malumbres-bottom .mapa{width: 100%;}
.sec-marin-malumbres .marin-malumbres-bottom .mapa .video-bg video{width: 100%;}
.sec-marin-malumbres .marin-malumbres-bottom .mapa .logotipos{width:17%;position: absolute;bottom: 4em;left: 44%;}
.sec-marin-malumbres .marin-malumbres-bottom .mapa .logotipos ul{list-style: none;width: 100%;position: relative;float: left;}
.sec-marin-malumbres .marin-malumbres-bottom .mapa .logotipos ul li{display: inline;float: left;width:44%;}
.sec-marin-malumbres .marin-malumbres-bottom .mapa .logotipos ul li.huete{width: 42%;margin-left: 1.5em;padding-top: 3.5em;}
/* VIDEO MAPA MUNDI */
/* ES .page-id-8 */
/* EN .page-id-590 */
.page-id-590 .mapa{DISPLAY: NONE;}
.page-id-590 .mapa-EN{DISPLAY:block;}
.page-id-8 .mapa{DISPLAY:block;}
.page-id-8 .mapa-EN{DISPLAY:none;}
/* //// MANIFIESTO
/////////////////////////////////////////////// */
.sec-manifiesto{width: 100%;position: relative;overflow: hidden;background: #000 url('images/bgs/manifiesto/bg-manifiesto.jpg')no-repeat top right; background-size: cover;}
.sec-manifiesto .bg-corporativo{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 20;}
.sec-manifiesto .container{width: 84%;padding-top: 18em;}
.sec-manifiesto .container .ct-content{width: 50%;}
.sec-manifiesto .container .ct-manifiesto{width: 45%;margin-left: 45%;margin-top: 10em;}
.sec-manifiesto .container .ct-manifiesto .count-item{position: relative;margin-bottom: 3em;z-index: 10;padding-left:0;}
.sec-manifiesto .container .ct-manifiesto .count-item span.number{font-family: 'Heebo';font-size: 15em;font-weight: 600;color: #404040;line-height: 1em;display: inline-block;}
.sec-manifiesto .container .ct-manifiesto .count-item span.legend{position: relative;display: inline-block;font-family: 'Heebo';font-weight: 700;font-size:1.5em;display: inline-block;letter-spacing: -.05em;z-index: 2;line-height: 1em;color: #fff;}
.sec-manifiesto .container .ct-manifiesto .count-item:before{font-family: 'Heebo';font-weight: 600;color: #929292;font-weight: 700;font-size:1.5em;}
.sec-manifiesto .container .ct-manifiesto .count-item:nth-child(1):before{content: '1.';position:absolute;left:-1.2em;top:.6em;z-index: 1;}
.sec-manifiesto .container .ct-manifiesto .count-item:nth-child(2):before{content: '2.';position:absolute;left:-1.2em;top:.6em;z-index: 1;}
.sec-manifiesto .container .ct-manifiesto .count-item:nth-child(3):before{content: '3.';position:absolute;left:-1.2em;top:.6em;z-index: 1;}
.sec-manifiesto .container .ct-manifiesto .count-item:nth-child(4):before{content: '4.';position:absolute;left:-1.2em;top:.6em;z-index: 1;}
.sec-manifiesto .container .ct-manifiesto .count-item:nth-child(5):before{content: '5.';position:absolute;left:-1.2em;top:.6em;z-index: 1;}
.sec-manifiesto .container .ct-manifiesto .count-item:nth-child(6):before{content: '6.';position:absolute;left:-1.2em;top:.6em;z-index: 1;}
.sec-manifiesto .container .ct-content p{margin-bottom: 1em;}
.sec-manifiesto .container h1{font-size: 575%;}
.sec-manifiesto .container .ct-summary{position: relative;margin-top:10em;width: 50%;z-index: 3;margin-bottom: 7em;margin-left: 34em;}
.sec-manifiesto .container .ct-summary p{margin-bottom: 1em;}
.imago-manifiesto{width: 70%;position: absolute;bottom:0;left:-12em;opacity: .7;z-index: 0;}
.ct-more-info{position: relative;width: 100%;margin-top: -2em;}
.more-info{}
/* //// MÉTODO
/////////////////////////////////////////////// */
.sec-metodo{width: 100%;position: relative;background: #000 url('images/bgs/metodo/bg-prueba.jpg') no-repeat bottom left;background-size: cover;padding-bottom:0;overflow: hidden;}
.sec-metodo .wp-block-buttons>.wp-block-button{margin-top: 1em;}
.sec-metodo .claim-impact{width: 48%;margin-left: 53%;margin-top: .8em;}
.sec-metodo .header-metodo{width: 18em;position: relative;padding: 4em 0 2em 6em;}
.sec-metodo .ct-content {width: 100%;position: relative;/*background: #d0d0d0;*/background:#d6d6d6;padding:0 0;}
.sec-metodo .video-bg video{width: 100%;position: relative;}
.sec-metodo .ct-content h1{font-size:575%;font-weight: 700;line-height: 100%;}
.sec-metodo .ct-content p{margin: 0 0 0 .4em;}
.sec-metodo .ct-content .entry-content{width: 24%;position: relative;padding-left: 6em;padding-bottom: 3em;}
.sec-metodo .ct-content .metodo-top{width: 100%;position: absolute;top: 4%;left: 0;z-index: 10;height: 33%;}
.sec-metodo .ct-content .metodo-top .col-2{float: left;}
.sec-metodo .ct-content .metodo-top .col-2 .header-metodo{}
.sec-metodo .ct-content .metodo-top .col-2 .entry-content{width: 80%;padding-left: 0;padding-top: 22em;}
.sec-metodo .ct-content .metodo-top .col-2 .entry-content p{width: 80%;}
.sec-metodo .ct-content .metodo-bottom{width: 100%;position:absolute;bottom:0;z-index: 10;height: 26%;}
.sec-metodo .ct-content .metodo{width: 100%;position:absolute;top: 37%;height: 40%;z-index: 2;}
.sec-metodo .ct-content .metodo .video-bg{width: 100%;position: relative;margin-top: -10em;}
.sec-metodo .summary{width: 30%;position: relative;margin-left: 35%;margin-top: 6em;}
.sec-metodo .summary p{margin: 1em 0;color: #d9d9d9;}
.sec-metodo .metodo .graf-metodo{width: 90%;position:absolute;top: 2em;left: 5%;z-index: 2;}
.sec-metodo .metodo .graf-metodo .graf-metodo-title{width: auto;text-align: center;position: relative;}
.sec-metodo .metodo .graf-metodo .graf-metodo-title h2{font-size: 245%;font-weight: 600;letter-spacing: normal;position: absolute;left: 40%;right: 40%;top: 3em;}
.sec-metodo .metodo .graf-metodo .graf-metodo-left{width: 10%;position: relative;float: left;padding-top: 18em;/*background: pink*/}
.sec-metodo .metodo .graf-metodo .graf-metodo-left .count-item{text-align: center;}
.sec-metodo .metodo .graf-metodo .graf-metodo-left .count-item .person{width: 55%;position: relative;margin: 0 auto 1em auto;}
.sec-metodo .metodo .graf-metodo .graf-metodo-left span.title{font-family: 'Akshar';font-weight: 600;font-size: 1.8em;text-transform: uppercase;text-align: center;display:block;}
.sec-metodo .metodo .graf-metodo .graf-metodo-left span.legend{font-family: 'Akshar';font-weight: 400;font-size: 1em;text-transform: uppercase;text-align: center;}
.sec-metodo .graf-metodo-title{width: 100%;text-align: center;position: absolute;top: 52%;}
.sec-metodo .graf-metodo-subtitle{text-align: center;font-size: 130%;margin-top: -3em;/*padding-bottom: 3em;*/width: 100%;position: absolute;top: 8em;}
.sec-metodo .metodo .graf-metodo .graf-metodo-right{width: 10%;position: relative;float: left;padding-top: 14em;/*background: pink;*/}
.sec-metodo .metodo .graf-metodo .graf-metodo-right .count-item{text-align: center;}
.sec-metodo .metodo .graf-metodo .graf-metodo-right .count-item .person{width: 55%;position: relative;margin: 0 auto 1em auto;}
.sec-metodo .metodo .graf-metodo .graf-metodo-right span.title{font-family: 'Akshar';font-weight: 600;font-size: 1.8em;text-transform: uppercase;text-align: center;display:block;}
.sec-metodo .metodo .graf-metodo .graf-metodo-right span.legend{font-family: 'Akshar';font-weight: 400;font-size: 1em;text-transform: uppercase;text-align: center;display-inline:block;}
.sec-metodo .metodo .graf-metodo .graf-metodo-right .count-item .two-person-top{width: 95%;position: relative;margin: 0 auto 1em auto;}
.sec-metodo .metodo .graf-metodo .graf-metodo-right .count-item .two-person-bottom{width: 95%;position: relative;margin: 1em auto 0 auto;}
.sec-metodo .metodo .graf-metodo .pasos-graf{width: 80%;position: relative;float: left;overflow: visible}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-item {position:relative;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-item .subtitle {border-radius: 100%; display: flex; justify-content: center; align-items: center; text-align: center; margin:0px auto;
margin-bottom:.3em; padding:5% 3% 2% 3%; font-weight: 700;font-family: 'Akshar'; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-item .legend {position:absolute; text-align: left; opacity: 0; visibility: hidden;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-item .legend ul li {margin-bottom: .3em;position: relative;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-item .legend ul li:before{content: ''; width: 5px; height: 5px; border-radius: 100%; left: -10px; top: 8px; position: absolute; }
.sec-metodo .graf-metodo .met-impact-mindset{width: 15%;position: absolute;left: 42.5%;top: 56%;z-index: 10;}
/* //// GRAF A
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a{width: 15%;margin: 6em 0 0 14em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;font-weight: 600;margin-bottom: .5em;text-align: center;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .legend .title-mobile,
.sec-metodo .metodo .graf-metodo .pasos-graf .legend .letra-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .subtitle{font-size: 2.3em; width: 2.8rem; height: 2.8rem; background:#d69685; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .subtitle.active{background:rgba(214,150,133,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .legend{top: 7em;right: -7.5em;color:#d69685;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
/*.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .legend ul{margin-top: 1em;position: absolute;top: 2em;right: -8em;}*/
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-a .legend ul li:before{background-color: #d69685;}
/* //// GRAF B
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b{width: 18%;margin: 4em 0 0 0;/*background: yellow;*/}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-align: center;font-weight: 600;margin-bottom: .5em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .subtitle {font-size: 3em; width: 3rem; height: 3rem; background:#e57c97; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .subtitle.active{background:rgba(229,124,151,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .legend{bottom: -5.5em;left:3.5em;color: #e57c97;width: 20em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-b .legend ul li:before{background-color: #e57c97;}
/* //// GRAF C
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c{width: 18%;position:relative;text-align: center;margin: 7em 0 0 3em;/*background: yellow;*/}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-aling: center;font-weight: 600;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .subtitle{font-size: 3em; width: 3.5rem; height: 3.5rem; background:#ffd110; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .subtitle.active{background:rgba(214,195,120,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .legend{bottom: -6em;left:3.5em;width: 20em;color:#ffd110;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-c .legend ul li:before{background-color: #ffd110;}
/* //// GRAF D
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d{width: 22%;position:absolute;text-align: center;top: 27em;left: 17em;/*background: yellow;*/}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-aling: center;font-weight: 600;margin-bottom: 1em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .subtitle{font-size: 4em; width: 5rem; height: 5rem; background:#969dbc; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .subtitle.active{background:rgba(150,157,188,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .legend{top: 10em;right:-1.5em;color: #969dbc;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-d .legend ul li:before{background-color: #969dbc;}
/* //// GRAF E
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e{width: 22%;position:absolute;text-align: center;top: 5em;left: 38em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-align: center;font-weight: 600;margin-bottom: .5em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .subtitle{font-size: 4em; width: 4rem; height: 4rem; background:#a27f93; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .subtitle.active{background:rgba(162,127,147,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .legend{bottom: -5em;left: 3em;color: #a27f93;width: 20em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-e .legend ul li:before{background-color: #a27f93;}
/* //// GRAF F
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f{width: 22%;position:absolute;text-align: center;top: 10em;left: 54em;/*background: yellow;*/}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-align: center;font-weight: 600;margin-bottom: .5em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .subtitle{font-size: 4.5em; width: 4.5rem; height: 4.5rem; background:#598cb7; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .subtitle.active{background:rgba(89,140,183,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .legend{bottom: -4em;left: 4em;color: #598cb7;width: 20em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-f .legend ul li:before{background-color: #598cb7;}
/* //// GRAF G
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g{width: 22%;position:absolute;text-align: center;top: 28em;left: 50em;/*background: yellow;*/}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-align: center;font-weight: 600;margin-bottom: 1em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .subtitle{font-size: 4.5em; width: 4.5rem; height: 4.5rem; background:#656ed2; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .subtitle.active{background:rgba(101,110,210,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .legend{bottom: -4em;left: 4em;color: #656ed2;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-g .legend ul li:before{background-color: #656ed2;}
/* //// GRAF H
/////////////////////////////////////////////// */
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h{width: 22%;position:absolute;text-align: center;top: 30em;left: 35em;/*background: yellow;*/}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .title{font-family: 'Akshar';text-transform: uppercase;display: block;font-size: 1.5em;text-align: center;font-weight: 600;margin-bottom: 1em;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .legend .title-mobile{display: none;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .subtitle{font-size: 4.5em; width: 4.5rem; height: 4.5rem; background:#8771c1; }
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .subtitle.active{background:rgba(135,113,193,.6);
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .legend{bottom: -4em;left:4.2em;width: 20em;color:#8771c1;}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .legend.active{
-webkit-transition: all 1.8s ease;
-moz-transition: all 1.8s ease;
-o-transition: all 1.8s ease;
transition: all 1.8s ease;
}
.sec-metodo .metodo .graf-metodo .pasos-graf .graf-h .legend ul li:before{background-color: #8771c1;}
.imago-metodo{width: 45%;position:absolute;left: -12%;bottom: 0;z-index: 2;}
/* //// SERVICIOS
/////////////////////////////////////////////// */
.sec-servicios{width: 100%;position: relative;background: #fff;}
.sec-servicios .bg-corporativo{width: 100%;position: absolute;bottom:0;left: 0;z-index: 2;}
.sec-servicios .servicios-top{width: 100%;position: relative;overflow:visible;float: left;background: #000 url('images/bgs/servicios/bg-top.jpg') no-repeat bottom left;background-size: cover;margin-top: 5em;}
.sec-servicios .servicios-top .logotipo{width: 68%;position: relative;float: left;}
.sec-servicios .imago-servicios{width: 36%;position: absolute;bottom: 0;left: 0;}
.sec-servicios .header-servicios{width: 50%;position: relative;padding: 10em 0 1em 10em;float: left;}
.sec-servicios .header-servicios img.claim-impact{width: 75%;margin-left: 53%;margin-top: 3em;}
.sec-servicios .img-decorativa{width: 32%;position: relative;float: left;}
.sec-servicios .img-decorativa:before{content: '';height: 100%;width: 30%;position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,.6);z-index: 2;}
.servicios-top .col-1{width: 100%;position: relative;z-index: 2;}
.servicios-top .col-1 .title-servicios{width: 36%;position: absolute;top: 12em;left: 6em;z-index: 2;}
.servicios-top .col-1 .img-01{width: 70%;position: relative;float: left;}
.servicios-top .col-1 .img-02{width: 30%;position: relative;float: left;}
.servicios-top .col-1 .imago-dec-impact{width: 100%;position: absolute;left: -38%;top:1em;opacity: .3;z-index: 2;}
.nav-servicios{width: 100%;background:rgba(0,0,0,.8);z-index: 10;position: absolute;bottom: 0;padding: 0 0 0 0;}
.nav-servicios{width: 100%;background:#000 url('images/bgs/marin-malumbres/bg-cargos.jpg') no-repeat top center;}
.nav-servicios ul{width: 94%; padding: 0 3%; position: relative;margin: 0 auto;list-style: none; display: flex; flex-wrap: wrap}
.nav-servicios ul li {width: 23%;}
.nav-servicios ul li a{font-family: 'Heebo';font-weight: 700;font-size: 2.2em;padding: 2em 0 1em 12%;text-transform: uppercase;line-height:.9em;/*border-left: 7px solid #000;*/
display: block; color: #fff;letter-spacing: -.06em;position: relative;min-height: 1.8em;}
.nav-servicios ul li a:before{content: '';width: 7px;height: 105px;top: 30px;left:0;background-color:#acacac;position: absolute;}
.nav-servicios ul li a:hover{color: #000;background: #fff;}
.nav-servicios ul li a:hover:before{border-left:0;background-color: #fff;}
.nav-servicios ul li a:after{font-family: 'Heebo';color: #acacac;font-weight: 700;position: absolute;top: 1.7em;left: 12%;font-size: .65em;letter-spacing: -.05em;}
.nav-servicios ul li a:hover:after{color: #acacac;}
.nav-servicios ul li:nth-child(1) a:after{content: 'Inspirar';}
.nav-servicios ul li:nth-child(2) a:after{content: 'Inspirar';}
.nav-servicios ul li:nth-child(3) a:after{content: 'Transformar';}
.nav-servicios ul li:nth-child(4) a:after{content: 'Acompañar';}
.body-conferences .nav-servicios ul li:nth-child(1) a:after,
.body-conferences .nav-servicios ul li:nth-child(2) a:after{content: 'Inspire';}
.body-conferences .nav-servicios ul li:nth-child(3) a:after{content: 'Transform';}
.body-conferences .nav-servicios ul li:nth-child(4) a:after{content: 'Go with';}
.body-training-workshops .nav-servicios ul li:nth-child(1) a:after,
.body-training-workshops .nav-servicios ul li:nth-child(2) a:after{content: 'Inspire';}
.body-training-workshops .nav-servicios ul li:nth-child(3) a:after{content: 'Transform';}
.body-training-workshops .nav-servicios ul li:nth-child(4) a:after{content: 'Go with';}
.body-consulting-advice .nav-servicios ul li:nth-child(1) a:after,
.body-consulting-advice .nav-servicios ul li:nth-child(2) a:after{content: 'Inspire';}
.body-consulting-advice .nav-servicios ul li:nth-child(3) a:after{content: 'Transform';}
.body-consulting-advice .nav-servicios ul li:nth-child(4) a:after{content: 'Go with';}
.body-executive-mentoring .nav-servicios ul li:nth-child(1) a:after,
.body-executive-mentoring .nav-servicios ul li:nth-child(2) a:after{content: 'Inspire';}
.body-executive-mentoring .nav-servicios ul li:nth-child(3) a:after{content: 'Transform';}
.body-executive-mentoring .nav-servicios ul li:nth-child(4) a:after{content: 'Go with';}
.nav-servicios ul li.current-menu-item a{background:#fff;color: #000;border-left: 7px solid #fff;}
.nav-servicios ul li.current-menu-item a:before{border-left: 7px solid #fff;background-color: #fff;}
.nav-servicios ul li.current-menu-item a:after{color:#acacac;}
.sec-servicios .ct-servicios{width: 100%;position: relative;background: #fff;padding: 8em 0;overflow: hidden;}
.sec-servicios .ct-servicios span.sub-title{text-transform: uppercase;color: #acacac;font-weight: 700;font-family: 'Heebo';font-size: 2em;font-size: 1.5em;}
.sec-servicios .ct-servicios {width: 83%;position: relative;margin: 0 auto;}
.sec-servicios .ct-servicios .ct-content.col-left{width: 42%;position: relative;float: left;margin-bottom: 30em;}
.sec-servicios .ct-servicios .ct-content.col-left p a{
-webkit-appearance: none !important;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: top;
font-size: 95%;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
font-family: 'Heebo';
color: #fff;
width: auto;
margin: .5em 0;
text-align: center;
padding: 0.7em 1.8em .6em;
z-index: 1;
background-color: #000;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sec-servicios .ct-servicios .ct-content.col-left p a:hover{background: #929292;}
.sec-servicios .ct-servicios .ct-content.col-left h1{width: 60%;font-weight: 700;line-height: .9em;}
.sec-servicios .ct-servicios .ct-content.col-right{width: 40%;position: relative;float: left;border-left: 5px solid #717171;padding-left: 5em;margin-left: 5%;}
.sec-servicios .ct-servicios .ct-content.col-right p{color:#525252;}
.sec-servicios .ct-servicios .ct-content.col-right p a{text-transform: uppercase;font-weight: }
.sec-servicios .ct-servicios .ct-content p{margin: 1em 0;}
.ct-servicios .ct-content h3{color: #000;font-weight: 700;font-size: 160%;padding-top: 1.5em;padding-bottom: 0;padding-bottom: .5em;letter-spacing: -.04em;}
.ct-servicios .ct-content ul {list-style: none;padding:1em 0 .5em 1.5em;}
.ct-servicios .ct-content ul li{margin-bottom: 1em;position: relative;}
.ct-servicios .ct-content ul li:before{content: '';width: 5px;height: 5px;background-color: #000;border-radius: 100%;left:-15px;top: 5px;position: absolute;}
.sec-servicios .img-imago{width: 35%;position: relative;bottom: 0;left: 0;opacity: .2;}
.btn-nav-services {display: block; position: relative; z-index: 200;}
.is-mobile{display: none;}
.body-conferencias .sec-servicios .ct-servicios .ct-content.col-right h4,
.body-conferences .sec-servicios .ct-servicios .ct-content.col-right h4{text-transform:inherit;color: #000;font-size: 110%;font-family: 'Heebo';font-weight: 500;padding-top: .2em;}
.body-conferencias .sec-servicios .ct-servicios .ct-content ul,
.body-conferences .sec-servicios .ct-servicios .ct-content ul{/*border-bottom: 1px solid #dadada;*/}
.body-conferencias .sec-servicios .ct-servicios .ct-content ul:last-child,
.body-conferences .sec-servicios .ct-servicios .ct-content ul:last-child{border-bottom: none;}
.body-conferencias .sec-servicios .ct-servicios .ct-content ul li,
.body-conferences .sec-servicios .ct-servicios .ct-content ul li{font-weight: 500;color: #525252;font-size: 100%;}
.body-formaciones .sec-servicios .ct-servicios .ct-content.col-right h4,
.body-formaciones .sec-servicios .ct-servicios .ct-content.col-right h4{text-transform:inherit;color: #000;font-size: 110%;font-family: 'Heebo';font-weight: 500;padding-top: .2em;}
.body-formaciones-y-workshops .sec-servicios .ct-servicios .ct-content ul,
.body-training-workshops .sec-servicios .ct-servicios .ct-content ul{/*border-bottom: 1px solid #dadada;*/}
.body-formaciones-y-workshops .sec-servicios .ct-servicios .ct-content ul li,
.body-training-workshops .sec-servicios .ct-servicios .ct-content ul li{display: block;color: #000;font-family: 'Heebo';font-size: 100%;font-weight: 500;line-height: .9em;;padding-bottom: 1em;color: #525252;}
.body-formaciones-y-workshops .sec-servicios .ct-servicios .ct-content ul li span,
.body-training-workshops .sec-servicios .ct-servicios .ct-content ul li span{display: block;color: #000;text-transform: initial;font-family: 'Heebo';font-size: 65%;font-weight: 500;line-height: 1em;padding-top: .2em;}
/* //// COMUNICACION
/////////////////////////////////////////////// */
.body-media-hub{background: #fff;}
.sec-comunicacion h2,
.sec-audiovisual h2,
.sec-galeria h2,
.sec-rrss h2{font-size:245%;}
.sec-comunicacion-top{width: 100%;position: relative;overflow: hidden;padding: 5em 0 0 0;}
.sec-comunicacion-top .imago-media-hub{width: 5.5em;margin-bottom: 1.5em;}
.sec-comunicacion-top .video-bg{width: 100%;}
.sec-comunicacion-top .video-bg {width: 100%;}
.sec-comunicacion-top .video-bg video{width: 101%;margin-left: -1%;}
.sec-comunicacion-top .img-decorativa{width: 15%;position: absolute;right: 0;bottom: 0;}
.sec-comunicacion-top .col-left{width: 33%;position:relative;padding: 7em 0 0 9%;}
.sec-comunicacion-top .col-left h1{font-size: 575%;font-weight: 700;padding-bottom: 0;}
.sec-comunicacion-top .col-left p{margin: 1em 0;color: #929292;}
.sec-comunicacion-top .col-right{width: 58%;position: relative;float: left;padding-left:0;margin-left:0;}
.sec-comunicacion-top .leadership{width: 100%;position: relative;overflow: hidden;padding: 4em 0;background: #000;}
.sec-comunicacion-top .leadership .col-left{width: 45%;position: relative;float: left;padding-top: 0;padding-left: 0;}
.sec-comunicacion-top .leadership .col-left .logo{width: 55%;position: relative;padding-left: 13em;}
.sec-comunicacion-top .leadership .col-right{width: 36%;position: relative;float: left;padding-left: 0;margin-left: 0;padding-right: 7%;color: #fff;}
.sec-metodo .header-metodo{width: 33em;position: relative;padding: 10em 0 1em 6em;}
.sec-noticias,
.sec-audiovisual,
.sec-rrss {background-size: 100%; background-repeat: no-repeat; background-color: #000;}
.sec-comunicacion-top .col-left .form-suscripcion p{margin: 0 0!important;}
body.page-template-audiovisual .sec-audiovisual > .container,
body.page-template-rrss .sec-rrss > .container {margin-top: 6em;}
.sec-comunicacion .sec-noticias{width: 100%;position: relative;margin: 0 auto;padding: 2em 0 0 0;}
.sec-comunicacion .sec-noticias .entry-content{width: 48%;position: relative;margin: 0 auto 3em auto;text-align: center;}
.sec-comunicacion .img-libro{width: 80%;}
.sec-comunicacion .noti-list .col-30{width:100%!important;/*margin: 0 1% 0 1%;*/}
.sec-comunicacion .noti-list .col-30 .medio{font-family: 'Heebo';font-weight: 600;margin-bottom: 1em;font-size: 110%;}
.text-center.line.clear.more-news.ct{margin-top: -1em;}
/*LIBRO*/
.sec-libros{width: 100%;position: relative;overflow: hidden;background: #e7e7e7;padding-top: 3em;padding-bottom: 3em;}
.sec-comunicacion .sec-libros .entry-content {
width: 48%;
position: relative;
margin: 0 auto 3em auto;
text-align: center;
}
.sec-libros h3{margin-top: 2em;font-size: 135%;color: #000;width: 805;}
.sec-libros h4{font-size: 100%;}
.sec-libros ul{width: 90%;position: relative;overflow:visible;margin: 0 auto;}
.sec-libros ul li{/*width:30%;position: relative;display: inline;float: left;margin: 0 1.666%;*/}
/* NOTICIAS - Listado */
.sec-noticias {width: 100%;position: relative;background: #fff;}
.sec-noticias .container {padding-top: 11em;}
.sec-noticias .entry-header h1 {padding-top: 0.5em;}
.sec-noticias .entry-header h1 a {color: #000}
.sec-noticias .entry-header .imago {width: 15em;}
.sec-noticias .entry-header .imago * {fill: #FFF;}
/* AUDIOVISUAL */
.page-template-comunicacion footer{background: #fff;}
.page-template-comunicacion .footer a.bottom-logo svg *{fill: #b5b7ad!important;}
.sec-audiovisual h2{}
.sec-audiovisual {background: #e7e7e7;}
.sec-audioviaul .entry-content h2{font-size: 200%}
body.page-template-comunicacion .sec-audiovisual {padding-bottom: 3em;width: 100%;position: relative;flot: none;margin-top: 1em;}
.sec-audiovisual .container {padding-bottom: 0}
/*.sec-audiovisual::before {background: url('images/icons/youtube-blanco.svg') no-repeat 0 0; background-size: 40%;
height: 200%; opacity: 0.25; top: -23%; left: -3%;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}*/
.video-list{width: 85%;position: relative;margin: 5em auto;overflow: visible;}
.video-list .video-carousel{width:100%}
.video-list .video-carousel div{/*width: 31%;position: relative;margin: 0 1% 0 1%;float: left;*/}
/* SECTION AUDIOVISUAL */
body.page-template-audiovisual{background: #fff;}
.sec-audiovisual-section .container{padding: 0 0 0 0;width: 100%;
position: relative;
float: left;
background: #fff;
margin-top: 0;
padding-bottom: 6em;}
.sec-audiovisual-section .videos{width: 100%;position: relative;overflow: hidden;float: none;margin-top: 2em;z-index: 2;}
.sec-audiovisual-section .videos div{width: 31.333%;margin: 0 1%;float: left;margin-bottom: 2em;}
.sec-audiovisual-section .col-40{margin-bottom: 4em;}
/* GALERÍA */
.sec-galeria{width: 100%;position: relative;margin-top: 3em;padding-top: 1em;}
.sec-galeria .ct-galeria{width: 100%;position: relative;margin: .5em 0 0 0;float: left;}
.mult-container {background: url('images/bgs/luishuete-multimedia.jpg') no-repeat center bottom; background-size: 100%;
overflow: hidden; position: relative; color: #FFF}
.mult-container h3 {color: #FFF; font-family: 'akzidenz-BdCn'; text-transform: uppercase; letter-spacing: .15em; display: inline-block;
padding-left: 1.5em; padding-right: 1.5em; }
.mult-container h3::after {background: #FFF}
.mult-container .mult-photo,
.mult-container .mult-video {
width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.mult-container .mult-photo.half-ct,
.mult-container .mult-video.half-ct {width: 50%}
.mult-container .mult-video.half-ct {float: right;}
.mult-container::before,
.mult-container::after,
.mult-container .mult-photo::after,
.mult-container .mult-video::before {content: ''; width: 50%; height: 100%; position: absolute; top: 0; display: block;}
.mult-container::before {background: rgba(13,13,12,.9); left: 0;}
.mult-container::after {background: rgba(27,27,27,.9); right: 0;}
.mult-container .mult-photo::after,
.mult-container .mult-video::before {width: 1px; background: #aca889; right: 0; z-index: 50}
.mult-container .mult-video::before {right: auto; left: -1px}
.mult-ct a.mult-trigger {display: block; position: absolute; top: 1em}
.mult-photo .mult-ct a.mult-trigger {right: 0}
.mult-video .mult-ct a.mult-trigger {left: 0}
.mult-ct a i svg path {fill: #FFF;
-webkit-transition: fill 0.4s ease;
-moz-transition: fill 0.4s ease;
transition: fill 0.4s ease;
}
.mult-ct {/*margin: 2em 5%*/}
.mult-ct ul {margin-top: 2em; overflow: hidden;}
.mult-ct ul li {/*float: left; margin-top: .5em; margin-bottom: .5em; margin-left: 4%; margin-right: 4%; cursor: pointer;*/ }
.mult-ct ul li.col-2 {margin-left: 2%; margin-right: 2%;}
.mult-ct ul li.col-4 {margin-left: 1%; margin-right: 1%;}
.mult-ct ul.mult-photo-list li {position: relative;}
li.slider-item .ct-imgmask-ct a{ -webkit-filter: grayscale(1); /* Old WebKit */ filter: grayscale(1);-webkit-transition: all .6s ease;transition: all .6s ease;}
li.slider-item .ct-imgmask-ct a:hover {-webkit-filter: grayscale(0); /* Old WebKit */ filter: grayscale(0);cursor: pointer;}
.mult-ct ul.mult-video-list li {}
.mult-ct .mult-buttons {position:relative;text-align: center; opacity:1; visibility: visible;z-index: 100;width: 100%;display: block;background: yellowgreen;
}
.mult-ct .mult-buttons a {padding: 0 .4em;}
.mult-ct .mult-buttons a.photo-zoom{background:rgba(0,0,0, .6);padding: .5em .5em;position: absolute;top: -20em;left: 0;}
.mult-ct .mult-buttons a.photo-download{background:rgba(0,0,0, .6);padding: .5em .5em;position: absolute;top: -3em;right: 0;}
.mult-ct ul.mult-photo-list li .mult-buttons a i svg {width: 24px; height: 24px}
.mult-ct a.mult-trigger i svg,
.mult-ct ul li .mult-buttons a i svg {width: 40px; height: 40px}
.touch .mult-ct ul li .mult-buttons,
.mult-ct ul li:hover .mult-buttons {opacity: 1; visibility: visible; top: 50%;}
.touch .mult-ct ul li .imgmask-ct::before,
.mult-ct ul li:hover .imgmask-ct::before {opacity: .6}
.mult-ct a:hover i svg path {fill: #929292;}
.mult-ct a.mult-trigger.active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mult-container.video-full {position: relative; right: 0}
.mult-container.photo-full::before,
.mult-container.video-full::after {width: 100%}
.mult-container.photo-full::after,
.mult-container.video-full::before {width: 0}
.mult-container.photo-full .mult-ct ul li {width: 21.4%; margin: .5em 1%}
.mult-container.photo-full .mult-ct ul li {width: 21.4%; margin: .5em 1%}
.mult-container.photo-full .mult-photo::after,
.mult-container.photo-full .mult-video::before,
.mult-container.video-full .mult-photo::after,
.mult-container.video-full .mult-video::before {display: none;}
.mult-container .inactive {position: absolute; margin-left: -100%}
.mult-container .mult-video.inactive {right: 0; margin-right: -100%}
/*Dots*/
.owl-carousel.galeria-carousel .owl-dots{width: 100%;position: relative;background:#fff;text-align: center;padding: 2em 0!important;}
.owl-carousel.galeria-carousel .owl-nav button.owl-next,
.owl-carousel.galeria-carousel .owl-nav button.owl-prev,
.owl-carousel.galeria-carousel button.owl-dot{width: 10px;height: 10px;background:#c1c1c1;margin: 0 .2em;border-radius: 50%;}
.owl-carousel.galeria-carousel button.owl-dot.active,
.owl-carousel.galeria-carousel button.owl-dot:hover{background: #000;}
/* REDES SOCIALES */
.sec-rrss{width: 100%;position: relative;padding-bottom:8em;}
.sec-rrss .rrss-list{width: 100%;position: relative;}
.sec-rrss .container{padding: 7em 0 0 0 }
.sec-rrss .rrss-list .tabs{padding-top: .5em;}
.sec-rrss .rrss-list .container{padding-top: 0;padding-bottom: 5em;}
.sec-rrss .rrss-list .container:before{/*content: '';width: 70%;height: 1px;background: #fff;left: 15%;position: absolute;top: 0;*/}
.sec-rrss .imago-left{width: 50%;position: absolute;bottom:-10%;left:-18%;opacity: .3;}
.sec-rrss .imago-right{width: 52%;position: absolute;top:-16%;right: -20%;opacity: .3;}
.sec-rrss .rrss-list .imago-left img,
.sec-rrss .rrss-list .imago-right img{width: 190%;opacity: .4;}
/* //// CONTACTO
///////////////////////////////////////////////*/
.page-template-contacto {background-color: #929292;}
/*.page-template-contacto .footer{position: absolute;bottom: 0;left: 0;}*/
.sec-contacto {background: url('images/bgs/contacto/bg-contacto.jpg') no-repeat center top; background-size: cover;position: relative;overflow: hidden;padding: 0;color: #fff;}
.sec-contacto .header-contacto{width:24em;position: absolute;top: 11em;left: 6em;z-index: 10}
.sec-contacto .container{position: relative;width: 86%;float: left;margin: 0 7%;padding-bottom: 5em;}
.sec-contacto .container .entry-content p{margin: 0 0;}
.sec-contacto .container .entry-content .group-input.input.text p{margin-bottom: 1em;font-weight: 600;}
.sec-contacto .container .address{position: relative;width: 22%;float: left;margin-left: -1%;margin-top: 25em;font-size: .9em;}
.sec-contacto .container .address .entry-content{font-size: 115%;color: #fff;}
.sec-contacto .container .address .ubicaciones{margin-top: 3em;}
.sec-contacto .container .address .ubicaciones p{margin: 0;}
.sec-contacto .container .address h1{font-size: 295%;padding-bottom: .5em;}
.sec-contacto .container .ct-formulario{position: relative;width: 45%;float: left;margin-left:25%;margin-top: 2em;margin-bottom: 4em;}
.sec-contacto input:not([type=submit]),
.sec-contacto select,
.sec-contacto textarea {background:#929292; color: #000;padding-left: 1em;}
.sec-contacto .nav-social {margin-top: 1em;}
.contacto-body {margin-top: 6em;}
.contacto-body .wpcf7 {margin-top: 2em;}
.imago-fondo{width: 30%;position: absolute;bottom: 0;left: 0;}
/* //// CABECERA GENERAL
///////////////////////////////////////////////*/
.header-general{width: 39em;padding: 11em 0 0 8em;}
/* //// NOTICIAS / BLOG
///////////////////////////////////////////////*/
.blog,
.archive,
.category,
.search {}
.single {}
.blog{background: #e8e6e0;}
.blog .header .imago *,
.archive .header .imago *,
.category .header .imago *,
.search .header .imago *,
.single .header .imago * {fill: #FFF;}
.noticia-meta {padding-top: 0.25em; color: #000; position: absolute; top: 0; right: 0;}
.noticia-title {font-size: 135%; line-height: 100%; text-transform: uppercase; font-weight: 700;font-family: 'Heebo';letter-spacing: -.03em; }
.noticia-meta .noticia-date {font-size: 130%; font-weight: 900; text-transform: uppercase; border-bottom: 4px solid #000;padding-bottom: 5px;}
.noticia-meta .categories,
.noticia-meta .tags {font-size: 85%}
.noticia-meta span.category {display: inline;}
.noticia-meta span.category::after {content: ', '}
.noticia-meta span.category:last-of-type::after {content: '.'}
.noticia-item .noticia-image .noticia-meta {top: 1em; right: auto; left: 1em; z-index: 10; color: #FFF}
.noticia-item .noticia-image .noticia-meta .noticia-date {color: #FFF;}
.noticia-excerpt {margin-top: 1em;}
.noticia-excerpt + .clear {margin-top: 1.4em;}
/* Loop index */
.home .noticia-item {margin: 0 3% 0 0;}
.home .noticia-item.col-30{width: 30.333%;}
.noticia-item {color: #000; text-decoration: none; position: relative; display: block; text-align: left;}
.noticia-item,
.noticia-excerpt,
.noticia-item .noticia-image::before {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.noticia-item span {display: block;}
.noticia-item span.none {display: none;}
/*.noticia-item .noticia-content {overflow: hidden;}*/
.noticia-item .noticia-content .entry-header {position: relative; padding-bottom: 1.4em;}
.noticia-item .noticia-content .entry-content {line-height: 150%}
.noticia-item .noticia-content .entry-content h4 {text-transform: none; font-size: 120%; line-height: 130%;}
.noticia-item .noticia-content .entry-content h4 strong {}
.noticia-item .noticia-image {position: relative;}
.noti-list .noticia-item .noticia-image {margin: 0 2px;}
.noti-list .noticia-item:first-of-type .noticia-image,
.noti-list .noticia-item.col-3:nth-child(3n+1) .noticia-image {margin-left: 0}
.noti-list .noticia-item.col-3:nth-child(3n) .noticia-image {margin-right: 0}
/*.noticia-item .noticia-image::before {width: 2.4em; height: 2.4em; background: url('images/icons/zoom-rd-white.svg') no-repeat center;
background-size: 100%; left: 50%; top: 50%; margin: -1.2em 0 0 -1.2em; opacity: 0; visibility: hidden; z-index: 30;
}
.noticia-item.type-video .noticia-image::before {background-image: url('images/icons/play-rd-white.svg')}
.noticia-item.type-gallery .noticia-image::before {background-image: url('images/icons/instagram-rd-white.svg')}*/
.noticia-item .more-link {display: inline-block;margin-top: 1em;}
a.noticia-item:hover {color: #000}
a.noticia-item:hover .noticia-excerpt {color: #000}
a.noticia-item:hover .noticia-image::before {opacity: 1; visibility: visible;}
.more-news {padding-top: 2em;}
.more-news::before {height: 2em; background-color: #FFF; }
/* LISTA */
/*.noti-list-ct {}*/
.noti-list {overflow:visible;width:85%;position: relative;margin: 0 auto;}
.noti-list::after {height: 2em; z-index: 20;top: auto; bottom: -2em;}
.noti-list .noticia-item:first-of-type .noticia-body::before,
.noti-list .noticia-item.col-3:nth-child(3n) .noticia-body::after,
.noti-list .noticia-item.col-3:nth-child(3n+1) .noticia-body::before {display: none;}
.noti-list .noticia-item .noticia-body {padding: 1em 0 2em 0;width: 90%;}
/*body.page-template-comunicacion .noti-list .noticia-item .noticia-body {padding: 2em 2em 0}*/
/* SHOW */
.noticia-show {background-color: #d6dbdb; padding-top: 10em;}
.noticia-show .noticia-content {}
.noticia-show .noticia-content .entry-content b,
.noticia-show .noticia-content .entry-content strong,
.noticia-show .noticia-content .entry-content .bold {color: #000}
.noticia-show .noticia-content .entry-content a {font-weight: 700}
.noticia-show .noticia-meta {padding: .5em 0 1em 0; text-align: right;}
/*.noticia-show .noticia-meta span {display: inline; margin-top: 0}*/
/*.noticia-show .noticia-meta .categories::before,
.noticia-show .noticia-meta .tags::before {content: '| '}*/
.noticia-meta .legend {}
/*.noticia-show .container.medium-width {padding-top: 2em;}*/
.noticia-show .container.video {padding-bottom: 2em; padding-top: 2em;}
h1.noticia-title {max-width: 65%; font-size: 260%; line-height: 0.9}
.noticia-content h2 {font-size: 160%;margin-top: 1em}
.noticia-content .wp-caption {width: auto !important}
/* Navigation Post */
.sec-noticias .navigation { clear: both; text-align: center; margin-bottom: 2em; position: relative;}
.sec-noticias .navigation .wp-paginate span {margin: 0 .4em; background-color: #000; border-radius: 20px; text-align: center; border-right: none!important;}
.sec-noticias .navigation .wp-paginate span.title{display:none;}
.sec-noticias .navigation .wp-paginate .gap{color:#000!important;background-color:rgba(255, 255, 255, 0);}
.sec-noticias .navigation .wp-paginate ul li {margin: 0 .4em; background-color: #000; border-radius: 25px; text-align: center;}
.sec-noticias .navigation .wp-paginate a{margin: 0 .4em; background-color: #000; border-radius: 25px; text-align: center; color:#fff;
font-weight: 700; border:none; padding:6px 15px; }
.sec-noticias .navigation .wp-paginate a:hover{background:#000;}
.sec-noticias .navigation .wp-paginate .current{background: #000; color: #fff; font-weight: 700;border:none;padding:6px 15px;}
/* SEC NOTICIAS ALL */
.sec-noticias-all{padding: 0 0 0 0;
width: 100%;
position: relative;
float: left;
background: #e8e6e0;
margin-top: 0;
padding-bottom: 6em;}
.sec-noticias-all .container{
padding: 0 0 0 0;
width: 100%;
position: relative;
float: left;
background: #e8e6e0;
margin-top: 0;
padding-bottom: 6em;
}
.sec-noticias-all .container .content-news{
width: 100%;
position: relative;
overflow: hidden;
float: none;
margin-top: 6em;
z-index: 2;}
.sec-noticias-all .noticia-item{width: 31.333%;
margin: 0 1%;
float: left;
margin-bottom: 2em;
min-height: 450px;}
/* SIDEBAR */
.widget-area {display: flex; padding-bottom: 1em}
.sidebar .widget {flex: auto;}
.sidebar:not(.sidebar-tienda) .widget-title,
.sidebar label {display: none;}
/* Filter */
.sidebar .widget ul {margin: 0 0 1em .5em;}
.sidebar .widget ul ul {margin: .2em 1em 0;}
.sidebar .widget ul li {clear: both; width: 100%; padding-bottom: .25em; padding-top: .25em; line-height: 110%; position: relative; z-index: 1}
/*.sidebar .widget ul li img {display: none}*/
.sidebar .widget ul li span.post-title {line-height: 125%}
/*.sidebar .widget ul li span.date {color: rgba(0,0,0,.5);}
.sidebar .widget ul li span.date:before {content: '/ ';}
.sidebar .widget ul li span.date:after {content: '';}*/
/*.sidebar .widget ul li:after {content: ''; display: block; max-width: 100px; border-bottom: 1px solid #FFF; height: 2px; margin: 1em 0}*/
.sidebar .widget_search .widget input[type="button"],
.sidebar .widget_search .widget input[type="reset"],
.sidebar .widget_search .widget input[type="submit"],
.sidebar .widget_search .widget .btn {padding-left: 0; padding-right: 60px; width: auto; float: right; margin-right: 8%;}
.sidebar .widget_search .widget select {width: 110%; padding-left: 14%}
.sidebar .widget_search .widget select option {line-height: 150%}
.sidebar .widget select {background-color: #FFF; max-width: 15em;}
/* Widget video */
.sidebar .widget_media_video .wp-video {padding-top: 1.4em}
/* Widget buscador*/
.sidebar .widget_search {overflow: hidden; position: relative;}
/*.sidebar .widget_search .form-ct {position: relative;}*/
.sidebar .widget_search label {font-size: 100%; display: inline-block; vertical-align: bottom;}
.sidebar .widget_search h4 {display: none;}
.sidebar .widget_search .search-field {display: inline-block; width: 7em; vertical-align: bottom; padding-right: 5%;
padding-left: 2%; /*background: none;*/ float: right;
-webkit-transition: width .4s linear;
transition: width .4s linear;
}
.sidebar .widget_search .search-field:focus {width: 93%; background-color: #FFF; }
.sidebar .widget_search input#searchsubmit {background: url('images/icons/zoom-azul.svg') no-repeat center center; background-size: 36px;
padding: 0; position: absolute; bottom: 0; right: 0; margin: 0;
width: 40px; height: 46px; text-indent: -1500em; overflow: hidden; border: 0; z-index: 30;
}
.sidebar .widget_search input#searchsubmit:hover,
.sidebar .widget_search input#searchsubmit:focus {background-image: url('images/icons/zoom-negro.svg') }
/* Widget suscripción */
.sidebar .widget.elp-widget .es_form_container {margin-top: 1em;}
.sidebar .widget.elp-widget .es_form_container .es_button {padding: 0}
/* Navegacion entre posts */
.post-navigation {position: relative;}
.post-navigation div {display: inline-block; margin: 0; padding: 0;}
.post-navigation .previous,
.post-navigation .next {position: absolute; top: 14em;}
.post-navigation .previous {left: -13%;}
.post-navigation .next {right: -13%;}
/* SHARING / Botones de compartir */
.the_champ_sharing_container {margin-top: 2em;}
.the_champ_sharing_title {text-transform: uppercase; font-weight: 700 !important; padding-bottom: .5em; color: #000; }
/* FORMULARIOS */
input,
select,
textarea {padding: .6em 0; background: #FFF; color: #000; width: 93.1%;
border:none;
/*border-bottom: 1px solid #ededed;*/
border-radius: 0;
-webkit-border-radius: 0;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
transition: all .4s ease-out;
}
input.upper,
select.upper,
textarea.upper {}
textarea {resize: none;}
input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance:none !important;
cursor: pointer;
display: inline-block;
background: none;
font-family: 'Heebo';
font-size: 100%;
color: #000;
background: #fff;
width: auto;
font-weight: 700;
padding: 0.5em 1.5em 0.3em;
margin: .5em 0;
text-align: center;
text-transform: uppercase;
border: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
input[type="text"],input[type="search"],textarea {-webkit-appearance: none; resize:none;}
/*input[type="checkbox"] {display: inline; width: auto;}*/
input:focus,
textarea:focus {outline: none;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
color: #454545
}
input[type="button"].btn:hover, input[type="reset"].btn:hover, input[type="submit"].btn:hover,
input[type="button"].btn:focus, input[type="reset"].btn:focus, input[type="submit"].btn:focus {
background: #000; color: #FFF;
}
.group-input.input.checkbox span.label{font-family: 'Akshar';text-transform: uppercase;margin-top: 2em;}
/* Changing behaviour in Safari because of contacts-auto-fill*/
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
background-color: #000 !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: #9B9B9B !important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
-webkit-box-shadow: 0 0 0 1000px #EEE inset !important;
-webkit-text-fill-color: #000 !important;
}
input::selection,
textarea::selection,
select::selection {-webkit-text-fill-color: #DEDEDE !important;}
/*.entry-comments input::selection,
.entry-comments textarea::selection,
.entry-comments select::selection {}
*/
/*select,
select option {padding: .2em 0}*/
select {
background: #FFF url('images/icons/arrow-down.svg') no-repeat 97% 53%;
background-size: 12px;
-webkit-appearance: none;
-moz-appearance: none;
}
/* Input number styles*/
input[type="number"] {}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
opacity: 1 !important;
}
form label {
display: none;
}
.label-form label,
.labeled-field,
.label {
display: block;
/*font-family: 'Akshar';*/
padding-bottom: .5em;
}
.checkbox label {display: inline !important;}
.label-form label.hidden {visibility: hidden;}
input[type="checkbox"], input[type="radio"] {
width: auto; display: inline-block; margin-right: .5em;
}
.wpcf7-list-item-label{font-family: 'Akshar';text-transform: uppercase;color: #999;}
form {margin-top: 8em;}
form a{color: #929292;}
form .input {/*overflow: hidden;*/ clear: both; position: relative; margin-top:0; margin-bottom: 0; padding-bottom:0;}
form h3.labeled + .input {margin-top: .8em}
form .input.column-section {clear: none; padding-top: 0}
form .clear {padding-bottom: 1em;}
form select {width: 100%;}
form .textarea {text-align: left;}
form .textarea textarea {height: 170px;width: 96%;margin-bottom: 1em;}
/*form div span {width: 105.5%;}*/
form div.group-input {}
form div.group-input .group-item,
form div.group-input .input {width: 48.9%; display: inline-block; vertical-align: top; clear: right; margin-right:.5%;}
/*form div.group-input span, form div.group-input .input {}*/
form div.group-input .group-item:last-of-type {margin-right:0;}
form .checkbox .wpcf7-form-control-wrap {padding: 0; margin-left: -1.5em;}
form .checkbox.group-input .wpcf7-form-control-wrap {padding: .5em 0; display: block; margin-left: -1.5em; float: left; padding-bottom: 1.5em; overflow: hidden;}
form .checkbox span.wpcf7-list-item {margin-left: 1.5em;}
form .input.submit {position: relative; clear: both; margin-top: 0.4em; padding-bottom: 0.8em;}
form .input.submit input {width: auto;}
form .input.submit input:disabled {opacity: .5}
form .checkbox.group-input .conf-otro {margin-left: 1.5em; width: 190px; float: left; margin-top: -.2em;}
form .checkbox.group-input .conf-otro input {padding: 0.08em .8em}
form fieldset {border: 1px solid #aaa; padding: 1em 2em 2em 2em; margin-top: 2em}
form fieldset legend {padding: 0 1em; text-align: center; font: normal 110%/1 'akzidenz-BdCn'; color: #C60C30}
/* Errores del envío */
span.wpcf7-not-valid-tip {padding: .4em 1.2em .4em .6em; margin: 0; color: #C60C30; display: inline-block; width: auto !important; }
.radio span.wpcf7-not-valid-tip {display: inline;}
span.wpcf7-not-valid-tip::before {content: '^';padding-right: 4px; font-size: 105%;
margin-top: 0; display: inline-block; vertical-align: middle; }
form div.input.captcha span.wpcf7-not-valid-tip {position: static; text-align: left}
form div.input.captcha span.wpcf7-not-valid-tip::before {display: none;}
form .invalid,
form .sent {padding-top: 4em;}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {width: 100%; color: #FFF; background: #C60C30;
clear: both; border: 0; margin: 0; padding: 1em 5%; font-size: 96%; text-align: center; width: 90%; left: 0;
z-index: 60;}
div.wpcf7-mail-sent-ok {color: #FFF; background: #C60C30 }
div.wpcf7 .ajax-loader {
background-image: url('images/ajax-loader.gif');
width: 50px;
height: 50px;
position: absolute;
left: 50%;
margin-left: -25px;
background-size: 50px;
top: 0;
}
.sib-form form{margin-top: 3em;margin-bottom: 5em;}
/* BOTON SUSCRIBIRSE */
.ct-suscribete{position: fixed;z-index:500;top:34em;right:-314px;width:410px;height:182px;-webkit-transition: right .6s ease;
transition: right .6s ease;
-webkit-box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.65);
-moz-box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.65);
box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.65);}
.ct-suscribete h2.cta-concierto{font-size:105%!important;color:#fff;position:relative;margin-bottom:.5em;text-align: center;padding-left: 80px;padding-top:0;font-family: 'Suakai';}
.ct-suscribete h2.title-btn{font-size:140%!important;color:#fff;position:relative;margin-bottom:0;text-align: center;padding-top:.5em;font-family: 'SuakaiBold';}
.ct-suscribete:hover {width:410px;right:0;}
.bt-registro a:hover{color:#fff;}
.bt-suscribete{background:#fff;background-size: cover;right:0;width:410px;height:182px;}
.btn-registro{background:#fff;color:#ff003c;margin:2em 0 0 0!important;padding:.4em 1.5em .6em 1.5em!important;font-size:130%!important;font-family: 'Noto-Bold';position:absolute;left:100px;bottom:80px;}
.btn-registro:hover{color:#fff;}
.bt-suscribete .wp-block-button{text-align: center;padding-left: 80px;}
.logotipo-teatro-concierto{width: 70%;positio199n: relative;margin: 0 5% 0.4em 25%;padding-top: 2em;}
.form-suscripcion-home .sib-input.sib-form-block input{color: #fff!important;}
.form-suscripcion-home.mobile{width: 100%;position: relative;overflow: hidden;display: none;}
/* HACK FOR IE 10/11 */
@media all and (-ms-high-contrast:none) {}
/* Placeholder */
::-webkit-input-placeholder {color: #000;text-transform: uppercase;font-family: 'Akshar';}
:-moz-placeholder {color: #000; opacity: 1;text-transform: uppercase;font-family: 'Akshar';}
::-moz-placeholder {color: #000; opacity: 1;text-transform: uppercase;font-family: 'Akshar';}
:-ms-input-placeholder {color: #000;text-transform: uppercase;font-family: 'Akshar';}
.item {
}