body{
	padding-top: 90px;
	color: #494a66;
    font-family: 'Avenir-Light';
}

body.bodyhome footer{
	padding-bottom: 50px;
}

p a,
li a{
	color:#88ba08;
	text-decoration: none;
}

b{
	font-family: 'Avenir-Heavy';
	font-weight: normal;
}

header{
	width: 100%;
	position: fixed;
	height: 90px;
	background-color: #f5f5f5;
	top: 0px;
	left: 0px;
	z-index: 12;
	border-bottom: 1px solid rgba(136,186,8,0.34);
	box-sizing: border-box;
}

header.greenpx3{
	border-bottom: 3px solid #88BA08;
}

div.content{
	max-width: 1280px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

div.full_content{
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

div.content2{
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
}

#logo{

}

.imgblock img{
	max-height: 60px;
}

#logo img{
	width: 180px;
	margin-top: 17px;
}

.mobile{
	display: none;
}

header #mobile_menu{
	display: none;
}

header ul.main_menu{
	display: block;
	float: right;
	font-size: 0;
	padding-top: 30px;
}

header ul.main_menu>li{
	display: inline-block;
	padding: 0 4px;
}

header ul.main_menu>li.mobile{
	display: none;
}

header ul.main_menu>li > a, header ul.main_menu>li label{
	display: inline-block;
	background-color: #071e3d;
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	text-decoration: none;
	border: 1px solid #071e3d;
	box-sizing: border-box;
	font-family: 'Avenir-Medium';
	font-size: 16px;
}

header ul.main_menu>li a:hover, header ul.main_menu>li label:hover{
	background-color: #88BA08;
	border-color: #88BA08;
}

header ul.main_menu>li .header_video a, header ul.main_menu>li .header_video label{
	background-color: transparent;
	border-color: transparent;
}

header ul.main_menu>li a.white{
	background-color: #fff;
	color: #071E3D;
	font-size: 12px;
}

header ul.main_menu>li a.link{
	background: none;
	color: #071E3D;
	border: none;
	margin: 0 10px;
	/*font-weight: bold;*/
	position: relative;
}

header ul.main_menu>li>a.link:after{
	position: absolute;
	bottom: -27px;
	height: 2px;
	border-bottom: 2px solid #88BA08;
	left: 0px;
	width: 0%;
	content: '';
	display: block;
	transition: 750ms;
	height: 100%;
}

header ul.main_menu>li:hover a:after{
	width: 100%;
}

header ul.main_menu>li > a{
	transition: 750ms;
}

header ul.main_menu>li:hover a.link{
	background: none;
	border: none;
	color: #88ba08;
}

header ul.main_menu>li a.link.active{
	background: none;
	border: none;
	color: #88ba08;
}

header ul.main_menu h2 a{
	color:inherit;
	text-decoration: none;
}

header ul.main_menu h2 a:hover{
	background:transparent;
}


.submenu{
	border: 1px solid #EBEDE5;
	padding: 0px;
	position: absolute;
	background-color: #fff;
	top: 91px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	/*transform: translateX(-50%) rotateY(0deg)*/
	transition: 750ms;
	width: 980px;
	font-size: 0px;
	z-index: 12;
}

.submenu.wide{
	width: 100%;
}

.submenu .left_col{
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	padding: 40px 80px;
}

.submenu ul li{
	font-size: 16px;
	padding: 10px 0;
	display: block;
	border-bottom: 1px solid #fafafa;
	transition: 750ms;
}

.submenu ul li:hover{
	border-bottom: 1px solid #88ba08;
}

#main-header .reserved-lab{
	font-size:14px;
	padding:0 15px;
}

	#main-header .reserved-lab i{
		padding-right: 8px;;
	}

header .submenu ul li a{
	display: block;
	background: transparent;
	min-width: 32px;
	height: auto;
	line-height: initial;
	color: #494A66;
	text-align: left;
	border-radius: 0px;
	text-decoration: none;
	border: 0px;
	box-sizing: border-box;
	font-family: 'Avenir-Light';
	font-size: 18px;
	/*background-image: url(../img/menu_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	background-size: 3px;
	transition: 750ms;
	margin: 0 5px;
	box-sizing: border-box;
}

header .submenu ul li a:hover{
	color: #88ba08;
	background-position: 98% center;
	background-color: #fff;
}

.submenu .right_col{
	width: 50%;
	display: inline-block;
	background-color: #EBEDE5;
	vertical-align: top;
	height: 100%;
}

.submenu .right_col a, .submenu .right_col label{
	font-family: 'Avenir-Medium';
	font-weight: bold;
	font-size: 14px;
	background: transparent;
	min-width: 32px;
	height: auto;
	line-height: initial;
	color: #494A66;
	border-radius: 0px;
	text-decoration: none;
	border: 0px;
}

.submenu .header_video{
	padding: 15px 25px;
}

.submenu .header_video a{
	float: right;
	display: inline-block;
	/*background-image: url(../img/link_arrow.png);*/
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
	background-size: 19px;
}

.submenu .header_video a:hover{
	color: #88ba08;
}

header ul li:hover .submenu{
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.submenu .pct38{
	box-sizing: border-box;
	padding: 30px 40px;
	border-right: 1px solid #fafafa;
	vertical-align: top;
}

.submenu .pct24{
	box-sizing: border-box;
	padding: 30px 40px;
	vertical-align: top;
}

.submenu h2{
	color: #88BA08;
	font-size: 14px;
	font-family: 'Avenir-Medium';
	font-weight: bold;
	margin-bottom: 20px;
}

#menu_lang_sel{
	transition: 750ms;
	display: inline-table;
	overflow: hidden;
	cursor: pointer;
}

#menu_lang_sel.open{
	width: 120px;
}

header ul li label.lang{
	background-color: transparent;
	color: #071e3d;
	position: relative;
	width: 32px;
	text-align: right;
	background-image: url(../img/idiomas_header.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center right;
}

header ul li label.lang i{
	margin-right: 3px;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 0px;
}

header ul li label.lang a{
	background-color: transparent;
	border-color: transparent;
	color: #071e3d;
}

#languages_sel{
	position: absolute;
    width: 105px;
    top: 0px;
    right: 0px;
    text-align: left;
}

#menu_btn{
	width: 30px;
	position: relative;
	height: 21px;
	left: 0px;
	top: 5px;
	cursor: pointer;
}

#menu_btn span{
	width: 30px;
	height: 2px;
	background-color: #071e3d;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: 750ms;
}

#menu_btn span:nth-child(1){
	transform-origin: top left;
}

#menu_btn.close span:nth-child(1){
	transform: rotate(45deg);
	width: 32px;
}

#menu_btn span:nth-child(2){
	top: 9px;
}

#menu_btn.close span:nth-child(2){
	width: 0px;
	opacity: 0;
}

#menu_btn span:nth-child(3){
	top: 18px;
	transform-origin: top left;
}

#menu_btn.close span:nth-child(3){
	top: 23px;
	width: 32px;
	transform: rotate(-45deg);
	left: -1px;
}

#mega_menu{
	position: fixed;
	top: -800px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0px;
	left: 50%;
	z-index: 9;
	transition: 750ms;
	min-height: 200px;
	width: 100%;
	transform: translateX(-50%);
	box-shadow: 6px 6px 12px 2px rgba(0,0,0,0.6);
	line-height: 1px;
}

#mega_menu.active{
	top: 90px;
}

section{
	background-color: #F5F5F5;
	width: 100%;
	height: calc(100vh - 90px);
	overflow: hidden;
}

.section{
	transition: 750ms;
}

.section.blur, #banner.blur, #sidebar.blur .sidebar__inner{
	filter: blur(10px);
}

