@charset "UTF-8";

/* EMPRESA CSS Document */
/* primary: #009245; */
/* secondary: #8EC045; */

/* FONTS */
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Black.eot');
	src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Black.woff2') format('woff2'),
		url('fonts/Lato-Black.woff') format('woff'),
		url('fonts/Lato-Black.ttf') format('truetype'),
		url('fonts/Lato-Black.svg#Lato-Black') format('svg');
	font-weight: 900;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Bold.eot');
	src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Bold.woff2') format('woff2'),
		url('fonts/Lato-Bold.woff') format('woff'),
		url('fonts/Lato-Bold.ttf') format('truetype'),
		url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.eot');
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Regular.woff2') format('woff2'),
		url('fonts/Lato-Regular.woff') format('woff'),
		url('fonts/Lato-Regular.ttf') format('truetype'),
		url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Light.eot');
	src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Light.woff2') format('woff2'),
		url('fonts/Lato-Light.woff') format('woff'),
		url('fonts/Lato-Light.ttf') format('truetype'),
		url('fonts/Lato-Light.svg#Lato-Light') format('svg');
	font-weight: 300;
	font-display: swap;
}


@font-face {
	font-family: 'Muli';
	src: url('fonts/Muli-Bold.eot');
	src: url('fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli-Bold.woff2') format('woff2'),
		url('fonts/Muli-Bold.woff') format('woff'),
		url('fonts/Muli-Bold.ttf') format('truetype'),
		url('fonts/Muli-Bold.svg#Muli-Bold') format('svg');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Muli';
	src: url('fonts/Muli-SemiBold.eot');
	src: url('fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli-SemiBold.woff2') format('woff2'),
		url('fonts/Muli-SemiBold.woff') format('woff'),
		url('fonts/Muli-SemiBold.ttf') format('truetype'),
		url('fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Muli';
	src: url('fonts/Muli-Regular.eot');
	src: url('fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli-Regular.woff2') format('woff2'),
		url('fonts/Muli-Regular.woff') format('woff'),
		url('fonts/Muli-Regular.ttf') format('truetype'),
		url('fonts/Muli-Regular.svg#Muli-Regular') format('svg');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Muli';
	src: url('fonts/Muli-Light.eot');
	src: url('fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Muli-Light.woff2') format('woff2'),
		url('fonts/Muli-Light.woff') format('woff'),
		url('fonts/Muli-Light.ttf') format('truetype'),
		url('fonts/Muli-Light.svg#Muli-Light') format('svg');
	font-weight: 300;
	font-display: swap;
}



/* GENERAL */
html, body {
	
}

html {
	font-size: 16px;
}

body {
	font: 400 1rem/1.4 "Lato", Arial, sans-serif;
	color: #4E4D4D;
	text-align: left;
}

::moz-selection {
	background: #009245;
	background: rgba(0, 146, 69,.4);
}

::selection {
	background: #009245;
	background: rgba(0, 146, 69,.4);
}

h1, h2, h3, h4, h5, h6{font-weight: 300;}
h1, .h1 	{font-size: 2.0rem;}
h2, .h2 	{font-size: 1.8rem;}
h3, .h3 	{font-size: 1.6rem;}
h4, .h4 	{font-size: 1.4rem;}
h5, .h5 	{font-size: 1.2rem;}
h6, .h6 	{font-size: 1.0rem;}
.xs, small 	{font-size: 0.8rem!important;}
.xxs 		{font-size: 0.6rem!important;}
.normal 	{font-size: 1.0rem!important;}
.xl 		{font-size: 2.5rem!important;}
.xxl		{font-size: 3.0rem!important;}
.xxxl		{font-size: 3.5rem!important;}

.black			{font-weight: 900!important;}
.bold,b,strong 	{font-weight: 700!important;}
.medium			{font-weight: 500!important;}
.regular		{font-weight: 400!important;}
.light 			{font-weight: 300!important;}

.z-index-1{z-index:1!important;}
.z-index-2{z-index:2!important;}
.z-index-3{z-index:3!important;}
.z-index-4{z-index:4!important;}
.z-index-5{z-index:5!important;}

.spacing{letter-spacing: .03em;}

.lemon, .muli {font-family: "Muli"!important;}

.shadow_out {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #262626;
	-webkit-box-shadow: 0 0 0 30px rgba(0, 146, 69,.4) inset;
	transition: background-color 5000s ease-in-out 0s;
}

a,
a:hover,
a:focus,
a:active {
	color: inherit;
	text-decoration: none;
	outline: 0;
}

button:focus {
	outline: 0;
}

.coloured,
.text-primary,
a.text-primary:focus, 
a.text-primary:hover{color: #009245 !important;}
.bg-primary {background-color: #009245 !important;}
.text-secondary {color: #8EC045 !important;}
.bg-secondary {background-color: #8EC045 !important;}

.btn {
	padding: .5rem 2rem;
	border-radius: 0;
	position: relative;
	font-weight: 600;
	box-shadow: 0px 4px 14px 2px rgba(0,0,0,0.35);
	min-width: 160px;
}

.btn-primary {
	color: #fff;
	background-color: #009245;
	border-color: #009245;
}

.btn-primary.disabled, .btn-primary:disabled{
	color: #fff;
	background-color: rgba(0, 146, 69,.5)!important;
	border-color: rgba(0, 146, 69,.5)!important;
}

.btn-secondary {
	color: #fff;
	background-color: #8EC045;
	border-color: #8EC045;
}

.btn-tertiary {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.btn-pueblaper {
	color: #fff;
	background-color: #005CB9;
	border-color: #005CB9;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
	color: #fff;
	background-color: #009245;
	border-color: #009245;
	outline: 0;
}


.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
	color: #fff;
	background-color: #8EC045;
	border-color: #8EC045;
}

input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
textarea.form-control,
select,
select.form-control,
form button:not(.btn) {
	font: inherit;
	color: #009245;
	height: auto;
	background: #fff;
	margin-bottom: .5rem;
	padding: .75rem 1rem;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #009245;
	width: 100%;
	-webkit-box-shadow: 0px 4px 5px 3px rgba(0,146,69,0.15);
	-moz-box-shadow: 0px 4px 5px 3px rgba(0,146,69,0.15);
	box-shadow: 0px 4px 5px 3px rgba(0,146,69,0.15);
}

input[type="datetime"],
input[type="datetime-local"],
input[type="date"] {
	min-width: 120px;
}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
form button:focus:not(.btn) {
	outline: 0;
	-webkit-box-shadow: 0px 4px 5px 3px rgba(0,146,69,0.15);
	-moz-box-shadow: 0px 4px 5px 3px rgba(0,146,69,0.15);
	box-shadow: 0px 4px 5px 3px rgba(0,146,69,0.15);
}

::-webkit-input-placeholder { color: #009245!important; }
:-ms-input-placeholder { color: #009245!important; }
::placeholder { color: #009245!important; }

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #9DD598;
	-webkit-box-shadow: 0 4px 5px 0 rgba(233,50,45,.15);
	box-shadow: 0 4px 5px 0 rgba(233,50,45,.15);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	margin-bottom: 0;
}

s {
	color: #e9322d;
}

option {
	font-weight: inherit;
}

input[type="file"],input[type="checkbox"],input[type="radio"]{float:left;width:0.1px;height:0.1px;opacity:0;overflow:hidden;margin:0;padding:0}
input[type="file"]+label{color:#fff;min-width:40px;height:40px;background:#666 url(../img/small-cloud-upload-symbol.svg) 5px center no-repeat;border-color:#666;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;margin-bottom:1rem;padding:.5rem .5rem .5rem 3rem !important;opacity:.8}
input[type="file"]:focus+label,input[type="file"]+label:hover,input[type="file"].has-focus+label{opacity:1}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-bottom: 1rem;
	text-align: left;
}

input[type="checkbox"]+label svg,
input[type="radio"]+label svg {
	position: absolute;
	top: 50%;
	left: 0px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

input[type="checkbox"]+label svg path,
input[type="radio"]+label svg circle {
	fill: #fff;
	stroke: #fff;
	stroke-width: 2;
}

input[type="checkbox"]+label svg polyline,
input[type="radio"]+label svg polyline {
	fill: none;
	stroke: #009245;
	stroke-width: 2;
	stroke-dasharray: 18px;
	stroke-dashoffset: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input[type="checkbox"]:checked+label svg path,
input[type="radio"]:checked+label svg circle {
	fill: transparent;
}

input[type="checkbox"]:checked+label svg polyline,
input[type="radio"]:checked+label svg polyline {
	stroke-dashoffset: 0;
}

textarea,
textarea.form-control,
select[multiple],
select[size] {
	resize: vertical;
	line-height: 1.4;
	height: 150px;
}

input.error {
	border: 1px solid #e9322d;
}

label.error,
.error-message {
	color: #e9322d;
	text-align: left;
}

input[type="checkbox"]+label+label.error,
input[type="radio"]+label+label.error {
	top: 0;
	left: 0;
	float: left;
}

.dinamic_label {
	position: relative;
	padding-top: 1rem;
}

.dinamic_label label {
	position: absolute;
	top: 0;
	left: .75rem;
	font-size: .75rem;
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.2s ease-out;
	color: #fff;
}

.dinamic_label input:placeholder-shown + label,
.dinamic_label textarea:placeholder-shown + label {
	opacity: 0;
	-ms-transform: translateY(1rem);
	transform: translateY(1rem);
}

.alert {
	margin-bottom: 0;
	border-radius: 0;
	cursor: pointer;
}

.g-recaptcha{display:inline-block;margin:1rem auto}
iframe{border:0 !important}
figure{margin:0 auto}
figure > img,figure > svg,figure > video,
figure > a,figure > a > img,figure > a > svg,figure > a > video{display:block;width:100%}
.google-maps{position:relative;padding-bottom:35%;height:0;overflow:hidden}
.google-maps iframe{position: absolute;top:0;left:0;width:100% !important;height:100% !important}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.valign+.inline{width:100%;display:inline-block;vertical-align:middle;}

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

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

.scrolltop {
	position: fixed;
	bottom: 5rem;
	right: 0;
	width: 40px;
	height: 40px;
	z-index: 99;
	background: #262626;
	padding: 0;
	cursor: pointer;
}

.scrolltop svg {
	width: 50%;
	height: 100%;
	margin-left: 10px;
}

.scrolltop svg * {
	fill: #fff !important;
}

.flip {
	transform: scaleX(-1);
}

.icon-productos {
	width: 75%;
}

.bg-contacto {
	background: url(../img/bg_contacto.png) no-repeat center;
	background-size: 100% 100%;
}

.bg-footer {
	background: url(../img/bg_footer.png) no-repeat center;
	background-size: 100% 100%;
}

.bg-nav {
	background: url(../img/bg_nav.png) no-repeat center;
	background-size: 100% 100%;
}

.bg-pueblaper {
	background: url(../img/bg_pueblaper.png) no-repeat center;
	background-size: 100% 100%;
	min-height: 30rem;
}

.bg-experiencia {
	height: 25rem;
	margin-top: -10.5rem;
}

.bg-celosias {
	background: url(../img/banner_celosias.png) no-repeat center;
	background-size: 100% auto;
	height: 25rem;
}

.bg-productos {
	background: url(../img/banner_productos.png) no-repeat center;
	background-size: 100% auto;
	height: 25rem;
	margin-top: -7rem;
}

.bg-descargas {
	background: url(../img/banner_descargas_movil.png) no-repeat center;
	background-size: 100% auto;
	height: 25rem;
	margin-top: -8rem;
}

.banner_title {margin-top: 1rem;}

.banner_title_productos {margin-top: 5rem;}

.img-slide-banner{max-height: 10rem;}

.num-slide {
	height: 20px;
	background: #009245;
	width: 25%;
	position: absolute;
	bottom: 0;
}


.slick-dots {
	bottom:  10px;
}

.slick-dots li button:before {
	font-size: 21px;
	content: '■';
}

.slick-dots li.slick-active button:before {
	color: #009245;
}


#certificados .slick-dots {
	bottom:  -30px!important;
}

#partners figure{
	max-width: 250px;
}

#simulador .wrapp{
	padding: 2rem;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.05);
}

#simulador figure{
	max-width: 175px;
	opacity: .7;
}







/** NOTICIAS */
.content-noticia .banner-no-adapta{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 30px;
}
.content-noticia .banner-no-adapta img{
	max-width: 980px;
	margin: 0 auto;

}

.img-noticias {
	width: 100%;
}

.paging {
	margin: 20px 0;
	text-align: center;
	width: 100%;
	font-size: 1.2em;
}

.paging .active {
	color: #009245;
}

/** HEADER */
header {
	padding: .75rem 0;
	background: #fff;
}

header .logo {
	max-width: 200px;
}

header .icon-header {
	max-width: 25px;
	cursor: pointer;
}

header.open_menu .button-menu .closed,
header .button-menu .opened{
	opacity: 0;
}
header.open_menu .button-menu .opened,
header .button-menu .closed{
	opacity: 1;
}

.ic_white svg * {
	fill: #fff !important;
}



#menu{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-transform: scale(0);
	transform: scale(0);
	border-radius: 3rem;
	opacity: 0;
	overflow: hidden;
	transition: transform cubic-bezier(0.45, 0, 0.55, 1) .3s, 
		border-radius cubic-bezier(0.45, 0, 0.55, 1) .3s,
		opacity cubic-bezier(0.45, 0, 0.55, 1) .1s;
}
#menu *{
	opacity: 0;
	transition: opacity ease .5s;
}
#menu.visible{
	border-radius: 0;
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	transition: transform cubic-bezier(0.45, 0, 0.55, 1) .3s, 
		border-radius cubic-bezier(0.45, 0, 0.55, 1) .3s,
		opacity cubic-bezier(0.45, 0, 0.55, 1) .1s;
}
#menu.visible *{
	opacity: 1;
	transition-delay: .2s;
}

