/*
Theme Name: Almadraba 2026
Author: YOU MEDIA
Author URI: http://www.almadraba.capital
Description: Theme creado por YOUMEDIA para la web de Almadraba.
Version: 2.0
License: Copyright
Text Domain: almadraba
*/

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

/* Structure
//////////////////////////////////////////////////// */
body {font: normal .8em/100% 'Open Sans', sans-serif; color: #fff; height: auto; background:#000;
  text-rendering: optimizeLegibility; overflow-x: hidden;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
}

.wrapper {position: relative; margin: 0; outline:none; overflow-x: hidden;}
.light-theme .wrapper {background-color: #FFF; color: #000}

.noscroll {overflow: hidden;}
.nofull {height: auto;}
.fullheight,  
.fullheight canvas { height: 100%; min-height: 820px;}

section {position: relative; overflow: hidden;}
.menu-hidden section {padding-left: 0;}

a {outline:none !important; color: #FFF; position: relative; }

a,
a svg * {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
} 

a:hover {color: #9f9f9f;} 
.light-theme a.not(.btn) {color: #999}
.light-theme a.not(.btn):hover {color: #9f9f9f;} 

.font-alt {font-family: 'Caveat', cursive; }

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

small {font-size: 78%;}
.text-tiny {font-size: 50%; line-height: 130%}
.text-xxsmall {font-size: 70%; line-height: 130%}
.text-xsmall {font-size: 80%; line-height: 130%}
.text-small {font-size: 90%; line-height: 130%}
.text-med {font-size: 110%; line-height: 130%}
.text-big {font-size: 120%; line-height: 120%}
.text-xbig {font-size: 130%; line-height: 120%}
.text-xxbig {font-size: 140%; line-height: 110%}
.text-xxxbig {font-size: 190%; line-height: 110%}
.text-huge {font-size: 320%; line-height: 0.8em}

.bold {font-weight: 700}
.xbold {font-weight: 800}

/* For Decorations */
.ct {position: relative;}
.ct::before,
.ct::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 0}

.inline {display: inline !important;}

mark {color: #FFF; background: #f70303}
::-moz-selection {color: #FFF; background: #f70303; opacity: 1}
::selection {color: #FFF; background: #f70303}

abbr {text-decoration: none;}

.animado {visibility: hidden;}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.strong{font-weight: 800;}

.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: #b6b6b6 !important}
.grey {color: #888888 !important}
.greydark {color: #626262 !important}
.black {color: #000 !important}
a.black.not(.btn):hover {color: #f70303 !important}
.white {color: #FFF !important}
.red {color: #f70303 !important}
.green {color: #00ffa8 !important}
.greendark {color: #0c2d32 !important}
.purple {color: #7800ff !important;}
.pink {color: #f500fd !important;}
a.white:hover {color: #999 !important}

.white strong,
.white b {color: #f70303;}

.bg-greylight,
.btn.greylight::after {background-color: #e9e9e9 !important;}
.bg-grey {background-color: #aeaeae !important;}
.bg-black {background-color: #000 !important;}
.bg-white {background-color: #FFF !important; color: #000}
.bg-red {background-color: #f70303 !important;}
.bg-greydark {background-color: #232323 !important; color: #FFF}
.bg-purple {background-color: #7800ff !important;}
.bg-pink {background-color: #f500fd !important;}
.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.fullwidth,
.fullwidth svg,
.fullwidth img,
.wp-block-image.size-full img {display: block; width: 100%; height: auto; max-width: 1000%;}

.fullscreen {overflow: hidden;}

/* Iconos */
.red svg *,
.imago.red * {fill: #f70303}
.greylight svg *,
.imago.greylight * {fill: #b6b6b6}
.white svg *,
.imago.white * {fill: #FFF}
.black svg *,
.imago.black * {fill: #000;}

i:not(.no-tran) {
    display: inline-block;  
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; 
    position: relative;
}

/* Separadores */
/*hr {height: 0; left: 50%; clear: both; position: relative; margin:0 0 0 -125px; border-top: 1px solid #CCC; background: none; }*/

/* Máscaras de imagen */
figure.img-mask {position: relative; overflow: hidden;}
figure.img-mask .mask {position: relative; margin: -1px 0;}
figure.img-mask .bg {position: absolute; top: -5%; left: -10%; width: 110%;
    -webkit-transition: 1s ease;
    transition: 1s ease; 
    /*-webkit-animation-delay: 0.2s;*/
    /*animation-delay: 0.2s;*/
}

/* Header
//////////////////////////////////////////////////// */
.header {width: 100%; overflow:hidden;}
.entry-header {padding-bottom: 7em;}

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


/************************************************************************
    MENU
************************************************************************/
ul.menu {position: relative; z-index: 20; text-transform: uppercase;font-weight: 800;}
ul.menu > li {display: inline-block; padding: 0 .5em; position: relative;}
ul.menu > li a {display: inline-block; text-decoration: none; cursor: pointer; position: relative;}

/* Menus del header */
.main-nav-ct {
  width: 40%;
  /*left: 0;*/
  right: -42%;
  background: #010005;
  /*background: #010005 /*url('images/menu.jpg') no-repeat center right;*/
  background-size: cover;
  /*font-size: 150%;
  line-height: 110%;*/
  height: 100%;
  top: 0;
  position: fixed; 
  z-index: 600;
  overflow: auto;
  overflow-x: hidden;
  -ms-transition: left .6s ease-in-out;
  -webkit-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out; 
}

.menu-wp {width: 100%;}
.menu-ct {width: 100%;}
.menu-wp {/*overflow: auto;*/ display: table; height: 100%;}
.menu-ct {display: flex; justify-content: start; height: 100%; font-size: 115%;}


.menu-logo {margin-top: 5.2em; width: 20em; display: block; margin-right: 15%; margin-left:0;margin-bottom:2em;}
.site-navigation {line-height: 1; font-size: 118%; font-weight: 800; letter-spacing: 0.15em; margin-top: 20%;margin-left: 10%;}
.site-navigation ul.menu {text-transform: uppercase;}
.site-navigation ul.menu > li {display: block; margin: .5em 0; padding: 0}
.site-navigation ul.menu > li:first-of-type {margin-top: 0}
.site-navigation ul.menu li a {color: #979797;}
.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li.current-menu-item a {color: #FFF}

/* Menu principal */
body.page-template-home .site-navigation ul li.item-home {display: none;}

.nav-trigger,
.nav-utilities {display: block; position: fixed; cursor: pointer; z-index: 600; font-size: 18px;}

/* Menu trigger */
.nav-trigger {width: 40px; height: 25px; top: 0; right: 0; padding: 30px; text-align: right; display: block; position: fixed; cursor: pointer; z-index: 600;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.nav-trigger.noback {background: none; background-position: bottom right}
.nav-trigger div.btn-nav {display: block; position: relative;}
.nav-trigger * {display: inline-block;}
.nav-trigger .none {display: none;}

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

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

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

.menu-open .nav-trigger {z-index: 1001; background: none; padding: 10px;top: 17px; right: 20px;}

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

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

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

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

/* Fixed */
.menu-fixed .nav-trigger {background: url('images/menu-trigger-grey.svg') no-repeat bottom right; background-size: cover; }
.menu-fixed .nav-trigger .btn-nav-icon,
.menu-fixed .nav-trigger .btn-nav-icon::before,
.menu-fixed .nav-trigger .btn-nav-icon::after {background-color: #000}
.menu-open.menu-fixed .nav-trigger {background: none}

/* Menú social */
.site-navigation .nav-social {margin-top: 1.4em;}
.site-navigation .nav-social ul.menu > li {display: inline-block;}

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


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

h1, h2, h3, h4, h5, h6, .entry-title, .entry-subtile  {font-weight: 700; line-height: 1; text-transform: uppercase;color: #FFF}

h1, .entry-title {font-size: 1.6em;}
h2, .entry-subtitle {font-size: 2em; line-height: .85em; letter-spacing: -0.02em}
h3 {font-size: 1.45em; padding-top: 0.8em; padding-bottom: 0.3em; letter-spacing: -0.07em}
h4 {font-size: 1.4em;padding: .35em 0 0; }
h5 {font-size: 85%;}
h6 {font-size: 76%;}

.logo {width: 27em; height: 4em; display: inline-block;}

.title-logo {padding-bottom: 2em;}
.title-logo a {display: block;}
.title-logo .logo {width: 10em; height: 12em; margin: .4em 0; display: inline-block;}
.title-logo .logo svg path {fill: #F80606;}

.title-imago svg {width: 4em; height: 5.5em; display: inline-block;} 
.title-imago a:hover svg * {fill: #858585;}
.title-imago.ct {background: none;}
.title-imago.ct::after {width: 100%; height: 100%}
.title-imago.text-med {font-size: 4em; padding: .75em 0 1.2em .8em;  background-size: 1.4em;}
.title-imago.text-big {font-size: 8em; padding: .9em 0 1em 0.75em;  background-size: 1.6em;}
.title-imago.text-xbig {font-size: 9em; padding: .9em 0 1em 0.75em;  background-size: 1.6em;}
.title-imago.text-huge {font-size: 13em; line-height: .7; letter-spacing: -.05em; padding: 0 0 0.4em 0;  background-size: 0.6em;}
.title-imago.text-huge span {padding-left: .12em}
.title-imago.text-huge.ct::after {width: 5em; background-size: contain; font-size: 100%; padding: 0; height: 1em; bottom: 0.2em; top: auto; left: -0.1em;}

.imago-next {margin: -8em 4em 0 12em}
.title-imago.text-big + .imago-next {margin-top: -8em}
.title-imago.text-xbig + .imago-next {margin-top: -9em; margin-left: 17em;}

p {margin: .5em 0}

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

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

/* Reset de márgenes y espacios */
.no_m_t {margin-top: 0 !important}
.no_m_r {margin-right: 0 !important}
.no_m_b {margin-bottom: 0 !important}
.no_m_l {margin-left: 0 !important}
.no_p_t {padding-top: 0 !important}
.no_p_r {padding-right: 0 !important}
.no_p_b {padding-bottom: 0 !important}
.no_p_l {padding-left: 0 !important}

/* Imagenes */
img.aligncenter {display: block; margin: 0 auto; clear: both; overflow: hidden;}
img.alignleft {float: left; margin: 0 3.7% 8px 0;}
img.alignright {float: right; margin: 0 0 8px 3.7%;}
.container {margin: 0 auto; padding: 4em 0; width: 80%; max-width: 1480px; position: relative;}
.container.nomax {max-width: 100%;}
.container.xxsmall-width {width: 22%}
.container.xsmall-width {width: 30%}
.container.small-width {width: 40%}
.container.inter-width {width: 60%}
.container.medium-width {width: 70%}
.container.big-width {width: 90%}
.container.xbig-width {width: 92%}
.container.full-width {width: 100%;}

.entry-content,
.hidden-content {position: relative; z-index: 99;}
.hidden-content {display: none; clear: both;}
.entry-content img {max-width: 100%; height: auto}
.entry-content ul,
.entry-content ol {margin: 1em;}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul
.entry-content ol ol {margin: .5em 1em;}
.entry-content ul,
.entry-content ol {margin-left: 2.5em}
.entry-content ul li {position: relative; padding: 0 0 .3em 0}
.entry-content ol li {list-style-type: decimal;}
.entry-content ul li:last-of-type,
.entry-content ol li:last-of-type {padding-bottom: 0}
.entry-content ul:not(.no-bullets) li::before {content: ''; color: #9f9f9f; position: absolute; top: 0.45em; left: -1em; width: .4em; height: .4em; background-color: #9f9f9f;
  border-radius: 100%;
} 
.text-center .entry-content ul li::before,
.entry-content.text-center ul li::before {position: static;}

/*.entry-content strong,
.entry-content b {color: #FFF}*/

.entry-content ul ol li::before {display: none;}

.entry-content p {margin: 1em 0; }
/*.entry-content p:last-of-type {margin-bottom: 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 {padding-bottom: 1em; margin-top: 2em;}
.entry-content h3 {}
.entry-content h2 + p {margin-top: 0}

.entry-feat {position: absolute; max-width: 360px;}
blockquote {padding: 1em 2em; clear: both; font-size: 110%; font-family: 'Courier'; line-height: 100%; text-transform: uppercase;
  /*background-color: #F80606;*/
}
blockquote a {text-decoration: underline;}
blockquote h2,
blockquote h3 {padding-top: 0; font-size: 240%; padding-bottom: .15em;}
.entry-content blockquote {max-width: 35%;}
/*blockquote p {margin: 0}*/

/* FILAS Y COLUMNAS */
.row {clear: both; overflow: hidden; position: relative; display: block;}
.columns {display: flex; justify-content: space-between;}
.columns.valing-middle {align-items: center;}
.columns.valing-bottom {align-items: flex-end;}

.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;
}

[class^="col-"], 
[class*=" col-"] {float: left; margin: 0; padding: 0 !important}

/*.columns [class^="col-"], 
.columns [class*=" col-"] {float: none}*/

.col-1-6 {width: 16.66666%;}
.col-5-6 {width: 83.33333%;}

.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}
.col-5-5 {width: 100%;}

.col-1-3,
.col-2-6 {width: 33.33333%;}
.col-2-3,
.col-4-6 {width: 66.66666%;}

.col-2,
.col-2-4,
.col-3-6 {width: 50%;}

.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}


/* 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; padding-top: 6em; padding-bottom: 1em; clear: both; overflow: hidden; }
.tab-nav li {display: inline-block; color: #b6b6b6; font-size: 3.2em; line-height: 1}
.tab-nav li a {color: #b6b6b6; padding: 0 0.4em; display: block;}
.tab-nav li.active a,
.tab-nav li a:hover {color: #F80606}

.tab-container .tab-title {border-bottom: 2px solid #b6b6b6; display: inline-block; text-transform: lowercase; padding: 0 4em 0.2em 2em}


/* ACORDEONES */
.acc:not(.first) .acc-ct {display:none; }
.acc {border-bottom: 1px solid rgba(255,255,255,.3)}
.acc .acc-toggle {cursor: pointer; 
  padding: .25em .5em;
  border-top: 1px solid rgba(255,255,255,.3);
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.acc .acc-toggle:hover,
.acc .acc-toggle.expanded,
.acc .acc-ct {background-color: #F80606; color: #000}
.acc .acc-ct {padding: .5em 2em; }
.acc .acc-ct p:first-of-type {margin-top: -.5em;}
.acc .acc-ct a {color: rgba(0,0,0,.5); text-decoration: underline;}
.acc .acc-ct a:hover {color: #FFF}

/* TABLAS */
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {width: 90%}
.wp-block-table.aligncenter {margin-left: auto; margin-right: auto;}
table {width: 100%;border-top: 1px solid #dedede;}
table th,
table td {padding: .5em .8em; border-bottom: 1px solid #dedede; }
table th {font-weight: bold}
table tr:nth-child(odd) th,
table tr:nth-child(odd) td {background: rgba(255,255, 255, .6)}
/*table tr th:last-of-type,
table tr td:last-of-type {border-right: 1px solid #dedede;}*/



/* 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);
}

/* MÁSCARAS DE IMAGEN 
//////////////////////////////////////////////////// */
.imgmask-ct {display: block;}
.imgmask-ct::before,
.imgmask-ct::after {opacity: 0;
  -ms-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  transition: all .4s ease; 
}
.imgmask-ct::before {z-index: 5; height: 100%; background: rgba(0,0,0,.3);
  /*mix-blend-mode: multiply*/
}
.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;}
/*.imgmask-ct::after {width: 60px; height: 60px; top: 1.4em; left: auto; right: -10px; margin: 0; z-index: 60; border-radius: 50em 130px 130px 50em;
  background: #F80606 url('images/icons/zoom-blanco.svg') no-repeat center; background-size: 30px;
}*/

.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,
.hover .imgmask-ct::after,
a:hover .imgmask-ct::after,
a.imgmask-ct:hover::after {opacity: 1}
.hover .imgmask-ct.mask-overlay::before,
a:hover .imgmask-ct.mask-overlay::before,
a.imgmask-ct.mask-overlay:hover::before {opacity: 0}
.hover .imgmask-ct .img-title,
a:hover .imgmask-ct .img-title,
a.imgmask-ct:hover .img-title {color: #FFF}

.hover .imgmask-ct::after,
a:hover .imgmask-ct::after,
a.imgmask-ct:hover::after {right: -3px;}


/* CARRUSEL 
//////////////////////////////////////////////////// */
.owl-nav{width: 100%;top: 3em;position: absolute; margin-top: -0.75em;}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{padding:0;border-radius:0;display: block;text-shadow:none;color:transparent;width: 2.5em;height: 3em; position: absolute; margin: 0;}
.owl-carousel .owl-nav .owl-next {right: 0.6em;}
.owl-carousel .owl-nav .owl-prev {left: -3.6em;}
.owl-carousel .owl-nav .owl-next:before,
.owl-carousel .owl-nav .owl-prev:before{font-family: "icons"; font-size: 2.3em; color:#000;text-shadow:none;padding:0;}
.owl-carousel .owl-nav .owl-next:before{content:'\e804'; color: #979797}
.owl-carousel .owl-nav .owl-prev:before{content:'\e807';}
.owl-carousel .owl-nav .owl-next:hover:before,
.owl-carousel .owl-nav .owl-prev:hover:before {color:#FFF;}

.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {opacity: 0}

.owl-carousel .owl-dots {text-align: center; padding-top: 2em; }
.owl-carousel .owl-dots button.owl-dot.active span, 
.owl-carousel .owl-dots button.owl-dot:hover span {background-color: #000; border-radius: 50%; height: 14px; width: 14px; position: absolute; top: 0; left:0; }
.owl-carousel .owl-dots button.owl-dot{border: 1px solid #000; border-radius: 50%; height: 16px; width: 16px; position: relative; margin: 1em .25em }


/* POPUP WINDOW */
.popup-window {height: 100%; width: 100%; background: #000;
  position: absolute; z-index: 600; right: -105%; top: 0;
  -ms-transition: right .8s ease-in-out;
  -webkit-transition: right .8s ease-in-out;
  transition: right .8s ease-in-out; 
}
.popup-window.active {position: fixed; right: 0}
.popup-window .container {float: none !important; margin-top: 4em !important; height: 100%; padding-bottom: 4em; width: 54%}
.popup-window .container h2 {font-size: 180%; padding: 1em 0 0}



/* Page default / TEXT
//////////////////////////////////////////////////// */
.sec-default {padding: 4em 0}
.sec-default h1{font-size: 3.5em;}
.sec-default h2{line-height: 1em;}
.sec-default .entry-content ol li{position: relative;margin-bottom: .5em;}
.sec-defaul .title-imago svg{width: 13em;height: 14em;}


/* ERROR404 page
//////////////////////////////////////////////////// */
/*section.error404-ct {min-height: 768px}*/

/* FONDO FIJO */
.bg-fixed { background-attachment: fixed !important;  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;}

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

.footer {position: relative;padding:2em 0;background: #000; font-size: 88%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer a.bottom-logo {display: block; text-align: center; position: absolute; left: 42%; top: 42%; margin: -1.3em 0 0 -1.3em;padding:1em 3em;border-top:1px solid #fff; }
.footer a.bottom-logo svg {width: 13em; height: 2.6em; display: inline-block;}
.footer .footer-navigation {text-align:left; position:relative; margin-left: 2%;}


/* BOTONES
//////////////////////////////////////////////////// */
.btn,
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"],
.wp-block-button__link,
.is-style-outline>.wp-block-button__link:not(.has-text-color), 
.wp-block-button__link.is-style-outline:not(.has-text-color) {
	-webkit-appearance:none !important;
	cursor: pointer;
	display: inline-block;	
	background-color: #000;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.05em; 
  color: #fff;
	width: auto;
	margin: 1em 0;
	text-align: center;
  font-size: 85%;
	padding: .25em .8em;
  border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Por defecto / Default */
.btn:hover,
button:hover, 
button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="reset"]:hover, 
input[type="reset"]:focus,  
input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button__link:hover,
.is-style-outline>.wp-block-button__link:not(.has-text-color):hover, 
.wp-block-button__link.is-style-outline:not(.has-text-color):hover {background-color: #9f9f9f; color: #000}

/* Mas / Plus */
.btn-plus {width: 20px; height: 20px; padding: 0;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}

.btn-plus::before {
	font-family: 'icons'; content: '\e80b';
    display: block;
	color: #FFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-plus:hover::before {color: #970b0b}

.btn-plus.red::before {color: #970b0b} 
.btn-plus.blue::before {color: #0000ff} 
.btn-plus.red:hover::before,
.btn-plus.blue:hover::before {color: #FFF} 


/* Cerrar / Close */
.btn-close {position: absolute;top:0; right:0;z-index:1250;}
.btn-close:hover::before {}

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


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


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

.btn-toggle {display: block;text-transform: uppercase;font-family: 'Graphik-Medium';}
/*.btn-toggle span {display: none;}*/
/*.btn-toggle span.active {display: inline;}*/
.btn-toggle.active {}

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

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

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

/* Videos */
.title-img {position: relative;}


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

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

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


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

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


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

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

#cboxClose:before { font-family: "icons"; content: '\e804'; font-size: 60px; line-height: 60px; margin-bottom: 1.5em;
	display: inline-block;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3)

}
#cboxContent {margin-top: 40px !important;  background: #000 !important;}


/* Template page-lightbox */
#colorbox .wrapper {background: #000; height: auto; }
.page-colorbox#colorbox .entry-content {padding: 1.5em 0 3em; margin: 2em auto; width: 80%; float: none;}
.page-colorbox#colorbox .entry-content hr {background-color: #FFF; margin: 0em 0 0;}
.page-colorbox#colorbox .entry-header {padding: 1em 0 0 0; margin: 0}
.page-colorbox#colorbox .entry-header h2 {font-size: 2em; line-height: 100%; color: #970b0b; text-transform: uppercase;}
.page-colorbox#colorbox .entry-content h3 {font-size: 125%; padding-bottom: 0.6em;font-family: 'Graphik';text-transform: uppercase;}
.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}
.page-colorbox#colorbox .lightbox-ct h1{display: block; padding-bottom: .3em; text-align: left}
.lightbox-ct h1 {font-size:500%;}
.lightbox-ct h2 {font-size:150%; text-align: left}
.lightbox-ct b,
.lightbox-ct strong {color: #888}

.lightbox-ct{width: 40%;margin:0 auto; padding:3%; }
#cboxLoadedContent .lightbox-ct{width: 100%; margin: 0; padding:0; background:#fff; color: #000;}

/* Para acceder al contenido */
.btn-access-ct { 
	position: absolute; 
	bottom: 7em; 
	left: 1.5em; 
	padding-bottom: 0;
	text-align: center; 
	width:auto;
	z-index:70;
}

.btn-access-ct a:hover {opacity: .65; color: #ff851c}
.btn-access-ct.access-down a {display: inline-block;}
.btn-access-ct.access-down img {max-height: 4em; width: auto}

.btn-access-ct.access-down a {color: #888}

/*scroll*/
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 49%;
}
.icon-scroll {
  width: 18px;
  height: 30px;
  bottom: 1em;
  border-radius: 25px;
  background: none;
  border:1px solid #fff;
}
.icon-scroll:before {
  content: '';
  width: 2px;
  height: 6px;
  background: #fff;
  margin-left: -1px;
  top: 4px;
  border-radius:0;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(23px);
            transform: translateY(23px);
  }
}


/* VIDEO PLAYER */

.videoContainer .video-js {background: #FFF !important }
.videoContainer .video-js,
.videoContainer video {width: 100% !important;}

.video-title {text-transform: uppercase; color: #FFF; padding-bottom: .5em; font-size: 150%}
#colorbox .video-title {display: none;}

.home-video .video-js {color: #FFF !important}
.vjs-you-skin {}
/* Change all text and icon colors in the player. */
.vjs-you-skin.video-js {color: #57584F; }

/* Change the color of various "bars". */
.vjs-default-skin.vjs-you-skin .vjs-control-bar {
    background: rgba(0,0,0,0);
    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: #FFF !important;
}


.vjs-default-skin .vjs-big-play-button {background: none !important; width: 2.6em !important; margin-left: -1.4000000000000001em !important;
    border: .3em solid #FFF !important;
    margin-top: 0 !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !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;
    font-size:2.5em!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, .vjs-default-skin .vjs-big-play-button:hover {border-color: #57584F !important;}
.vjs-default-skin .vjs-big-play-button:focus:before, .vjs-default-skin .vjs-big-play-button:hover:before {color: #57584F !important}

/* Button play */

.vjs-default-skin .vjs-big-play-button:before {font-family: "icons" !important; content: "\e814" !important; font-size: 1.5em; line-height: 1.75em !important}
.vjs-default-skin .vjs-big-play-button:after {
  content: 'Capital';
  text-transform: uppercase;
  font-weight: 900;
  font-size:8em;
  position: absolute;
  top:0;
  left:-2em;
  color:#fff;
  opacity: .2;

}

.vjs-default-skin.vjs-has-started .vjs-control-bar{display:none!important;}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:none!important;}


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

/* HOME
//////////////////////////////////////////////////// */



.sec-home{width: 100%;position: relative;overflow:hidden;}
.sec-home .home-top{width: 100%;position: relative;overflow: hidden;}
.sec-home .home-top .a-favicon{width: 56%;position: absolute;top: 8em;left: 3em;z-index: 2;opacity: .43;}
.home-top .col-left,
.home-top .col-right{width: 50%;position: relative;float: left;}
.home-top .col-right .ct-content{width:auto;position: absolute;top:26em;left: 10%;z-index: 2;}
.home-top .col-right .ct-content h1{text-align: center;color: #fff;font-size: 2.2em;font-weight: 100;}
.home-top .col-right .ct-content h2{text-align: left;color: #fff;opacity: .6;font-size: 3.8em;letter-spacing: -.04em;font-weight: 800;}
.sec-home .home-center{width: 100%;position: relative;padding: 2em 0 0 0;overflow: hidden;}
.sec-home .home-center .container.ct-content{width: 37%;float: left;position: absolute;margin-left: 5em;font-size: 135%;padding-bottom: 0;}
.sec-home .home-center .container.ct-content .logo{width: 20em;height: 2em;}
.sec-home .home-center .container.ct-content{line-height: 1.2em;}
.sec-home .home-center .holding-companies{width: 100%;position:relative;overflow: hidden;z-index: 2;}
.sec-home .home-center .holding-companies .company-logo .container{width: 100%;}
.videoContainer{position: relative;}
.videoContainer .comp-ct{position: absolute;right: 1em;bottom: 5em;width: 72%;}

.sec-home .home-bottom{width: 100%;position: relative;overflow: hidden;}
.sec-home .home-bottom .col-left{width: 20%;position: relative;float: left;}
.sec-home .home-bottom .col-right{width: 80%;position: relative;float: left;/*background: url('images/bgs/home/bg-bottom-right.jpg') 0 0 no-repeat;*/}
.sec-home .home-bottom .col-right .ct-content{width: 55%;position:absolute;top: 5em;left: 7em;/*padding: 5em 2em 13em 7em;*/}
.sec-home .home-bottom .col-right .ct-content h3{text-transform: none;font-size: 1.1em;font-weight: 600;margin-bottom: .1em;}
.sec-home .home-bottom .col-right .ct-content h3 a{text-decoration: underline;}
.sec-home .home-bottom .col-right .ct-content h3 strong{letter-spacing: .01em;font-weight: 700;}
.sec-home .home-bottom .col-right .ct-content ul li{position: relative;margin-bottom: 2em;}

/* ESTRATEGIA
//////////////////////////////////////////////////// */
.logo-header{width: 41em;padding: 9em 0 0 4em;}
.img-decorativa{width: 35%;position: absolute;right: 0;bottom: 0;}
.estrategia-top{width: 100%;position: relative;overflow:hidden;}
.estrategia-top .logo-header{width: 41em;position: absolute;top: 7em;left: 4em;z-index: 2;padding: 0 0 0 0;}
.estrategia-top .col-left{width: 30.1%;position: relative;float: left;overflow: hidden;}
.estrategia-top .col-right{width: 68%;position: relative;float: left;overflow: hidden;}
.estrategia-top .container{width: 44%;position: absolute;top: 23em;left: 0;background: #000;padding: 3em 0 3em 4em;}
.estrategia-top .container h1{font-size: 3.6em;font-weight: 800;letter-spacing: -.04em;}
.estrategia-center{width: 100%;position: relative;overflow:hidden;text-align: center;background: #fff;}
.estrategia-center .entry-content.summary{width: 84%;position: relative;margin: 2em auto 0 auto}
.estrategia-center .entry-content ul{width: 96%;position: relative;overflow: hidden;list-style: none;float: none;margin: 3em auto 0 auto;}
.estrategia-center .entry-content ul li{position: relative;float:left;width: 27.8%;padding: 0 2.6%;border-right: 1.5px solid #000;font-weight: 700;color: #636363;line-height: .9em;padding-top: .5em;min-height: 80px;}
.estrategia-center .entry-content ul li:last-child{border-right: none;}
.estrategia-center .entry-content ul:not(.no-bullets) li::before{content: '';width: 0;height: 0;}

.estrategia-bottom{width: 100%;position: relative;overflow:hidden;text-align: center;padding: 2em 0 3em 0;}
.estrategia-bottom .tri-left{width: 13%;position: absolute;left: 0;bottom: 0;z-index: 2;}
.estrategia-bottom .tri-right{width: 15%;position: absolute;right: 0;bottom: 0;z-index: 2;}
.estrategia-bottom ul.principios-list{width: 96%;position: relative;overflow: hidden;list-style: none;float: none;margin: 7em auto 3em auto;}
.estrategia-bottom ul.principios-list li{position: relative;float:left;width: 19.8%;padding: 0 2.5%;border-right: 1.5px solid #fff;}
.estrategia-bottom ul.principios-list li:last-child{border-right: none;}
.estrategia-bottom ul.principios-list li h3{padding-bottom: 0;}
.estrategia-bottom ul.principios-list li p{margin: .4em 0;}
.banner-estrategia{width: 100%;position: relative;overflow:hidden;background:#000;}
.banner-estrategia .claim{width: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.banner-estrategia h3{font-size: 5em;padding: 2em 0 2em 1em;opacity: .8;}

/* ESTRUCTURA
////////////////////////////////////////////////// */
.sec-estructura{width: 100%;position: relative;overflow: hidden;float: left;}
.sec-estructura .logo-header{position: absolute;padding: 0 0 0 0;top: 9em;left: 4em;z-index: 2;}
.sec-estructura .videoContainer.estructura{width: 100%;position:relative;}
.sec-estructura .estructura-top{width: 100%;position: relative;float: left;/*background: url('images/bgs/estructura/bg-estructura-top.jpg') no-repeat;background-size: cover;background-position: 0 0;*/}
.sec-estructura .estructura-top .container {width:auto;position:absolute;top: 29em;background: #000;padding: 3em 5em 3em 5em;}
.sec-estructura .estructura-top .container h1 {font-size: 3.6em;font-weight: 800;letter-spacing: -.04em;}
.sec-estructura .estructura-top .gallery{width: 76%;position:absolute;top:65em;right:-1em;overflow: hidden;}
.sec-estructura .estructura-top .gallery .item-gallery{min-height:300px;float: left;}
.sec-estructura .estructura-top .gallery .item-gallery:nth-child(1){width: 25%;margin-right: 4%;}
.sec-estructura .estructura-top .gallery .item-gallery:nth-child(2){width: 70%;}

.sec-estructura .estructura-top .modelo{width: 100%;position: absolute;top: -20em;right: 0;z-index: 2;}
.sec-estructura .estructura-top .modelo .entry-content{width: 48%;position:absolute;right: 0;background: #000;padding: 0 5em 3em 5em;}
.sec-estructura .estructura-top .modelo .entry-content h2{padding-bottom: .3em;}
.sec-estructura .estructura-top .modelo .entry-content p{font-size: 140%;width: 100%;line-height: 1.2em;margin: .3em 0;}
.sec-estructura .estructura-top .summary{width: 100%;position:absolute;overflow: hidden;top:120em;left;padding-bottom: 22em;}
.sec-estructura .estructura-top .summary .entry-content{padding-left: 10em;}
.sec-estructura .estructura-top .summary .entry-content p{margin: 0;}
.sec-estructura .estructura-top .summary .entry-content h2{font-size: 6em;letter-spacing: -0.07em;font-weight: 800;opacity: .8;margin-top: 1em;}
.sec-estructura .estructura-top .img-decorativa{width: 30%;position: absolute;left: 0;top: 76em;z-index: 2;}
.sec-estructura .estructura-bottom{width: 100%;position: relative;overflow: hidden;margin-top:5em;float: left;}
.sec-estructura .estructura-bottom .col-left{width: 28%;position: relative;float: left;}
.sec-estructura .estructura-bottom .col-right{width: 48%;position: relative;float: left;padding: 2em 12%!important;}
.sec-estructura .estructura-bottom .col-right p{font-size: 140%;line-height: 1.1em;}
.sec-estructura .estructura-bottom .col-right ul li{text-transform: uppercase;font-weight: 600;font-size: 1.4em;line-height: 1.2em;}
.sec-estructura .estructura-bottom .col-right .entry-content ul:not(.no-bullets) li::before{content: '';color: #fff;position: absolute;top: .45em;left: -1em;width: .2em;height: .2em;background-color: #fff;border-radius: 100%;}

/* ECOSISTEMA
////////////////////////////////////////////////// */
.sec-ecosistema{width: 100%;position: relative;overflow: hidden;background:#000;}
.sec-ecosistema .img-top-right{width:20%;position: absolute;top: 0;right: 0;z-index: 0;}
.sec-ecosistema .ecosistema-top{width: 100%;position: relative;overflow: hidden;}
.sec-ecosistema .ecosistema-top .container{width: 46%;position: relative;float: right;padding:0 4em 3em 4em;margin-top: 8.5em;}
.sec-ecosistema .ecosistema-top .container h1 {
    font-size: 3.6em;
    font-weight: 800;
    letter-spacing: -.04em;
    position: relative;
    margin-bottom: .5em;
}
.sec-ecosistema .ecosistema-bottom{}
.sec-ecosistema .ecosistema-bottom .videoContainer{width: 54%;position: absolute;left: 0;top: 0;z-index: 0;}
.sec-ecosistema .companies .columnas{border-bottom: 1px solid #9f9f9f;padding: 4em 0!important;}
.sec-ecosistema .companies .columnas:last-child{border-bottom: none;padding: 4em 0!important;}
.sec-ecosistema .companies .columnas .company-logo{width: 22%;position: relative;float: left;margin-left: 12%;margin-right: 4%;}
.sec-ecosistema .companies .columnas .company-logo .container{width: 100%;padding: 0 0;}
.sec-ecosistema .companies .columnas .company-text{width: 48%;position: relative;float: left;padding-left: 12%;padding-right: 2%;padding-top: 2em;}
.sec-ecosistema .companies .columnas .company-text .container{width: 100%;padding: 0 0;}
.sec-ecosistema .companies .columnas .company-text .container .entry-content p{margin: .3em 0;}
.sec-ecosistema .companies .columnas p .btn{font-size: 70%!important;background: #fff;color: #000;}
.sec-ecosistema .companies .columnas p a:hover.btn{background:#9f9f9f;}

.logo-item {
    position: relative;
    display: inline-block;
    width: 100%;
}

.logo-item img {
    display: block;
    transition: opacity .3s ease;
}

.logo-hover {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.logo-item:hover .logo-hover {
    opacity: 1;
}

.logo-item:hover .logo-default {
    opacity: 0;
}



/* HOLDING */
.holding-top {position: relative; background: url('images/bgs/equipo/bg-equipo-top.jpg') no-repeat 0 0; background-size: 100%; background-attachment: fixed;min-height: 800px;}
.holding-top .logo {position: absolute; top: 6em; left: 5%}
.holding-top .entry-header {position: absolute; bottom: -2em; left: 9%;}
.holding-top .container{width: 43%;position: relative;float: right;padding: 4em 4em 3em 4em;margin-top: 8.5em;}
.holding-top .container h2{font-size: 3.6em;font-weight: 800;letter-spacing: -.04em;position: relative;float: left;margin-bottom: .5em;}
.holding-top .container p{font-size: 130%;line-height: 120%;}
.holding-top .container .entry-content h2 {width: 100%;padding-bottom:0;margin-top:0;}
.holding-top .funcion{width: 100%;position: relative;overflow: hidden;}
.holding-top .funcion .container{width: 41%;position: relative;float: left;margin-top:-2em;margin-left: 2em;}
.holding-top .funcion .container .entry-content p,
.holding-top .direccion .container .entry-content p{font-size: 120%;margin: .3em 0;}
.holding-top .container h3{font-size: 2.3em;padding-bottom: 0;}
.holding-top .direccion{width: 100%;position: relative;overflow: hidden;}
.holding-top .direccion .entry-content{font-size: 120%;margin: .3em 0;}
.holding-top .direccion .container{width: 41%;position: relative;float: left;margin-top:2em;margin-left: 2em;}
.holding-bottom {position: relative;background:#000;}
.holding-bottom .holding-team .header-team .container{width: 41%;position: relative;float: left;margin-left: 2em;padding-left: 4em;}
.holding-bottom .holding-team .header-team{width: 100%;position: relative;overflow: hidden;min-height: 200px;background:url('images/bgs/equipo/bg-title-team.jpg') no-repeat;background-size: 100%;}
.holding-bottom .holding-team .header-team h3{font-size: 2.3em;padding-bottom: 0;}
.holding-bottom .holding-team .header-team p{font-size: 120%;margin: .3em 0;}
/*.holding-bottom .col-1-3 {position: absolute; right: 0}*/

.holding-team .xbig-width {margin-top: -10em;} 
.member-data a {color: #979797}
.member-data a:hover {color: #fff}
.consejo-ct,
.team-ct,
.ceos-ct {background-color: #000; margin-right:0; width:100%}
.team-ct {padding-top: 7em;}
.team-ct .entry-title {position: relative; z-index: 99}
.ceos-ct .member-item { align-items: flex-end;}
.ceos-ct .member-item,
.members-ct .team {flex-wrap: wrap; justify-content: start;}
.members-ct .team {border-top: 1px solid #666}
.ceos-ct .member-data .entry-header {padding-bottom: 6em;}
.ceos-ct .member-data .member-name {padding-bottom: 0}
.ceos-ct .member-data .member-linkedin {margin-top: 2em}
.members-ct .member-item {position: relative; overflow: hidden;}
.members-ct .member-item::before {height: 1px; background-color: #666; top: auto; bottom: 0}
.members-ct .member-item::after {width: 1px; height: 100%; background-color: #666;}

/*.members-ct .member-item:nth-child(even)::after {height: 40%;}
.members-ct .member-item:nth-child(2)::after,
.members-ct .member-item:nth-child(4)::after {top: auto; bottom: 0}*/
.members-ct .member-data {position: absolute; bottom: -120%; background-color: #000; width: 90%; padding: 1em 5%; visibility: hidden; opacity: 0;
  -webkit-transition: bottom .4s ease;
  transition: bottom .4s ease;
}
.member-data .member-name {font-size: 130%;letter-spacing: .1em;}
.member-data .member-charge{font-size: 120%;line-height: 1.1em;}
.members-ct .member-data .member-linkedin {position: absolute; bottom: 1em; right: 1em;}
.members-ct .member-item:hover .member-data {bottom: 3em; opacity: 1; visibility: visible}

/* SEDES */
.sedes-top {background: url('images/sedes/top.jpg') no-repeat bottom center; background-size: cover; padding-top: 2em;}
.sedes-top .entry-header {padding-bottom: 5em; padding-top: 2em;}
.sedes-top .anillo-body {padding: 17em 0 30em 0;}
.sec-sedes .entry-content {margin-right: 13%}

.sedes-bottom {background: url('images/sedes/bottom-meta.jpg') no-repeat 0 0; background-size: cover; padding-top: 5em; padding-bottom: 32em;}

/* BLOG / SALA DE PRENSA */
body.blog,
body.blog .wrapper,
body.blog .wrapper .sec-sala {height: 100%; background-color: #d1d1d1; min-height: 680px}
body.blog .wrapper .sec-sala {height: calc(100% - 10.5em); overflow: auto;}
.sec-sala {background: #d1d1d1 url('images/prensa.jpg') no-repeat center top; background-size: cover; padding-top: 2em; padding-bottom: 4em;}
.sec-sala .logo {margin: 4em 0 0 6%;}
.sec-sala .logo svg .logosvg-ariete * {fill: #000;}
.sec-sala .logo svg .logosvg-capital * {fill: #000;}

.sec-sala .sala-header {margin-top: 5em}
.sec-sala .sala-header .entry-content p:first-of-type {margin-top: 0.4em}

.noti-list > .container.full-width {margin-left: 6%; width: 94%;}
.noticia-item p {margin: 0}
.noticia-item .noticia-body {padding: 1.3em 0 0.5em; border-bottom: 1px solid #000}
.noticia-item .noticia-body .noticia-meta {align-items: flex-end;}
.noticia-item .noticia-body .btn {margin: 0}
/*.owl-carousel .owl-item:last-of-type {}*/

/* CONTACTO */
.sec-contacto {background: url('images/bgs/contacto/bg-contacto.jpg') no-repeat 0 0; background-size:100%; padding-bottom:0; }
.sec-contacto .container{width: 38%;position: relative;background: #fff;overflow: visible;margin: 0 0 0 22%;padding-left: 4em;padding-bottom: 12em;}
.sec-contacto .container .destacado{width:80%;background:#000;color: #fff;padding: 2.5em 2em 1.5em 2em;margin-top: 1em;margin-left: -12em;}
.sec-contacto .container .destacado h1{font-size: 2.5em;font-weight: 900;letter-spacing: -.04em;}
.sec-contacto .logo {margin-top:0;width: 21em;}
.sec-contacto .logo svg .logosvg-ariete * {fill: #000;}
.sec-contacto .contact-form{width: 70%;margin: 2em 0 3em 9%;position: relative;}
.submit-ct{color: #000;}
.submit-ct a{text-decoration: underline;color: #000;}
.submit-ct a:hover{color: #ccc;}
.contacto-top .entry-content .wpcf7 {padding-top: 3em;}
.sec-contacto .entry-content a {color: #000}

#map_div {width: 100%; height: 22em;}
.map-info img {width: 5em;}
button.si-close-button {width: 26px; height: 26px; padding: 0; position: absolute; opacity: 1}

.contacto-address {background: #000; padding: 1em 3em;width: 16em;position: absolute;left: 29em;z-index: 15;text-align: right;}
.contacto-address h3 {font-size: 100%}
.contacto-address a {text-decoration: underline;text-transform: uppercase; color: #FFF; font-weight: 700; font-size: 85%}


/* Formularios / FORMS
//////////////////////////////////////////////////////*/
input,
select,
textarea,
button:not(.mgbutton),
.sib-form .entry__field,
.sib-form .input {padding: .5em .3em; background: none; color: #fff; width: 100%; border: none;background: #000;
  outline: none !important; font-family: 'Open Sans'; border-radius: 0;
}

textarea {resize: none; height: 5em;}

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

input:focus,
textarea:focus {border-color: #979797 !important; text-transform: none;}

select:focus {box-shadow: none; outline: none; }


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


input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:focus,
input[type="reset"]:disabled:focus,
input[type="submit"]:disabled:focus {text-transform: uppercase;}

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

/* Changing behaviour in Safari because of contacts-auto-fill*/
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    background-color:#979797 !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:#979797 !important;
}

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

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

option {-moz-appearance: none;}

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

label {margin: .4em 0 0 0; text-transform: uppercase; font-size: 80%;}
.sidebar .widget_search label,
.nolabels label {display: none;}

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

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

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

.acceptance label,
.entry-comments label {}

.recaptcha {margin-top: 8px;}

/* Campos agrupados */
div.group-input {display: flex; justify-content: space-between;}
div.group-input .input {width: 48%;}
div.group-input .input select {background-position: 97%; padding-left: 4%}

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

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

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

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