.interior section.bgarboles{
	background-color: #000;
	color: #fff;
	background-image: url(../img/bgarboles.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

section.minh{
	min-height: 860px;
}

section.minh650{
	min-height: 650px;
}

section.minhauto{
	min-height: auto;
	height: auto;
}



section.minhhome{
	height: calc(100vh - 90px);
	/*padding-top: 90px;*/
	/*transform: translateY(-90px);*/
}

#banner{
	overflow: hidden;
	position: relative;
}

#banner .arrow_circle, #actualidad .arrow_circle{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(calc(-50% + 21px));
	width: 42px;
	overflow: hidden;
	transition: 500ms;
	z-index: 8;
}

#banner .arrow_circle:hover, #actualidad .arrow_circle:hover{
	left: 40px;
}

#banner button, #actualidad button{
	height: 42px;
	width: 42px;
	border: 0px;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

#banner .arrow_circle.next,
#actualidad .arrow_circle.next{
	left: initial;
	right: 20px;
	transform: translateY(calc(-50% + 21px)) rotate(180deg);
}

#banner .arrow_circle.next:hover,
#actualidad .arrow_circle.next:hover{
	right: 40px;
}

#actualidad[data-current-page="1"] .arrow_circle.prev,
.arrow_circle.hide{
	display: none;
}

#banner .slides {
	position: relative;
	width: 300vw;
	height: 100%;
	left: 0px;
	transition: 1000ms;
	background-image: url(../img/ruidobg.jpg);
}

#banner .slides.slide2 {
	transform: translateX(-100vw);
}

#banner .slide {
	height: 100%;
	width: 100vw;
	float: left;
}

#banner .slide h1{
	font-size: 48px;
}

#banner #punto_sigre{
	position: absolute;
	top: 50%;
	left: 50%;
	transition: 750ms;
	transform: translate(-50%, -50%) scale(0);
}

#banner #ecofarmacia{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#banner.visible #punto_sigre{
	transform: translate(-50%, -50%) scale(1);
	display: none;
}

#banner .infobanner{
	position: absolute;
	top: 50%;
	left: 400%;
	width: 400px;
	transform: translateY(-50%);
	transition: 750ms;
}

#banner.visible .infobanner{
	left: 10%;
}

#banner .pct50, #banner .pct60, #banner .pct40{
	position: relative;
}

#banner.banner_interior .infobanner{
	width: 90%;
}

#banner .full_content{
	position: relative;
}

#banner .full_content img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hotspot{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: rgba(175, 209, 90, .7);
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(20px, -50%);
	cursor: pointer;
	opacity: 0;
	transition: 800ms;
	z-index: 11;
}

#banner .hotspot.active{
	opacity: 1;
}

#hotspot2.hotspot{
	transform: translate(55px, -190px);
}

#hotspot3.hotspot{
	transform: translate(-95px, 160px);
}

#hotspot4.hotspot{
	transform: translate(165px, -280px) rotate(-90deg);
}

.hotspot:before{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: rgba(175, 209, 90, .5);
	position: absolute;
	top: -10px;
    left: -10px;
	content: '';
	transform: scale(1);
	transition: 750ms;
}

.hotspot:hover:before{
	transform: scale(1.7);
}

.hotspot:after{
	width: 25px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '^';
    font-family: 'Avenir-Medium';
    font-size: 18px;
    color: #fff;
    transform: translate(-50%, -50%);
    transition: 750ms;
}

.hotspot:hover:after{
	transform: translate(-50%, -50%) rotate(180deg);
}

#hotspot4.hotspot:hover:after{
	transform: translate(-50%, -50%) rotate(-0deg);
}

.hotspot .infopopup{
    width: 200px;
    border: 1px solid #88ba08;
    min-height: 60px;
    border-radius: 20px;
    font-family: 'Avenir-Light';
    font-size: 15px;
    line-height: 18px;
    padding: 15px;
    box-sizing: border-box;
    opacity: 0;
    transform: translate(-30px, 0px) scale(0);
    transition: 750ms;
    background-color: #fff;
}

.hotspot:hover .infopopup{
    opacity: 1;
    transform: translate(-30px, 60px) scale(1);
}

#controls_slider{
	position: absolute;
	bottom: 20px;
	left: 50%;
	font-family: 'Avenir-Light';
	color: #828b99;
	font-size: 13px;
	display: inline-block;
	transform: translateX(-50%);
}

#controls_slider li{
	width: 4px;
	height: 4px;
	background-color: #828b99;
	float: left;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transition: 750ms;
	margin: 0 10px;
}

#controls_slider li:before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border: 0px solid #fff;
	content: '';
	display: block;
	border-radius: 50%;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}

#controls_slider li.active{
	background-color: #88b908;
	width: 18px;
	height: 18px;
	transform: translateY(-6px);
	position: relative;
}

#controls_slider li.active:before{
	width: 16px;
	height: 16px;
	border: 3px solid #fff;
}

.pct50{
	width: 50%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.pct24{
	width: 24%;
	box-sizing: border-box;
	display: inline-block;
}

.pct38{
	width: 38%;
	box-sizing: border-box;
	display: inline-block;
}

.pct33{
	width: 33%;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

.pct90{
	max-width: 90%;
}

.pct70{
	max-width: 70%;
}

.pct100{
	max-width: 100%;
}

/*Llevar*/
section#llevar{
	background-color: #fff;
}

section#llevar ul{
	margin-top: 20px;
}

section#llevar h1{
	margin-left: -2000px;
	transition: 750ms;
}

section#llevar.visible h1{
	margin-left: 0px;
}

section#llevar ul li{
	text-align: center;
	font-size: 18px;
	color: #494a66;
	font-family: 'Avenir-Medium';
	height: 250px;
	padding-top: 50px;
	opacity: 0;
	transition: 1000ms;
}

section#llevar.visible ul li{
	opacity: 1;
}

section#llevar.visible ul li:nth-child(1){
	animation: llevar1 20s infinite;
}

section#llevar.visible.delay ul li:nth-child(1){
	transition-delay: 750ms;
}

@keyframes llevar1 {
  	0%, 25% {
  		box-shadow: 1px 1px 40px 15px rgba(244,244,244,1);
  	}

  	30%, 100% {
  		box-shadow: none;
  	}
}

section#llevar.visible ul li:nth-child(2){
	animation: llevar2 20s infinite;
}

section#llevar.visible.delay ul li:nth-child(2){
	transition-delay: 1500ms;
}

@keyframes llevar2 {
  	0%, 25% {
  		box-shadow: none;

  	}
  	26%, 50% {
  		box-shadow: 1px 1px 40px 15px rgba(244,244,244,1);
  	}
  	55%, 100% {
  		box-shadow: none;

  	}
}

section#llevar.visible ul li:nth-child(3){
	animation: llevar3 20s infinite;
}

section#llevar.visible.delay ul li:nth-child(3){
	transition-delay: 2250ms;
}

@keyframes llevar3 {
  	0%, 50% {
  		box-shadow: none;

  	}
  	51%, 75% {
  		box-shadow: 1px 1px 40px 15px rgba(244,244,244,1);
  	}
  	80%, 100% {
  		box-shadow: none;

  	}
}

section#llevar.visible ul li:nth-child(4){
	animation: llevar4 20s infinite;
}

section#llevar.visible.delay ul li:nth-child(4){
	transition-delay: 3000ms;
}

@keyframes llevar4 {
  	0%, 75% {
  		box-shadow: none;

  	}
  	76%, 95% {
  		box-shadow: 1px 1px 40px 15px rgba(244,244,244,1);
  	}
  	100% {
  		box-shadow: none;

  	}
}

section#llevar a{
	transform: translateY(400px);
}

section#llevar.visible a{
	transform: translateY(0px);
}

section#llevar ul li img{
	height: 75px;
}

section#llevar ul li figcaption{
	/*font-family: Avenir-Light;*/
	padding-top: 30px;
}