#menu .nav-item{
	display: block;
	padding: 1rem .5rem;
	margin-bottom: 0;
}

.close-icon {
	width: 7%;
	float: right;
	margin-right: 1.5rem;
}

.close-icon svg *{
	fill: #fff!important;
}

/** FOOTER */
.contacto-footer .datos-contacto{
	padding: 1rem;
	background-color: #8EC045;
}

.contacto-footer iframe{
	display: block;
	width: 100%;
	height: 500px;
}

footer {
	background: #009245 no-repeat center / cover;
}

footer .logo{
	max-width: 150px;
}

/** CONTENT */
section:not(.main_container) {
	padding-top: 6rem;
	padding-bottom: 6rem;
}


#carrusel{
	height: 70vh;
	max-height: 800px;
}
#carrusel .slick-list,
#carrusel .slick-list .slick-track,
#carrusel .slick-list .slick-track .slick-slide{height: 100%;}
#carrusel .slick-slide{background: #fff no-repeat center / cover;}
#carrusel section:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

#soluciones{position: relative;overflow: hidden;}
#soluciones:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: calc(100% + 50px);
	height: 100%;
	transform: translateX(-50%);
	background: url('../img/back-soluciones.svg') no-repeat center bottom / cover;
	opacity: .25;
}

#servicios figure.icon{
	max-width: 70px;
	margin-bottom: 1.5rem;
}
#servicios h3{
	min-height: calc(1.2em * 2);
	margin-bottom: 1rem;
}

