/* Theme Name: MRA. Vivir en Zuasti
Author: You Media
Author URI: http://www.youmedia.es
Description: Theme creado para MRA. Vivir en Zuasti por You Media.
Version: 1.0
License: Copyrighted
*/

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



/* Structure
//////////////////////////////////////////////////// */
html {background-color: #000}
body {font: normal .9em/130% 'Gotham-Book', Arial, sans-serif; color: #000; background-color: #FFF; height: auto; letter-spacing: -0.01em;
  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; background-color: #000; color: #FFF}
    
.noscroll {overflow: hidden;}
.nofull {height: auto;}
.fullheight,  
.fullheight canvas { height: 100%; min-height: 860px;}

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

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

a {outline:none !important; color: #000; position: relative; text-decoration: underline;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

a:hover,
a.hover {color: #666} 

b, strong, .bold {font-family: 'Gotham-Bold'; font-weight: 400;}
.medium {font-family: 'Gotham-Medium'}
.nobold,
.regular {font-family: 'Gotham-Book';}

.text-left {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: 130%}
.text-small {font-size: 90%; line-height: 130%}
.text-med {font-size: 110%; line-height: 130%}
.text-big {font-size: 120%; line-height: 120%}
.text-xbig {font-size: 130%; line-height: 120%}
.text-xxbig {font-size: 145%; line-height: 110%}
.text-xxxbig {font-size: 205%; line-height: 110%}
.text-huge {font-size: 400%; line-height: 110%}

.font-alt {font-family: 'H2D2'}

.inline {display: inline !important;}
.ancla {display: inherit !important;}

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

abbr {text-decoration: none;}

.animado {visibility: hidden;}
/*html.touch .animado {
  -webkit-animation-name: none;
  animation-name: none;
}*/
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.notran {text-transform: none;}

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

.font-special {font-family: 'PurpleDrank'; font-size: 150%; line-height: 1;}

/* Colores */
.greylight {color: #dedede !important;}
.grey {color: #888888 !important;}
.greydark {color: #626262 !important;}
.black {color: #000 !important;}
a.black:hover {color: #9c0030 !important;}
.white {color: #FFF !important;}
.red {color: #9c0030 !important}
.grana {color: #5b0721 !important;}
.purple {color: #312682 !important;}
.blue {color: #050938 !important;}
.bluelight {color: #485d72 !important;}

.bg-greylight,
.btn.greylight::after {background-color: #e9e9e9 !important;}
.bg-grey {background-color: #cdcdcd !important;}
.bg-black {background-color: #000 !important;}
.bg-white {background-color: #FFF !important;}
.bg-red {background-color: #9c0030 !important;}
.bg-grana {background-color: #5b0721 !important;}
.bg-purple {background-color: #312682 !important;}
.bg-blue {background-color: #050938 !important;}
.bg-bluelight {background-color: #485d72 !important;}

/* LOGOS 
//////////////////////////////////////////////////// */
.white .imago *, .white .logo *, .white svg * {fill: #FFF;}
.black .imago *, .black .logo *, .black svg * {fill: #000;}
.greylight .imago *, .greylight .logo *, .greylight svg * {fill: #dedede;}
.grey .imago *, .grey .logo *, .grey svg *  {color: #888888 !important;}
.greydark .imago *, .greydark .logo *, .greydark svg *  {color: #626262 !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 rec */
i:not(.no-tran) {
    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%;}


/* Separadores */
hr {height: 0; left: 50%; clear: both; position: relative; width: 150px; margin: 2em 0 2.5em -75px; border-top: 2px solid #312682; 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;*/
}

/************************************************************************
    MENU
************************************************************************/
.menu {position: relative; z-index: 20; font-family: 'Gotham-Medium';}
.menu li {display: inline-block; padding: 0 .5em; position: relative;}
.menu li a {display: inline-block; text-decoration: none; cursor: pointer; position: relative;}

/* Menus del header */
.main-nav-ct {
  width: 100%;
  /*left: 0;*/
  left: 102%;
  background-color: #9c0030;
  font-size: 180%;
  line-height: 110%;
  height: 100%;
  top: 0;
  position: fixed; 
  z-index: 500;
  text-transform: lowercase;
  -ms-transition: left .6s ease-in-out;
  -webkit-transition: left .6s ease-in-out;
  transition: left .6s ease-in-out; 
}

.menu-wp,
.menu-ct {width: 100%;}
.menu-wp {overflow: auto; height: 100%;}
.menu-ct {/*display: table-cell; padding: 5em 1em 0 25%;*/
  display: flex; justify-content: space-evenly; align-items: center; height: 100%; }

.site-navigation {text-align: center; margin-top: 3em;}

.main-nav-ct .logo-ct {display: block; position: absolute; left: 2em; top: 1em;}
.main-nav-ct .logo {width: 9em;}
.main-nav-ct .menu li {display: block; font-family: 'Gotham-Bold'; letter-spacing: -0.03em; margin: 0.15em 0; font-size: 1.4em; line-height: 110%}
.main-nav-ct .menu li:first-of-type {margin-top: 0}
.main-nav-ct .menu li a {color: #FFF;}
.main-nav-ct .menu li a:hover {color: #000}
.main-nav-ct .menu li.current-menu-item a {text-decoration: underline;}
.main-nav-ct .menu li .sub-menu {margin-top: .2em;}
.main-nav-ct .menu li .sub-menu li {font-size: .5em; font-family: 'Gotham-Medium'} 

.main-nav-ct .nav-social {position: absolute; right: 1em; bottom: 0; font-size: .3em;}

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

/* Menu trigger */
.nav-trigger * {display: block;}
.nav-trigger {display: block; position: fixed; top: 2em; right: 2em; cursor: pointer; z-index: 500; 
  height: 23px; width: 36px; cursor: pointer;/* overflow: hidden;*/
  transition: top .2s ease;
  -webkit-transition: top .2s ease;
  -moz-transition: top .2s ease;
}
.nav-trigger  .btn-nav-text {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: 36px; 
cursor: pointer; background: #9c0030; 
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,9px,0);
  -webkit-transform: translate3d(0,9px,0);
}

.nav-trigger .btn-nav-icon:before {
  transform: translate3d(0,-9px,0);
  -webkit-transform: translate3d(0,-9px,0);
}
.nav-trigger .btn-nav-icon:after {
  transform: translate3d(0,9px,0);
  -webkit-transform: translate3d(0,9px,0);
}

.nav-trigger.active {z-index: 700}
.nav-trigger.active label .btn-nav-icon {background: transparent !important; }
.nav-trigger.active label .btn-nav-icon:before {
    background-color: #FFF;
    top: 11px;
    -ms-transform: translate3d(0,-10px,0) rotate(45deg);
    transform: translate3d(0,-10px,0) rotate(45deg);
    -webkit-transform: translate3d(0,-10px,0) rotate(45deg);
}
.nav-trigger.active label .btn-nav-icon:after {
  background-color: #FFF;
    top: 11px;
    -ms-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg);
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
}

/* Botón blanco */
.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 */
.nav-trigger:hover .btn-nav-icon,
.nav-trigger.hover .btn-nav-icon,
.nav-trigger:hover .btn-nav-icon:after, 
.nav-trigger.hover .btn-nav-icon:after, 
.nav-trigger:hover .btn-nav-icon:before,
.nav-trigger.hover .btn-nav-icon:before {background-color: #000 !important;}
body.menu-open .main-nav-ct {left: 0;z-index: 700;}

/* Fixed */
.nav-trigger.nav-fixed .btn-nav-icon,
.nav-trigger.nav-fixed .btn-nav-icon::before,
.nav-trigger.nav-fixed .btn-nav-icon::after {
  background-color: #000;
}


/* Menú social + secundario
//////////////////////////////////////////////////// */
.nav-social {padding: 1em 0; }
.nav-social .menu li {display: inline-block; margin: 0 0.6em 0 0; padding: 0}
.nav-social .menu li > a {color: #FFF; text-transform: uppercase; padding-bottom: 0; font-size: 1.6em; text-decoration: none;}
.nav-social .menu li > a:hover {color: #9c0030;}
.nav-social i, .nav-social span {-webkit-transition: none; transition: none;} 
.nav-social i img {width: 32px; height: 32px;}


/* Ratón */
.mouse-ct {width: 29px; height: 42px; position: fixed; top: 9em; right: 3em; z-index: 70}
.mouse-ct .mouse {width: 25px; height: 38px; border: 2px #000 solid; border-radius: 50px; background: #FFF}
/*.mouse-ct .mouse::after { content: ''; height: 17px; width: 1px; background: #000; position: absolute; left: 14px; top: 13px;}*/
.mouse-ct .scroller {position: absolute; height: 6px; width: 6px; left: 50%; top: 10px; transform: translateX(-50%); border-radius: 50px;
  background-color: #000; z-index: 15;
  animation : backAndForth 3.5s infinite ease-out;
}

@keyframes backAndForth {20% {top: 10px; } 60%, 80% {top: 26px; } 90% {top: 10px; } }


/* Scrollable
//////////////////////////////////////////////////// */ 
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: rgba(255,255,255,.1)}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #c21718}

/* Scroll Down
//////////////////////////////////////////////////// */
.dummy {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 85%;}
#dummytop {max-height: 240px; height: 37%;}


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

h1, h2, h3, h4, h5, h6, .entry-title, .entry-subtile {line-height: 1; letter-spacing: -0.02em;font-family: "Gotham-Book", sans-serif;font-weight: 600;} 

h1, .entry-title  {font-size: 2.8em; letter-spacing: -0.05em;}
.entry-title  {font-family: "Gotham-Book"; padding-bottom: .6em;text-transform: uppercase;}
h2, .entry-subtitle  {font-size: 190%; }
h3 {font-size: 1.5em; padding-top: 0.5em; padding-bottom: 0.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 85%;}
h6 {font-size: 76%;}

a .title-imago {display: block;}
.title-imago .imago {width: 4em; height: 4em; margin: 0 0 1em; display: block;}
.title-imago.text-center .imago {margin-left: auto; margin-right: auto;}
.title-imago.imago-small .imago {width: 2.6em; height: 2.4em; margin-bottom: 0.6em;}
.title-imago.imago-xsmall .imago {width: 1.6em; height: 1.4em; margin-bottom: 0.4em;}


p {margin: .75em 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;}

/* 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.xsmall-width {width: 33%}
.container.small-width {width: 40%}
.container.inter-width {width: 50%}
.container.medium-width {width: 63%}
.container.xmedium-width {width: 77%}
.container.big-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 2em;}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul
.entry-content ol ol {margin: .5em 1em;}
/*.entry-content ul {margin-left: 2em}*/
/*.entry-content ol {margin-left: 3.5em}*/
.entry-content ul li {position: relative; padding: 0 0 .5em 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: #000; font-size: 140%; position: absolute; top: 0.3em; left: -.6em;
  width: .2em; height: .2em; background-color: #312682; border-radius: 50em;
} 
.purple ul:not(.no-bullets) li::before {background-color: #312682;}
.blue ul:not(.no-bullets) li::before {background-color: #050938;}
.text-center .entry-content ul li::before,
.entry-content.text-center ul li::before {position: static;}

.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: .4em; margin-top: 1.4em;}
.entry-content h3 {}
.entry-content h2 + p {margin-top: 0}

blockquote {padding: 3em 2em 2em; clear: both; font-size: 90%; line-height: 130%; font-family: 'Gotham-Bold';text-transform: uppercase; text-align: center;
background-color: #9c0030; color: #FFF;}
blockquote::before {content: ''; width: 100%; height: 3em; background: url('images/logos/dots-white.svg') no-repeat center top; display: block;
  background-size: 4em; }
blockquote p {margin: 0}

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


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


.columns {display: flex; width: 100%; max-width: 100%}

.col-row {overflow: hidden;}
.col-row [class^="col-"], 
.col-row [class*=" col-"] {float: left; }

.col-ct {padding: 1em 2em}


/* 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; margin-top: 2em;}
.tab-nav {position: relative; margin-top: 1em; clear: both; overflow: hidden; }
.tab-nav li {display: inline-block; color: #000; font-size: 1.2em; text-transform: uppercase; letter-spacing: -0.02em}
/*.tab-nav li::after {content: '/'; display: inline-block;}*/
.tab-nav li a {color: #000; padding: 0.6em 1em 0.4em; display: block;}
.tab-nav li a span {display: block; padding-top: .5em;}
.tab-nav li.active a,
.tab-nav li a:hover {color: #9c0030}
.tab-nav li.active a span { text-decoration: underline;}

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


/* SLIDERS 
//////////////////////////////////////////////////// */
.flexslider,
.slides li {position: relative;}
.slides img {display: block; width: 100%; max-width: 1000%}
/* Default */
.flex-direction-nav a {color: #9c0030; width: 2.4em; height: 2.4em; top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flex-direction-nav a:before {text-shadow: none; font-size: 2em; font-family: 'icons'; margin: .2em;}
.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: '\e806';}
.flex-direction-nav a.flex-prev:before {content: '\e804';}
.flex-direction-nav a.flex-prev {left: 1.5em}

.flex-control-nav {bottom: 3em !important; z-index: 150 }
.flex-control-nav li {margin: 0 .8em !important}
.flex-control-paging li a {border: 1px solid #FFF !important; width: 16px !important; height: 16px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
.flex-control-paging li a.flex-active {background: #FFF !important}


/* ACORDEONES */
.expanded {}
.collapsed {}
.acc-container {padding: 2em}
.acc:not(.first) .acc-ct,
.acc2:not(.first) .acc2-ct {display:none; }
.acc .acc-title {margin: 1em 0}
.acc .acc-toggle,
.acc2 .acc2-toggle {cursor: pointer; 
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
/*.acc-ct a {text-decoration: underline;}
.acc-ct a:hover {color: #000;}
*/

.acc2 .row {overflow: visible;}
.acc2.row-1 .acc2-ct .row::before {height: 16px; width: 16px; background: #9c0030; border-radius: 50em; left: -31px; top: 4px; z-index: 10}
.acc2.row-1 .acc2-ct .row::after {height: 100%; width: 2px; background: #999; left: -24px; top: 0; z-index: 5}
.acc2.row-1 .acc2-ct .row:first-of-type::after {top: 4px}
.acc2.row-1 .acc2-ct .row:last-of-type::after {height: 16px}
.acc2 .acc2-ct h3 {padding: 0}

/* TABLAS */
table {width: 100%; border: 0; font-size: 80%; display: block; overflow-x: auto; }
table caption {display: none;}
table th,
table td {padding: .5em .8em; background: none}
/*table tr:nth-child(odd) th,*/
table tr:nth-child(odd) td {background: #212121}
/*table tr th:last-of-type,
table tr td:last-of-type {border-right: 1px solid #CCC;}*/



/* 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 {display: block;}
.imgmask::before,
.imgmask::after {opacity: 0;
  -ms-transition: all .4s ease;
  -webkit-transition: all .4s ease;
  transition: all .4s ease; 
}
.imgmask::before {z-index: 5; height: 100%; background-color: rgba(0,0,0,.4); 
  /*mix-blend-mode: multiply*/
}

.imgmask .imgmask-text {display: block; position: absolute; z-index: 10; color: #FFF; bottom: 0; left: 0; width: 86%; 
  padding: 0 7% 2em 7%;
}
.imgmask .imgmask-text * {z-index: 50}
.imgmask .imgmask-text .img-title {display: block; text-transform: uppercase; 
    font-size: 135%; padding-bottom: .2em; padding-top: 1em; max-width: 78%}

.imgmask.mask-overlay::before {opacity: 1;}

.hover .imgmask img,
a:hover .imgmask img,
a.imgmask:hover img {z-index: 0;}
.hover .imgmask::before,
a:hover .imgmask::before,
a.imgmask:hover::before {opacity: 1}
.hover .imgmask.mask-overlay::before,
a:hover .imgmask.mask-overlay::before,
a.imgmask.mask-overlay:hover::before {opacity: 0}
.hover .imgmask .img-title,
a:hover .imgmask .img-title,
a.imgmask:hover .img-title {color: #FFF}

/* ERROR404 page
//////////////////////////////////////////////////// */
/*body.error404 .wrapper {height: 100%}
section.sec-404 {min-height: 100%;}
*/

/* Header
//////////////////////////////////////////////////// */
.header {padding: 2em 5% 0; /*display: flex; */justify-content: space-between; align-items: flex-end; position: relative;}

/* Claims 
//////////////////////////////////////////////////////*/
.claim {font-family: 'H2D2'; font-size: 1.8em; line-height: 110%;}
/*.claim h2 {text-transform: none; font-size: 1em;}*/

/* Page default / TEXT
//////////////////////////////////////////////////// */

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

.footer {clear: both; position: relative; z-index: 50; overflow: hidden; padding: 1.5em 0 1em 0; background-color: #f1e200;border-top: 1px solid #000;}
.footer .columns {align-items: end;}
.footer a{color:#000!important;}
.footer .footer-nav {font-size: 85%;}
.footer .footer-nav ul {margin-left: 3%;
font-family: "instrument-serif", sans-serif;
font-weight: 400;
font-style: normal;}

.footer .bottom-logo {position: absolute; top: 0.4em; left: 47.5%;}
.footer .imago {width: 6em; height: 3em;}
.footer .logo * {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.footer a:hover .logo * {fill: #444 !important;}

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

/* Reseteamos el botón de Wordpres */
.wp-block-button__link {background: none; padding: 0; font-size: inherit;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.btn:not(.btn-primary),
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
button[type="button"], 
button[type="submit"],
.wp-block-button__link {
    -webkit-appearance:none !important;
    border: 0; 
    position: relative;
    cursor: pointer;
    display: inline-block;   
    line-height: 1;
    width: auto;
    height: auto;
    color: #000;
    margin: 0;
    text-align: center;
    padding: 0;
    z-index: 1;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
    text-decoration: none;
    padding: .8em 1.8em;
    background-color: #ffee33;
    border: none;
    border-radius: 0;
    font-size: 100%;
    outline: none !important;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
} 

/* Por defecto / Default */
.btn:not(.btn-primary):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button[type="button"]:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover {background-color: #000; color: #FFF}

.reverse {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* Colorres */
.btn.bg-black:hover {background-color: #9c0030 !important;}


.bg-red .btn:not(.btn-primary),
.bg-red input[type="button"], 
.bg-red input[type="reset"], 
.bg-red input[type="submit"], 
.bg-red button[type="button"], 
.bg-red button[type="submit"],
.wp-block-button__link,
.btn.bg-white {background-color: #FFF; color: #9c0030}
.bg-red .btn:not(.btn-primary):hover,
.bg-red input[type="button"]:hover,
.bg-red input[type="reset"]:hover, 
.bg-red input[type="submit"]:hover, 
.bg-red button[type="button"]:hover, 
.bg-red button[type="submit"]:hover,
.wp-block-button__link:hover {background-color: #000; color: #FFF}
.btn.bg-white:hover {background-color: #9c0030 !important; color: #FFF}


.btn.link {padding-left: 0; padding-right: 0; background: none !important; color: #9c0030}
.btn.link:hover {color: #000;}

/* Botones de Wordpress */
.wp-block-buttons {margin-top: 1em;}
.wp-block-buttons>.wp-block-button {margin-bottom: 0}
.wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button, 
.wp-block-buttons > .wp-block-button.wp-block-button {margin-right: 0.6em;}
.wp-block-buttons>.wp-block-button:last-child {margin-right: 0}
/*.wp-block-button__link,
.wp-block-button__link:active, 
.wp-block-button__link:focus, 
.wp-block-button__link:visited {color: #000;}*/
.wp-block-button__link:focus, 
.wp-block-button__link:hover {color: #FFF;}
a.wp-block-button__link::after {bottom: 0.15em;}

/* Cerrar / Close */
.btn-close { position: absolute; top: 2em; right: 2em; z-index: 80; color: #000; text-align: center;}
.btn-close:hover {color: #9c0030}

/* Para acceder al contenido */
.btn-access-ct {position: absolute; bottom: 2em; left: 0; text-align: center; width: 100%; z-index: 90}
.btn-access-ct b {display: block; margin: .4em 0;}
.btn-access-ct a:hover {opacity: .65; color: #ABC0CB}
.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
}
.btn-access-ct.access-down a {color: #FFF}

@-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)}}


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

.overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.85); z-index: 510; 
  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(0,0,0,.8);}
.overlay.ov-blog {background: rgba(0,0,0,.6);}
.sec-prod .overlay.inner {background: rgba(0,0,0,.5);}

.overlay.active {position: fixed;}
.overlay.inner.active {position: absolute;}
/*.sec-prod .overlay.inner.active {background: rgba(0,0,0,.8);}*/

.clear {clear: both; overflow: hidden;}
.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}

.section-overlay {
    position: absolute;
    background: url('images/bgs/bg-dotted.png');
    height: 100%;
    width: 100%;
    z-index: 200;
    opacity: .4;
}

/* ==========================================================================
   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;}
#cboxLoadedContent {border: none; background: #FFF}
#cboxClose {
    background: none;
    height: 38px;
    right: -10px;
    top: -38px;
    width: 38px;
    text-indent: 0;
    /*padding: 8px 10px 0;*/
    overflow: hidden;
    color: #FFF;
}

#cboxClose:before { content: 'X'; font-size: 32px; margin-bottom: 1.5em; font-weight: 600;
  display: inline-block;
/*  -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);*/
}
#cboxContent {margin-top: 40px;  background: #FFF;}

/* Título */
#cboxTitle {top: -42px; font-family: 'Gotham-Medium'; text-transform: uppercase; font-size: 40px; line-height: 40px;}
/*#cboxTitle {color: #7c64a4;}*/

/* Galería */
#cboxPrevious, #cboxNext, #cboxSlideshow {overflow: hidden;}
#cboxPrevious,
#cboxNext {background: none; text-indent: 0; width: 28px; height: 38px; 
    line-height: 38px; color: #9c0030; }
#cboxPrevious {left: 4px;}
#cboxNext {right: 14px;}
#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: '\e802';}
#cboxNext:before {content: '\e80e';}
/*.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;}

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

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

/* Lity
//////////////////////////////////////////////////////*/
button[type="button"].lity-close {position: absolute; width: auto; padding: 0; background: none; font-size: 3em;
    line-height: 1; color: #FFF; font-family: 'Gotham-Bold'; border: 0; text-shadow: none; overflow: hidden; right: 0.5em; top: 0.2em;}

/* Toogles 
//////////////////////////////////////////////////////*/
.btn-toggle {}
.btn-toggle span {display: none;}
.btn-toggle span.active {display: inline;}
.btn-toggle.active {}
.btn-toggle.active::after {}

.toggle-content {display: none }
.entry-content .toggle-content p:first-of-type {margin-top: 0}

/* Masonry grid
//////////////////////////////////////////////////// */

.grid.container {padding: 0; max-width: 100%;}
.grid-col--4 { margin-right: 0; }

/* hide two middle */
.grid-col--2, .grid-col--3 { display: none; }
.grid-col {float: left; width: 43%; margin: 0 3%;}

@media ( min-width: 480px ) {
  .grid.container {width: 90%; margin-left: 10%;}
}

@media ( min-width: 768px ) {
  .grid-col { width: 26%;margin-left: 0; margin-right: 6.5%}
  .grid-col--2 { display: block; }
}

@media ( min-width: 1200px ) {
  .grid-col { width: 18%; }
  .grid-col--2, .grid-col--3 { display: block; }
}

.grid-item {min-height: 100px; margin-bottom: 2em; }


/* VIDEO
//////////////////////////////////////////////////// */
.bg-video {overflow: hidden; display: block;}
.bg-video video {width: 100%; height: auto; display: block;}

/* Formularios / FORMS
//////////////////////////////////////////////////////*/
input,
select,
textarea,
button:not(.mgbutton) {padding: .8em 0; background: none; color: #ffffff; width: 100%; border: none; border-bottom: 1px solid #9c0030; outline: none !important; 
  font-family: 'Gotham-Book'; font-size: 120%; }

.bg-red input,
.bg-red select,
.bg-red textarea,
.bg-red button:not(.mgbutton)  {border-bottom-color: #FFF; color: #FFF}
.bg-red input:focus,
.bg-red textarea:focus {border-bottom-color: #000}

/*input[type="button"], 
input[type="reset"], 
input[type="submit"], 
button[type="button"], 
button[type="submit"] {padding-right: 3em; font-size: 1.1em; background: #000 url('images/icons/arrow-right-blanco.svg') no-repeat 89% center; background-size: 1.1em;}*/

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-bottom-color: #9c0030}
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;}

option {-moz-appearance: none;}
select {width: 100%; background: url('images/icons/webfonts/arrow-down.svg') no-repeat 97%; background-size: 1em; 
  padding-right: 3em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.select-special {border: 1px solid #000; text-transform: uppercase; letter-spacing: 0.08em; font-family: 'Gotham-Medium';
  padding-top: 0.8em; padding-bottom: 0.8em; padding-left: 1em;
}

/* Structure */
.input {margin: 1em 0;}
fieldset + fieldset {margin-top: 3em; }
fieldset legend {text-transform: uppercase; letter-spacing: 0.08em; font-family: 'Gotham-Medium'; display: block; padding-bottom: 1em;}
form .container {padding-top: 1em;}
form hr {opacity: 0}
.select-container {padding-bottom: 0;}
.submit-ct .submit {margin-top: 3em;}

/* 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: #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: #000 !important;
}

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

/* Date fields */
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

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

label {display: none; margin: .4em 0 0 0; text-transform: uppercase; font-size: 80%; font-family: 'Gotham-Medium'}
label.visible {display: block;}

/*

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

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

.checkbox label, .radio label {display: inline; text-transform: none; font-family: 'Gotham-Book'; font-size: 100%;}*/

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

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

.wpcf7-checkbox .wpcf7-list-item.first,
.wpcf7-radio .wpcf7-list-item.first {margin-left: 0}
.listblock .wpcf7-checkbox .wpcf7-list-item,
.listblock .wpcf7-radio .wpcf7-list-item {margin-left: 0; display: block;}

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

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

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

/*.radio .wpcf7-list-item .wpcf7-list-item-label::after {
  content:''; width: 14px; height: 14px; top: 4px; left: 2px;
}*/
/*
input[type=checkbox]:checked + .wpcf7-list-item-label,
input[type=radio]:checked + .wpcf7-list-item-label::before{
  background: #9c0030;
}
*/

/* Campos agrupados */
div.group-input span,
div.group-input .input {width: 50%; display: inline-block; vertical-align: top; }
div.group-input span span.wpcf7-not-valid-tip {width: 100%}
div.group-input span:last-of-type {margin-right:0;}

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

/* Estilos del CONTACT 7 FORM */
div.wpcf7 {position: relative;}
.entry-content div.wpcf7 p.input {margin: 0.4em 0}
span.wpcf7-not-valid-tip {margin: 0; color: #FFF; display: inline-block; text-align: center; font-family: 'Gotham-Medium'; background: #9c0030; padding: .25em 1em .4em; font-size: 85%; }
.radio span.wpcf7-not-valid-tip {display: inline;}

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

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

.grecaptcha-badge {display: none !important}


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

/* //// HOME 
///////////////////////////////////////////////*/
.video-desktop{display: block;}
.video-mobile{display: none}


/* //// LEGAL 
///////////////////////////////////////////////*/
.sec-legal{background-color:#f1e200;color: #000;}
.sec-legal .container{width: 80%;max-width: 1000px;}
.sec-legal .container header{width: 40%;position: relative;margin: 4em 30%;}




/* HACK FOR IE 10/11 */
@media all and (-ms-high-contrast:none) {
                    select::-ms-expand {display: none; }
    *::-ms-backdrop select::-ms-expand {display: none; }    

}

/* HACK FOR EDGE 12+ */
@supports (-ms-ime-align:auto) {}