#llevar .videos-wrap {
	display: flex;
	flex-direction: column;
	gap:16px;
	justify-content: center;

	.video-list{
		display: flex;
		flex-direction: row;
		gap:16px;

		button{
			background:none;
			border:none;
			cursor: pointer;
			padding:0;
			width: 33%;

			img{
				width: 100%	;
			}
		}
	}

}

section#llevar video,
section#llevar iframe{
	width: 100%;
	/*height: 100%;*/
	object-fit: contain;
}
/*Fin - LLevar*/

#mutebtn{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 30px;
	color: #494a66;
	cursor: pointer;
	width: 30px;
	text-align: left;
}

section#actualidad{
	background-color: #f8f8f8;
}

section#actualidad h1{
    transform: translateY(40px);
    transition: 750ms;
    opacity: 0;
}

section#actualidad.visible h1{
    transform: translateY(0px);
    opacity: 1;
}

section#actualidad h2{
    transform: translateY(90px);
    transition: 1050ms;
    opacity: 0;
}

section#actualidad.visible h2{
    transform: translateX(0px);
    opacity: 1;
}

section#actualidad #goto_blog{
    opacity: 0;
    transition: 750ms;
}

section#actualidad.visible #goto_blog{
	transition-delay: 1000ms;
    opacity: 1;
}

section#actualidad ul{
	display:flex;
	justify-content: center;
}

section#actualidad ul li figure{
	display: flex;
	flex-direction: column;
	height: 100%;

	figcaption{
		display: flex;
		flex-grow: 1;
    	flex-direction: column;
    	justify-content: space-between;
		height: auto !important;

		.info{
			height: unset!important;
		}
	}
}

section#actualidad ul li img {
	display: block;
	height: 290px;
    object-fit: cover;
    object-position: top;
}

section#circulo .pct50{
    transform: translateY(90px);
    transition: 1050ms;
    opacity: 0;
}

section#circulo.visible .pct50{
    transform: translateY(0px);
    opacity: 1;
}

section#sector_farmaceutico{
	background-color: #80AE0C;
}

section#sector_farmaceutico h1, section#sector_farmaceutico h2{
	color: #fff;
}

section#sector_farmaceutico h1{
    transform: translateY(-50px);
    transition: 1250ms;
    opacity: 0;
}

section#sector_farmaceutico.visible h1{
    transform: translateY(0px);
    opacity: 1;
}

section#sector_farmaceutico h2{
    transform: translateY(50px);
    transition: 750ms;
    opacity: 0;
}

section#sector_farmaceutico.visible h2{
    transform: translateY(0%);
    opacity: 1;
}

section#sector_farmaceutico ul{
	margin-top: 0px;
	width: 990px;
	display: inline-block;
	position: relative;
}

section#sector_farmaceutico ul li{
	display: inline-block;
	width: 330px;
	min-height: 280px;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	opacity: 0;
	transition: 1000ms;
}

section#sector_farmaceutico ul li.pct66{
	width: 660px;
}

section#sector_farmaceutico.visible ul li{
	opacity: 1;
	/*transition-delay: 1000ms;*/
}

section#sector_farmaceutico ul:after{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	width: 0px;
	height: 2px;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	content: '';
	transition: 1250ms;
	opacity: 0;
	display: none;
}

section#sector_farmaceutico.visible ul:after{
	width: 1050px;
	opacity: 0.37;
}

section#sector_farmaceutico ul li:first-child,
section#sector_farmaceutico ul li:nth-child(2){
 	background-color: #9BC335;
 	height: 340px;
}

section#sector_farmaceutico ul li:nth-child(3),
section#sector_farmaceutico ul li:last-child{
 	background-color: #88BA08;
}

section#sector_farmaceutico ul li figure{
	position: relative;
}
/*
	section#sector_farmaceutico.visible ul li figure img{
		height: 63px;
		left:50%;
		position: absolute;
		top:30px;
		transform: translateX(-50%);
	}
*/
	section#sector_farmaceutico ul li label{
		color: #ffffff;
		display: block;
		font:22px/9px 'Avenir-Medium';
		padding-top: 115px;
	}

	section#sector_farmaceutico ul li p{
		color: #ffffff;
		font:14px/19px 'Avenir-Light';
		padding-top: 5px;
	}


section#sector_farmaceutico ul li figure{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 500px);
	width: 80%;
	transition: 750ms;
}

section#sector_farmaceutico ul li:nth-child(3) figure,
section#sector_farmaceutico ul li:nth-child(4) figure{
	transform: translate(-50%, -500px);
}

section#sector_farmaceutico.visible ul li figure{
	transform: translate(-50%, -50%);
	transition-delay: 2000ms;
}

section#sector_farmaceutico.visible ul li figure.item{
	box-sizing: border-box;
	height: 100%;
	padding-top:100px;
}

	section#sector_farmaceutico.visible ul li figure.item img{
		left:50%;
		position: absolute;
		top:20px;
		transform: translateX(-50%);
	}

	section#sector_farmaceutico.visible ul li figure.item a{
		bottom:20px;
		left:50%;
		position: absolute;
		transform: translateX(-50%);
	}

section#sector_farmaceutico ul li label{
    font-family: 'Avenir-Medium';
    font-size: 18px;
    color: #ffffff;
    line-height: 9px;
    padding-top: 8px;
    display: block;
}

section#sector_farmaceutico ul li p{
	font-family: 'Avenir-Light';
    font-size: 15px;
    color: #ffffff;
    padding-top: 5px;
    line-height: 21px;
}

section#sector_farmaceutico ul li a{
	border: 2px solid #fff;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font:16px/40px 'Avenir-Medium';
	height: 40px;
	text-align: center;
	text-decoration: none;
	transition: 750ms;
	width: 120px;
}

section#sector_farmaceutico ul li a:hover{
	color: #88BA08;
	background-color: #fff;
}

section#tips{
	background-color: #CAE7EA;
	background-image: url(../img/img-fondo-game.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
}

section#tips h1, section#tips h2{
	width: 430px;
	margin: 0 auto;
}

section#tips h1{
	font-size: 35px;
    transform: translateX(-500%);
    transition: 750ms;
}

section#tips.visible h1{
    transform: translateX(0%);
}

section#tips h2{
    transform: translateX(500%);
    transition: 750ms;
}

section#tips.visible h2{
    transform: translateX(0%);
}

section#tips a{
    opacity: 0;
    transition: 750ms;
}

section#tips.visible a{
	opacity: 1;
	transition-delay: 1000ms;
}

section#social{
	background-color: #F8F8F8;
	height: 420px;
	padding: 0 20px;
    box-sizing: border-box;
	margin-top:30px
}

section#social > .content{
	display: flex;
	gap:30px;
	justify-content: center;
}

section#social .x-wrap{
	height: calc(100% - 80px);
	margin:40px;
	overflow: auto;
}

section#social h1{
	font-size: 35px;
}

section#social form {
	margin:0;
	padding: 35px 0 0;
}

section#social form input[type="text"],
section#social form input[type="email"]{
	border: 1px solid #d6d6d6;
	background-color: transparent;
	border-radius: 0;
	height: 65px;
	line-height: 65px;
	width: 490px;
	box-sizing: border-box;
	background-image: url(../../img/sobre.png);
	background-repeat: no-repeat;
	background-position: 20px 15px;
	font-size: 18px;
	font-family: 'Avenir-Medium';
	color: #494A66;
	padding-left: 70px;
}

section#social form label.legal{
	text-align: left;
	display: block;
	padding-top: 15px;
	font-size: 13px;
	cursor: pointer;
}
/*
section#social form label.legal input{
	display: none;
}
*/
section#social form label.legal span{
	border: 3px solid #494A66;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	position: relative;
	transform: translateY(3px);
}