#distribuidor .fondo{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#distribuidor .fondo .image{
	max-width: 450px;
	margin: 0 auto;
	position: relative;
}
#distribuidor .fondo .image img{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

#modal-distribuidores .lista-marker{
	height: auto;
	margin-top: 1.5rem;
}

#actualidad{
	background: #fff no-repeat center / cover;
}

.button-desplegable{
	border-bottom: solid 1px #009245;
	padding: 2rem 0 .75rem;
}
.button-desplegable .desp-icon{
	max-width: 30px;
}
.desplegable {
	padding: 2rem 1rem;
}

.desplegable .download-list{
	padding: .75rem 0;
}
.desplegable .download-list .icon-download{
	max-width: 30px;
}

#formacceso input#nick,
#formacceso input#pass{
	margin-bottom: 1.5rem;
}

.noticias .noticia{
	position: relative;
	margin-bottom: 3rem;
}
.noticias .noticia .title{
	line-height: 1.4;
	min-height: calc(3*1.4em);
}
.noticias .noticia .highlight{
	line-height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	height: calc(3*1.4em);
	-webkit-box-orient: vertical;
}

.sistemas {
	padding-top: 3rem!important;
	padding-bottom: 3rem !important;
}
.sistemas .sistema{
	margin-bottom: 2rem;
	text-align: center;
}




