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

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



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

/* Structure
//////////////////////////////////////////////////// */
body {width: 100%; height: 100%; font: 500 17px/1.4 "Alexandria", 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: "Alexandria", sans-serif;}

h1{font-size: 5.2em;font-weight: 400;text-transform: lowercase;letter-spacing: -.05em;}
h2{font-size: 2em;}

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: 700;}


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


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

/* 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%;
}
.btn-link{}

.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: #00bdf7;}

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

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


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

.main-nav-ct {
    width: 40%;
    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: #fff; 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 #fff; 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: 62px; height: 50px; top: 30px; right: 30px; padding: 10px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  background: #000;
}
.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: 30%;}

.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: #00bdf7 !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: #fff; }

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

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

/* BLANCO */
.nav-white .btn-nav-icon, 
.nav-white .btn-nav-icon::after, 
.nav-white .btn-nav-icon::before {background: #fff}
.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
//////////////////////////////////////////////////// */


/* BOTONES */
a.btn-servicios{font-family: "tot-shizukasmudgego-stdn", sans-serif;color: #fff;text-transform: uppercase;font-size: .85em;}
a:hover.btn-servicios{color: #00bdf7;}

a.btn-links{font-family: "tot-shizukasmudgego-stdn", sans-serif;color: #fff;background: #000;text-transform: uppercase;padding: .4em 2em;margin-left: -10em;margin-top: 2em;float: left;margin-bottom: 5em;font-size: .85em;}
a:hover.btn-links{color: #00bdf7;}


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

ul.menu{font-size: 1.4em;position: relative; display: block; padding-bottom: 1.2em;padding-left: 2em;}
ul.menu li{ padding: 0 .47em 0 .3em; margin:0; line-height: 1;letter-spacing: -.04em;font-weight: 400;text-align:left;margin-bottom: .5em;font-family:'tot-shizukasmudgego-stdn';text-transform:lowercase;}

ul.menu li a{}
ul.menu li a:hover{ color: #00bdf7;}
body:not(.home) ul.menu li.current-menu-item a{color: #00bdf7;}
body.page-template-equipo ul.menu li.current-menu-item a{color: #00bdf7;}
body.page-template-contacto ul.menu li.current-menu-item a{color: #00bdf7;}
.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 .claim{width: 100%;position: absolute;bottom: 12em;left: 5em;z-index: 2;}
.sec-home-top .claim{position:absolute;color: #fff;z-index: 2;width: 100%;height: auto;}
.sec-home-top .logo-wow{position: absolute;width: 7.5em;bottom: 2em;right: 1em;z-index: 2;}
.sec-home-top h1{/*position:absolute;color: #fff;z-index: 2;*/}
.sec-home-top .logo-home{width: 26em;position:absolute;right:0;top: 21em;z-index: 2;background: #000;}
.sec-home-top .logo-home .imglogo{width: 84%;margin: 7% 8% 5% 8%;}
.sec-home-top .img-top{width: 100%;position: relative;overflow: hidden;margin: 0 0 0 0;padding: 0 0 0 0;}

.sec-home-center{width: 100%;position: relative;background: #000;overflow: visible;min-height: 560px;}
.video-pistola{width:100%;margin-left:0;position: absolute;top:0;}
.video-pistola .bg-video,
.video-pistola .bg-video .bg-video,
.video-pistola .bg-video .video-home{width: 100%;}
.video-pistola .bg-video .video-home-mobile{display: none;}
.sec-home-center .container{width: 34%;position: relative;color: #00bdf7;padding-top: 28em;margin-left: 10em;}
.sec-home-center .container .servicios{width: 100%;position: relative;overflow: hidden;}
.sec-home-center .container .servicios .header{width: 100%;position: relative;overflow: hidden;margin-bottom: 2.5em;}
.sec-home-center .container .servicios .logo{width: 47%;position: relative;float: left;}
.sec-home-center .container .servicios .servicios-nav{width:auto;position: relative;float: left;margin-left: 2.5em;}
.sec-home-center .container .servicios .servicios-nav:before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 100%;background-color: #fff;transform: rotate(15deg);}
.sec-home-center .container .servicios .servicios-nav a{color: #fff;}
.sec-home-center .container .servicios .servicios-nav ul{padding-left: 3em;}
.sec-home-center .container .servicios .ct-content{margin-bottom: 6em;}
.sec-home-center .container .servicios .servicios-nav ul li{font-family: "tot-shizukasmudgego-stdn", sans-serif;
font-weight: 600;
font-style: normal;font-size: 1.2em;}
.sec-home-center .container .servicios .servicios-nav ul li a:hover{color: #00bdf7;}

.sec-home-bottom{width: 100%;position: relative;overflow: hidden;}

.sec-home-bottom .btn-servicios{padding-left: 3em;}


/******************************
YES AGENCIA
*******************************/
.page-template-templates .nav-trigger .btn-nav-icon, 
.page-template-templates .nav-trigger .btn-nav-icon:after, 
.page-template-templates .nav-trigger .btn-nav-icon:before{background-color: #fff;}
.sec-agencia{width: 100%;position: relative;overflow: hidden;}
.sec-agencia-top{width: 100%;position: relative;/*background:url(images/bgs/yes/bg-yes-top.jpg) top left no-repeat; */background-size: cover;padding-bottom: 20em;}
.sec-agencia-top .container{width: 48%;position: relative;overflow: hidden;padding: 5em 0 0 7em;}
.sec-agencia-top .container .logo{width: 82%;position: relative;margin-bottom: 5em;}
.sec-agencia-top .container .ct-content{width: 100%;position: relative;color: #00bdf7;padding-left: 12%;}
.sec-agencia-center{width: 100%;position: relative;float: left;}
.sec-agencia-center .container{width: 76%;position: relative;float: left;margin-left: 17%;}
.sec-agencia-center .member-ceo .col-left{width: 54%;position: absolute;left:0em;top: 12em;z-index: 2;}
.sec-agencia-center .member-ceo .col-left h2{font-size: 5.2em;text-transform: lowercase;font-weight: 500;letter-spacing: -.05em;margin-bottom: .2em;}
.sec-agencia-center .member-ceo .col-left p{width: 58%;color:#00bdf7;}
.sec-agencia-center .member-ceo .col-right{width:76%;float: right;margin-top: -14em;}
.sec-agencia-bottom{width: 100%;position: relative;float: left;background: #c7c7c7;color: #585858;}
.sec-agencia-bottom h1{color:#000;}
.sec-agencia-bottom .container{width: 36%;position: relative;padding-top: 10em;margin-left: 50%;}
.sec-agencia-bottom .logo{width: 40%;position: absolute;left: 0;top: 0;z-index: 2;}
.sec-agencia-bottom .members-ct{width: 70%;position: relative;margin: 0 auto;z-index: 3;}
.sec-agencia-bottom .members-ct .member-item {width: 48%;position: relative;margin: 0 1%;float: left;}

.caption-style-2{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    
  }

  .caption-style-2 li{
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;
  }

  .caption-style-2 img{
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4;
    /*filter: grayscale(100%);
    -webkit-transition: all .4s linear;
    transition: all .4s linear;*/
  }
  

   
  .caption-style-2 .caption{
    height: 10%;
    align-items: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    /*justify-content: space-between;*/
    opacity: 1;
    background-color:rgba(0,0,0,0);
    bottom: -120%;
    cursor: default;
    /*display: flex;*/
    width: 100%;
    padding: .5em 5% ;
    /*min-height: 77px;*/
    /*background:#000;*/
    text-transform: uppercase;
    color:#fff;
    -webkit-transition:bottom .8s ease;
    -moz-transition:bottom .8s ease;
    -o-transition:bottom .8s ease;
    -ms-transition:bottom .8s ease;
    transition:bottom .8s ease;

  }
  .member-name{font-size: 115%;font-weight: 800;color: #fff;display: block;line-height: 1.6em;}
  .member-charge{display: block;font-size: 85%;color: #fff;text-transform: initial;}

    .caption-style-2 .caption div{position: absolute;bottom: 1.5em;width: 90%;}

  .caption-style-2 li:hover .caption{
    opacity: 1;
    bottom: 0;
  }

  .caption-style-2 li:hover img {
    /*filter: grayscale(0);*/
    /*filter: grayscale(0) saturate(120%);*/

   }
   .caption-style-2 img:hover{/*opacity: .3;filter: grayscale(0);*/}
   .team a.icon-linkedin{color:#fff;}
   .team a:hover.icon-linkedin{color:#fef401;}
    .sec-agencia-top .bg-video{position: absolute;top: 0;right: 0;width: 100%;}
    .sec-agencia-top .bg-video .video-yes{width: 100%;opacity: .7;}

/******************************
SERVICIOS
*******************************/
.page-template-servicios .nav-trigger{background: none;}
.page-template-servicios .nav-trigger .btn-nav-icon, 
.page-template-servicios .nav-trigger .btn-nav-icon:after, 
.page-template-servicios .nav-trigger .btn-nav-icon:before{background-color: #000;}
.sec-servicios{width: 100%;position: relative;overflow: hidden;color: #000;background:url(images/bgs/servicios/bg-servicios.jpg)top left no-repeat; background-size:50%;}
.sec-servicios .header{position:absolute;width: 30%;top: 28em;left: 12em;color: #fff;}
.sec-servicios .header p{width: 80%;color:#00bdf7;margin-top: 0;}
.sec-servicios .sec-top{width: 50%;position: absolute;top: 9em;left:0;z-index: 2;background: #000;padding: 4em 0 3em 3em;}
.sec-servicios .services{width: 100%;position: relative;}
.sec-servicios .sec-top .logo{width: 47%;position: relative;float: left;}
.sec-servicios .sec-top .servicios-nav{width:auto;position: relative;float: left;margin-left: 2.5em;}
.sec-servicios .sec-top .servicios-nav:before{content: '';position: absolute;top: 0;left: .5em;width: 2px;height:100%;background-color: #fff;transform: rotate(15deg);}
.sec-servicios .sec-top .servicios-nav a{color: #fff;}
.sec-servicios .sec-top .servicios-nav a:hover{color: #00bdf7;}
.sec-servicios .sec-top .servicios-nav ul{padding-left: 4em;}
.sec-servicios .sec-top .ct-content{margin-bottom: 6em;}
.sec-servicios .sec-top .servicios-nav ul li{font-family: "tot-shizukasmudgego-stdn", sans-serif;
font-weight: 600;font-style: normal;font-size: 1.6em;}
.sec-home-center .container .servicios .servicios-nav ul li a:hover{color: #00bdf7;}

.sec-servicios .services .item-services{width: 100%;position: relative;overflow: hidden;}
.sec-servicios .services .item-services .col-left,
.sec-servicios .services .item-services .col-right{width: 50%;position: relative;}
.sec-servicios .services .item-services .col-right{float: right;background: #fff;}
.sec-servicios .services .item-services .col-right .ct-content{padding: 4em 8em;}
.sec-servicios .services #item-.item-services .col-right .ct-content{padding: 11em 8em 6em 8em;}
.sec-servicios .services .item-services .col-right .ct-content h2{text-transform: lowercase;font-size: 5.2em;font-size: 5.2em;letter-spacing: -.05em;font-weight: 400;}
.sec-servicios .services .item-services .prod-item-carousel{width: 100%;position: relative;float: left;}

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

.sec-contacto {width: 100%;position: relative;background:url(images/bgs/contacto/bg-contacto.jpg) top left no-repeat; background-size: cover;}
.sec-contacto h1{padding: 0 0 0 0;margin: 0 0 0 0;line-height: .7em;}
.sec-contacto h2{font-size:1.2em;font-weight: 400;}
.sec-contacto header{width: 100%;position: relative;}
.sec-contacto header .logotipo{position:relative;width:24em;padding: 5em 0 0 3em;}
.sec-contacto .container{width: 100%;position: relative;margin: 8em 0 0 0;overflow: hidden;}
.sec-contacto .container .col-left{width: 27%;position: relative;float: left;margin-left: 22%;}
.sec-contacto .container .col-left p{width: 90%;margin-top: 1.5em;}
.sec-contacto .container .col-right{width: 48%;position: relative;float: right;BACKGROUND:#000;padding: 3em 0 2em 0;margin-bottom: 4em;}

.sec-contacto .container .col-right .ct-content{width: 80%;margin: 0 10%;}


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







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


/* //// GALERIAS */

  .gallery{width: 100%;position: relative;margin-top: 1em;}

  .owl-carousel .owl-item{}
  .owl-carousel .owl-item img{-webkit-transition: all .8s linear;transition: all .8s linear;}
  
  .owl-carousel .owl-item a:hover img{
      -webkit-transform: scale(1.05); transform: scale(1.05);}

      .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: block;}

  /* CARRUSEL / CAROUSEL */


  .owl-carousel{display:block!important;}
  .owl-carousel .owl-stage {margin-left: auto; margin-right: auto}
  .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {position: absolute; overflow: hidden; color: #000; width: 40px; height: 40px; top: 50%; outline: none;
      -webkit-transform: translatey(-50%);
      -moz-transform: translatey(-50%);
      transform: translatey(-50%);
  }
  .owl-carousel .owl-nav .owl-next {right: 0.2em}
  .owl-carousel .owl-nav .owl-prev {left: 0.2em}
  .owl-carousel .owl-nav .owl-next::before, .owl-carousel .owl-nav .owl-prev::before {display: block; font-family: "icons"; font-size: 40px; margin: 0; line-height: 100%;color:#000;background: #fff;
      -webkit-transition: color 0.3s ease;
      -moz-transition: color 0.3s ease;
      transition: color 0.3s ease;
  }
  .owl-carousel .owl-nav .owl-next:hover::before, 
  .owl-carousel .owl-nav .owl-prev:hover::before {display: block; font-family: "icons"; font-size: 40px; margin: 0; line-height: 100%;color:#000;background:#00bdf7;
      -webkit-transition: color 0.3s ease;
      -moz-transition: color 0.3s ease;
      transition: color 0.3s ease;
  }
  .owl-carousel .owl-nav .owl-next::before {content: '\e806';}
  .owl-carousel .owl-nav .owl-prev::before {content: '\e80d';}
  .owl-carousel .owl-nav .owl-next:hover::before, 
  .owl-carousel .owl-nav .owl-prev:hover::before {color: #000}



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




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

#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;font-family: 'Alexandria';
/*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: 'Alexandria';
  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: 'Alexandria';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: 'Alexandria';*/
    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: 'Alexandria';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: 'Alexandria'}

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

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

#cboxOverlay {background-color: rgba(0,0,0,.8) !important;}
#cboxLoadedContent {border: none !important; background: none !important}
#cboxLoadingGraphic{background:url('images/loading.svg') no-repeat center center;}
#cboxClose {
    background: none !important; background-size: 100%;
    height: 3em !important;
    right: 0 !important;
    top: -2em !important;
    width: 3em !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: '\e801'; font-size: 2.5em; line-height: 1em; margin-bottom: 1.5em; display: inline-block; text-shadow: none }
/*#cboxContent {margin-top: 40px !important;  background: #000 !important;}*/
#cboxContent {margin-top: 40px !important;  background: none !important;}

/* GALERÍAS */
#cboxNext,
#cboxPrevious {background:#FFF; width: 3em; height: 3em; margin-top: -1.5em; color: #000}
#cboxNext:hover,
#cboxPrevious:hover {color:#000;background: #00bdf7;}
#cboxNext:before,
#cboxPrevious:before {font-family: 'icons'; font-size: 3em; line-height: 1em; text-indent: 0; display: block; position: absolute; left: 0; top: 0}
#cboxPrevious:before {content: '\e80d'}
#cboxNext:before {content: '\e806'}

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

img.cboxPhoto{width: 100%!important;height: auto!important;}
div.wpcf7-validation-errors, 
div.wpcf7-mail-sent-ok, 
div.wpcf7-response-output{background: #fff;width: 95%;color: #000;}
.wpcf7 form .wpcf7-response-output{padding: 1em 1em;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#000;}

.grecaptcha-badge{display: none;}