section#social form label.legal span:after{
	background-color: #494A66;
	position: absolute;
	top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
	content: '';
	display: inline-block;
	transition: 500ms;
	transform: translate(-50%, -50%) scale(0.1);
	opacity: 0;
}

section#social form label.legal input:checked~span:after{
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

section#social form button{
	width: 100px;
	cursor: pointer;
	height: 65px;
	line-height: 65px;
	background-color: #57a01a;
	text-align: center;
	border: 0px;
	float: left;
	box-sizing: border-box;
	margin:0;
	padding:0;
}

section#social #tweets{
	margin-top: 25px;
	position: relative;
}

section#social #tweets li{
	width: 80%;
	border: 1px solid #eeeff1;
	background-color: #fcfcfc;
	font-family: 'Avenir-Light';
	color: #303858;
	line-height: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
}

section#social #tweets li:nth-child(1){
	top: 40px;
	transform: scale(0.8);
	animation: twitter1 20s infinite;
}

section#social #tweets li figure > a{
	display: inline-block;
	height: 171px;
	overflow: hidden;
	position: relative;
	width: 169px;
	text-align: left;
}

section#social #tweets li img{
	height: 171px;
	position: absolute;
	top:0;
}

.infografia-wrap {
	transform: scale(.82);
	transform-origin: 40% 50%;
}

.infografia-wrap img{
/*
	transform: scale(.42);
	transform-origin: 20px;
	width: auto!important;
*/
	/*width: 82%!important;*/
}


@keyframes twitter1 {
  	0%, 25% {
  		top: 40px;
		transform: scale(0.8);
		z-index: 1;
  	}

  	30%, 50% {
  		top: 20px;
  		transform: scale(0.9);
  		z-index: 2;
  	}

  	55%, 75% {
  		top: 0px;
  		transform: scale(1);
  		z-index: 3;
  	}

  	80%, 100% {
  		top: 40px;
		transform: scale(0.8);
		z-index: 1;
  	}
}

section#social #tweets li:nth-child(2){
	top: 20px;
	transform: scale(0.9);
	animation: twitter2 20s infinite;
}

@keyframes twitter2 {
  	0%, 25% {
  		top: 20px;
  		transform: scale(0.9);
  		z-index: 2;
  	}

  	30%, 50% {
  		top: 0px;
  		transform: scale(1);
  		z-index: 3;
  	}

  	55%, 75% {
  		top: 40px;
  		transform: scale(0.8);
  		z-index: 1;
  	}

  	80%, 100% {
  		top: 20px;
  		transform: scale(0.9);
  		z-index: 2;
  	}
}

section#social #tweets li:nth-child(3){
	animation: twitter3 20s infinite;
}

@keyframes twitter3 {
  	0%, 25% {
  		top: 0px;
		transform: scale(1);
		z-index: 3;
  	}

  	30%, 50% {
  		top: 40px;
  		transform: scale(0.8);
  		z-index: 1;
  	}

  	55%, 75% {
  		top: 20px;
  		transform: scale(0.9);
  		z-index: 2;
  	}

  	80%, 100% {
  		top: 0px;
  		transform: scale(1);
  		z-index: 3;
  	}

}

section#social #tweets li figcaption {
    width: calc(100% - 180px);
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 25px 0px 25px;
    vertical-align: top;
    line-height: 18px;
    font-size: 14px;
}

section#social #tweets li figcaption a{
	color:inherit;
}

section#social #tweets li figcaption span{
	color: #7eb05d;
}

section#logos{
	background-color: #fff;
	height: 140px;
	position: relative;
	box-sizing: border-box;
	padding-top: 35px;
}

section#logos img{
	margin: 0 20px;
	max-height: 70px;
}

section#logos button{
	position: absolute;
	top: 50%;
	left: 20px;
	border: 0px;
	background-color: transparent;
	transform: translateY(-50%);
	display: none;
}

section#logos button#next{
	right: 20px;
	left: inherit;
	transform: translateY(-50%) rotate(180deg);
}

/*footer{
	background-color: #494A66;
	padding: 30px 0;
}

footer .content{
	position: relative;
}

footer .content .line {
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	border: 1px solid #FFFFFF;
	opacity: 0.2;
	margin: 30px 0 40px;
}

footer nav{
	font-family: 'Avenir-Light';
	color: #fff;
	font-size: 14px;
	float: right;
	padding-top: 20px;
}

footer nav span{
	display: inline-block;
	padding-right: 20px;
}

footer nav a{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 0 5px;
}

footer ul{
	width: 100%;
}

footer ul li{
	width: 16%;
	display: inline-block;
	font-family: 'Avenir-Light';
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

footer ul li b{
	font-family: 'Avenir-Medium';
	font-weight: normal;
	display: block;
	padding-bottom: 20px;
}

footer ul li a{
	font-family: 'Avenir-Light';
	display: block;
	padding-bottom: 20px;
	color: #fff;
	text-decoration: none;
}

footer ul li.social_btn{
	text-align: right;
	float: right;
}

footer ul li.social_btn a{
	display: inline-block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-left: 7px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
}

footer ul li.social_btn a.idioma{
	background-image: url(../img/idiomas.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

footer ul li.social_btn a.idioma img{
	width: 20px;
}*/

h1{
	font-size: 40px;
	color: #494a66;
	font-family: 'Avenir-Medium';
}

h2{
	font-size: 18px;
	color: #494a66;
	line-height: 22px;
	font-family: 'Avenir-Light';
}

.overflowh{
	overflow: hidden;
}

.btn{
	display: inline-block;
	min-width: 190px;
	height: 55px;
	line-height: 55px;
	box-shadow: 0px 10px 20px 0px rgba(200,200,200,1);
	border-radius: 30px;
	text-align: center;
	text-decoration: none;
}

.btn_green{
	color: #fff;
	font-family: 'Avenir-Medium';
	font-size: 18px;
	background-color: #88ba08;
	transition: 750ms;
}

.btn_green:hover{
	background-color: #071E3D;
}

.block{
	display: block;
}

.inline-block{
	display: inline-block;
}

.padl15{
	padding-left: 15px;
}

.padr15{
	padding-right: 15px;
}

.padr8{
	padding-right: 8px;
}

.padt100{
	padding-top: 100px;
}

.padt60{
	padding-top: 60px;
}

.padt80{
	padding-top: 80px;
}

.padt60{
	padding-top: 60px;
}

.padb50{
	padding-bottom: 50px;
}

.padb60{
	padding-bottom: 60px;
}

.padt80{
	padding-top: 80px;
}

.padb80{
	padding-bottom: 80px;
}

.padl80{
	padding-left: 80px;
}

.padr80{
	padding-right: 80px;
}

.padb40{
	padding-bottom: 40px;
}

.padt20{
	padding-top: 20px;
}

.padt50{
	padding-top: 50px;
}

.padt40{
	padding-top: 40px;
}

.padt30{
	padding-top: 30px;
}

.padb20{
	padding-bottom: 20px;
}

.padl50{
	padding-left: 50px;
}

.padl30{
	padding-left: 30px;
}

.padr50{
	padding-right: 50px;
}

.mt20{
	margin-top: 20px;
}

.mb20{
	margin-bottom: 20px;
}

.mb50{
	margin-bottom: 50px;
}


.mr20{
	margin-right: 20px;
}

.mr40{
	margin-right: 40px;
}

.ml20{
	margin-left: 20px;
}

.ml8{
	margin-left: 8px;
}

.mr8{
	margin-right: 8px;
}

.mr10{
	margin-right: 10px;
}

.mt110{
	margin-top: 110px;
}

.mt60{
	margin-top: 60px;
}