.social a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.social a:not(:last-child) {
	margin-right: .5rem;
}

.social a img,
.social a svg {
	display: block;
	width: 32px;
	height: 32px;
}

.estaticos {
	text-align: left;
	padding: 4rem 0;
}

.estaticos h1:not(:first-child),
.estaticos h2:not(:first-child) {
	margin-top: 4rem;
}

.estaticos p,
.estaticos li {
	text-align: justify;
	font-size: 1rem;
}

.estaticos p,
.estaticas ul,
.estaticos ol {
	margin-bottom: 2rem;
}

.estaticos img,
.estaticos svg,
.estaticos video {
	max-width: 100%;
}

.errorpage {
	padding: 80px 0;
}

.errorpage figure {
	max-width: 500px;
	margin: 0 auto;
}


/** LOGIN */
.login-page {
	height: 100%;
}

.login-page form {
	max-width: 250px;
	margin: 0 auto;
}

.login-page input,
.login-page button {
	width: 100%;
}

.forgot-pass {
	margin-top: 1.5rem;
	font-size: .8rem;
}

.forgot-pass + .forgot-pass {
	margin-top: .3rem;
}


/** COOKIES */
.show_cookies {
	position: fixed;
	top: auto;
	bottom: -300px;
	left: auto;
	right: 0;
	width: 100vw;
	z-index: 9999;
	font-weight: 300;
	font-size: .8rem;
	text-align: left;
	text-transform: none;
	background: rgba(0,0,0,.9);
	color: #fff;
	border: none;
	padding: 1rem 2.5rem;
	-webkit-transition: bottom .75s cubic-bezier(.2,.45,.42,1.28);
	transition: bottom .75s cubic-bezier(.2,.45,.42,1.28);
}

