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

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



/*font-family: "League Spartan", serif;*/

/* Structure
//////////////////////////////////////////////////// */
body {width: 100%; height: 100%; font: 500 19px/1.4 "League Spartan", Helvetica,Arial,sans-serif;font-optical-sizing: auto; color: #FFF;background: #000;  }

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: "League Spartan", 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: 600;}


.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: #fff;
    display: block;
    content: '';
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.nav-trigger .btn-nav-icon {transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }
.nav-trigger .btn-nav-icon:before {transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); }
.nav-trigger .btn-nav-icon:after {transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); }

/* 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: #642526 !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
*******************************/
.page-template-home .nav-trigger{display: none;}
.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;min-height: 500px;z-index: 20;}
.sec-home-top .header .logo{width: 22em;position: relative;overflow: hidden;float: left;margin:4em 0 0 7em;}
.sec-home-top .description{width: 45%;position:absolute;right: 0;top: 21em;z-index: 2;padding: 3em 4em;color: #fff;/*background:#000;*/}
.sec-home-top .description h2{text-transform: uppercase;font-weight: 500;font-size: 1.3em;}
.sec-home-top .header .ct-content h2{font-weight: 200;line-height: .9em;margin-top: 1em;text-transform: uppercase;}
.sec-home-top .bg-video{width: 100%;position: relative;margin-top:0;}
.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-bottom.jpg) 0 0 no-repeat;background-size: cover;}
.sec-home-center .ct-content{width: 32%;position: relative;margin-left: 55%;font-size: 1.2em;margin-top: 2em;}
.sec-home-center .ct-content h3{text-transform: uppercase;font-size: 1.3em;font-weight: 500;}
.sec-home-center .ct-content img.imglogo{width: 3em;float: left;margin-bottom: 1em;}
.sec-home-center .gallery{width: 100%;position: relative;min-height: 400px;}
.home-formulario{width: 100%;position: relative;padding-top: 5em;padding-bottom: 2em;overflow: hidden;}
.home-formulario h2{text-align:left;font-weight: 300;font-size: 1.2em;;}
.home-formulario h2 strong{font-weight: 400;}
.home-formulario .ct-content{width: 48%;margin: 0 auto;}

.logo-wow{width: 17%;position: absolute;bottom: 1em;right: 2em;z-index: 2;text-align: right;}
.logo-wow img.imglogo{width: 65%;margin-left: 25%;}
.logo-wow span{color: #fff;font-size: .6em;text-align: right;}




/******************************
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: 17em;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: 17em;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: 17em;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: #8b8b8b;position: relative; text-align: center; padding:1.8em 2em; clear: both;}
.footer .image-footer img { width: 3.5em; 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:#642526;}
.footer .legal-info nav ul li:before{content: '';}
.footer .legal-info nav ul li+li { border-left: 1px solid #642526;}
.footer .legal-info nav ul li a { color:#000;font-weight: 400;font-size: 80%;text-transform: uppercase;}
.footer .legal-info nav ul li a:hover{color:#642526;}
.image-footer{width: 8%;position: absolute;left: 46%;top: 2em;z-index: 2;}

/* //// GALERIAS */

  .gallery{width: 100%;position: relative;}

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


  /* ==========================================================================
   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: #642526;}
#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'}



/* ==========================================================================
   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: '\e801'; 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/maral/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: .7em;
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-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 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: 'League Spartan'}

/*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: 92%!important; color: #FFF; background: #C60C30;
  clear: both; border: 0; margin: 0; padding: 2em 5%; font-size: 96%; text-align: center; width: 90%; left: 0;
  z-index: 60;}

div.wpcf7-mail-sent-ok {color: #FFF; background: #000 }
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{border: none;}
.wpcf7-not-valid-tip{font-size: .8em;}

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