.text-left{
	text-align: left;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.clear{
	clear: both;
}

.pct60{
	width: 60%;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

.pct40{
	width: 40%;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

/*************INTERIOR****************/
#banner.banner_interior{
	background-color: #F7D375;
	height: calc(50vh - 90px);
}

#revisa{
	height: calc(50vh);
}

.content_interior{
	width: calc(100% - 340px);
	margin-left: 340px;
	height: 100%;
	position: relative;
}

#revisa .content_interior{
	background-color: #f8f8f8;
	position: relative;
}

h3{
	font-size: 30px;
	color: #494a66;
	line-height: 28px;
	font-family: 'Avenir-Medium';
	padding-bottom: 15px;
	position: relative;
	font-weight: bold;
}

h3:after{
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	background-image: url(../img/info.png);
	background-size: cover;
	position: absolute;
	top: -60px;
	left: 0px;
	display: none;
}

#revisa .content_interior p{
	font-size: 16px;
	color: #494a66;
	line-height: 22px;
	font-family: 'Avenir-Light';
}

.content_900{
	box-sizing: border-box;
	width: 1240px;
	padding: 0px 35px 0;
}

#revisa .content_900{
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}

#revisa h3, #revisa p{
	opacity: 0;
	transition: 1000ms;
}

#revisa.visible h3{
	opacity: 1;
}

#revisa.visible p{
	opacity: 1;
	transition-delay: 750ms;
}

.padl40{
	padding-left: 40px;
}

.padr40{
	padding-right: 40px;
}

.mb5{
	margin-bottom: 5px;
}

.mb10{
	margin-bottom: 10px;
}

.mb15{
	margin-bottom: 15px;
}

.mb20{
	margin-bottom: 20px;
}

.mb25{
	margin-bottom: 25px;
}

.mb30{
	margin-bottom: 30px;
}

.player_div{
	position: relative;
	display: inline-block;
	transform: scale(0);
	transition: 750ms;
	max-width: 100%;
}

.img_div{
	max-width: 100%;
}

	.img_div img{
		width:100%;
	}

.visible .player_div{
	transform: scale(1);
}

.videothumb{
	max-width: 100%;
}

.play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 750ms;
	cursor: pointer;
	width: 90px;
}

.play:hover{
	transform: translate(-50%, -50%) scale(1.2);
}

#llevar_interior .content_interior{
	background-color: #f3f2f3;
	position: relative;
}

#llevar_interior .content_900{
	padding: 0px;
	height: 100%;
}

#llevar_interior .content_900 .pct50{
	height: 100%;
	position: relative;
}

.bgwhite{
	background-color: #fff;
}

.interior section{
	background-color: #fff;
}

.interior section.bggray {
    background-color: #F5F5F5;
}

#llevar_interior img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: 1000ms;
}

#llevar_interior.visible img{
	opacity: 1;
}

#llevar_interior.visible img.delay750{
	transition-delay: 750ms;
}

#llevar_interior img.arrowimg{
	left: inherit;
	transform: translateX(0);
	right: 40px;
	width: 50px;
	height: 50px;
}

#map{
	width: 100%;
	height: 100%;
}

#overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #071E3D;
	opacity: 1;
	transition: 1000ms;
}

.visible #overlay{
	opacity: .7;
}

#map_puntos form{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-family: 'Avenir-Light';
	font-size: 16px;
	line-height: 22px;
	width: 550px;
}

#map_puntos form h1{
	width: 420px;
	color: #fff;
	font-size: 35px;
	padding-bottom: 20px;
	line-height: 40px;
	padding-top: 20px;
}

#map_puntos form div{
	position: relative;
	margin-top: 20px;
}

#map_puntos form input{
	height: 46.8px;
	width: 333.36px;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: 'Avenir-Medium';
	color: #fff;
	padding-left: 20px;
}

#map_puntos form button {
	height: 46.8px;
	width: 72.72px;
	background-color: #57A01A;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 330px;
}

#sidebar{
	float: left;
	width: 330px;
	color: #ffbdbd;
	will-change: min-height;
	position: absolute!important;
	left:50%;
	margin-left: -620px;
	z-index: 2;
}

#sidebar .sidebar__inner{
	padding: 15px 25px 40px;
	position: relative;
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
	background-color: #071e3d;
	border-radius: 10px;
	box-sizing: border-box;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 16px;
	color: #494a66;
	line-height: 22px;
	font-family: 'Avenir-Light';
	z-index: 11;
	width: 310px!important;
}

#sidebar .sidebar__inner a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 10px;
}

#sidebar .sidebar__inner a.active{
	font-family: 'Avenir-Medium';
	color: #88BA08;
	position: relative;
}

#sidebar .sidebar__inner a:after{
	position: absolute;
	bottom: 0px;
	left: 10px;
	content: '';
	height: 1px;
	border-bottom: 1px solid #88BA08;
	display: block;
	width: 0px;
	transition: 750ms;
}

#sidebar .sidebar__inner a.active:after{
	width: calc(100% - 20px);
}

#sidebar .sidebar__inner label{
	font-family: 'Avenir-Medium';
    color: #fff;
    font-size: 12px;
    padding: 10px 10px 20px;
    display: block;
    text-align: right;
}

#sidebar .sidebar__inner label a{
	color: #fff;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	border: 0.7px solid #fff;
	padding: 0px;
	margin-left: 5px;
}

.content_910{
	width: 910px;
	padding: 40px 0px;
	margin: 0 auto;
}

.content_850{
	width: 850px;
	padding: 40px 0px;
	margin: 0 auto;
}

.content_850.padb0{
	padding-bottom: 0px;
}

.content_850.padt0{
	padding-top: 0px;
}

.content_850.padb80{
	padding-bottom: 80px;
}

.content_850 h1{
	color: #494A66;
	font-size: 48px;
	padding-bottom: 20px;
}

.content_650{
	width: 650px;
	padding: 100px 0px;
	margin: 0 auto;
}

.separatobottom{
	border-bottom: 4px solid rgba(233,233,233,0.4);
}

#tratamiento .content_650 h3{
	width: 460px;
	padding-bottom: 30px;
	opacity: 0;
	transition: 750ms;
}

#tratamiento.visible .content_650 h3{
	opacity: 1;
}

#tratamiento .content_650 p{
	font-size: 16px;
	color: #494a66;
	line-height: 22px;
	font-family: 'Avenir-Light';
	width: 550px;
	padding-top: 20px;
	opacity: 0;
	transition: 750ms;
}

#tratamiento.visible .content_650 p{
	opacity: 1;
}

.fs18{
	font-size: 18px;
	line-height: 25px;
}

.fs16{
	font-size: 16px;
	line-height: 22px;
}

.fs15{
	font-size: 15px;
	line-height: 20px;
}

.fs48{
	font-size: 48px;
	line-height: 52px;
}

.fs35{
	font-size: 35px;
}

#circulo p{
	font-size: 18px;
	line-height: 22px;
}

	#circulo [usemap="#funcionamientomap-M"],
	#circulo [usemap="#funcionamientomap-S"]{
		display: none;
	}

.bgwhite{
	background-color: #fff;
}

.bggray{
	background-color: #F5F5F5;
}

.bggray2{
	background-color: #EBEDE5;
}

ul.greenpoint{
	padding-left: 40px;
}

ul.greenpoint li{
	line-height: 23px;
	position: relative;
}

ul.greenpoint li:after{
	position: absolute;
    top: 6px;
    left: -25px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #88BA08;
    content: '';
    display: inline-block;
}

ul.cells4, ul.cells5{
	width: 100%;
	font-size: 0px;
}

ul.cells4 li, ul.cells5 li{
	width: 25%;
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
	vertical-align: top;
	border-right: 1px solid rgba(255,255,255,.3);
	box-sizing: border-box;
	padding: 0 25px;
}

ul.cells5 li{
	width: 20%;
}

ul.cells4 li:last-child, ul.cells5 li:last-child{
	border: 0px;
}

ul.cells4 li b, ul.cells5 li b{
	font-size: 27px;
	/*display: block;*/
	margin-bottom: 15px;
}