.show_cookies.mostrar {
	bottom: 0;
}

.show_cookies.ocultar {
	display: none;
}

.show_cookies figure#close_cookies{
	max-width: 20px;
	margin: 0 0 0 1.5rem;
}
.show_cookies .btn{
	margin: 0 1.5rem;
}


/** RECAPTCHA */
.grecaptcha-badge {
	z-index: 999;
	right: -386px !important;
}

.grecaptcha-badge.show {
	right: -186px !important;
}

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 */
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.cuadro-cabecera { width: 70%; }
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.bg-banner {background: url(../img/mujer_durmiendo_banner.jpg) no-repeat center; background-size: 100% auto; min-height: 30rem;}
	#aval h3 {color: #009245!important;}
	#aval {background: #fff!important;}
	.icon-productos {width: 50%;}
	.bg-experiencia {height: 30rem; margin-top: 4rem;}
	.bg-productos {margin-top: 4rem;}
	.bg-descargas {background: url(../img/banner_descargas.png) no-repeat center; margin-top: 4rem;}
	.bg-celosias {height: 30rem;}
	.banner_title_productos {margin-top: 10rem;}
	.img-noticias { max-width: 720px; }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.cuadro-cabecera { width: 30%; margin-top: 2rem;}
}

@media (min-width: 1920px) {
	.cuadro-cabecera { width: 25%; margin-top: 2rem;}
}

@media (min-width: 2560px) {
	.cuadro-cabecera { width: 20%; margin-top: 2rem;}
}

@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
		h1, .h1 	{font-size: 2.0rem;}
		h2, .h2 	{font-size: 1.8rem;}
		h3, .h3 	{font-size: 1.6rem;}
		h4, .h4 	{font-size: 1.4rem;}
		h5, .h5 	{font-size: 1.2rem;}
		h6, .h6 	{font-size: 1.0rem;}
		.xs, small 	{font-size: 0.8rem!important;}
		.xxs 		{font-size: 0.6rem!important;}
		.normal 	{font-size: 1.0rem!important;}
	.xl 		{font-size: 2.1rem!important;}
	.xxl		{font-size: 2.2rem!important;}
	.xxxl		{font-size: 2.3rem!important;}
	header .logo{max-width: 150px;}
	#carrusel{height: calc(100vh - 60px);max-height: 100vh;}
	#carrusel section:before{width: 100%;height: 70%;background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
	#carrusel h1,
	#carrusel h4{text-shadow: 1px 1px 1px rgba(255,255,255,.15);}
	#distribuidor .fondo{opacity: .4;}
	#simulador .wrapp{overflow: hidden;}
	#simulador figure {
	    max-width:300px;
	    width:300px;
	    opacity: .1;
	    position: absolute;
	    left: 0;
	    top: 0;
	    transform: translate(-50%,-50%);
	}
}