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

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



/*font-family: "Nunito Sans", serif;*/

/* Structure
//////////////////////////////////////////////////// */
body {width: 100%; height: 100%; font: 500 17px/1.4 "Nunito Sans", Helvetica,Arial,sans-serif;font-optical-sizing: auto; color: #000;background: #fff;  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: "Nunito Sans", 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}
.green{color:#4a9c2d;}
.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: #4a9c2d;}

.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: #010c2c;
    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;
}
.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: #4a9c2d;
    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: 60%;}

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

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

.touch .nav-trigger.nav-white:hover .btn-nav-icon,
.touch .nav-trigger.nav-white.hover .btn-nav-icon,
.touch.menu-open .nav-trigger:hover .btn-nav-icon,
.touch.menu-open .nav-trigger.hover .btn-nav-icon,
.touch .nav-trigger.nav-white.active:hover .btn-nav-icon,
.touch .nav-trigger.nav-white.active.hover .btn-nav-icon,
.nav-trigger.nav-white.active:hover .btn-nav-icon,
.nav-trigger.nav-white.active.hover .btn-nav-icon {background-color: #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: "Nunito Sans", sans-serif;color: #fff;text-transform: uppercase;font-size: .85em;}
a:hover.btn-servicios{color: #00bdf7;}

a.btn-links{font-family: "Nunito Sans", 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:'Nunito Sans';text-transform:uppercase;}

ul.menu li a{font-size: .9em;letter-spacing: .22em;}
ul.menu li a:hover{ color: #4a9c2d;}
body:not(.home) ul.menu li.current-menu-item a{color: #4a9c2d;}
body.page-template-equipo ul.menu li.current-menu-item a{color: #4a9c2d;}
body.page-template-contacto ul.menu li.current-menu-item a{color: #4a9c2d;}
.is-mobile{display: none;}


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

.sec-home{width: 100%;position: relative;background: #fff;/*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: 60%;position: absolute;top: 1em;left: 20%;z-index: 2;min-height: 500px;text-align: center;}
.sec-home-top header .logo-top{width: 64%;margin: 0 auto 2em auto;}
.sec-home-top header h1{text-transform: uppercase;font-size: 2em;font-family: 'Nunito Sans';font-weight: 400;letter-spacing: .22em;}
.sec-home-top header h2{color: #fff;font-weight: 300;font-size: 1.2em;letter-spacing: .05em;}
.sec-home-top .bg-video{width: 100%;position: relative;}
.sec-home-top .bg-video video{width: 100%;}

.sec-home-top h1{/*position:absolute;color: #fff;z-index: 2;*/}


.sec-home-center{width: 100%;position: relative;background:url(images/bgs/home/bg-montains.jpg)top left no-repeat; background-size:100%;margin-top: -1em;color: #000;text-transform: uppercase;padding: 9em 0 16em 0;}
.sec-home-center .container{width: 48%;margin: 0 auto;font-size: 1.1em;}
.sec-home-center .container p{width: 60%;text-transform: uppercase;}
.sec-home-center .logo-center{width: 60%;position: absolute;left: -2em;bottom: -1em;}

.sec-home-bottom{width: 100%;position: relative;overflow: hidden;}
.sec-home-bottom .col-right,
.sec-home-bottom .col-left{width: 50%;position: relative;float: left;}
.sec-home-bottom .col-right .container{width: 90%;position: absolute;top: 4em;left: 4em;z-index: 2;color: #fff;}
.sec-home-bottom .col-right .container h3{text-transform: uppercase;font-weight: 300;font-size: 1.7em;line-height: 1.1em;position: relative;}
.sec-home-bottom .col-right .container h3:after{content: '';width: 80px;height: 1px;background: #fff;position: absolute;left: 0;bottom: -10px;z-index: 2;}
.menu-home ul.menu{margin-left: 0;padding-left: 0;list-style: none;margin-top: 1.5em;}
.menu-home ul.menu li{text-transform: uppercase;padding: 0 0 0 0;margin-bottom: .2em;}
.menu-home ul.menu li a{color: #fff;margin-left: 0;padding-left: 0;font-weight:700;}
.menu-home ul.menu li a:hover{color: #4a9c2d;}

.sec-home-news{width: 100%;position: relative;background:#fff;}
.sec-home-news .container{width: 75%;position: relative;margin: 5em auto;overflow: hidden;}
.sec-home-news .container .col-15{width: 15%;position: relative;float: left;}
.sec-home-news .container .col-85{width: 80%;position: relative;float: left;border-left: 1px solid #000;padding-left: 4%!important}
.sec-home-news .noticia-content .noticia-image{width: 40%;position: relative;float: left;}
.sec-home-news .noticia-content .noticia-body{width: 50%;margin-left: 8%;float: left;}
.sec-home-news .container .col-85 .noti-list-container a{width: 100%;float: left;margin-bottom: 2em;color: #000;}
.sec-home-news .container .col-85 .noticia-title{text-transform: uppercase;float: left;line-height: 1.1em;margin-bottom: 1em;}
.more-link, .noticia-excerpt{float: left;line-height: 1em;}
.more-link{width: 100%;margin-left: -1.2em;}
a.more-link:hover{padding-left: 1em;}
.more-link img.btn-more{width: 4em;}
.sec-home-news .container .col-15 .more-link {color: #000;text-transform: uppercase;text-align: right;font-size: .75em;line-height: 1.1em;padding-top: 15em;}
.sec-home-news .container .col-15 .more-link a{color: #000;}
.sec-home-news .container .col-15 .more-link a:hover{color:#4a9c2d;}
.sec-home-news .container .col-15 .more-link:hover{color: #4a9c2d;}
.sec-home-news .excerpt-text{font-size: .9em;line-height: .8em;}


/******************************
SUMUN
*******************************/
.sec-sumun{width: 100%;position: relative;overflow: hidden;}
.sec-sumun .sec-sumun-top{width: 100%;position: relative;overflow: hidden;}
.sec-sumun .sec-sumun-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-sumun .sec-sumun-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-sumun .sec-sumun-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-sumun .sec-sumun-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-sumun .sec-sumun-top .container{width: 100%;background:url(images/bgs/sumun/bg-center.jpg) top left no-repeat; background-size: cover;padding: 10em 0;}
.sec-sumun .sec-sumun-top .container .ct-content{width: 35%;margin: 0 0 0 12em;color: #666;}
.sec-sumun .sec-sumun-center{width: 100%;position: relative;overflow: hidden;}
.sec-sumun .sec-sumun-center ul {list-style: none;}
.sec-sumun .sec-sumun-center ul li{width: 33.333%;position: relative;float: left;}
.sec-sumun .sec-sumun-center ul li:nth-child(1) .title-item{left: 10em;bottom: 2em;}
.sec-sumun .sec-sumun-center ul li:nth-child(2) .title-item{right: 4em;bottom: 7em;}
.sec-sumun .sec-sumun-center ul li:nth-child(3) .title-item{left: 2em;top: 10em;}
.sec-sumun .sec-sumun-center .num-item{font-size: 9em;color: #fff;position: absolute;bottom: 0;left: .4em;line-height: .7em;}
.sec-sumun .sec-sumun-center .num-item h3{font-weight: 400;}
.sec-sumun .sec-sumun-center .title-item{position: absolute;z-index: 2;}
.sec-sumun .sec-sumun-center .title-item h4{color: #fff;text-transform: uppercase;font-weight: 700;font-size: 1.3em;line-height: .9em;}
.sec-sumun .sec-sumun-bottom{width: 100%;position: relative;overflow: hidden;background:url(images/bgs/sumun/bg-claim.jpg) top left no-repeat; background-size: cover;padding: .8em 0;text-align: center;font-size: 3em;}
.sec-sumun .sec-sumun-bottom p{position: relative;line-height: .8em;}
.sec-sumun .sec-sumun-center .img-decorativa{width: 100%;position: relative;}
.sec-sumun .sec-sumun-bottom p span.pre-comillas{font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 3.5em;top: .4em;position:relative;}
.sec-sumun .sec-sumun-bottom p span.comillas{font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 3.5em;bottom: .15em;position: absolute;transform: rotate(180deg);}
/*.sec-sumun .sec-sumun-bottom p:before{content: '“';
    font-family: 'Nunito Sans';
    color: #4c9c2e;
    font-weight: 800;
    font-size: 3.8em;
    position: absolute;
    top: .15em;
    left: 1.2em;}*/

/******************************
ASESORÍA
*******************************/
.sec-asesoria{width: 100%;position: relative;overflow: hidden;}
.sec-asesoria .sec-asesoria-top{width: 100%;position: relative;overflow: hidden;}
.sec-asesoria .sec-asesoria-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-asesoria .sec-asesoria-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-asesoria .sec-asesoria-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-asesoria .sec-asesoria-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-asesoria .sec-asesoria-top .container{width: 80%;margin: 0 auto;position: relative;padding: 8em 0 0 0;margin-bottom: 8em;overflow: hidden;}
.sec-asesoria .sec-asesoria-top .container .col-left{width: 36%;float: left;margin-right: 5%;}
.sec-asesoria .sec-asesoria-top .container .col-left h1{text-transform: inherit;text-align: right;font-size: 4.2em;font-weight: 700;line-height: .9em;letter-spacing: .02em;}
.sec-asesoria .sec-asesoria-top .container .col-right{width: 55%;float: left;border-left: 4px solid #4a9c2d;padding-left: 2em!important;color: #666;}
.sec-asesoria .sec-asesoria-top .container .col-right ul{list-style: none;padding-left: 2.5em;width: 80%;margin-top: 2em;font-weight: 300;}
.sec-asesoria .sec-asesoria-top .container .col-right ul li{position: relative;margin-bottom: 1em;}
.sec-asesoria .sec-asesoria-top .container .col-right ul li:before{content: '';width: 10px;height: 10px;border-radius: 50%;background: #4a9c2d;position: absolute;left: -16px;top: 6px;}
.sec-asesoria .sec-asesoria-bottom{width: 100%;position: relative;}
.sec-asesoria .sec-asesoria-bottom .ct-content{width: 40%;position: absolute;z-index: 2;color: #fff;left: 22em;bottom: 5em;}
.sec-asesoria .sec-asesoria-bottom .ct-content h2{text-transform: uppercase;line-height: 1em;font-size: 2.6em;font-weight: 800;}
.sec-asesoria .sec-asesoria-bottom .ct-content ul{list-style: none;width: 100%;display: block;float: left;margin: 1em 0;}
.sec-asesoria .sec-asesoria-bottom .ct-content ul li{width: 10%;float: left;margin-right: 1em;}
.sec-asesoria .sec-asesoria-bottom .ct-content p{text-transform: uppercase;}


/******************************
MANIFIESTO
*******************************/
.sec-manifiesto{width: 100%;position: relative;overflow: hidden;}
.sec-manifiesto .sec-manifiesto-top{width: 100%;position: relative;background:url(images/bgs/manifiesto/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 750px;overflow: hidden;padding-top: 8em;}
.sec-manifiesto .sec-manifiesto-top header{width: 35%;position: relative;margin-left: 25%;color: #666;}
.sec-manifiesto .sec-manifiesto-top header h1{text-transform: inherit;font-size: 4.2em;font-weight: 700;letter-spacing: .02em;color: #000;}
.sec-manifiesto .sec-manifiesto-top header .ct-content{font-size: 1.1em;}
.sec-manifiesto .sec-manifiesto-top .logo-top{width: 60%;position:absolute;left: -1em;bottom: -1em;}

.sec-manifiesto-bottom{width: 100%;position: relative;overflow: hidden;padding: 12em 0 5em 0;background:url(images/logos/logo-grey-vertical.svg) bottom center no-repeat; background-size: 66%;}
.sec-manifiesto-bottom ul.list-01{width: 52%;position: relative;float: left;margin-left: 10%;margin-bottom: 6em;}
.sec-manifiesto-bottom ul.list-01 li,
.sec-manifiesto-bottom ul.list-02 li{width: 33.333%;float: left;}
.sec-manifiesto-bottom ul.list-03 li{width: 25%;float: left;}
.sec-manifiesto-bottom ul.list-02{width: 52%;position: relative;float: left;margin-left: 28%;margin-bottom: 6em;}
.sec-manifiesto-bottom ul.list-03{width: 70%;position: relative;float: left;margin-left: 11%;}

.sec-manifiesto-bottom ul.list-01 li img,
.sec-manifiesto-bottom ul.list-02 li img,
.sec-manifiesto-bottom ul.list-03 li img{width: 72%;}
.sec-manifiesto-bottom ul.list-01 li .description-item,
.sec-manifiesto-bottom ul.list-02 li .description-item,
.sec-manifiesto-bottom ul.list-03 li .description-item{width: 72%;margin-left: 16%;margin-top: 1em;}
.sec-manifiesto-bottom ul.list-01 li .description-item h2,
.sec-manifiesto-bottom ul.list-02 li .description-item h2,
.sec-manifiesto-bottom ul.list-03 li .description-item h2{text-transform: uppercase;font-size:1.4em;}
.sec-manifiesto-bottom ul.list-01 li .description-item p,
.sec-manifiesto-bottom ul.list-02 li .description-item p,
.sec-manifiesto-bottom ul.list-03 li .description-item p{margin: 0 0 0 0;}
.sec-manifiesto-bottom ul.list-01 li .description-item{}


/******************************
COMUNIDAD
*******************************/
.sec-comunidad{width: 100%;position: relative;overflow: hidden;}
.sec-comunidad .sec-comunidad-top{width: 100%;position: relative;overflow: hidden;}
.sec-comunidad .sec-comunidad-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-comunidad .sec-comunidad-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-comunidad .sec-comunidad-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-comunidad .sec-comunidad-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-comunidad .sec-comunidad-top .container{width: 100%;background:url(images/bgs/sumun/bg-center.jpg) top left no-repeat; background-size: cover;padding: 10em 0;}
.sec-comunidad .sec-comunidad-top .container .ct-content{width: 35%;margin: 0 0 0 12em;color: #666;}

.sec-comunidad-center{width: 100%;background:url(images/bgs/comunidad/bg-center.jpg) top left no-repeat; background-size: cover;padding: 6em 0;}
.sec-comunidad-center .summary{width: 60%;position: relative;color: #fff;margin-left: 20%;}
.sec-comunidad-center .summary p{font-size: 2.6em;}
.sec-comunidad-center .container{width: 82%;position: relative;margin: 0 auto;}
.sec-comunidad-center .container h1{text-align: right;color: #fff;font-weight: 700;font-size: 4.2em;letter-spacing: .02em;text-transform: inherit;}
.sec-comunidad-center .container .form{width: 100%;border-top: 1px solid #4a9c2d;border-bottom: 1px solid #4a9c2d;padding: .8em 0 .4em 0;}
.sec-comunidad-center .container .form img.flecha{width: 4em;}
.sec-comunidad-center .container .form a{text-transform: uppercase;color: #fff;font-weight: 300;font-size: 1.4em;padding-left: 4em;}
.sec-comunidad-center .container .form a:hover{color: #4a9c2d;}
.sec-comunidad-center .container .ct-content{width: 44%;color: #fff;padding: 2em 0;margin-left: 14%;font-size: 1.2em;}
.sec-comunidad-bottom{width: 100%;background:url(images/bgs/comunidad/bg-bottom.jpg) top left no-repeat; background-size: cover;padding: 3em 0;}
.sec-comunidad-bottom h2{text-align: center;font-size: 2.8em;}

.sec-comunidad-bottom ul{width: 65%;position: relative;margin: 2em auto;}
.sec-comunidad-bottom ul li{width: 20%;position: relative;margin: 0 2.25% 3em 2.25%;display: inline-block;}
.sec-comunidad-bottom ul li .member-image{border-radius: 100%;overflow: hidden;}
.sec-comunidad-bottom ul li img.member-img{width:100%;}
.sec-comunidad-bottom ul li .name,
.sec-comunidad-bottom ul li .surname{text-align: center;color: #000;text-transform: uppercase;font-size: .85em;}
.sec-comunidad-bottom ul li .name{margin-top: .5em;}
.sec-comunidad-bottom ul li .surname{font-weight: 200;}

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

.sec-contacto{width: 100%;position: relative;overflow: hidden;}
.sec-contacto .sec-contacto-top{width: 100%;position: relative;overflow: hidden;}
.sec-contacto .sec-contacto-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-contacto .sec-contacto-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-contacto .sec-contacto-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-contacto .sec-contacto-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-contacto-bottom{width: 100%;position: relative;overflow: hidden;padding: 5em 0;}
.sec-contacto-bottom .container{width:50%;margin: 0 auto;position: relative;text-align: center;}
.sec-contacto-bottom .container h1{text-transform:initial;font-size: 4.2em;letter-spacing: .02em;font-weight: 700;}


/******************************
BLOG
*******************************/
.sec-blog{width: 100%;position: relative;overflow: hidden;}
.sec-blog .sec-blog-top{width: 100%;position: relative;overflow: hidden;}
.sec-blog .sec-blog-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-blog .sec-blog-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-blog .sec-blog-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-blog .sec-blog-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-blog .sec-blog-top .container{width: 100%;background:url(images/bgs/blog/bg-center.jpg) top left no-repeat; background-size: cover;padding: 10em 0;}
.sec-blog .sec-blog-top .container .ct-content{width: 35%;margin: 0 0 0 12em;color: #666;}

.sec-blog .sec-blog-center{width: 100%;position: relative;overflow: hidden;padding-top: 4em;}
.sec-blog .sec-blog-center .container{width: 65%;position: relative;margin: 0 auto;color: #666666;}
.sec-blog .sec-blog-center .container .summary{width: 70%;font-size: 1.2em;margin-bottom: 5em;}
.sec-blog .sec-blog-center .container .destacado{margin: 2em 0 3em 0;position: relative;}
.sec-blog .sec-blog-center .container .destacado h2{color: #000;line-height: .95em;font-size: 2.6em;font-weight: 400;position: relative;}
.sec-blog .sec-blog-center .container .destacado h2:before{content: '“';font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 4em;position: absolute;top: .15em;left: -.5em;}
.sec-blog .sec-blog-center .container .destacado h2 span.comillas{font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 4em;bottom: .15em;position: absolute;transform: rotate(180deg);}
.sec-blog .sec-blog-center .container .navegacion{width: auto;position: relative;float: left;text-transform: uppercase;display: block;border-top: 2px solid #4a9c2d;padding-top: 1em;font-size: 1.3em;margin-bottom: 1em;}
.sec-blog .sec-blog-center .container .navegacion ul{list-style: none;}
.sec-blog .sec-blog-center .container .navegacion ul li{position: relative;float: left;margin-right: .6em;border-right: 2px solid #4a9c2d;padding: 0 .6em 0 0;line-height: 1em;}
.sec-blog .sec-blog-center .container .navegacion ul li:last-child{border-right: none;}
.sec-blog .sec-blog-center .container .navegacion ul li a{color: #b3b3b3;}
.sec-blog .sec-blog-center .container .navegacion ul li a:hover{color: #000;}
.sec-blog .sec-blog-center .container .navegacion ul li.active{color: #000;}
.sec-blog .sec-blog-center .container .description{width: 80%;position: relative;float: left;text-transform: uppercase;color: #000;font-size: .9em;}
.sec-blog .sec-blog-bottom{width: 100%;position: relative;overflow: hidden;}
.sec-blog .sec-blog-bottom .container{width: 65%;position: relative;margin: 6em auto;}
.sec-blog .sec-blog-bottom .container .noti-list a{width: 48%;position: relative;float: left;margin: 0 1% 4em 1%;color: #000;}
.sec-blog .sec-blog-bottom .container .noti-list a .noticia-title{text-transform: uppercase;float: left;margin-top: 1em;line-height: 1em;margin-bottom: 1em;width: 85%;}
.sec-blog .sec-blog-bottom .container .noti-list a .excerpt-text{font-size: .9em;}
.sec-blog .sec-blog-bottom .container .noti-list .noticia-body .noticia-excerpt{width: 85%;}
.sec-blog .sec-blog-bottom .container .noti-list .noticia-date,
.sec-blog .sec-blog-bottom .container .noti-list .categories{font-size: .85em;color: #b3b3b3;}
.sec-blog .sec-blog-bottom .container .noti-list .categories{text-transform:uppercase;}

/******************************
SINGLE. ARTÍCULOS
*******************************/

.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}
[class^="col-"], [class*=" col-"] {
    float: left;
    margin: 0;
    padding: 0 !important;}
.sec-articulos{width: 100%;position: relative;overflow: hidden;}
.sec-articulos .sec-articulos-top{width: 100%;position: relative;overflow: hidden;}
.sec-articulos .sec-articulos-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-articulos .sec-articulos-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-articulos .sec-articulos-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-articulos .sec-articulos-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-articulos .sec-articulos-top .container{width: 100%;background:url(images/bgs/blog/bg-center.jpg) top left no-repeat; background-size: cover;padding: 10em 0;}
.sec-articulos .sec-articulos-top .container .ct-content{width: 35%;margin: 0 0 0 12em;color: #666;}


.sec-articulos .sec-articulos-bottom{width: 100%;position: relative;overflow: hidden;padding-top: 4em;padding-bottom: 4em;border-bottom: 4px solid #4a9c2d;}
.sec-articulos .sec-articulos-bottom .noticia-body{color: #000;}
.sec-articulos .sec-articulos-bottom .noticia-body .the_champ_sharing_ul,
.sec-articulos .sec-articulos-bottom .noticia-body .the_champ_sharing_title{display: none;}
.sec-articulos .sec-articulos-bottom .noticia-body h1{text-transform: uppercase;}
.sec-articulos .sec-articulos-bottom .container{width: 80%;position: relative;margin: 0 auto;color: #666666;}
.sec-articulos .row-news{width: 90%;position: relative;margin: 2em auto;}
.sec-articulos .row-news .noti-list-container a{width: 30%;position: relative;float: left;margin: 0 1% 4em 1%;color: #000;}
.sec-articulos .row-news .noticia-content{padding: 1em 1.5em;}
.sec-articulos .row-news .container h2{padding: 2em 0;}


.sec-articulos .row-news .container .noti-list-container .noticia-date, 
.sec-articulos .row-news .container .noti-list-container .categories{font-size: .85em;color: #b3b3b3;}
.sec-articulos .row-news .container .noti-list-container .noticia-title{position: relative;width: 80%;float: left;text-transform: uppercase;line-height: 1em;margin-bottom: 1em;margin-top: 1em;}
.sec-articulos .row-news .container .noti-list-container .noticia-excerpt{width: 85%;font-size: .85em;}


/******************************
REDES
*******************************/
.sec-redes{width: 100%;position: relative;overflow: hidden;}
.sec-redes .sec-redes-top{width: 100%;position: relative;overflow: hidden;}
.sec-redes .sec-redes-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-redes .sec-redes-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-redes .sec-redes-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-redes .sec-redes-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-redes .sec-redes-center{width: 100%;position: relative;overflow: hidden;padding-top: 4em;}
.sec-redes .sec-redes-center .container{width: 65%;position: relative;margin: 0 auto;color: #666666;}
.sec-redes .sec-redes-center .container .summary{width: 70%;font-size: 1.2em;margin-bottom: 5em;}
.sec-redes .sec-redes-center .container .destacado{margin: 2em 0 3em 0;position: relative;}
.sec-redes .sec-redes-center .container .destacado h2{color: #000;line-height: .95em;font-size: 2.6em;font-weight: 400;position: relative;}
.sec-redes .sec-redes-center .container .destacado h2:before{content: '“';font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 4em;position: absolute;top: .15em;left: -.5em;}
.sec-redes .sec-redes-center .container .destacado h2 span.comillas{font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 4em;bottom: .15em;position: absolute;transform: rotate(180deg);}
.sec-redes .sec-redes-center .container .navegacion{width: auto;position: relative;float: left;text-transform: uppercase;display: block;border-top: 2px solid #4a9c2d;padding-top: 1em;font-size: 1.3em;margin-bottom: 1em;}
.sec-redes .sec-redes-center .container .navegacion ul{list-style: none;}
.sec-redes .sec-redes-center .container .navegacion ul li{position: relative;float: left;margin-right: .6em;border-right: 2px solid #4a9c2d;padding: 0 .6em 0 0;line-height: 1em;}
.sec-redes .sec-redes-center .container .navegacion ul li:last-child{border-right: none;}
.sec-redes .sec-redes-center .container .navegacion ul li a{color: #b3b3b3;}
.sec-redes .sec-redes-center .container .navegacion ul li a:hover{color: #000;}
.sec-redes .sec-redes-center .container .navegacion ul li.active{color: #000;}
.sec-redes .sec-redes-center .container .description{width: 80%;position: relative;float: left;text-transform: uppercase;color: #000;font-size: .9em;}
.sec-redes .sec-redes-bottom{width: 100%;position: relative;overflow: hidden;}
.sec-redes .sec-redes-bottom .rrss{width: 70%;margin: 0 auto;}
.sec-redes .sec-redes-bottom .rrss a{color:#4a9c2d;}

/* PLUGIN REDES */
.rrss .fts-simple-fb-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}
.rrss .fts-simple-fb-wrapper .fts-jal-single-fb-post {width: 30%}
.rrss .fts-jal-fb-message {line-height: 120% !important}
.rrss .fts-instagram-inline-block-centered {text-align: left;}
.fts-jal-fb-header{display: none;}

/* PESTAÑAS / TABS 
//////////////////////////////////////////////////// */
.tabs {position: relative; clear: both;}
.tab-nav {position: relative; padding-top: 1em; padding-bottom: 1em; clear: both; overflow: hidden; text-transform: uppercase;
  font-weight: 700; }
.tab-nav li {display: inline-block; color: #FFF; line-height: 1; margin: 0 0;}
.tab-nav li a {display: block; text-decoration: none; padding: 1em 2.4em .8em; background-color: #808080; color: #FFF}
.tab-nav li.active a {background-color: #FFF; color: #000}

.sec-redes .sec-redes-bottom .rrss {position: relative; z-index: 10}
.rrss .header-rrss {position: absolute; top: 3em; left: 3em; z-index: 10}

.tab-nav.nav-social {padding-top: 2.6em; padding-bottom: 2em; background: url('images/contacto/rrss.jpg') no-repeat center; background-size: cover}
.tab-nav.nav-social li {color: #000; font-size:3em;}
.tab-nav.nav-social li::after {height: .3em; top: auto; bottom: -.85em; background: #4c9c2e; width: 0;
   -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.tab-nav.nav-social li a,
.tab-nav.nav-social li.active a,
.tab-nav.nav-social li a:hover {color: #000;}
.tab-nav.nav-social li a {opacity: .8; padding: 0 0.2em; background: none}
.tab-nav.nav-social li.active a,
.tab-nav.nav-social li a:hover {opacity: 1}
.tab-nav.nav-social li:hover::after,
.tab-nav.nav-social li.active::after {width: 100%}

.rrss .tab-container .container {padding-top: 6em; padding-bottom: 6em;}


/******************************
AGENDA
*******************************/
.sec-agenda{width: 100%;position: relative;overflow: hidden;}
.sec-agenda .sec-agenda-top{width: 100%;position: relative;overflow: hidden;}
.sec-agenda .sec-agenda-top h2{font-size: 1.1em;font-weight: 400;letter-spacing: .22em;}
.sec-agenda .sec-agenda-top header{width: 100%;position: relative;background:url(images/bgs/sumun/bg-header.jpg) top left no-repeat; background-size: cover;min-height: 350px;overflow: hidden;}
.sec-agenda .sec-agenda-top header .logo-top{width: 52%;position: absolute;bottom: -1em;left: 8em;}
.sec-agenda .sec-agenda-top header .subtitle{color: #fff;text-transform: uppercase;font-weight: 200;padding: 8em 0 0 39em;}
.sec-agenda .sec-agenda-top .container{width: 100%;background:url(images/bgs/blog/bg-center.jpg) top left no-repeat; background-size: cover;padding: 10em 0;}
.sec-agenda .sec-agenda-top .container .ct-content{width: 35%;margin: 0 0 0 12em;color: #666;}

.sec-agenda .sec-agenda-center{width: 100%;position: relative;overflow: hidden;padding-top: 4em;}
.sec-agenda .sec-agenda-center .container{width: 65%;position: relative;margin: 0 auto;color: #666666;}
.sec-agenda .sec-agenda-center .container .summary{width: 70%;font-size: 1.2em;margin-bottom: 5em;}
.sec-agenda .sec-agenda-center .container .destacado{margin: 2em 0 3em 0;position: relative;}
.sec-agenda .sec-agenda-center .container .destacado h2{color: #000;line-height: .95em;font-size: 2.6em;font-weight: 400;position: relative;}
.sec-agenda .sec-agenda-center .container .destacado h2:before{content: '“';font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 4em;position: absolute;top: .15em;left: -.5em;}
.sec-agenda .sec-agenda-center .container .destacado h2 span.comillas{font-family: 'Nunito Sans';color: #4c9c2e;font-weight: 800;font-size: 4em;bottom: .15em;position: absolute;transform: rotate(180deg);}
.sec-agenda .sec-agenda-center .container .navegacion{width: auto;position: relative;float: left;text-transform: uppercase;display: block;border-top: 2px solid #4a9c2d;padding-top: 1em;font-size: 1.3em;margin-bottom: 1em;}
.sec-agenda .sec-agenda-center .container .navegacion ul{list-style: none;}
.sec-agenda .sec-agenda-center .container .navegacion ul li{position: relative;float: left;margin-right: .6em;border-right: 2px solid #4a9c2d;padding: 0 .6em 0 0;line-height: 1em;}
.sec-agenda .sec-agenda-center .container .navegacion ul li:last-child{border-right: none;}
.sec-agenda .sec-agenda-center .container .navegacion ul li a{color: #b3b3b3;}
.sec-agenda .sec-agenda-center .container .navegacion ul li a:hover{color: #000;}
.sec-agenda .sec-agenda-center .container .navegacion ul li.active{color: #000;}
.sec-agenda .sec-agenda-center .container .description{width: 80%;position: relative;float: left;text-transform: uppercase;color: #000;font-size: .9em;}
.sec-agenda .sec-agenda-bottom{width: 100%;position: relative;overflow: hidden;}
.sec-agenda .sec-agenda-bottom .agenda{width: 65%;margin: 6em auto}

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



/******************************
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;border-top: .2em solid #4a9c2d;}
.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;right: 5%;top: 2em;z-index: 2;}




/* FORMULARIOS */
input,
select,
textarea {padding: .6em 0 .6em .4em; background: #e6e6e6; color: #000; width: 93.1%;font-size: .9em;
border:none;font-family: 'Nunito Sans';
/*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: 'Nunito Sans';
  font-size: 90%;
  color: #000;
  background: #fff;
  width: auto;
  font-weight: 700;
  padding: 0.5em 3em 0.31em 3em;
  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: 'Nunito Sans';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: 'Nunito Sans';*/
    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: 'Nunito Sans';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;text-align: left;}
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: 95.5%;margin-bottom: 1em;font-family: 'Nunito Sans'}

/*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;background:#4a9c2d;color: #fff;float: right;margin-right: 5%;margin-top: -2em;}
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;}