ul.cells4 li figure div, ul.cells5 li figure div{
	height: 95px;
}

.white{
	color: #fff;
}

.bold{
	font-weight: bold;
}

.ico5{
	background-image: url(../img/ico5.png);
	background-size: 38px;
	background-repeat: no-repeat;
	background-position: 7% center;
    padding-left: 20px;
}

.ico6{
	background-image: url(../img/ico6.png);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: 8% center;
    padding-left: 30px;
}

.ico7{
	background-image: url(../img/ico7.png);
	background-size: 29px;
	background-repeat: no-repeat;
	background-position: 10% center;
    padding-left: 20px;
}

.acordeon .info{
	display: none;
}

.acordeon .title{
	color: #fff;
	background-color: #88BA08;
	padding: 25px;
	position: relative;
	cursor: pointer;
	transition: 750ms;
	font-family: 'Avenir-Medium';
    font-size: 18px;
}

.acordeon .title:hover{
	background-color: #071E3D;
}

.acordeon .title:after{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	right: 25px;
	background-color: #fff;
	border-radius: 50%;
	content: '';
	display: inline-block;
	transform: translateY(-50%) rotate(180deg);
	background-image: url(../img/arrow_green.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	transition: 750ms;
}

.acordeon .title.active:after{
	transform: translateY(-50%) rotate(0deg);
}

.max605{
	max-width: 605px;
	width: 100%;
}

.max625{
	max-width: 625px;
	width: 100%;
}

.mcenter{
	margin-right: auto;
	margin-left: auto;
}

h4{
	color: #88BA08;
	font-weight: bold;
	position: relative;
	display: inline-block;
}

h4:after{
	border-bottom: 1px solid #F7D375;
	position: absolute;
	bottom: -10px;
	left: 0px;
	content: '';
	display: inline-block;
	width: 100%;
}

h4.nobottom:after{
	display: none;
}

.dinlineblock{
	display: inline-block;
}

.borderleftgray{
	border-left: 1px solid rgba(136,186,8,0.25);
}

.bordertopwhite{
	border-top: 1px solid #fff;
}

.borderbottomgray{
	border-bottom: 1px solid rgba(136,186,8,0.25);
}

.grid-container {
	display: grid;
	grid-template-areas:
	'presidente vicepresidente'
	'consejeros1 consejeros2';
	grid-gap: 0px;
	padding-right: 10px;
	padding-left: 10px;
	grid-template-columns: 50% 50%;
}

.presidente { grid-area: presidente; }
.vicepresidente { grid-area: vicepresidente; }
.consejeros1 { grid-area: consejeros1; }
.consejeros2 { grid-area: consejeros2; }

.puestos{
	position: relative;
}

.puesto{
	border: 1.6px dotted #88BA08;
	display: inline-block;
	padding: 10px 25px;
	font-size: 14px;
	border-radius: 30px;
	line-height: 18px;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	transition: 750ms;
}

.puesto:hover{
	background-color: #88BA08;
	color: #fff;
}

.puesto b{
	font-weight: bold;
}

#puesto1{
	top: 5px;
}

#puesto2{
	top: 115px;
	margin-left: -130px;
	background-color: #ccc;
	color: #fff;
}

#puesto2:hover, #puesto3:hover{
	background-color: #88BA08;
}

#puesto3{
	top: 115px;
	margin-left: 130px;
	background-color: #ccc;
	color: #fff;
}

#puesto4{
	top: 255px;
	margin-left: -210px;
}

#puesto5{
	top: 255px;
	margin-left: 0px;
}

#puesto6{
	top: 255px;
	margin-left: 210px;
}

.grid-container-departamentos {
	display: grid;
	grid-template-areas:
	'direccion departamentos'
	'comite departamentos';
	grid-gap: 0px;
	/*padding-right: 10px;
	padding-left: 10px;*/
	border-top: 5px solid #fff;
}

.direccion {
	grid-area: direccion;
	border-right: 5px solid #fff;
}
.comite {
	grid-area: comite;
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
}
.departamentos {
	grid-area: departamentos;
}

.effect{
	opacity: 0;
}

.effect.faderight{
	animation: faderight 750ms forwards;
}

@keyframes faderight {
 from {
 	opacity: 0;
  	transform:translateX(100px)
 }
 to {
 	opacity: 1;
  	transform:translateX(0px)
 }
}

.effect.fadeleft{
	animation: fadeleft 750ms forwards;
}

@keyframes fadeleft {
 from {
 	opacity: 0;
  	transform:translateX(-100px)
 }
 to {
 	opacity: 1;
  	transform:translateX(0px)
 }
}

.effect.fadetop{
	animation: fadetop 750ms forwards;
}

@keyframes fadetop {
 from {
 	opacity: 0;
  	transform:translateY(-100px)
 }
 to {
 	opacity: 1;
  	transform:translateY(0px)
 }
}

.effect.fadebottom{
	animation: fadebottom 750ms forwards;
}

@keyframes fadebottom {
 from {
 	opacity: 0;
  	transform:translateY(100px)
 }
 to {
 	opacity: 1;
  	transform:translateY(0px)
 }
}

.effect.scale{
	animation: scale 750ms forwards;
}

@keyframes scale {
 from {
 	opacity: 0;
  	transform:scale(0);
 }
 to {
 	opacity: 1;
  	transform:scale(1);
 }
}

#babylonjsLoadingDiv{
    display: none;
}

#renderCanvas{
	width: 80%;
	height: 80%;
	outline: none;
	margin-top: 10%;
	position: relative;
	z-index: 10;
	background-color: transparent;
	pointer-events: none;
}

#renderCanvas.events{
	pointer-events: auto;
}

.lds-ripple {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #88ba08;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

.vcenter{
	position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
    box-sizing: border-box;
}

.posrelative{
	position: relative;
}

.link_btn{
	display: inline-block;
	font-size: 13px;
	color: #fff;
	line-height: 30px;
	padding: 0 30px;
	border: 2px solid #fff;
	border-radius: 30px;
}

#overflow{
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	top: 0px;
	left: 0px;
	z-index: 100;
}

#popup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 101;
}

#popup iframe{
	width: 850px;
	height: 478px;
}

#closebtn{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#closebtn span {
    width: 100%;
    display: block;
    height: 4px;
    background-color: #fff;
    border-radius: 7px;
    margin-bottom: 5px;
    position: absolute;
    top: 10px;
	left: 0px;
	transform: rotate(45deg);
    transition: 750ms;
}

#closebtn span:last-child {
	transform: rotate(-45deg);
}

/*
#modelo_3d{
	border: 1px solid red;
}
*/

/*Recicla*/
.ods{
}

	.ods li{
		box-sizing: border-box;
		display: inline-block;
		padding: 0 0 15px 15px;
	}

.ods img{
	width: 100px;
}
/*Fin - Recicla*/

/*Laboratorios adheridos*/
#btn-load-all{
	background: none;
	border:none;
	color:#88ba08;
	cursor: pointer;
	display: block;
	font:900 14px 'Avenir-Light';
}

#lab-search-form input{
	background: url(../img/search.svg) no-repeat right 20px center;
	background-size: 20px;
}

#lab-search-results{

}

	#lab-search-results h4{
		color:rgba(136, 186, 8, 0.31);
		font:900 55px 'Avenir-Light';
	}

	#lab-search-results h4:after{
		display: none;
	}

	#lab-search-results li{
		margin-bottom: 20px;
	}

	#lab-search-results a{
		background-color: #88BA08;
		border:none;
		border-radius: 27.5px;
		color:#FFF;
		font:900 15px/25px 'Avenir-Light';
		min-width: 200px;
		padding:7px 20px;
		text-decoration: none;
	}

