/*
Theme Name: wow
Author: YOU MEDIA
Author URI: http://www.youmedia.es/
Description: Theme creado por YOUMEDIA
Version: 1.0
License: Copyright
Text Domain: wow
*/

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



/*font-family: "Outfit", serif;*/

/* Structure
//////////////////////////////////////////////////// */
body {width: 100%; height: 100%; font: 500 17px/1.4 "Outfit", Helvetica,Arial,sans-serif;font-optical-sizing: auto; color: #FFF;background: #000;  letter-spacing: -0.04em;}

section { position: relative;}
section.sec-fullheight {height: 100%;}
.full-width{width: 100%;}
.bg-wp {position: relative; overflow-x: hidden}
.wrapper {position: relative; height: 100%; width: 100%; top: 0; left: 0;overflow-x: hidden;}

#content {position: relative; width: 100%; height: 100%;}

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

.overlay.active{background: rgba(0,0,0,.8)!important;}
.active{visibility: visible !important;
    opacity: 1 !important;}


/* Estilos generales
//////////////////////////////////////////////////// */
h1,h2{font-family: "Outfit", sans-serif;}

h1{font-size: 1.8em;}
h2{font-size: 1.4em;}

a {outline: none !important;
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
	 -o-transition: all .2s ease;
		transition: all .2s ease;}

a:hover {/*opacity: .6;*/}

p{line-height: 1.1;margin: .8em 0;font-weight: 300;}


b, strong, .bold {font-weight: 800;}


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

.text-xxsmall {font-size: 50%; line-height: 1}
.text-xsmall {font-size: 80%; line-height: 110%}
.text-small {font-size: 90%; line-height: 130%}
.text-med {font-size: 115%; line-height: 150%}
.text-big {font-size: 125%; line-height: 1}
.text-xbig {font-size: 150%; line-height: 1}
.text-xxbig {font-size: 185%; line-height: 1}
.text-xxxbig {font-size: 205%; line-height: 1}

mark {color: #000; background: rgb(145,145,145)}
::-moz-selection {color: #000; background: rgb(145,145,145); opacity: 1}
::selection {color: #000; background: rgb(145,145,145)}

.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.inline {display: inline-block; margin: 0 .2em; vertical-align: baseline;}

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

.nopadtop {padding-top: 0 !important}
.nopadbot {padding-bottom: 0 !important}

/* Colores */
.white {color: #FFF}
.black {color: #000}
.grey{color: #9c9c9c;}
.greylight {color: #9B9B9B}
.yellow{color:#919191;}
.none {display: none;}

.grayscale {-webkit-filter: grayscale(1); filter: grayscale(1);}

.btn,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    -webkit-appearance:none !important;
    cursor: pointer;
    display: inline-block;
    color: #000;
    margin: .8em 0 0 0;
    font-size: 100%;
}

.ct {position: relative;}
.ct::before,
.ct::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: -1;}
.wpcf7-list-item-label{font-size: .8em}

.btn:hover{color: #bfb69a;}

.fullwidth{width: 100%;display: block;}

/************************************************************************
    BOTONES
************************************************************************/
.sec-home .btn-contacta{width: 2em;position: absolute;top: 15em;left: 0;z-index: 30}
.sec-home .btn-contacta a:hover{opacity: .6;}

.sec-marta .btn-contacta{width: 2em;position: absolute;top: 15em;left: 0;z-index: 30}
.sec-marta .btn-contacta a:hover{opacity: .6;}

.sec-manifiesto .btn-contacta{width: 2em;position: absolute;top: 15em;left: 0;z-index: 30}
.sec-manifiesto .btn-contacta a:hover{opacity: .6;}

/************************************************************************
    MENU
************************************************************************/

.main-nav-ct {
    width: 30%;
    left: 101%;
/*    left: 40%;*/
    font-size: 110%;
    top: 0;
    padding: 0;
    height: 100%;   
    background: #000;
    color: #000;
    font-weight: 700;
    position: fixed; 
    z-index: 200;
    -ms-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease; 
}
.main-nav-ct ul li:before{content: ''!important;}


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

.menu-wp,
.menu-ct {height: 100%; width: 100%;}

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

/* Menu principal */
.site-navigation {position: relative; margin-top: 4em; z-index: 20}
.site-navigation ul li {color: #000; cursor: pointer; position: relative; padding: .3em 0}
.site-navigation ul li.item-home {display: none;}
.site-navigation ul li a {position: relative; display: block; font-size: 180%; line-height: 1; }


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

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

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

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

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

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

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

.nav-trigger:hover .btn-nav-icon, 
.nav-trigger:hover .btn-nav-icon:after, 
.nav-trigger:hover .btn-nav-icon:before,
.nav-trigger.hover .btn-nav-icon, 
.nav-trigger.hover .btn-nav-icon:after, 
.nav-trigger.hover .btn-nav-icon:before {background-color: #bfb69a !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: #000; 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: #000}

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

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

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

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

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



/******************************
 NAVEGACIÓN
*******************************/

ul.menu{font-size: 1.4em;position: relative; display: block; padding-bottom: 1.2em;}
ul.menu li{ padding: 0 .47em 0 .3em; margin:0; line-height: 1;letter-spacing: -.04em;font-weight: 400;text-align:right;margin-bottom: .5em;}

ul.menu li a{}
ul.menu li a:hover{ color: #999;}
body:not(.home) ul.menu li.current-menu-item a{color: #fff;}
body.page-template-equipo ul.menu li.current-menu-item a{color: #5a5a5c;}
body.page-template-contacto ul.menu li.current-menu-item a{color: #5a5a5c;}
.is-mobile{display: none;}


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

.sec-home{width: 100%;position: relative;/*overflow: hidden;*/}
h2.subtitle{position: absolute;bottom: 2em;left: 1.2em;z-index: 2;color:#fff;font-weight: 500;font-size: 3.7em;}
.sec-home-top{width: 100%;position: relative;overflow: hidden;min-height: 300px;color: #000;}
.sec-home-top .header{width: 100%;position:absolute;background:url(images/bgs/home/bg-home-top.png) top right no-repeat;background-size: cover;padding: 8em 0 2em 0;left: 0;top: 0;min-height: 500px;z-index: 20;}
.sec-home-top .header .logo{width: 28em;position: relative;overflow: hidden;float: right;margin-right: 10em;}
.sec-home-top .header .ct-content{width: 40%;position: relative;float: left;padding: 26em 0 4em 10em;}
.sec-home-top .header .ct-content h2{font-weight: 200;line-height: .9em;margin-top: 1em;}
.sec-home-top .bg-video{width: 100%;position: relative;margin-top: 28em;}
.bg-video video{width: 100%;height: auto;display: block;}
.sec-home-center{width: 100%;position: relative;overflow: hidden;background:url(images/bgs/home/bg-home-center.jpg) top right no-repeat;background-size: cover;}
.sec-home-center .title-empresas{width: 60%;position:absolute;bottom: 0;left: 0;background: #fff;padding: 3em 0 0 5em;}
.sec-home-center .title-empresas.mobile{display: none;}
.sec-home-center .title-empresas h2{display: inline-block;color: #000;font-weight: 200;}
.sec-home-center .title-empresas h2.bold{font-weight: 800;}
.sec-home-center .col-left{width: 60%;position: relative;float: left;padding: 4em 0 0 6em;}
.sec-home-center .col-left h2{display: inline-block;color: #bfb69a;font-weight: 200;}
.sec-home-center .col-left h2.semi-bold{font-weight: 400;}
.sec-home-center .col-left .ct-content{width:auto;color:#bfb69a;margin: 15em 0 0 19em;}
.sec-home-center .col-right{width: 40%;position: relative;float: left;}
.sec-home-bottom{width: 100%;position: relative;overflow: hidden;min-height: 300px;background:#fff;}
.sec-home-bottom ul.listado-empresas{width: 65%;position: relative;overflow: hidden;margin: 8em auto 2em auto;color: #000;}
.sec-home-bottom ul.listado-empresas li{width: 100%;position: relative;float: left;margin-bottom: 4em;}
.sec-home-bottom ul.listado-empresas li p{font-weight: 200;}
.sec-home-bottom ul.listado-empresas li p a{position: relative;margin-top: 1em;}
.sec-home-bottom ul.listado-empresas li:after{content: '';width: 100%;height: 8px;background:url(images/bgs/home/linea-listado.jpg) center;background-repeat: repeat-x;position: absolute;left: 0;bottom: -2em;background-size: .5%;}
.sec-home-bottom ul.listado-empresas .logo{width: 30%;PADDING: 0 5%;position: relative;float: left;}
.sec-home-bottom ul.listado-empresas .description{width: 60%;position: relative;float: left;margin-left: 8%;}
.sec-home-bottom ul.listado-empresas li:nth-child(1) img{margin-top: 3em;}
.sec-home-bottom ul.listado-empresas li:nth-child(2) img{width: 75%;margin-left: 2em;margin-top: 1.5em;}
.sec-home-bottom ul.listado-empresas li:nth-child(3) img{width: 90%;margin-left: 10%;margin-top: 1.5em;}
.sec-home-bottom ul.listado-empresas li:nth-child(3):after{width: 0;}
.home-formulario{width: 100%;position: relative;background: #000 url(images/bgs/home/bg-home-bottom.jpg) top left no-repeat;padding-top: 5em;padding-bottom: 2em;overflow: hidden;}
.home-formulario h2{text-align: center;font-weight: 200;}
.home-formulario h2 strong{font-weight: 400;}
.home-formulario .ct-content{width: 48%;margin: 0 auto;}
.logo-wow-oro{width: 110%;position: absolute;top: 0;left: -5%;}
.logo-wow-oro img{width: 130%;}

/******************************
MARTA
*******************************/
.sec-marta{width: 100%;position: relative;overflow: hidden;background: #000;}
.sec-marta-top{width: 100%;position: relative;overflow: hidden;background: #000;}
.sec-marta-top .ct-content{width: 50%;position: absolute;top: 40em;left: 7em;z-index: 2;color: #bfb69a;}
.sec-marta-top .ct-content h1{font-weight: 200;font-size: 1.6em;position: relative;margin-bottom: 3em;}
.sec-marta-top .ct-content h1 strong{font-weight: 400;}
.sec-marta-center{width: 100%;position: relative;overflow: hidden;background: #000 url(images/bgs/marta/bg-textura.jpg) top left no-repeat;position: relative;padding: 6em 0 9em 0;background-size: cover;}
.sec-marta-center h2{font-size: 2.8em;font-weight: 500;line-height: normal;padding-left: 1.6em;}
.sec-marta-center .ct-content{width:37%;position: relative;float: right;margin-right: 5em;}
.sec-marta-bottom{width: 100%;position: relative;overflow: hidden;background: #000 url(images/bgs/marta/bg-textura-sin-logo.jpg) top left no-repeat;position: relative;padding: 6em 0 9em 0;background-size: cover;}
.sec-marta-bottom .ct-content{width: 50%;position: relative;margin: 0 auto;;}
.page-template-marta .nav-trigger .btn-nav-icon:before,
.page-template-marta .nav-trigger .btn-nav-icon:after,
.page-template-marta .nav-trigger .btn-nav-icon{background-color: #fff;}



/******************************
MANIFIESTO
*******************************/
.sec-manifiesto-top{background: #fff;position: relative;overflow: hidden;}
.sec-manifiesto-top h1{font-size: 5.2em;font-weight: 500;position: relative;margin-bottom: .3em;}
.sec-manifiesto-top h1 strong{font-weight: 900;font-size: 1.2em;}
.sec-manifiesto-top .ct-content{width: 70%;position:absolute;top: 16em;left: 12em;}
.sec-manifiesto-top .ct-content li{font-size: 2em;font-weight: 700;margin-bottom: 1em;line-height:1;}
.sec-manifiesto-center{width: 100%;position: relative;overflow: hidden;background: #000 url(images/bgs/marta/bg-textura.jpg) top left no-repeat;position: relative;padding: 6em 0 7em 0;background-size: cover;}
.sec-manifiesto-center h2{font-size: 2.8em;font-weight: 500;line-height: normal;padding-left: 1.6em;}
.sec-manifiesto-center .ct-content{width:37%;position: relative;float: right;margin-right: 5em;}


/******************************
SEDES
*******************************/

.listado-sedes { width: 100%; padding:3em 12%; text-align: center; /*background: #000 url(images/img-fondo-nuestras-sedes.jpg) center center no-repeat; background-size: cover;*/ }
.listado-sedes h3 {letter-spacing: 0.04em;}
.listado-sedes ul { list-style: none; margin: 0; padding:2.7em 0 0 0;display: grid;     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);font-size: 120%;}
.listado-sedes ul li { text-align: left; padding:.2em 1em 0 2em; margin: 1em 0;position: relative;}
.listado-sedes ul li:before { position: absolute; right: 0; top: 0; bottom: .3em; width: 1px; content: ''; background: #909090; z-index: 10;}
.listado-sedes ul li:last-child:before { display: none;}
.listado-sedes ul li strong {color:#909090; font-size: 1.4em; font-weight: 700; letter-spacing: -0.045em; padding-bottom: 0; display: block;  line-height: 1;}
.listado-sedes ul li p {padding: 0.1em 0 1em 0;  margin:0; line-height: 1.1;}
.listado-sedes ul li p a {padding-top:.3em; display: inline-block;}
.listado-sedes ul li p a:hover{color: #fff;}
.listado-sedes ul li a {color:#909090;  text-decoration: underline;font-weight: 700; letter-spacing: -0.03em;}
.listado-sedes ul li .imgmapa {  bottom: -12em; position: absolute; right: .1em;left: 0em;}
.sedes-contacto .listado-sedes ul li { /*margin-bottom: 13em;*/}
.sedes-contacto { }
.sedes-contacto .listado-sedes {padding-top: 4.5em;padding-bottom: 0;color: #fff;}


/******************************
DEFAULT
*******************************/
.privacy-policy,
.sec-aviso-legal,
.sec-cookies{background: #000 url(images/bgs/legal/bg-legal.jpg) top left no-repeat;position: relative;}
.privacy-policy{width: 100%;position: relative;}
.privacy-policy header{width: 100%;position: relative;padding-top: 6em;}
.privacy-policy header .logo{position: relative;width: 22em;margin-left: 4em;margin-bottom: 4em;}
.privacy-policy .container{width: 55%;position: relative;overflow: hidden;margin: 0 auto;padding: 2em;}
.privacy-policy h1{font-weight:700;}
.privacy-policy h2{font-weight: 500;line-height:.9em;margin-top: 1.5em;}
.privacy-policy ul{list-style: none;margin-top: 1em;}
.privacy-policy ul li{position: relative;margin-left: 1em;margin-bottom: 1em;}
.privacy-policy ul li strong,
.privacy-policy p strong{font-weight: 500;}
.privacy-policy ul li:before{position: absolute;content: '-';left: -1em;top: 0;font-weight: 500;}

.sec-aviso-legal{width: 100%;position: relative;}
.sec-aviso-legal header{width: 100%;position: relative;padding-top: 6em;}
.sec-aviso-legal header .logo{position: relative;width: 22em;margin-left: 4em;margin-bottom: 4em;}
.sec-aviso-legal .container{width: 55%;position: relative;overflow: hidden;margin: 0 auto;padding: 2em;}
.sec-aviso-legal h1{font-weight:700;}
.sec-aviso-legal h2{font-weight: 500;line-height:.9em;margin-top: 1.5em;}
.sec-aviso-legal ul{list-style: none;margin-top: 1em;}
.sec-aviso-legal ul li{position: relative;margin-left: 1em;margin-bottom: 1em;}
.sec-aviso-legal ul li strong,
.sec-aviso-legal p strong{font-weight: 500;}
.sec-aviso-legal ul li:before{position: absolute;content: '-';left: -1em;top: 0;font-weight: 500;}

.sec-cookies{width: 100%;position: relative;}
.sec-cookies header{width: 100%;position: relative;padding-top: 6em;}
.sec-cookies header .logo{position: relative;width: 22em;margin-left: 4em;margin-bottom: 4em;}
.sec-cookies .container{width: 55%;position: relative;overflow: hidden;margin: 0 auto;padding: 2em;}
.sec-cookies h1{font-weight:700;}
.sec-cookies h2{font-weight: 500;line-height:.9em;margin-top: 1.5em;}
.sec-cookies ul{list-style: none;margin-top: 1em;}
.sec-cookies ul li{position: relative;margin-left: 1em;margin-bottom: 1em;}
.sec-cookies ul li strong,
.sec-cookies p strong{font-weight: 500;}
.sec-cookies ul li:before{position: absolute;content: '-';left: -1em;top: 0;font-weight: 500;}

.privacy-policy a,
.sec-aviso-legal a,
.sec-cookies a{color: #909090;}

table td b{font-weight: 500;}




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

.sec-contacto {  display: flex; align-items: stretch;flex-wrap: wrap; justify-content: center;color: #626262;background:url(images/img-fondo-contacto.jpg) top left no-repeat; background-size: cover;}
.sec-contacto .columnaizq{ width: 40%;position: relative;z-index:2; padding:8.6em 1.5em 3em 5em; }
.sec-contacto .columnaizq .imglogo{ width: 85%;}
.sec-contacto .columnaizq .intro {display: block; position: relative; padding:2em 0 2em 7.5em;}
.sec-contacto .columnaizq h1 {text-transform: uppercase; font-size: 3.3em;font-weight: 900;max-width: 65%;line-height: .8em; letter-spacing: -.05em; margin-bottom: .5em;}
.sec-contacto .columnaizq p { line-height: 1.2; color:#a2a2a2}
.sec-contacto .columnadcha {width: 60%; overflow: hidden; position: relative;z-index: 1;padding: 12.5em 5em 5em 5em;}



/******************************
FOOTER
*******************************/

.footer { background: #000;position: relative; text-align: center; padding:1.8em 2em; clear: both;}
.footer .image-footer img { width: 7em; opacity: 1;}
.footer .legal-info nav ul { list-style: none; margin: 0; padding:.5em  0; text-align:left;}
.footer .legal-info nav ul li { list-style: none; display: inline-block; margin: 0; padding:0 .5em;  color:#909090;}
.footer .legal-info nav ul li:before{content: '';}
.footer .legal-info nav ul li+li { border-left: 1px solid #909090;}
.footer .legal-info nav ul li a { color:#909090;font-weight: 200;font-size: 85%;}
.image-footer{width: 8%;position: absolute;left: 46%;top: 2em;z-index: 2;}



/* ==========================================================================
   Corección plugin de cookies
   ========================================================================== */
#cookie-law-info-bar {opacity: .8;}


/* ==========================================================================
   Lightbox de la politica de cookies 
   ========================================================================== */

#cboxOverlay {/*background: rgb(222,217,61)*/}
#cboxLoadedContent {border-width: 10px !important}
#cboxLoadedContent, #cboxLoadedContent{background: #000 !important; }
#cboxContent {margin-top: 40px !important;  background: #000 !important;}


/*#colorbox * {color: #FFF;}*/
#cboxClose {
    background: #FFF !important;
    height: 60px !important;
    right: 0 !important;
    top: 0 !important;
    width: 60px !important;
    text-indent: 0 !important;
    /* padding: 8px 10px 0 !important; */
    overflow: hidden !important;
    color: #FFF !important;
    z-index: 60;
    margin: 0;
    padding: 0;
    line-height: 1;
    border: 10px solid #000;
    -ms-transition: background .4s ease;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}

#cboxClose {z-index: 999}
#cboxClose:before { content: '\e808'; font-family: 'icons'; font-style: normal; font-weight: normal; font-size: 24px; 
  line-height: 40px; width: 1em; margin-bottom: 1.5em; display: inline-block; color: #000}
#cboxClose:hover {background: #000 !important;}
#cboxClose:hover:before {color: #919191 !important;}

/*.entry-content{font-size:100%;padding:2em;}*/


/* ==========================================================================
   politica de cookies, aviso legal y Política de privacidad 
   ========================================================================== */

.sec-legal { padding:10em 15%;}
.sec-legal a{color:#909090;}
.sec-legal .header{width: 30em;margin-bottom: 3em;}
.sec-legal h1{text-transform: uppercase;font-size: 3em;}
.sec-legal h2{text-transform: uppercase;margin-bottom:0;margin-top: 2em;}
.page-template-legal .listado-sedes{background: url(//youmedia.es/wow/wp-content/themes/gredin/images/img-fondo-listado-sedes-map.jpg) top left no-repeat;}

#listadodecookies table{font-size: 85%;}
#listadodecookies table th{background:#fff;color:#000;padding: .2em 0;}
#listadodecookies table tr{border-bottom:1px solid #fff;}

#listadodecookies table th, #listadodecookies table td {
    padding: .5em .8em;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

.item {
  
}

/* FORMULARIOS */
input,
select,
textarea {padding: .6em 0 .6em .4em; background: #FFF; color: #000; width: 93.1%;font-size: .9em;
border:none;
/*border-bottom: 1px solid #ededed;*/
border-radius: 0; 
  -webkit-border-radius: 0;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

input.upper,
select.upper,
textarea.upper {}

textarea {resize: none;}

input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance:none !important;
  cursor: pointer;
  display: inline-block;  
  background: none;
  font-family: 'Outfit';
  font-size: 90%;
  color: #000;
  background: #fff;
  width: auto;
  font-weight: 700;
  padding: 0.3em 1.5em 0.1em;
  margin: .5em 0;
  text-align: center;
  text-transform: uppercase;
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

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

input:focus,
textarea:focus {outline: none;
  
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
   color: #454545
}

input[type="button"].btn:hover, input[type="reset"].btn:hover, input[type="submit"].btn:hover,
input[type="button"].btn:focus, input[type="reset"].btn:focus, input[type="submit"].btn:focus {
  background: #000; color: #FFF;
}
.group-input.input.checkbox span.label{font-family: 'Akshar';text-transform: uppercase;margin-top: 2em;}

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

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

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #EEE inset !important;
    -webkit-text-fill-color: #000 !important;
}

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

/*.entry-comments input::selection,
.entry-comments textarea::selection,
.entry-comments select::selection {}
*/

/*select,
select option {padding: .2em 0}*/

select {
    background: #FFF url('images/icons/arrow-down.svg') no-repeat 97% 53%;
    background-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Input number styles*/
input[type="number"] {}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  opacity: 1 !important;
}

form label {
    display: none;
}

.label-form label,
.labeled-field, 
.label {
    display: block;
    /*font-family: 'Akshar';*/
    padding-bottom: .5em;
}

.checkbox label {display: inline !important;font-size: 85%;}
.label-form label.hidden {visibility: hidden;}


input[type="checkbox"], input[type="radio"] {
    width: auto; display: inline-block; margin-right: .5em;
}
.wpcf7-list-item-label{font-family: 'Akshar';text-transform: uppercase;color: #999;}


form {margin-top: 3em;}
form a{color: #929292;}
form .input {/*overflow: hidden;*/ clear: both; position: relative; margin-top:0; margin-bottom: 0; padding-bottom:0;}
form h3.labeled + .input {margin-top: .8em}
form .input.column-section {clear: none; padding-top: 0}
form .clear {padding-bottom: 1em;}
form select {width: 100%;}
form .textarea {text-align: left;}
form .textarea textarea {height: 125px;width: 96%;margin-bottom: 1em;font-family: 'Outfit'}

/*form div span {width: 105.5%;}*/
form div.group-input {}
form div.group-input .group-item,
form div.group-input .input {width: 48.9%; display: inline-block; vertical-align: top; clear: right; margin-right:.5%;}
/*form div.group-input span, form div.group-input .input {}*/

form div.group-input .group-item:last-of-type {margin-right:0;}
form .checkbox .wpcf7-form-control-wrap {padding: 0; margin-left: -1.5em;}
form .checkbox.group-input .wpcf7-form-control-wrap {padding: .5em 0; display: block; margin-left: -1.5em; float: left; padding-bottom: 1.5em; overflow: hidden;}
form .checkbox span.wpcf7-list-item {margin-left: 1.5em;}
form .input.submit {position: relative; clear: both; margin-top: 0.4em; padding-bottom: 0.8em;}
form .input.submit input {width: auto;}
form .input.submit input:disabled {opacity: .5}

form .checkbox.group-input .conf-otro {margin-left: 1.5em; width: 190px; float: left; margin-top: -.2em;}
form .checkbox.group-input .conf-otro input {padding: 0.08em .8em}

form fieldset {border: 1px solid #aaa; padding: 1em 2em 2em 2em; margin-top: 2em}

/* Errores del envío */
span.wpcf7-not-valid-tip {padding: .4em 1.2em .4em .6em; margin: 0; color: #C60C30; display: inline-block; width: auto !important; }

.radio span.wpcf7-not-valid-tip {display: inline;}

span.wpcf7-not-valid-tip::before {content: '^';padding-right: 4px; font-size: 105%;
    margin-top: 0; display: inline-block; vertical-align: middle; }
form div.input.captcha span.wpcf7-not-valid-tip {position: static; text-align: left}
form div.input.captcha span.wpcf7-not-valid-tip::before {display: none;}
form .invalid,
form .sent {padding-top: 4em;}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {width: 100%; color: #FFF; background: #C60C30;
  clear: both; border: 0; margin: 0; padding: 1em 5%; font-size: 96%; text-align: center; width: 90%; left: 0;
  z-index: 60;}

div.wpcf7-mail-sent-ok {color: #FFF; background: #C60C30 }

div.wpcf7 .ajax-loader {
    background-image: url('images/ajax-loader.gif');
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    background-size: 50px;
    top: 0;
}