#btn-pass-forgot,
#btn-goto-access{
	background: none;
	border:none;
	color:#071E3D;
	cursor: pointer;
	display: block;
	font:900 14px 'Avenir-Light';
	margin-top:30px;
}
/*Fin - Laboratorios adheridos*/

/*Formulario zona reservada*/
#zona-reservada-form [name="user"]{
	background: url(../img/user.svg) no-repeat right 20px center;
	background-size: 20px;
}

#zona-reservada-form [name="pass"]{
	background: url(../img/key.svg) no-repeat right 20px center;
	background-size: 20px;
}
/*Fin - Formulario zona reservada*/

/*Sigre informa*/
#sigre-informa li{
	vertical-align: top;
}

	#sigre-informa figcaption{
		height: 95px;
	}
/*Fin - Sigre informa*/

/*Sostenibilidad*/
.pacto-mundial-list-wrap{
	margin-bottom: 20px;
	overflow: hidden;
}

	.pacto-mundial-list-wrap img{
		float:left;
	}

	.pacto-mundial-list-wrap div{
		display: table;
		float:left;
		height: 140px;
		margin-left:10px;
		width: calc(100% - 160px);
	}

		.pacto-mundial-list-wrap ol{
			display: table-cell;
			vertical-align: middle;
		}

			.pacto-mundial-list-wrap li:not(:last-child){
				margin-bottom: 10px;
			}
/*Fin - Sostenibilidad*/

/*Mapa puntos Sigre*/
#map-wrap{
	display: inline-block;
	max-width: 613px;
	position: relative;
	width: 100%;
}

	#map-wrap img{
		width: 100%;
	}

	#map-wrap .popup{
		background:url(../img/ico-sigre02@2x.png) no-repeat center left 20px #88BA08;
		border:none;
		border-radius: 27.5px;
		box-shadow: 0 12px 22px -2px rgba(0,0,0,0.5);
		box-sizing: border-box;
		color:#FFF;
		cursor: pointer;
		display: none;
		font:900 14px 'Avenir-Light';
		height: 60px;
		padding:14px 10px 14px 60px;
		pointer-events: none;
		position: absolute;
		width: 160px;
		z-index: 10;
	}

	#map-wrap .popup.active{
		display: block;
	}

	#map-wrap .resume{
		background-color: #88BA08;
		color:#FFF;
		display: none;
		position: absolute;
		right: -60px;
		top: 0;
		width: 165px;
	}

	#map-wrap .resume.active{
		display: block;
	}

		#map-wrap .resume h5{
			border-bottom: 2px solid #FFF;
			box-sizing: border-box;
			font:900 14px 'Avenir-Light';
			padding:5px 10px;
		}

			#map-wrap .resume h5 span{
				display: block;
			}

			#map-wrap .resume h5 .total{
				display: block;
				font-size: 20px;
			}

		#map-wrap .resume ul{

		}

			#map-wrap .resume ul li{
				box-sizing: border-box;
				overflow: hidden;
				padding:10px 10px;
			}

				#map-wrap .resume ul .province{
					float:left;
				}

				#map-wrap .resume ul .total{
					float:right;
				}



	#map-wrap svg{
		left:0;
		position:absolute;
		top:0;
		width: 100%;
	}

		#map-wrap .province,
		#map-wrap .province *{
			cursor: pointer;
			fill:transparent;
			stroke:none;
			stroke-width: 0;
		}

		#map-wrap .province.active,
		#map-wrap .province.active *{
            fill:#88ba08;
            stroke: #494a66;
            stroke-width: 2;
		}
/*Fin - Mapa puntos Sigre*/

/*Medidas preventivas*/
.medidas-preventivas .figure-list li:after{
	display: none;
}

.medidas-preventivas .figure-list img{
	width: 200px;
}

.medidas-preventivas .figure-list img.horizontal{
	width: 400px;
}
/*Fin - Medidas preventivas*/

/*Memorias de sostenibilidad*/
#memorias-list{

}

	#memorias-list article{
		box-sizing: border-box;
		display: inline-block;
		padding:10px;
		width: 230px
	}

		#memorias-list article h4{
			margin-bottom: 10px;
			text-align: center;
		}

			#memorias-list article h4 span{
				display: block;
				font-size:20px;
				margin-top:5px;
			}

		#memorias-list article h4:after{
			display: none;
		}

		#memorias-list article img{
			width: 100%;
		}
/*Fin - Memorias de sostenibilidad*/

/*Contacto*/
#contacto{
	font-size: 0;
}

#contacto h2{
	font-size:22px;
	font-weight:900;
	margin-bottom:10px;
}

#contacto .form-wrap{
	box-sizing: border-box;
	display: inline-block;
	padding:20px;
	vertical-align:top;
	width: 50%;
}

	#contacto legend{
		font-size:16px;
		line-height: 22px;
		font-weight: 300;
	}

#contacto aside{
	box-sizing: border-box;
	display: inline-block;
	padding:20px;
	vertical-align:top;
	width: 50%;
}

	#contacto aside ul{

	}

		#contacto aside li{
			background-position: left center;
			background-repeat: no-repeat;
			padding-left:30px;
		}

		#contacto aside li:nth-child(1){
			background-image:url(../img/ico-phone.svg);
		}
/*
		#contacto aside li:nth-child(2){
			background-image:url(../img/ico-fax.svg);
		}
*/
		#contacto aside li:nth-child(2){
			background-image:url(../img/ico-email.svg);
		}

#contacto aside img{
	max-width: 487px;
	width: 100%;
}

/*Fin - Contacto*/

/*Formulario*/
fieldset legend{
	color: #494A66;
	font:900 22px/47px 'Avenir-Light';
	margin-bottom:22px;
}

.form{
	font-size: 0;
}

.form > ul{

}

	.form ul > li{
		box-sizing: border-box;
		margin-bottom: 11px;
		padding:0 5px;
	}

	ul.inline > li{
		display: inline-block;
	}

	ul.block > li{
		display: block;
	}

	.form > ul > li:last-child{
		margin-bottom: 11px;
	}

	.form .w100{
		width: 100%;
	}

	.form .w90{
		width: 90%;
	}

	.form .w80{
		width: 80%;
	}

	.form .w70{
		width: 70%;
	}

	.form .w60{
		width: 60%;
	}

	.form .w50{
		width: 50%;
	}

	.form .w40{
		width: 40%;
	}

	.form .w30{
		width: 30%;
	}

	.form .w20{
		width: 20%;
	}

	.form .w10{
		width: 10%;
	}

		.form input,
		.form select,
		.form textarea{
			border: 1px solid rgba(73,74,102,0.19);
			border-radius: 28.5px;
			box-sizing: border-box;
			padding:19px 26px;
			width: 100%;
		}

		.form select{
			background: url(../img/arrow-down.svg) no-repeat right 20px center #FFF;
			background-size:20px;
			-webkit-appearance: none;
		}

		.form textarea{
			height: 100px;
		}

		.form input::-webkit-input-placeholder,
		.form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			color: #494A66;
			font:300 14px/19px 'Avenir-Light';
		}

		.form input::-moz-placeholder,
		.form textarea::-moz-placeholder { /* Firefox 19+ */
			color: #494A66;
			font:300 14px/19px 'Avenir-Light';
		}

		.form input:-ms-input-placeholder,
		.form textarea:-ms-input-placeholder { /* IE 10+ */
			color: #494A66;
			font:300 14px/19px 'Avenir-Light';
		}

		.form input:-moz-placeholder,
		.form textarea:-moz-placeholder { /* Firefox 18- */
			color: #494A66;
			font:300 14px/19px 'Avenir-Light';
		}

		.form input[type="checkbox"],
		.form input[type="radio"] {
			height: auto;
			width: auto;
		}

		.form label{
			color: #494A66;
			font:300 14px/19px 'Avenir-Light';
		}
/*Fin - Formulario*/

/*Galería de imágenes*/
.image-gallery{
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: repeat(4, 150px);
    margin:0 auto;
    max-width: 700px;
    vertical-align: top;
    width: 100%;
}

	.image-gallery figure:nth-child(1) {
	    grid-column-start: 1;
	    grid-column-end: 2;
	    grid-row-start: 1;
	    grid-row-end: 2;
	}

	.image-gallery figure:nth-child(2) {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.image-gallery figure:nth-child(3) {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.image-gallery figure:nth-child(4) {
		grid-column-start: 4;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.image-gallery figure:nth-child(5) {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.image-gallery figure:nth-child(6) {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 4;
	}

	.image-gallery figure:nth-child(7) {
	    grid-column-start: 1;
	    grid-column-end: 3;
	    grid-row-start: 4;
	    grid-row-end: 5;
	}

	.image-gallery figure:nth-child(8) {
	    grid-column-start: 4;
	    grid-column-end: 5;
	    grid-row-start: 3;
	    grid-row-end: 4;
	}

	.image-gallery figure:nth-child(9) {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	.image-gallery figure:nth-child(10) {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	.image-gallery figure:nth-child(11) {
	    grid-column-start: 3;
	    grid-column-end: 4;
	    grid-row-start: 4;
	    grid-row-end: 5;
	}

	.image-gallery figure:nth-child(12) {
	    grid-column-start: 4;
	    grid-column-end: 5;
	    grid-row-start: 4;
	    grid-row-end: 5;
	}

		.image-gallery img{
			height: 100%;
			object-fit:cover;
			width: 100%;
		}
/*Fin - Galería de imágenes*/

/*Galería de vídeos*/
.video-gallery{
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 50%);
    /*grid-template-rows: repeat(2, 184px);*/
    margin:0 auto;
    max-width: 700px;
    vertical-align: top;
    width: 100%;
}

	.video-gallery .player_div{

	}
/*Fin - Galería de vídeos*/

/*Imágenes sondeos*/
#sondeos-de-opinion .figure-list figcaption{
	height: 65px;
}
/*Fin - Imágenes sondeos*/

/*Listado de boletines*/
.boletin-list{
	width: 100%;
}

	.boletin-list th{
		font:900 18px/26px 'Avenir-Light';
		text-align: left;
	}

	.boletin-list tbody tr{
		border-bottom:1px solid rgba(73,74,102,0.19);
	}

	.boletin-list tbody tr:hover{
		background-color:rgba(73,74,102,0.05);
	}

	.boletin-list tbody tr:last-child{
		border-bottom:none;
	}

	.boletin-list tbody td:first-child{
		padding:20px 0;
	}

	.boletin-list tbody td:last-child{
		text-align:right;
	}

		.boletin-list a {
			box-shadow: none;
			font-size: 14px;
			padding:3px 20px;
			text-align: right;
		}

/*Fin - Listado de boletines*/

/*Figure*/
figure.type01{
    display: table-caption;
}

	figure.type01 figcaption{
		line-height: 23px;
		margin-top:10px;
		text-align: center;
	}

ul.figure-list{
	font-size: 0;
	margin:40px 0;
	text-align:center;
}

	ul.figure-list li{
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
	}

	ul.figure-list li:last-child{
		margin-right: 0;
	}

		ul.figure-list figcaption{
			font:900 16px/19px 'Avenir-Light';
			padding:20px 0;
		}
/*Fin - Figure*/

/*Cuestionario*/
.question{

}

	.question h4{
		font:900 16px/19px 'Avenir-Light';
		text-align: center;
		width: 100%;
	}

	.question ul{
		margin-top:30px;
	}

		.question li{
			margin-bottom:10px;
			width: 100%;
		}

			.question label{
				border-radius: 5px;
				cursor: pointer;
				display: block;
				padding:5px 0;
				width: 100%;
			}

			.question label:hover{
				background-color:#DCDCDC;
			}

	.question button{
		display: block;
		margin:30px auto 0;
	}
/*Fin - Cuestonario*/

/*Listado de posts*/
.posts-list ul{
	padding-top: 70px;
}

.posts-list ul li{
	display: inline-block;
	width: 250px;
	margin: 5px;
	box-shadow: 0px 10px 20px 0px rgba(200,200,200,1);
	min-height: 30px;
	vertical-align: top;
	transform: scale(0);
	opacity: 0;
	transition: 1000ms;
}

.posts-list ul.big li{
	width: 290px;
}

.posts-list.visible ul li{
	transform: scale(1);
	opacity: 1;
}

.posts-list.visible ul li:nth-child(2){
	transition-delay: 500ms;
}

.posts-list.visible ul li:nth-child(3){
	transition-delay: 1000ms;
}

.posts-list.visible ul li:nth-child(4){
	transition-delay: 1500ms;
}

.posts-list.visible ul li.removed{
	transform: scale(0);
	opacity: 0;
}


.posts-list ul.removed li:nth-child(2){
	transition-delay: 100ms;
}

.posts-list ul.removed li:nth-child(3){
	transition-delay: 200ms;
}

.posts-list ul.removed li:nth-child(4){
	transition-delay: 300ms;
}

.posts-list ul.removed li{
	transform: scale(0);
	opacity: 0;
}

.posts-list ul li img{
	width: 100%;
}

.posts-list ul li figcaption{
	padding: 25px 25px 15px;
	text-align: left;
}

.posts-list ul li figcaption div.info{
	min-height: 140px;
}

.posts-list ul li label{
	font-family: 'Avenir-Medium';
	font-size: 18px;
	color: #88ba08;
	line-height: 20px;
}

.posts-list ul li p{
	font-family: 'Avenir-Light';
	font-size: 18px;
	color: #061d3c;
	padding: 20px 0;
	line-height: 20px;
}

.posts-list ul li a{
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background-color: #061d3c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 27px;
	font-size: 22px;
	transition: 750ms;
}

.posts-list ul li a:hover{
	background-color: #88ba08;
	transform: rotate(360deg);
}
/*Fin - Listado de posts*/

/*Botones*/
.btn01{ /*Verde*/
	background-color: #88BA08;
	border:none;
	border-radius: 27.5px;
	box-shadow: 0 12px 22px -2px rgba(0,0,0,0.5);
	color:#FFF;
	cursor: pointer;
	font:900 18px/25px 'Avenir-Light';
	min-width: 200px;
	padding:14px 25px;
	text-decoration:none;
}

.btn02{ /*Azul*/
	background-color: #071E3D;
	border:none;
	border-radius: 27.5px;
	box-shadow: 0 12px 22px -2px rgba(0,0,0,0.5);
	color:#FFF;
	cursor: pointer;
	font:900 18px/25px 'Avenir-Light';
	min-width: 200px;
	padding:14px 25px;
	text-decoration:none;
}
/*Fin - Botones*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;/*25px;*/
	height: 0;
}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#contacto small{
    font-size: 12px;
    display: block;
    line-height: 15px;
    margin-top: 40px;
}

/*ApoyamoslosODS */
#apoyamoslosods {
	background:url(../../img/bkg-apoyamoslosods.jpg) no-repeat center center;
	background-size:cover;
}

	#apoyamoslosods a{
		color: #FFF;
		font: normal 48px/59px Avenir-Heavy;
		text-decoration: none;
	}

@media only screen and (max-width: 1023px) {

	#apoyamoslosods div.full_content{
		height: calc(100vh - 66px);
	}

		#apoyamoslosods div.full_content .vcenter{
			top:50%;
			transform: translateY(-50%);
		}

			#apoyamoslosods a {
				font: normal 35px/46px Avenir-Heavy;
			}

}

@media only screen and (max-width: 500px) {

	#apoyamoslosods a {
		font: normal 25px/46px Avenir-Heavy;
	}

}

/*Fin - ApoyamoslosODS */