/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:.625em/1.231 sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/*! select2.css v4.0.3 | https://github.com/select2/select2/blob/master/LICENSE.md */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html { color: #222; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr.light { border-color: #eee; margin: 30px 0px 0px 0px;}
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }



/* ==========================================================================
   $FONT-FACE
   ========================================================================== */


@font-face {
	font-family: 'vidrala-icons';
	src: url('../fonts/vidrala-icons.eot?jz1y62');
	src: url('../fonts/vidrala-icons.eot?jz1y62#iefix') format('embedded-opentype'),
		 url('../fonts/vidrala-icons.ttf?jz1y62') format('truetype'),
		 url('../fonts/vidrala-icons.woff?jz1y62') format('woff'),
		 url('../fonts/vidrala-icons.svg?jz1y62#vidrala-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   $noUiSlider
   ========================================================================== */
.noUiSlider{
	margin: 20px 15px 40px 0px;
	width: 100%;
	position: relative;
	padding-right: 17px;
}

.noUiSlider *:focus{
	outline: none!important;
}
.noUiSlider.noUi-target{
	background-color: white;
	border: none;
	border-radius: 0px;
	box-shadow: none!important;
	background-color: #ccc!important;
	height: 4px!important;
	top: 2px;
	margin-left: 6px;
	margin-bottom: 24px;
	width: calc(100% - 6px);
}

.noUiSlider.noUi-target:before{
	width: 4px;
	height: 4px;
	display: block;
	content: ' ';
	position: absolute;
	background: #ccc;
	left: -4px;
	top: 0px;
}

.noUiSliderSingle.noUi-target:before{
    background: #009a44;
}

.noUiSlider .noUi-connect{
	background: #009a44;
}
.noUiSlider .noUi-value-horizontal{
	top: 30%;
}
.noUiSlider .noUi-handle{
	box-shadow: none;
	border-radius: 100px;
	width: 15px!important;
	height: 25px!important;
	box-sizing: content-box;
	background-color: white;
	top: -14px!important;
	border: 4px #cccccc solid;
	transition: ease 100ms;
}
.noUiSlider .noUi-handle:active{
	background-color: #35922e!important;
	border: 4px solid #009a44;
}
.noUiSlider .noUi-handle:before,
.noUiSlider .noUi-handle:after{
	background: none!important;
}
.noUiSlider .noUi-handle:before{
	left: 10px;
}
.noUiSlider .noUi-handle:after{
	left: 14px;
}
.noUiSlider .noUi-base,
.noUiSlider .noUi-connects {
	height: 4px;
    border-radius: 0;
}

.noUiSlider .noUi-tooltip{
	border: none;
	background: transparent;
	font-family: inter, Helvetica, Arial, sans-serif;
/* 	font-size: 1.2em;
	font-weight: 700; */
    font-size: 1.4em;
    font-weight: 400;
}

    .noUiSlider.noUi-horizontal .noUi-tooltip {
        bottom: 36px;
    }

    .noUi-tooltip .handle__bottom {
        display: block;
        padding: 5px;
/*         padding-right: 29px; */
        position: absolute;
        top: 75px;
        left: 50%;
        transform: translate(-50%, 0);
    }

/*         .noUi-tooltip .handle__bottom:after {
            content: '';
            position: absolute;
            right: 0;
            width: 24px;
            height: 100%;
        } */
		
.filter_values_selected {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.filters__options__block{
	position: relative;
}
.filters__options__block .filter_values_selected{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5px;
	font-family: inter, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 700;
}
.filters__options__block .filter_values_selected span:first-child{ float: left; }
.filters__options__block .filter_values_selected span:last-child{ float: right; }


/* ¿Te ayudamos? */

.te-ayudamos {
	display: none;
}

/* CHATBOT */

.vidrabot{
	display: none;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 9999;
	transition: all 400ms linear;
}
.vidrabot__chat{
	display: none;
	position: fixed;
	bottom: 120px;
	right: 40px;
	z-index: 9999;
	height: 0;
	min-height: 250px;
	max-height: 700px;
	width: 380px;
	overflow: hidden;
	background-color: #FFF;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
	transition: all 300ms linear;
}
	.vidrabot__chat iframe{
		width: 100%;
		height: 100%;
		border: none;
	}

	.vidrabot__close{
		position: relative;
		display: none;
		float: left;
		margin-left: 250px;
		margin-bottom: 10px;
		background-color: #C0C0C0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		cursor: pointer;

		display: inline;
		position: absolute;
		top: 0px;
		right: 0px;
		background: none;

		bottom: 0px;
		position: absolute;
		right: 0px;
		top: -70px;
		z-index: 90;
	}
		.vidrabot__close:after{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			content: "\d7";
			font-size: 20px;
			font-weight: bold;
			color: #C0C0C0;
			line-height: 30px;
			text-align: center;
		}
		.vidrabot__close:hover:after{ color: #2b2e2e; }
	.vidrabot__text{
		display: none;
		position: relative;
		float: left;
		width: 280px;
		background-color: #FFF;
		color: #000;
		padding: 5px 30px;
		text-decoration: none;
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
		transition: all 600ms linear;

		display: block;
		position: absolute;
		right: 0px;
		bottom: 80px;
	}

		.vidrabot__text p,
		.vidrabot__text p a,
		.vidrabot__text:hover,
		.vidrabot__text:hover p{
			color: #000;
			text-decoration: none;
			font-weight: normal;
		}
		.vidrabot__text:after{
			content: "";
			display: block;
			position: absolute;
			bottom: -16px;
			right: 25px;
			margin: 0 auto;
			width: 0;
			height: 0;
			border-right: 8px solid transparent;
			border-left: 8px solid transparent;
			border-top: 8px solid #ffffff;
			border-bottom: 8px solid transparent;
			transition: all 600ms linear;
		}

	.vidrabot__icon{
		float: right;
		margin-top: 35px;
		margin-left: 25px;
		border-radius: 50%;
		transition: all 600ms linear;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	}
		.vidrabot__icon .sprite__vidra--icon{
			display: block;
			width: 64px;
			height: 64px;
			margin: 0;
			background-image: url("../img/chatbot.svg");
			background-position: 0px;
			background-size: 64px;
			background-repeat: no-repeat;
		}
			.vidrabot__icon--close .sprite__vidra--icon{
				position: relative;
				background: transparent;
			}
				.vidrabot__icon--close .sprite__vidra--icon:after{
					content: '';
					position: absolute;
					height: 3px;
					width: 70%;
					top: 50%;
					left: 10px;
					margin-top: -1px;
					background: #009a44;
					transform: rotate(-45deg);
				}
				.vidrabot__icon--close .sprite__vidra--icon:before{
					content: '';
					position: absolute;
					height: 3px;
					width: 70%;
					top: 50%;
					left: 10px;
					margin-top: -1px;
					background: #009a44;
					transform: rotate(45deg);
				}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
div.cvs{ display: none; }

body {
	font-family: inter, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000;
	text-rendering: optimizelegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
			font-smoothing: antialiased;
}

.wrp {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
	.main > .wrp,
	.main > .content > .wrp{
		position: relative;
		z-index: 2;
	}

h2 { font-size: 2.4em; }

h3,
.block__title {
	font-size: 1.6em;
	font-weight: 500;
}

dt {
	float: left;
	margin-right: 20px;
}

a {
	color: #000000;
	text-decoration: underline;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



a {
	color: #009a44;
	text-decoration: underline;
}
a:hover { color: #00b24f; }


.nav__tertiary { font-size: 15px; }

p,
li {
	font-size: 1.7em;
	line-height: 1.6em;
}

li p { font-size: 1em; }

.vidrada-accionistas--footer {
	padding: 40px 0px 40px 0px;
}
.vidrada-accionistas--footer h4 {
	margin-top: 0px;
}

.n-right tr td ul li:first-child {

}

.n-right tr td ul li {
	text-align: right !important;
}

[class^="icon--"],
[class*=" icon--"] {
	font-family: 'vidrala-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	[class^="icon--"] span,
	[class*=" icon--"] span {
		text-indent: -2000em;
		display: inline-block;
		display: none;
	}

.icon--menu-wide:before { content: "\e90f"; }
.icon--menu:before { content: "\e910"; }
.icon--arrow-mini-up:before,
.nav__langs.nav__langs--open .icon--arrow-mini-down:before{ content: "\e901"; }
.icon--arrow-mini-right:before { content: "\e902"; }
.icon--arrow-mini-down:before { content: "\e903"; }
.nav__langs .icon--arrow-mini-down:before,
.nav__main__primary li .icon--arrow-mini-down:before{
	content: "\e903";
	font-size: 10px;
	margin-left: 10px;
	top: -1px;
	position: relative;
	color: #FFF;
}
.icon--arrow-mini-left:before { content: "\e904"; }
.icon--cross:before { content: "\e90e"; }
.icon--bullet:before { content: "\e90b"; }
.nav__bullet__active .icon--bullet:before,
.icon--bullet-active:before { content: "\e90a"; }
.icon--rrss-facebook:before { content: "\e907"; }
.icon--rrss-twitter:before { content: "\e908"; }
.icon--rrss-linkedin:before { content: "\e909"; }
.icon--rrss-pinterest:before { content: "\e914"; }
.icon--rrss-whatsapp:before { content: "\e919"; }
.icon--arrow-right:before { content: "\e90c"; }
.icon--arrow-left:before { content: "\e90d"; }
.icon--arrow-up:before { content: "\e912"; }
.icon--arrow-down:before { content: "\e913"; }
.icon--play:before { content: "\e911"; }
.icon--circle:before { content: "\e918"; }
.icon--magnify:before { content: "\e900"; }
.icon--settings:before { content: "\e905"; }


[class^="sprite--"],
[class*=" sprite--"] {
	display: inline-block;
	background: url('../img/sprite.png') 0 0 no-repeat;
}

	[class^="sprite--"] span,
	[class*=" sprite--"] span {
		text-indent: -2000em;
		display: block;
	}


.btn-group {

}

	.btn-group .btn {
		float: left;
   		border-radius: 0;
	}

	.btn-group .btn:first-child {
		border-left: none;
		border-radius: 3px 0 0 3px;
	}
	.btn-group .btn:last-child {
   		border-radius: 0 3px 3px 0;
	}



.separata { margin: 40px 0 12px; }
.separata:after {
	content: '';
	height: 1px;
	background-color: #dddddd;
	width: 900px;
	margin: 0 auto;
	display: block;
}

/* ==========================================================================
   $ERROR 404
   ========================================================================== */
.e404{}
.e404 .content__article{
	padding-top: 0px;
	padding-bottom: 0px;
	background: transparent url("../img/e404.jpg") no-repeat center top;
	background-size: cover;
	position: relative;
}
.e404 .content__article:after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.8);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(70%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.e404 .content__article .wrp{
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	z-index: 100;
	height: calc(100vh - 310px);
}
.e404 .content__article .wrp h1{
	max-width: 440px;
	font-size: 48px;
	line-height: 52px;
	color: white;
	font-family: inter, Helvetica, Arial, sans-serif;
}
.e404 .content__article .wrp p {
	max-width: 360px;
	font-size: 24px;
	line-height: 30px;
	color: white;
	font-family: inter, Helvetica, Arial, sans-serif;
}
.e404 .content__article .wrp .form--search-aux .form-group input{
	max-width: 360px;
}
.e404 .content__article .wrp .form--search-aux button{
	left: inherit;
	margin-left: -50px;
}
.e404 footer{ border-top: none; }
.e404 header{ z-index: 200; }

@media only screen and (max-width: 767px) {
	.e404 .content__article .wrp{
		height: auto;
	}
	.e404 .content__article .wrp h1{
		font-size: 3em;
		line-height: 1.2em;
	}

}
@media only screen and (max-width: 400px) {
	.e404 .content__article .wrp .form--search-aux .form-group input{
		width: 100%;
		box-sizing: border-box;
		height: 44px;
	}
	.e404 .content__article .wrp .form--search-aux .form-group{
		float: none;
	}
	.e404 .content__article .wrp .form--search-aux button{
		display: block;
		position: absolute;

		height: 40px;
		top: 2px;
		right: 2px;
		background: white;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	}
	.e404 .form--search-aux button [class^="icon--"],
	.e404 .form--search-aux button [class*=" icon--"]{
		top: 7px;
	}
}
/* ==========================================================================
   $LAYOUT
   ========================================================================== */


.content {

}

.main > .content:first-child {
	padding-top: 184px;
}

.main .content--noticias:first-child, .main .content--news:first-child {
	padding-top: 95px !important;
}

.catalogo__title{
	float: left;
}

.no-hero--image {
	padding-top: 256px !important;
}

.hero--actualidad .slide--button {
	display: none;
}

.hero--actualidad .flickity-slider {
	left: 0px;
}

.hero--actualidad .main__carousel {
	width: 100%;
	height: 100%;
}

.hero--actualidad .flickity-viewport {
	width: 100%;
	height: 100% !important;
	position: absolute;
	overflow: hidden !important;
	/* padding-top: 100%; */
	z-index: 9;
}

.hero--actualidad .flickity-viewport .flickity-slider {
	/* margin-top: -100%; */
}

.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell {
	width: 100%;
	height: 100%;
}

.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text {
	position: relative; 
	/* bottom: 200px;
	left: 205px; */
	width: 100%;
	height: 100%;
	z-index: 99;
	
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text .slide--text-content {
	width: 100%;
	max-width: 1204px;
	padding: 0 0 172px 0;
}

.hero--actualidad .slide__title {
	color: white;
}

.hero--actualidad .slide__title .text__subtitle {
	color: white;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin: 0 0 16px;
}

.hero--actualidad .carousel__cell .carousel--wrp__img {
	height: 100%;
	width: 100%;
	position: absolute;
}

.hero--actualidad .carousel__cell .carousel--wrp__img::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
}

.hero--actualidad .carousel__cell .carousel--wrp__img picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero--actualidad .carousel__text {
	position: absolute;
	bottom: 0px;
	width: 83.5%;
	max-width: 1204px;
	padding-left: 0px;
}

@media (max-width: 1180px) {
	.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text {
		left: 0px;
	}
	.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text .slide--text-content {
		padding: 0 20px 150px 100px;
	}
	.hero--actualidad .carousel__text {
		width: 100%;
		padding-left: 100px;
	}
}

@media (max-width: 820px) {
	.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text {
		left: 0px;
	}
	.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text .slide--text-content {
		padding: 0 20px 150px 40px;
	}
	.hero--actualidad .carousel__text {
		width: 100%;
		padding-left: 40px;
	}
}

@media (max-width: 414px) {
	.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text {
		left: 0px;
	}
	.hero--actualidad .flickity-viewport .flickity-slider .carousel__cell .slide__text .slide--text-content {
		padding: 0 20px 60px 30px;
	}
	.hero--actualidad .carousel__text {
		width: 100%;
		padding-left: 30px;
	}
}

.product-list {
	margin: 40px 0;
}

.product-list {
	display: grid;
}

.section--catalogo.cuadricula .product_wrp  {
	display: grid;
}

.section--catalogo.lista .product_wrp {
   display: flex;
   flex-direction: column;
}

.section--catalogo.lista .product__item{
	position: relative;
}

.section--catalogo.lista .product__image{
	min-width: 100px;
	padding: 20px;
	min-height: 0;
}

.section--catalogo.lista .product__image .product__image__body{
	width: calc(100% - 40px);
	bottom: 20px;
	height: calc(100% - 40px);
}

.section--catalogo.lista .product_wrp .product__link{
	display: flex;
	flex-direction: row;
}

.section--catalogo.lista .product_wrp .product__info{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	width:100%;
}

.product__color__list {
	display:none;
}

.section--catalogo.lista .product__color__list {
	display:block;
}

.section--catalogo.lista .product__info > div, .section--catalogo.lista .product__info > h3{
	display: flex;
	justify-content:center;
	align-items: center;
}

.section--catalogo.lista .product__info__title {
	border-left: none;
	border-bottom: 1px #eee solid;
	border-top: 1px #eee solid;
	border-right: none;
	grid-area: 1 / 1 / 1 / 3;
}

.section--catalogo.lista .product__color__list {
	border-bottom: 1px solid #eee;
	grid-area: 2 / 1 / 2 / 2;
}

.section--catalogo.lista .product__info__compare {
	border-right: none;
	border-bottom: 1px solid #eee;
	grid-area: 2 / 3 / 2 / 2;
}

.section--catalogo.lista .product__info__data {
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	grid-area: 1 / 3 / 2 / 5;
}

.section--catalogo.lista .product__info__budget{
	grid-area: 2 / 3 / 3 / 5;
	border-top: none;
}

.section--catalogo.lista .product__image__colors {
	display:none;
}

.product-list .ghostli {
	display: none;
}

.section--catalogo.lista .product__info__data li{
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right:none;
	border-top:none;
}

.section--catalogo.lista .product__info__data--50.product__info__data li {
	display: flex;
	width: 25%;
}

.product__info__mobile {
	display: none;
}


@media (min-width: 1024px) {
	
	.mercado-list .column--one .product-family__text {
		max-width: calc(50% - 10px);
	}
	
	.product-list {
		grid-template-columns: repeat(4, 1fr);
		column-gap: 20px;	
	}
	
		.product_wrp {
			grid-column-start: 2;
			grid-column-end: 5;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 20px;
			row-gap: 20px;
		}

        .ghostli{
            display:none !important;
        }

	
}

@media (max-width: 1023px) and (min-width: 1001px) {
	
	.product-list {
		grid-template-columns: repeat(3, 1fr);
		column-gap: 36px;	
	}
	
		.product_wrp {
			grid-column: 2 / 4;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 36px;
			row-gap: 36px;	
		}  
	
    .section--catalogo.lista .product__info__data li {
        display: inline-block;
        width: 50%;
    }

}

@media (max-width: 1000px) {
	
	.product-list {
		grid-template-columns: 1fr;
		column-gap: 20px;
		row-gap: 20px;	
	}
	
		.product_wrp {
			grid-template-columns: repeat(3, 1fr);
			column-gap: 36px;
			row-gap: 20px;	
		}
	
}

@media (max-width: 767px) {
	
	.product_wrp {
		grid-template-columns: 1fr;
	}
	
	.product__info__data {
		height: auto !important;
	}
	
	.section--catalogo.lista .product__image {
		box-sizing: border-box;
		min-width: 80px;
		width: 80px;
		padding: 20px;
		min-height: 80px;
	}
	
	.section--catalogo.lista .product {
		display: flex;
		flex-direction: column;
	}
	
	.section--catalogo.lista .product__info__mobile {
		display: block;
	}
	
	.section--catalogo.lista .product__info .product__info__data,
	.section--catalogo.lista .product__info .product__info__budget {
		display: none;
	}
	
	.section--catalogo.lista .product__info__title {
		grid-area: 1 / 1 / 1 / 5;
		padding: 10px;
	}
	
	.section--catalogo.lista .product__color__list {
		grid-area: 2 / 1 / 2 / 3;
	}
	
	.section--catalogo.lista .product__info__compare {
		border-right: solid 1px #eee;
		grid-area: 2 / 3 / 2 / 5;
	}
	
	.section--catalogo.lista .product__info__data {
		height: auto;
		border-top: none;
		grid-area: 2 / 1 / 3 / 5;
	}
	
	.section--catalogo.lista .product__color__list span {
		width: 16px;
		height: 16px;
	}
	
	.section--catalogo.lista .product__info__data__block {
		font-size: 11px;
		line-height: 13px;
		padding: 12px 10px;
	}
	
	.section--catalogo.lista .product__info__data--50.product__info__data li {
		width: 50%;
	}
	
}

.filters {
}

	.filters__trigger,
	.filters__resume,
	.filters__without {
		font-size: 1.4em;
		line-height: 1.5em;
	}
	
	.filters__resume {
		margin-bottom: 40px;
	}
	.filters__without{
		float: right;
	}
		.filters__resume p { margin-top: 0; }

		.filter-tag {
			position: relative;
			display: inline-block;
			background-color: #f2f5f5;
			border-radius: 40px;
			margin: 0 10px 10px 0;
			padding: 11px 35px 9px 15px;
			line-height: 1em;
			cursor: pointer;
		}
			.filter-tag:before,
			.filter-tag:after {
				position: absolute;
				top: 50%;
				right: 20px;
				margin-top: -5px;
				content: "";
				display: block;
				width: 2px;
				height: 10px;
				background-color: #8b98a9;
			}
			.filter-tag:before {
				transform: rotate(45deg);
			}
			.filter-tag:after {
				transform: rotate(-45deg);
			}

			.filter-tag .filters__left__colors {
				margin-top: -10px !important;
				margin-bottom: -7px;
				cursor: pointer !important;
			}
			
			.filters__colors label:not([for="filter_c_blanco"]),
			.filters__colors label:not([for="filter_c_flint"]),
			.filters__colors label:not([for="filter_c_blanc"]),
			.filters__colors label:not([for="filter_c_branco"]) {
				order: 1;
			}
			
			.filters__colors label[for="filter_c_blanco"],
			.filters__colors label[for="filter_c_flint"],
			.filters__colors label[for="filter_c_blanc"],
			.filters__colors label[for="filter_c_branco"] {
				order: 0;
			}
			

		.filters__trigger [class^="icon--"],
		.filters__trigger [class*=" icon--"] {
			font-size: 1.6em;
			display: inline-block;
			vertical-align: text-top;
			margin-right: 5px;
		}


		.filters__resume .filters__left__colors {
			margin-top: 0;
			cursor: default;
		}

	.filters__trigger {
		cursor: pointer;
		color: #009a44;
		font-weight: bold;
		padding-top: 24px;

		display: flex;
		float: right;
	}
	.filters__trigger:hover { color: #000000; }

	.filters__options {
		/*display: none;
/* 		margin-top: 30px; */
	}

    .filters__options .filters__options__n input{
        max-width:100%;
		width:100%;
    }

    .filters__options form {
        margin-bottom: 60px;
    }

    .filters__options__block {
        margin-left: 40px;
        margin-right: 40px;
    }

    .filters__options__block:first-child { margin-left: 0; }

        .filters__bocas,
        .filters__colors { font-weight: bold; }

            .filters__colors label{
                display: inline-block;
                font-size: 12px;
            }
            .filters__bocas label {
                font-size: 1.2em;
                float: left;
                margin-bottom: 10px;
                width: 160px;

            }

                .filters__bocas label input{
                    margin-right: 8px;
                }
                .filters__bocas label input:checked + span{
                    color: #009a44;
                }


    .filters__options .btn { margin: 30px 0 0 0; }
	
	.filter-option-js:not(:last-child) {
		border-bottom: solid 1px #DFE4E5;	
	}

    .filters__options__title {
		cursor: pointer;
        display: block;
        font-size: 1.2em;
		line-height: 1.2;
        text-transform: uppercase;
		position: relative;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        font-family: inter, Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
    }
	
	.filters__measure__title {
		font-size: 0.875rem;
		font-weight: 700;
		line-height: 1.375rem;
	}
	
    .filter-wrp-js {
        overflow: hidden;
		transition: height .2s ease-in-out;
    }
	
		.filter-title-js:after {
			border-style: solid;
			border-width: 0.25rem 0.1875rem 0 0.1875rem;
			border-color: currentcolor transparent transparent transparent;
			content: '';
			transform: translateY(-50%);
			position: absolute;
			right: 1rem;
			top: 50%;
		}
		
		.filter--open .filter-title-js:after {
			transform: translateY(-50%) rotate(180deg);
		}
		
	.filter--blank,
	.filter--blank--half {
		display: block;
		height: 1rem;	
		width: 100%;
	}
	
	.filter--blank {
		height: 1rem;	
	}
	
	.filter--blank--half {
		height: 0.5rem;	
	}
	
	.filter__btn {
		display: flex;
		margin: 0 0.5rem 0.5rem 0;
		position: relative;
	}
	
	.filter__btn input {
		cursor: pointer;
		appearance: none;
		-webkit-appearance: none;
		position: absolute;
		height: 100%;
		width: 100%;
	}
	
	.filter__label {
		border: solid 1px currentcolor;
		border-radius: 0.25rem;
		color: #8B98A9; 
		display: inline-block;
		font-size: 0.875rem;
		line-height: 1.375rem;
		padding: 0.25rem 0.635rem;
		pointer-events: none;
		transition: color .2s ease-in-out, background-color .2s ease-out;
	}
	
	.filter__label > svg {
		fill: #8B98A9;
		margin-right: 0.375rem;
		position: relative;
		top: -1px;
		transition: fill .2s ease-in-out;
	}
	
	.filter__label .icon--filled {
		width: 14px;
	}
	
	.filter__btn input:checked ~ .filter__label {
		background: #8B98A9;
		color: #FFFFFF; 
	}
	
	.filter__btn input:checked ~ .filter__label > svg {
		fill: #FFFFFF; 
	}
    .mobile--open--filter{
        display:none;
    }
	
	@media (min-width: 1001px) {
	
		.dark__layer {
			display: none;
		}
		
	}
	
    @media (max-width: 1000px) {
		
        .mobile--open--filter p{
            display: block;
            text-decoration: none;
            padding-left: 8px;
            color: #fff;
            text-align: center;
            font-weight: 700;
            font-size: 1rem;
            line-height: 1.5rem;
            margin: 0;
        }

        .filter_aside {
            position: fixed;
            bottom: 0;
            left: 0;
            background: #fff;
            z-index: 10;
			height: calc(100% - 3.5rem);
            transform: translate3d(-100%, 0, 0);
            transition: transform 0.4s ease-in-out;
			z-index: 3;
        }
		
		.dark__layer {
			background: rgba(0, 0, 0, 0.4);
			content: '';
			height: 100vh;
			left: 0;
			opacity: 0;
			pointer-events: none;
			position: fixed;
			top: 0;
			transition: opacity 0.4s ease-in-out;
			width: 100vw;
			z-index: 2;
		}

        .filter_aside.open--filter{
            transform: translate3d(0, 0, 0);
        }
		
		.filter_aside.open--filter + .dark__layer {
			opacity: 1;
		}
		
		.after--hero .filter_aside.open--filter {
			display: block;
		}
		
		.filters {
			height: 100%;
			overflow: scroll;
			-webkit-overflow-scrolling: auto;
			-ms-overflow-style: none;
			scrollbar-width: none;
		}
		
			.filters::-webkit-scrollbar {
				display: none;
			}
		
		.filter-option-submit {
			background-color: rgba(255, 255, 255, 0.8);
			border-top: solid 1px rgb(201, 208, 210, 0.6);
			-webkit-backdrop-filter: blur(25px);
			backdrop-filter: blur(25px);
			box-sizing: border-box;
			position: fixed;
			bottom: 0;
			margin: 0;
			left: 0;
			width: 100%;
		}
		
		.filter-option-submit .btn {
			margin-top: 0;
			width: 100%;
		}
		
		.filters__options form {
			padding-bottom: 60px;	
		}

    }
	
	@media (max-width: 1000px) and (min-width: 768px) {
		
		.filter_aside {
			padding: 2rem;
		}
		
		.filter-option-submit {
			padding: 32px 32px 112px;
		}
	
		.mobile--open--filter {
			align-items: center;
			position: fixed;
			font-family: "inter", "Helvetica", "Arial", sans-serif;
			font-weight: normal;
			font-size: 1.125rem;
			line-height: 1.75rem;
			color: #fff;
			background-color: #009A44;
			display: flex;
			text-align: center;
			padding: 1rem 2rem;
			border-radius: 40px;
			white-space: nowrap;
			display: flex;
			border: none;
			cursor: pointer;
			transition: background-color .2s ease-in-out, color .2s ease-in-out;
			bottom: 2rem;
			left: 2rem;
			z-index: 100;
		}
		
		.cuadricula .product__info__data__block__value {
			align-items: center;
			display: flex;
			flex-direction: column;
		}
		
		.cuadricula .product__info__data__block__value svg {
			margin-right: 0;
			margin-bottom: 8px;
		}
	
	}
	
	@media (max-width: 767px) {
		
		.filter_aside {
			padding: 1rem;
		}
		
		.filter-option-submit {
			padding: 16px;
			bottom: 64px;
		}
		
		.mobile--open--filter {
			display: none;
			position: fixed;
			bottom: 0;
			left: 0;
			background-color: #009A44;
			z-index: 109;
			justify-content: center;
			align-items: center;
			width: 50%;
		} 
		
		.after--hero .mobile--open--filter {
			display: flex;
		}
		
		.filters__options__title {
			padding-top: 1rem;
			padding-bottom: 1rem;
		}
		
		.filters__options .filters__options__n input {
			width: calc(100% - 1.8em - 2px);
		}
		
	}

/* ==========================================================================
   $HEADER
   ========================================================================== */

.page__header {
	position: relative;
	width: 100%;
	transition: 		transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 110;
	-webkit-backface-visibility: hidden;

}

.home .page__header {
	position: absolute;
	top: 0;
}

	.page__header .wrp { height: 100%; }

	.page__header__border {
		background-color: #4A4A4A;
		opacity: 0.3;
		width: 100%;
		height: 4px;
		margin-bottom: -4px;
	}

	.page__header__top {
		background-color: #215126;
		color: #FFFFFF;
		height: 40px;
		box-shadow: 0px 4px 0px 0px rgba(74, 74, 74, 0.1);
	}

		.page__header__top__left,
		.page__header__top__right {
			display: table;
			height: 100%;
		}

		.page__header__top__left { float: left; }
		.page__header__top__right { float: right; }

			.nav__markets,
			.nav__langs { padding-left: 30px; }

			.page__header__top__links,
			.nav__markets,
			.nav__langs {
				display: table-cell;
				vertical-align: middle;
			}

			.page__header__top__links{
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.page__header__top__links li {
					display: inline-block;
					margin-right: 30px;
					font-size: 1.1em;
				}
					.page__header__top__links li.showOnTablet{
						display: none;
					}
					.page__header__top__links li a {
						color: #FFF;
						text-transform: uppercase;
						text-decoration: none;
						font-family: inter, Helvetica, Arial, sans-serif;
						font-weight: normal;
						font-size: 1em;
						line-height: 1.2em;
						letter-spacing: 2px;
					}

.page__header--classic {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
}

	.page__header--classic:before {
		content: '';
		width: 100%;
		margin: 0;
		height: 100%;
		position: absolute;
		background-color: #ffffff;
		opacity: 0;
		z-index: 10;
		pointer-events: none;
		transition: opacity 0.2s linear;
	}

.scroll-container .page__header { position: absolute; }


	.page__header [class^="icon--"],
	.page__header [class*=" icon--"] {
		position: relative;
		top: 2px;
		color: #ffffff;
		font-size: 1.6em;
	}

	.page__header .wrp { position: relative; }

		.page__header .page__header__top .wrp { z-index: 12; }


		.about-us__logo {
			display: block;
			width: 130px;
			margin: 0 auto 20px;
		}

	.page__header__logo--menu {
		position: absolute;
		display: none;
	}


	.main--fullscreen .page__header__logo { color: #ffffff; }
	.body--oncontent .page__header__logo { margin-top: 19px; }


	.nav__main,
	.nav__search {
		display: table;
		height: 100%;
	}


	.nav__main { float: left; }
	.nav__search { float: right; }

	.nav__secondary{
		margin: 0 0 30px 0;
		background-color: #ffffff;
		border-bottom: 1px solid #cccccc;
		height: 59px;
	}
		.nav__secondary__title .menu-arrow{
			display: inline-block;
			text-align: center;
			width: 20px;
			height: 20px;
			color: #000;
			position: absolute;
			top: 17px;
			right: 10px;
			font-family: 'vidrala-icons' !important;
			speak: none;
			font-size: 1em;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
			.nav__secondary__title .menu-arrow:before{
				content: "\e903";
				font-size: 10px;
			}
				.nav__secondary__title.open .menu-arrow:before{
					content: "\e901";
				}
		.nav__secondary ul {
			margin: 0;
			padding: 0;
			list-style: none;
			height: 100%;
		}
			.nav__secondary ul li {
				font-size: 1em;
				float: left;
				display: table;
				text-align: center;
				height: 100%;
			}

				.nav__secondary ul li a {
					font-family: inter, Helvetica, Arial, sans-serif;
					font-weight: normal;
					font-size: 1.3em;
					letter-spacing: 1.4px;
					line-height: 1.5em;
					text-decoration: none;
					text-transform: uppercase;
					color: #000000;
					display: block;
					display: table-cell;
					vertical-align: middle;
					padding: 20px 18px;
				}

					.nav__secondary ul li a:hover,
					.nav__secondary ul li.active a { color: #009a44; }

	.nav__secondary__line{ display: none; }
		.catalogo .nav__secondary__line,
		.content--product .nav__secondary__line{ display: block; }

	.content__article .nav__secondary {
		margin: 0;
		border-bottom: none;
		height: auto;
	}

		.content__article .nav__secondary ul {
			width: 210px;
			margin: 0;
		}

			.content__article .nav__secondary > ul > li,
			.content__article .nav__secondary .content__nav__wrp > ul > li {
				text-align: left;
				float: none;
				display: block;
				position: relative;
				border-top: 1px solid #cccccc;
				margin-top: -1px;
			}

			.content__article .nav__secondary > ul > li:first-child,
			.content__article .nav__secondary .content__nav__wrp > ul > li:first-child { border-top: none; }

				.content__article .nav__secondary > ul > li > a,
				.content__article .nav__secondary .content__nav__wrp > ul > li > a {
					position: relative;
					display: block;
					border-bottom: 1px solid #cccccc;
				}

				.content__article .nav__secondary > ul > li > a:before,
				.content__article .nav__secondary .content__nav__wrp > ul > li > a:before {
					content: '';
					position: absolute;
					left: -500%;
					top: -1px;
					width: 500%;
					height: 100%;
					background-color: #ffffff;
					border-top: 1px solid #cccccc;
					display: inline-table;
				}

				.content__article .nav__secondary.nav__secondary--contacto ul {
					width: 230px;
				}

				.content__article .nav__secondary > ul > li > a:after,
				.content__article .nav__secondary .content__nav__wrp > ul > li > a:after {
					content: '';
					position: absolute;
					left: -500%;
					bottom: -1px;
					width: 500%;
					height: 100%;
					background-color: #ffffff;
					border-bottom: 1px solid #cccccc;
					display: inline-table;
				}

				.content__article .nav__secondary > ul > li:first-child > a:before,
				.content__article .nav__secondary .content__nav__wrp > ul > li:first-child > a:before { border-top: none; }


				.content__article .nav__secondary ul li a { padding: 17px 30px 17px 0; }

				.content__article .nav__secondary ul li a:hover,
				.content__article .nav__secondary ul li.active a { color: #046a38; }

				.content__article .nav__secondary ul ul {
					position: relative;
					padding: 10px 0 30px;
				}

				.content__article .nav__secondary ul li li {
					float: none;
					display: block;
					position: relative;
					text-align: left;
					border-bottom: 0px solid #cccccc;
				}

					.content__article .nav__secondary ul li li a,
					.content__article .nav__secondary ul li.active li a {
						text-transform: none;
						color: #000000;
						padding: 10px 30px 10px 0;
						letter-spacing: 1px;
					}

					.content__article .nav__secondary ul li li a:hover,
					.content__article .nav__secondary ul li li.active a { color: #046a38; }

		.catalogo .nav__secondary,
		.content--product .nav__secondary {
			height: 59px;
			overflow: hidden;
			position: relative;
		}

			.catalogo .nav__secondary__wrp,
			.content--product .nav__secondary__wrp {
				overflow-x: scroll;
				overflow-y: hidden;
				-webkit-overflow-scrolling: touch;
				height: 74px;
				padding-bottom: 17px;
			}

				.catalogo .nav__secondary ul,
				.content--product .nav__secondary ul {
					white-space: nowrap;
					position: -webkit-sticky;
				}

					.catalogo .nav__secondary ul li,
					.content--product .nav__secondary ul li {
						float: none;
						display: inline-block;
					}
						.catalogo .nav__secondary ul li.last{
							padding-right: 70px;
						}

		.catalogo .nav__secondary:before,
		.content--product .nav__secondary:before {
			content: '';
			width: 100px;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			pointer-events: none;
			z-index: 10;
		}
		.catalogo .nav__secondary:after,
		.content--product .nav__secondary:after {
			content: '';
			width: 100px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			pointer-events: none;
			z-index: 10;
		}




		.nav__main__primary {
			display: block;
			height: 100%;
		}


			.nav__main__primary li { float: left; }

			.nav__main__primary > li {
				position: relative;
				display: table;
				height: 60px;
				margin-left: 10px;
			}
			.nav__main__primary > li:first-child { margin-left: 0; }

				.nav__main__primary li a {
					font-family: inter, Helvetica, Arial, sans-serif;
					font-weight: normal;
					font-size: 1.5em;
					line-height: 18px;
					letter-spacing: 1.88px;
					color: #ffffff;
					text-transform: uppercase;
					padding: 0 10px 1px 10px;
					display: table-cell;
					vertical-align: middle;
					position: relative;
				}
				.nav__main__primary > li:first-child a { padding-left: 0; }

				.nav__main__primary li > a:hover,
				.nav__main__primary li.active > a { color: #ffffff; }

				.nav__main__primary li > a:hover:after,
				.nav__main__primary li.active > a:after {
					content: '';
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 4px;
					background-color: #ffffff;
				}
				.nav__main__primary li:first-child > a:hover:after,
				.nav__main__primary li:first-child.active > a:hover:after{
					left: -10px;
					padding-right: 10px;
				}


			.nav__main__primary li,
			.nav__markets li,
			.nav__langs li,
			.nav__footer li { font-size: 1em; }

			.nav__markets .nav__markets__trigger,
			.nav__langs .nav__langs__trigger {
				font-family: inter, Helvetica, Arial, sans-serif;
				font-weight: normal;
				font-size: 1em;
				line-height: 1.2em;
				text-transform: uppercase;
				letter-spacing: 2px;
				color: #FFF;
				padding: 0;
			}

				.nav__main__primary > li > ul,
				.nav__main__primary li > ul {
					display: none;
				}
					.nav__markets ul,
					.nav__langs ul{
						display: none;
						position: absolute;
						width: auto;
						white-space: nowrap;
						top: 40px;
						padding: 10px 30px;
						margin-left: -30px;
						background-color: #1b3f1e;

					}
						.nav__markets ul:after,
						.nav__langs ul:after{
							content: "";
							position: absolute;
							top: -19px;
							margin: 0 auto;
							width: 0;
							height: 0;
							left: 30%;
							border-top: 10px solid transparent;
							border-left: 10px solid transparent;
							border-right: 10px solid transparent;
							border-bottom: 10px solid #1b401f;
						}

						.nav__markets.nav__markets--open ul,
						.nav__langs.nav__langs--open ul { display: block; }
							.nav__langs ul li {  }

								.page__header__top__right .nav__langs ul li a {
									font-family: inter, Helvetica, Arial, sans-serif;
									font-weight: normal;
									font-size: 1.4em;
									text-transform: uppercase;
									letter-spacing: 2px;
									color: #ffffff;
								}

								.nav__langs ul li a:hover { color: #77BC1F; }

								.separata__mercados {
									width: auto;
									border-top: 1px solid #2c4e2f;
								}

				.page__header--classic .nav__main__primary > li > ul,
				.page__header--classic .nav__langs ul {
					transform: translate(0, -20px);
				}

				.nav__main__primary > li > ul:before {  }

				.nav__main__primary > li.onmenu > ul,
				.nav__main__primary li.onmenu > ul,
				.nav__langs.onmenu > ul {
					display: block;
					transform: translate(0, 0);
				}

				.nav__main__primary > li > ul ul,
				.nav__main__primary > li.onmenu > ul ul {
				}

					.nav__main__primary > li > ul > li,
					.nav__main__primary > li > ul li,
					.nav__langs > ul > li {
						position: relative;
						margin: 0 14px;
						height: 100%;
						width: 100%;
						margin: 0;
					}
					.nav__main__primary > li > ul > li:last-child,
					.nav__main__primary > li > ul li:last-child { margin-right: 0; }

						.nav__main__primary > li > ul > li a,
						.nav__footer li > ul > li > a,
						.nav__langs > ul > li > a {
							font-size: 1.6em;
							line-height: 1.4em;
							text-decoration: none;
							display: inline-block;
							width: 100%;
							padding: 6px 0;

						}
						.nav__footer li > ul > li > a { line-height: 1.6em; }

			.nav__main__primary > li > a,
			.nav__langs a,
			.nav__footer ul > li > a {
				position: relative;
				font-size: 1.5em;
				line-height: 1.25em;
				text-decoration: none;
			}

				.nav__main__primary > li > a [class^="icon--"],
				.nav__main__primary > li > a [class*=" icon--"],
				.nav__langs a [class^="icon--"],
				.nav__langs a [class*=" icon--"] { font-size: 1em; }

			.nav__main__primary > li.onmenu:before,
			.nav__langs.onmenu:before,
			.nav__footer ul > li.onmenu:before {
				background: transparent url("../sprite.png") no-repeat 0px 0px;
				display: block;
				width: 40px;
				height: 20px;
				background-position: -74px -64px;
				top: -2px;
				position: relative;
			}


		.nav__search {

		}

			.nav__search a {
				color: #ffffff;
				line-height: 1.25em;
				text-decoration: none;
				display: table-cell;
				vertical-align: middle;
			}

			.nav__search a [class^="icon--"],
			.nav__search a [class*=" icon--"] {
				font-size: 2.5em;
				color: #ffffff;
			}

			.nav__search a {
				transition: 		transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s linear;
				transform: translate(0, 0%);
				opacity: 1;
			}

			.nav__search a.search-open {
				transform: translate(0, 50%);
				opacity: 0;
			}


		.nav__footer {  }

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

			.nav__footer li > ul {
				margin-top: 5px;
				display: table;
			}

			.nav__footer > ul > li {
				float: left;
				width: 230px;
				margin:  1.3em 0 0 20px;
			}
			.modal .nav__footer > ul > li {
				float: none;
				width: auto;
				margin:  3em 0 0 0;
			}

				.nav__footer > ul > li:first-child,
				.nav__footer > ul > li:nth-child(odd),
				.nav__footer > ul > li.isOdd { margin-left: 0; }

				.nav__footer > ul > li > a {  }

				.modal .nav__footer > ul > li li {
					float: left;
					margin-right: 20px;
				}
				.modal .nav__footer > ul > li li:last-child  { margin-right: 0; }

			.nav__footer a {
				text-decoration: none;
				color: #000000;
			}
			.nav__footer a:hover { color: #666666; }


		.nav__footer + .nav__footer {
			border-top: 1px solid #e5e5e5;
			margin-top: 20px;
			padding-top: 25px;
		}

			.nav__footer + .nav__footer > ul > li { margin-top: 0; }

			.nav__main--p22 { }

	.nav__side {
		width: 400px;
		height: 100%;
		background-color: #e1261c;
		position: fixed;
		top: 0;
		left: 100%;
		padding: 30px
	}
	.nav__side:before {
		content: '';
		width: 100vw;
		height: 100%;
		background-color: #e1261c;
		position: absolute;
		top: 0;
		left: 100%;
		padding: 30px
	}

	.nav__side [class^="icon--"],
	.nav__side [class*=" icon--"] { color: #ffffff; }

		.nav__side .nav__main,
		.nav__side .nav__search,
		.nav__side .nav__langs {
			margin: 0 0 15px;
			float: right;
		}

		.nav__side .nav__main {
			margin-top: 150px;
			position: relative;
		}

		.nav__side .nav__main__primary {  }

			.nav__side .nav__main > ul > li {
				margin: 0;
				text-align: right;
				float: none;
			}
			.nav__side .nav__langs > ul > li { text-align: right; }

			.nav__side .nav__main__primary a {
				font-size: 3.8em;
				font-weight: 300;
				margin-top: 0;
				margin-left: -3px;
				line-height: 1.4em;
				color: #ffffff;
			}

			.nav__side .nav__main__primary a:hover { opacity: 0.8; }

			.nav__side .nav__main__primary li.active > a { font-weight: 500; }

			.nav__side .nav__main__primary > li > ul {
				top: 0;
				left: 100%;
				padding: 0 0 0 20px;
				margin-left: 40px;
				text-align: left;
				transform: translate(20px, 0);
			}

			.nav__side.onmenu .nav__main__primary > li.onmenu > ul {
				display: block;
				transform: translate(0, 0);
				opacity: 1;
			}

				.nav__side .nav__main__primary > li > ul li {  }

			.curtain {
				display: block;
				width: 100%;
				height: 100%;
				background-color: #000000;
				position: fixed;
				top: 0;
				left: 100%;
				z-index: 10;
			}

		.nav__side .nav__langs {  }

#modal_intro img {
			width: 100%;
		}


.text--modal {

}

	.text--modal .text__title {
		margin-bottom: 32px;
	}



.bloque--pagination{
	text-align: center;
	padding-bottom: 40px;
}
	.bloque--pagination .wrp{
	}
	.bloque--pagination a,
	.bloque--pagination span{


	}

.bloque--pagination.pagination--noticias {
	text-align: left;
}

	.content--accionistas{
		min-height: 860px;
	}

.content--accionistas.content--agenda-del-inversor table.tabla.tabla--1 li + li {
	text-align: right;
}





/* ==========================================================================
   $LAYOUT
   ========================================================================== */

.layout {  }

	.layout__column {  }

	.layout__column--one { width: 100%; }

		.layout__column--one .layout__column { float: left; }

		.layout__column--one .layout__column--one,
		.layout__column--one .layout__column--two-half,
		.layout__column--one .layout__column--three-third,
		.layout__column--one .layout__column--four-fourth { width: 100%; }

		.layout__column--one .layout__column--one-half { width: 50%; }

		.layout__column--one .layout__column--one-third { width: 33.33333%; }
		.layout__column--one .layout__column--two-third { width: 66.66666%; }

		.layout__column--one .layout__column--one-fourth { width: 25%; }
		.layout__column--one .layout__column--two-fourth { width: 50%; }
		.layout__column--one .layout__column--three-fourth { width: 75%; }

		.layout__column--one .layout__column > * { padding: 0 10px; }
		.layout__column--one .layout__column:first-child > * { padding-left: 0; }
		.layout__column--one .layout__column:last-child > * { padding-right: 0; }



.wrp--catalogo {
	min-height: 400px;
}



.main {
	position: relative;
	background-color: #ffffff;
}

.main--fullscreen { margin-top: 0; }

	.main__head {
		display: inline-block;
		width: 100%;
		margin-top: -300px;
		padding-top: 300px;
		background: url('../img/background--vidrala.jpg') center center no-repeat;
		background-size: cover;
		overflow: hidden;
	}

		.main__head .wrp {
			position: relative;
			display: table;
			height: 100%;
		}

		.main__head__title {
			min-height: 90px;
			padding: 50px 150px 0 0;
		}

			.main__head__title p.h1,
			.main__head__title h1,
			.article__title {
				font-family: inter, Helvetica, Arial, sans-serif;
				font-weight: 700;
				font-size: 3rem;
				line-height: 3.5rem;
				letter-spacing: -.3px;
				margin: 0 0 24px;
				/* margin-bottom: 0px; */
				/* margin-left: -10px; */
			}
			
			@media only screen and (min-width: 768px) {
				
				.content--catalogo .article__title {
					margin: 0 0 48px;
				}
			
					.product-list .column--one .product-family__text__title,
					.product-list .column--one .product-family__text__description {
						max-width: 50%;
					}
			
			}	
			
			
				.content--product .article__title {
					font-size: 3rem;
					line-height: 3.5rem;
					letter-spacing: -.3px;
					margin-bottom: 56px;
				}

			.section--detalle .article__title,
			.section--catalogo-prefooter .text__maintitle {
				font-size: 3rem;
				line-height: 3.5rem;
				letter-spacing: -.3px;
			}
			
			.section--detalle .article__title {
				font-size: 64px;
				font-weight: 700;
				line-height: 72px;
				letter-spacing: -0.5px;
				text-align: left;
			}

@media only screen and (min-width: 768px) {
	
	.catalogo__title.article__title {
		margin: 0 0 48px;
	}

		.product-list .column--one .product-family__text__title,
		.product-list .column--one .product-family__text__description {
			max-width: 50%;
		}

}	

.content__article {
	min-height: 400px;
}

	.content__article .nav__secondary,
	.content__article .article__nav,
	.content__article .article__info { float: left; }

	.content__article .nav__secondary,
	.content__article .article__nav { width: 240px; }
	.content__article .article__info { width: 610px; }
	.content--comunicacion .content__article .article__info{
		min-height: 800px;
	}

	.content__article .article__nav { height: 200px; }

	.content__article .nav__secondary + .article__info,
	.content__article .article__nav + .article__info { margin-left: 20px; }

	.article__info + .nav__secondary,
	.article__info + script + .nav__secondary {
		position: absolute;
		top: 40px;
		left: 10px;
	}

	input#idPresuAmount{
		border-right: none;
	}

	.presupuesto__footer{
		border-bottom: none;
	}
	.presupuesto__footer .preview__product,
	.presupuesto__footer .preview__data{
		width: auto;
		display: inline-block;
	}
		.presupuesto__footer  .preview__product{
			float: left;
		}
		.presupuesto__preview .thead .preview__data{
			text-align: right;
		}
		.presupuesto__footer .preview__data{
			float: right;
		}
			.presupuesto__footer .preview__data .btn{
				margin-right: 0;
			}

            .presupuesto__preview .noUiSliderSingle {
                margin-top: 60px;
                margin-bottom: 60px;
                width: 280px;
            }

	#solicitar > p{
		margin-bottom: 50px;
	}

	.article__text,
	.article__table,
	.article__docs,
	.article__terms { margin-bottom: 40px; }

	.article__text p,
	.article__info p {
		font-size: 22px;
		line-height: 36px;
		font-weight: 400;
		margin: 0 0 36px;
	}
	.article__info .hero__pretitle {
		margin-top: -50px;
	}

	.article__text p:last-child { margin-bottom: 0; }

			.presupuesto .article__title,
			.comparador .article__title{
				margin-top: 50px;
			}

		.widget__title .article__title + p { margin-top: -35px; }
		.widget__title .article__title + p a { text-decoration: none; }
		.widget__title .article__title + p a:hover { text-decoration: underline; }

		.article__intro,
		.article__text .article__intro {
			font-weight: 400;
			font-size: 18px;
			line-height: 28px;
			margin: 56px 0 56px;
			/* margin-left: -10px; */
		}
		
		.content--innovacion .article__intro,
		.content--innovacion .article__text .article__intro {
			font-weight: 400;
			font-size: 2rem;
			line-height: 3rem;
			margin: 0 0 56px;
		}
		
		.content--publicaciones .article__intro, .content--publications .article__intro {
			font-weight: 400;
			font-size: 22px;
			line-height: 36px;
			margin: 56px 0 56px;
		}
		
		.content--publicaciones .pb--small, .content--publications .pb--small {
			padding-bottom: 64px;
			margin-bottom: 0px;
		}
		
		.content--politica-medioambiental .article__intro, .content--medioambiente .article__intro, .content-environment .article__intro, .content--environment .article__intro {
			font-size: 26px;
			line-height: 36px;
			margin: 24px 0 56px;
		}
		
		.content--certificaciones .article__text, .content--certificates .article__text, .content--certificates .article__text, .content--certificates .article__text {
			font-size: 26px;
			line-height: 36px;
			margin: 26px 0 56px;
		}
		
		.content--certificaciones .article__info img, .content--certificates .article__info img {
			height: auto !important;
		}
		
		.content--certificaciones .article__info table > *, .content--medioambiente .article__info table > *, .content--certificates .article__info table > *, .content--environment .article__info table > * {
			width: 100%;
		}
		
		.hero__description {
			font-family: inter;
			font-size: 21px;
			font-weight: 400;
			line-height: 28px;
			letter-spacing: 0px;
			text-align: left;
			color: white;	
		}
		
		.publicaciones__intro {
			margin-top: 0px !important;
		}
		
		.article__about h3 {
			font-weight: 700;
			font-size: 32px;
			line-height: 48px;
			margin: 56px 0 46px;
			color: #009A44;
		}
		
		.article__about p {
			font-weight: 400;
			font-size: 22px;
			line-height: 36px;
			color: #8B98A9;
		}

		p ~ .article__intro,
		.article__text p ~ .article__intro { margin-top: 56px; }

		.article__intro + .article__docs { margin-top: 40px; }

		.article__docs .article__intro { margin-bottom: 24px; }

		.article__terms .article__intro {
			float: left;
			margin-bottom: 24px;
		}

			.article__terms form .article__intro{
				float: none;
			}

		.article__terms .product__info__compare {
			float: right;
			font-size: 1.6em;
			text-align: left;
			margin-top: 12px;
			border: none;
		}

			.article__terms .product__info__compare a { text-decoration: none; }

		.article__text li { margin: 1em 0; }



	.result-list {
		padding-bottom: 40px;
	}

		.result__item { margin-bottom: 30px; }


		.result__title {
			font-size: 2em;
			font-weight: bold;
		}




	.legal { padding: 50px 0; }

		.legal p + h2,
		.legal ul + h2 { margin-top: 30px; }










/* ==========================================================================
   $TABLA
   ========================================================================== */

	table,
	dl {
		font-family: inter, Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 1em;
		border-collapse: collapse;
		margin: 0 -10px 30px;
		padding-bottom: 40px;
	}

		table caption {
			padding: 0px 10px;
			text-align: left;
			vertical-align: top;
		}

		table tr,
		table tr,
		dl dt,
		dl dd {
			background-color: white;
			/* border-top: 1px solid #eeeeee; */
			border-left: none;
			border-right: none;
		}

		dl dt { width: 150px; clear: left; }
		dl dt:first-child,
		dl dd:first-child { border-top: none; }

		table tbody tr.odd,
		dl dt.odd,
		dl dd.odd { background-color: #f8f8fa; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

			table th,
			dl dt { font-weight: bold; }

			table th,
			table td,
			dl dt,
			dl dd {
				padding: 20px 10px;
				text-align: left;
				vertical-align: top;
			}

		table ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
		}

			table td li { float: left; }

				table td li:first-child span { padding-left: 0; }
				table td li:last-child span { padding-right: 0; }

			table .thead li { font-weight: bold; }

		table .numeric { text-align: right; }
		table .numeric--left { text-align: left; }


	.article__info table { /*width: 720px;*/ width: 100%; margin: 0; }
	.article__info table > * { /*width: 720px;*/ width: 45%; }
	
	.article__info table tbody {
		display: flex;
		flex-direction: column;
		/* flex-wrap: wrap; */
	}

	.content--accionistas .article__info table tbody {
		display: table-row-group;
	}
	
	.article__info table tbody tr:first-child {
		border-top: none;
	}
	
	.article__info img {
		width: 100%;
		height: auto;
		max-width: 100%;
		object-fit: contain;

		margin-top: 0;
		margin-bottom: 56px;
	}
	
	.content--multimedia .gallery__img img {
		height: auto;
	}
	
	.proceso-productivo .article__info img { margin: 0; }

		img + .article__docs { margin-top: 40px; }



		.norbolsa {
			width: 102%;
			margin-left: -2%;
		}





.article__table {  }

	.article__table .article__intro,
	.article__terms .article__intro,
	.article__form .article__intro,
	.article__footer .article__intro {
		color: #005220;
		margin-top: 0px;
	}
		.section--producto .article__terms .article__intro { color: #000; }

	.table--horizontal-top{
		display: none;
	}


.article__footer {  }


	.article__footer .layout__column > p { margin-top: 0; }




.content--certificaciones, .content--certificates {

}

	.content--certificaciones img,
	.content--certificates img {
		width: auto;
		display: block;
	}





ul.tbody li:first-child span.m_right{
	text-align: left;
	display: block;
	padding: 0 10px;
}

span.m_right{
	text-align: right;
	display: block;
	padding: 0 10px;
}





/* ==========================================================================
   $DOCS
   ========================================================================== */

.article__docs {

}

.article__docs .article__intro {
	font-size: 32px;
	line-height: 48px;
	font-weight: 400;
	/* margin-left: -10px; */
}

	.doc__tabs {
		padding: 0;
		border: none;
	}

		.tabs-line {
			height: 49px;
			overflow: hidden;
		}

		.tab__wrp {
			overflow-x: scroll;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			padding-bottom: 17px;
		}

		.tab__list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: table;

			white-space: nowrap;
			position: -webkit-sticky;
		}

			.tab__element {
				display: inline-block;
				position: relative;
				margin-left: 5px;
				border: 1px solid #eeeeee;
				border-bottom-color: #c9c9c9;
				outline: none;
			}
			.tab__element:first-child { margin-left: 0; }

			.tab__element.ui-state-active {
				border-color: #c9c9c9;
				border-bottom-color: #ffffff;
			}

				.tab__element a {
					font-weight: normal;
					display: block;
					text-decoration: none;
					color: #999999;
					padding: 14px 24px 9px;
					background-color: #f8f8fa;
					outline: none;
				}

				.tab__element.ui-state-active a {
					background-color: #ffffff;
					color: #000000;
				}

		.tab__content { margin-top: -1px; }

			.tab__content table,
			.article__table table,
			.article__docs table,
			dl  { margin-bottom: /*16*/0px; padding-bottom: 0px; }
			dl { padding-bottom: 0; }

			.tab__content tr:first-child,
			dl dt:first-child,
			dl dt:first-child + dd { border-top: 1px solid #c9c9c9; }

			.tab__content tr.odd { background-color: #ffffff; }
			.tab__content tr.even { background-color: #f8f8fa; }

			.doc__fecha { width: 100px; }
			.doc__link { width: 550px; }
			.doc__link:first-child { /*width: 650px;*/ }

				.doc__link a {
/* 					display: block; */
					text-decoration: none;
				}

					.doc__link a .doc-text {
						padding: 0;
						margin-top: 10px;
						color: #000000;
					}

			.tab__content__column {
				width: 315px;
				margin-left: 20px;
			}
			.tab__content__column:first-child { margin-left: 0; }


            .article__table table ul.tbody {
                display: flex;
                align-items: center;
            }

                .article__table table .table__title {
                    padding-right: 16px;
                }

                    .article__table table .table__title span span {
                        display: block;
                        font-size: 12px;
                    }




.main__content {
	background-color: #ffffff;
	min-height: 300px;
	position: relative;
	z-index: 10;
}

	.main__content .wrp { display: table; }








/* ==========================================================================
   $BREADCRUMB
   ========================================================================== */

.breadcrumb {
	font-size: 1.6em;
	line-height: 1em;
/* 	background-color: #215126; */
	display: block;
	width: 100%;
	padding: 0;
	position: relative;
}

.breadcrumbs {
	padding: 48px 0px 24px 0px;
}

/*
.breadcrumb:after {
	content: '';
	background-color: #215126;
	width: 1000px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
}
*/

	.breadcrumb ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 1em;
	}
	.breadcrumb > ol {
		display: inline-block;
		padding: 7px 0;
	}

		.breadcrumb ol li {
			display: inline;
			font-size: 1em;
			margin: 0;
			padding: 0;
/* 			color: white; */
		}

			.breadcrumb ol li a {
				color: #8B98A9;
				font-weight: normal;
				text-decoration: none;
/* 				color: #b5cfc0; */
/* 				line-height: 1.9em; */
				/* margin-right: 5px;
				margin-left: 8px; */
			}
			
			.breadcrumb ol li a {
				color: #8B98A9;
				font-weight: normal;
				text-decoration: none;
			/* 	color: #b5cfc0; */
			/* 	line-height: 1.9em; */
				margin-right: 0px;
				margin-left: 3px;
			}
			.breadcrumb ol li a::after {
				content: " |";
				position: relative;
				
			}
			.breadcrumb ol li:last-child a {
				color: black;
				font-weight: normal;
				text-decoration: none;
			/* 	color: #b5cfc0; */
			/* 	line-height: 1.9em; */
				margin-right: 0px;
				margin-left: 3px;
			}
			.breadcrumb ol li:last-child a::after {
				display: none;
			}
				.breadcrumb ol li span { margin-left: 5px; }
				.breadcrumb > ol > li:first-child > a { margin-left: 0; }
			.breadcrumb ol li a:hover {
/* 				color: #b5cfc0; */
				text-decoration: underline;
			}

.home .breadcrumb { display: none; }

header .breadcrumb {
	float: left;
	margin-top: 10px;
	position: fixed;
	right: 115px;
	transition: opacity 0.2s linear;
	opacity: 0.4;
	z-index: 10;
}
.main--fullscreen header .breadcrumb,
.body--menu header .breadcrumb { color: #ffffff; }

	header .breadcrumb li a { text-decoration: none; }
	.main--fullscreen header .breadcrumb li a,
	.body--menu header .breadcrumb li a { color: #ffffff; }

header .breadcrumb:hover { opacity: 1!important; }



.catalogo .filters {
	margin-top: 35px;
	position: relative;
}

.catalogo.wrp > h1 { color: white; }

.catalogo .product__info__budget:hover { color: #509132; }

.catalogo__mercados {
	height: 900px;
}

	.catalogo__mercados ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}



















/* ==========================================================================
   $NOTICIAS
   ========================================================================== */

.news-list {
	padding-right: 85px;
}

	.news-list__element {

	}

		.news-list__title {
			font-family: inter, Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-size: 2.4em;
			line-height: 1.4em;
			margin: 0 0 2em;
		}

			.news-list__title a {
				font-weight: normal;
				text-decoration: none;
			}

		.news-list__date,
		.article__date,
		.article__text .article__date {
			font-family: inter, Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-size: 1.125rem;
			line-height: 1.75rem;
			margin: 0 0 4px;
		}

		.news-list__date { font-size: 2em; }

.share ul {
	list-style-type: none;
	overflow: hidden;
	padding: 0px;
}

.share li {
	float: left;
}

.share ul li a {
	display: block;
}

.share .icon--circle {
	display: none;
}

.share span{
	font-size: 20px;
	color: #009a44;
	margin-right: 10px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #009a44;
	padding: 15px;
	float: left;
	display: block;
}





.sd__image--exists {
	margin-top: 96px;
}

.image__thumb,
.video__thumb {
	position: relative;
	width: 100%;
	display: inline-block;
	background-color: #e8e7e8;
	text-align: center;
	overflow: hidden;
}

	.image__thumb:before,
	.video__thumb:before {
		content: "";
		display: block;
		margin-top: 100%;
	}

	.image__thumb--16_9:before,
	.video__thumb--16_9:before { margin-top: 56.25%; }

	.image__thumb a,
	.video__thumb a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		.image__thumb a img,
		.video__thumb a img {
			width: 100%;
			position: absolute;
			top: -9999px;
			bottom: -9999px;
			left: -9999px;
			right: -9999px;
			margin: auto;
		}








/* ==========================================================================
   $MAP
   ========================================================================== */


.map {

}

	.map__zoom {
		user-select: none;
		border-radius: 2px;
		cursor: pointer;
		background-color: rgb(0, 0, 0);
		width: 40px;
		height: 80px;

		bottom: 60px!important;
		right: 30px!important;
	}

		.map__zoom__btn {
			width: 40px;
			height: 40px;
			font-size: 3em;
			color: #999999;
			text-align: center;
			line-height: 40px;
		}

		.map__zoom__btn:hover { color: #e1261c; }

		.map__zoom__btn:first-child:after {
			content: '';
			width: 30px;
			height: 1px;
			background-color: #333333;
			margin: 0 auto;
			display: block;
		}



/* ==========================================================================
   $FOOTER
   ========================================================================== */

footer {
	background-color: #009a44;
	color: #ffffff;
	/* border-top: 1px solid #ececec; */
}

.main--contact footer { margin-top: -41px; }



	footer .claim { margin: 0; }

	footer .claim[itemprop="address"] strong {
		display: inline-block;
		margin-bottom: 5px;
	}

	footer .copy {  }

		footer .copy .wrp {
			padding-top: 20px;
			padding-bottom: 20px;
		}

		footer .legal {
			float: left;
			padding: 0;
		}
		footer .social { float: right; }

		footer .copy p,
		footer .nav__legal li a {
			font-size: 1.4em;
			line-height: 1.4em;
			margin: 1em 0;
			color: #ffffff!important;
			text-decoration: none;
			display: block;
		}
		footer .nav__legal li a:hover,
		footer .nav__social li a:hover { text-decoration: underline; }

		footer .nav__legal > ul > li li { font-size: 1em; }

		footer .copy p,
		footer .nav__legal,
		footer .nav__legal li { float: left; }
		footer .nav__legal li {
			font-size: 1em;
			margin-left: 20px;
		}
		footer .nav__legal li a:before,
		footer .nav__social li a:before {
			content: "·";
			position: absolute;
			margin-left: -12px;
		}
		footer .nav__social li:first-child a:before { content: none; }
		footer .nav__legal li a:hover:before,
		footer .nav__social li a:hover:before { color: #ffffff; }



footer .col-right .claim,
footer .col-right .social { float: left; }
footer .col-right .social { margin: 0 0 0 216px; }

.social { height: 48px; }

	.social p,
	.social .nav__social { float: left; }

	.nav__social li {
		float: left;
		margin-left: 20px;
		font-size: 1em;
	}

	.nav__social li a {
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 1em 0;
		color: #ffffff!important;
		text-decoration: none;
		display: block;
	}


.legal-nav a {
	color: #000000;
	text-decoration: none;
}

.dn{
	display: none;
}






















/* ==========================================================================
   $MENU
   ========================================================================== */
	.vidrala > .header {
		margin: 0px 0px 30px 0px;
		height: 265px;
		position: relative;
	}

	.vidrala > .header > .nav__secondary{
		margin: 0 0 20px 0;
		position: absolute;
		width: 100%;
		bottom: -1px;
		border-bottom: 1px #eeeeee solid;
	}



	.vidrala > .nav__tertiary{
		ffont-family: inter, Helvetica, Arial, sans-serif;
		font-weight: 300;
		margin: 0 0 30px 0;
		padding: 0 20px;
		background-color: #FFF;
		position: relative;
		width: 100%;
	}
	.vidrala > .nav__tertiary ul{
		display: table;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.vidrala > .nav__tertiary ul li{
		display: table-cell;
		width: auto;
		vertical-align: middle;
		text-align: left;
	}
	.vidrala > .nav__tertiary ul li a{
		display: block;
		text-decoration: none;
		font-size: 1em;
		line-height: 1.4em;
		padding: 20px 15px;
	}
	.vidrala > .nav__tertiary ul li a:hover,
	.vidrala > .nav__tertiary ul li.active a{
		color: #009a44;

	}

	.vidrala > .content{
		font-family: inter, Helvetica, Arial, sans-serif;
		font-weight: 300;
	}
	.vidrala > .content .html{
		margin-bottom: 45px;
		width: 66.66%;
	}
	.vidrala > .content .html h3{
		color: #005220;
		font-weight: bold;
		font-size: 2em;
		margin: 0px 0px 15px 0px;
	}
	.vidrala > .content .html p{
		margin-top: 0px;
	}










/* ==========================================================================
   $FORMS
   ========================================================================== */

textarea,
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"],
.form__element__mask,
select,
.select2-container--default .select2-selection--single {
	position: relative;
	display: inline-block;
	font-size: 1.7em;
	color: #000000;
	width: 280px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	border: 1px solid #cccccc;
	outline: none;
	padding: 0.589em 0.9em;
	z-index: 3;
	box-sizing: content-box;
	border-radius: 0;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	appearance: none;

	-webkit-user-select: text;
}
textarea {
	font-size: 1.7em!important;
	width: 613px;
	min-height: 58px;
	height: 180px;
	-webkit-user-select: text;
}

	.form__inline .select2-container {
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		color: #000000;
		padding: 0;
		height: 24px;
		line-height: 24px;
	}

	.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #757575; }


textarea: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 {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


span.validation-help,
span.validation-error {
	width: 100%;
	max-height: 0;
	white-space: normal;
	word-wrap: break-word;
	font-size: 1.3em;
	text-align: left;
	line-height: 35px;
	color: #999;
	display: block;
	position: relative;
	opacity: 0;
	overflow: hidden;
	z-index: 10;
	transition: all .25s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}


span.validation-error {
	display: block;
	color: #e1261c;
	max-height: 35px;
	margin-top: -1px;
	padding: 5px 0 0px;
	font-weight: 700;
	border-top: 1px #e1261c solid;
}

.nav__search span.validation-error {
	position: absolute;
	left: 0;
	top: 10px;
	border: none;
	padding: 5px 20px 7px 0;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	width: 90%;
	text-align: right;
	z-index: 2;
	transition: none;
}

	.nav__search span.validation-error [class^="icon--"],
	.nav__search span.validation-error [class*=" icon--"] {
		color: #e1261c!important;
		margin-right: 3%;
		top: 3px;
	}

span.validation-error [class^="icon--"],
span.validation-error [class*=" icon--"] {
	font-size: 1.2em;
	color: #db3a1b;
}

.swift-out {
   transition-timing-function: cubic-bezier(0.280, 0.000, 0.115, 1.000);
}

textarea ~ span.validation-error,
input[type="text"] ~ span.validation-error,
input[type="password"] ~ span.validation-error,
input[type="datetime"] ~ span.validation-error,
input[type="datetime-local"] ~ span.validation-error,
input[type="date"] ~ span.validation-error,
input[type="month"] ~ span.validation-error,
input[type="time"] ~ span.validation-error,
input[type="week"] ~ span.validation-error,
input[type="number"] ~ span.validation-error,
input[type="email"] ~ span.validation-error,
input[type="url"] ~ span.validation-error,
input[type="search"] ~ span.validation-error,
input[type="tel"] ~ span.validation-error,
input[type="color"] ~ span.validation-error,
input[type="file"] ~ span.validation-error,
input[type="checkbox"] ~ span.validation-error,
.uneditable-input ~ span.validation-error {
	opacity: 1;
	max-height: 35px;
}

textarea ~ span.validation-valid,
input[type="text"] ~ span.validation-valid,
input[type="password"] ~ span.validation-valid,
input[type="datetime"] ~ span.validation-valid,
input[type="datetime-local"] ~ span.validation-valid,
input[type="date"] ~ span.validation-valid,
input[type="month"] ~ span.validation-valid,
input[type="time"] ~ span.validation-valid,
input[type="week"] ~ span.validation-valid,
input[type="number"] ~ span.validation-valid,
input[type="email"] ~ span.validation-valid,
input[type="url"] ~ span.validation-valid,
input[type="search"] ~ span.validation-valid,
input[type="tel"] ~ span.validation-valid,
input[type="color"] ~ span.validation-valid,
input[type="file"] ~ span.validation-valid,
input[type="checkbox"] ~ span.validation-valid,
.uneditable-input ~ span.validation-valid {
	opacity: 0;
	max-height: 0;
	padding: 0;
	border-color: transparent;
}

textarea:focus ~ span.validation-help,
input[type="text"]:focus ~ span.validation-help,
input[type="password"]:focus ~ span.validation-help,
input[type="datetime"]:focus ~ span.validation-help,
input[type="datetime-local"]:focus ~ span.validation-help,
input[type="date"]:focus ~ span.validation-help,
input[type="month"]:focus ~ span.validation-help,
input[type="time"]:focus ~ span.validation-help,
input[type="week"]:focus ~ span.validation-help,
input[type="number"]:focus ~ span.validation-help,
input[type="email"]:focus ~ span.validation-help,
input[type="url"]:focus ~ span.validation-help,
input[type="search"]:focus ~ span.validation-help,
input[type="tel"]:focus ~ span.validation-help,
input[type="color"]:focus ~ span.validation-help,
input[type="file"]:focus ~ span.validation-help,
.uneditable-input:focus ~ span.validation-help {
	opacity: 1;
	max-height: 35px;
}

input[type="checkbox"] ~ span.validation-help,
input[type="checkbox"] ~ span.validation-error {
	width: 100%;
	margin: 10px 0 0;
}

input[type="password"]:focus {
	border-color: #cccccc;
	box-shadow: none;
}

textarea:focus ~ span.validation-help + span.validation-error,
input[type="text"]:focus ~ span.validation-help + span.validation-error,
input[type="password"]:focus ~ span.validation-help + span.validation-error,
input[type="datetime"]:focus ~ span.validation-help + span.validation-error,
input[type="datetime-local"]:focus ~ span.validation-help + span.validation-error,
input[type="date"]:focus ~ span.validation-help + span.validation-error,
input[type="month"]:focus ~ span.validation-help + span.validation-error,
input[type="time"]:focus ~ span.validation-help + span.validation-error,
input[type="week"]:focus ~ span.validation-help + span.validation-error,
input[type="number"]:focus ~ span.validation-help + span.validation-error,
input[type="email"]:focus ~ span.validation-help + span.validation-error,
input[type="url"]:focus ~ span.validation-help + span.validation-error,
input[type="search"]:focus ~ span.validation-help + span.validation-error,
input[type="tel"]:focus ~ span.validation-help + span.validation-error,
input[type="color"]:focus ~ span.validation-help + span.validation-error,
input[type="file"]:focus ~ span.validation-help + span.validation-error,
.uneditable-input:focus ~ span.validation-help + span.validation-error {
	max-height: 15px;
	line-height: 15px;
}

textarea:focus ~ span.validation-help + span.validation-valid,
input[type="text"]:focus ~ span.validation-help + span.validation-valid,
input[type="password"]:focus ~ span.validation-help + span.validation-valid,
input[type="datetime"]:focus ~ span.validation-help + span.validation-valid,
input[type="datetime-local"]:focus ~ span.validation-help + span.validation-valid,
input[type="date"]:focus ~ span.validation-help + span.validation-valid,
input[type="month"]:focus ~ span.validation-help + span.validation-valid,
input[type="time"]:focus ~ span.validation-help + span.validation-valid,
input[type="week"]:focus ~ span.validation-help + span.validation-valid,
input[type="number"]:focus ~ span.validation-help + span.validation-valid,
input[type="email"]:focus ~ span.validation-help + span.validation-valid,
input[type="url"]:focus ~ span.validation-help + span.validation-valid,
input[type="search"]:focus ~ span.validation-help + span.validation-valid,
input[type="tel"]:focus ~ span.validation-help + span.validation-valid,
input[type="color"]:focus ~ span.validation-help + span.validation-valid,
input[type="file"]:focus ~ span.validation-help + span.validation-valid,
.uneditable-input:focus ~ span.validation-help + span.validation-valid { max-height: 0; }






form { margin-bottom: 40px; }

	.form__inline {

	}
		.g-recaptcha > div{ height: auto !important; }
			.g-recaptcha span.validation-error{ margin-top: -3px; }
		.form__element {
			position: relative;
			margin-bottom: 20px;
		}

			.form__element:not(.form__element--switch):not(.form__element--radio) label {
				position: absolute;
				top: 10px;
				left: 17px;
				pointer-events: none;
				z-index: 10;
			}
			.form__element:not(.form__element--switch):not(.form__element--radio).form__element--checkbox label.alwaysVisible {
				position: static;
				pointer-events: all;
			}

			.form__element--dynamic label,
			.form__element--file label {
				transition: all .25s;
				opacity: 0;
				font-size: 1.1em;
				text-transform: uppercase;
				color: #666666;
			}
			.lt-ie9 .form__element--dynamic label,
			.lt-ie9 .form__element--file label { font-size: 1.7em; }

			.form__element--dynamic input,
			.form__element--dynamic textarea,
			.form__element--dynamic .select2-container--default .select2-selection--single {
				transition: padding 0.2s ease-out;
			}

			.form__element--dynamic.fixed label,
			.form__element--file.fixed label {
				opacity: 1;
				margin-top: 0.2em;
				font-size: 1.1em;
				transform: translateY(-5px);
			}

			.form__element--dynamic.fixed input,
			.form__element--dynamic.fixed textarea,
			.form__element--file.fixed input[type="file"],
			.form__element--file.fixed .form__element__mask,
			.form__element--dynamic.fixed .select2-container--default .select2-selection--single {
				padding-top: 1.248em;
				padding-bottom: 0.4em;
			}

			.form__element--hastext:not(.form__element--checkbox):not(.form__element--radio):not(.form__element--switch) label { display: none; }


			.form__element--checkbox:not(.form__element--switch) label,
			.form__element--radio label {
				position: static;
				pointer-events: all;
				font-size: 1.6em;
				color: #757575;
				transition: color 0.2s ease-out;
			}

			.form__element--checkbox:not(.form__element--switch) input,
			.form__element--radio input {
				font-size: 1.3em;
				margin-right: 2px;
			}

			.form__element--radio input { margin-right: 6px; }

			.form__element--checkbox:not(.form__element--switch) input:checked + label { color: #000000; }
			.form__element--radio input:checked ~ .control__text { color: #000000; }

			.form__element--checkbox:not(.form__element--switch) input:disabled + label { color: #AAA; }
			.form__element--radio input:disabled ~ .control__text { color: #AAA; }

			.form__element svg {
				position: absolute;
				width: 20px;
				height: 20px;
				top: 14px;
				right: 15px;
				pointer-events: none;
				z-index: 10;
			}
			.form__element.fixed svg { top: 17px; }

			.form__element svg path {
				stroke: #2fac66;
				stroke-width: 13px;
				stroke-linecap: round;
				stroke-linejoin: round;
				fill: none;
			}

			.form__element--file .btn {
				display: block;
				position: relative;
				z-index: 3;
				width: 100%;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				font-weight: bold;
			}

			.form__element--file input[type="file"] {
				position: absolute;
				z-index: 5;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				padding: 0;
				opacity: 0;
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
				cursor: pointer;
			}

			.form__element__mask {
				color: #757575;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.form__element--file.fixed .form__element__mask { color: #000000; }


			.input__pad {
				position: absolute;
				right: 0;
				top: 0;
				z-index: 10;
			}

				.input__pad .btn {
					width: 50px;
					min-width: 0;
					margin: 0;
					margin-left: -1px;
					padding: 9px 0px;
					box-shadow: inset 0 0 0 1px #009a44;
					-webkit-touch-callout: none;
			   		user-select: none;
				}
				.input__pad .btn,
				.input__pad .btn:first-child,
				.input__pad .btn:last-child {
					border-radius: 0;
				}


				.input__pad .btn .icon { margin: 0; }


			.select2-dropdown { border-color: #cccccc; }

			.select2-search--dropdown { padding: 0; }

				.select2-container--default .select2-search--dropdown .select2-search__field {
					border: none;
					width: 280px;
					padding: 0.589em 0.9em;
					box-sizing: content-box;
				}
				.select2-container--default .select2-search--dropdown .select2-search__field:focus {
					box-shadow: none;
				}

				.select2-results { border-top: 1px solid #cccccc; }

					.select2-container--default .select2-results > .select2-results__options { max-height: 210px; }

						.select2-results__option,
						.select2-container--default .select2-results__group { padding: 0.589em 0.9em; }

						.select2-results__group { background-color: #f1f1f1; }

						.select2-results__option .select2-results__option { font-size: 1em; }


		.form__element.collapsed{ display: none; }

		.form__inline .form__element {
			float: left;
			margin-left: 20px;
		}
		.form__inline .form__element:first-child { margin-left: 0; }




		.select--checkbox { position: relative; }

			.select--checkbox input { cursor: pointer; }

		.select--checkbox > ul{
			margin: 0px;
			padding: 0px;
			list-style: none;
			font-size: 14px;
			display: none;
			position: absolute;
			top: 48px;
			left: 0px;
			background-color: white;
			border: 1px solid #cccccc;
			z-index: 99;
			max-height: 200px;
			overflow-y: scroll;
		}
		.select--checkbox.active > ul{
			display: block;
		}
		.select--checkbox > ul > li{
			display: table-row;
			font-size: 1em;
		}
		.select--checkbox > ul > li > div.cell{
			display: table-cell!important;
			vertical-align: top!important;
			padding: 4px 25px 4px 15px;
		}
		.select--checkbox > ul > li > div.cell.checked{
			background-color: #ddd;
		}
		.select--checkbox > ul > li > div.cell:hover,
		.select--checkbox > ul > li > div.cell.checked:hover{
			background-color: #5897fb;
		}
		.select--checkbox > ul > li > div.cell > label{
			color: black;
			opacity: 1!important;
			top: 0px!important;
			vertical-align: top;
			font-size: 1em;
			text-indent: -21px;
			display: block;
			position: relative!important;
			pointer-events: inherit!important;
			cursor: pointer;
			text-transform: none!important;
			width: auto!important;
			left: 21px;
		}
		.select--checkbox > ul > li > div.cell input[type='checkbox']{
			margin-right: 5px;
		}

		.select--checkbox .arrow--forced{
			right: .5%;
			display: block;
			position: absolute;
			z-index: 999;
			top: 15%;
			width: 20px;
			height: 20px;
		}
		.select--checkbox .arrow--forced b{
			border-color: #888 transparent transparent transparent;
			border-style: solid;
			border-width: 5px 4px 0 4px;
			height: 0;
			left: 50%;
			margin-left: -4px;
			margin-top: -2px;
			position: absolute;
			top: 50%;
			width: 0;
		}
		.select--checkbox.active .arrow--forced b{
			border-color: transparent transparent #888 transparent;
			border-width: 0 4px 5px 4px;
		}


		.select2-container--default .select2-selection--single .select2-selection__arrow,
		.select--checkbox .arrow--forced {
			width: 17px;
			height: 17px;
			top: 14px;
			right: 14px;
		}
		.select--checkbox .arrow--forced {
			font-size: 1.7em;
			pointer-events: none;
		}

			.select2-container--default .select2-selection--single .select2-selection__arrow b,
			.select--checkbox .arrow--forced b {
				font-family: 'vidrala-icons' !important;
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				color: #000000;
				width: auto;
				height: auto;
				border: none;
				left: 0;
				top: 0;
				margin: 0;
				background-color: transparent;

				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			.select2-selection__arrow b:before,
			.select--checkbox .arrow--forced b:before { content: "\e903"; }


#formNewsletter { margin-top: 16px; }

	#formNewsletter .control-group label { display: none; }

	#formNewsletter input[type="text"],
	#formNewsletter input[type="email"] {
		width: 214px;
	}


.catalog_menu {
	/* display: flex;
	justify-content: center; */
}


	.catalog_menu .column--one-fourth + .column--one-fourth {
		/* border-left: 1px solid #DDD; */
	}

/*
.form--search-aux { position: relative; }

	.form--search-aux .form-group { float: left; }

		.form--search-aux .form-group input { width: 425px; }

	.form--search-aux button {
		float: left;
		margin-left: 10px;
		height: 20px;
		padding: 20px;
		width: 23px;
		height: 46px;
		line-height: 24px;
		padding: 0 12px;
		font-size: 2.3em;
		box-sizing: content-box;

		position: absolute;
		background: transparent;
		border: none;
		left: 400px;
		z-index: 10;
		outline: none;
	}


		.form--search-aux button [class^="icon--"],
		.form--search-aux button [class*=" icon--"] {
			font-size: 1em;
			position: absolute;
			top: 11px;
			left: 12px;
		}

		.form--search-aux button:hover [class^="icon--"],
		.form--search-aux button:hover [class*=" icon--"] { color: #e1261c!important; }
*/



#formAddPresupuesto {
    margin-bottom: 88px;
}


    #formAddPresupuesto .article__intro {
        margin-bottom: 88px;
    }

    #formAddPresupuesto fieldset {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 40px 0;
    }

	#formAddPresupuesto .form__element,
    #formAddPresupuesto .noUiSlider,
	.presupuesto__preview .form__element {
		width: 360px;
		float: left;
	}

    #formAddPresupuesto .noUiSlider {
        margin-bottom: 20px;
    }

		.presupuesto__preview .form__element {
			float: right;
		}

		#formAddPresupuesto .form__element.form__element--dynamic,
        #formAddPresupuesto .noUiSlider {
			margin-right: 40px;
			width: 360px;
		}
			#formAddPresupuesto .form__element.form__element--dynamic input {
				padding-top: 1.75em;
				padding-bottom: 0.5em;
				padding-right: 7.75em;
				box-sizing: border-box;
				width: 100%;
				height: auto;
			}
			#formAddPresupuesto .form__element.form__element--dynamic .input__pad .btn {
				padding: 14px 0px!important;
				width: 64px;
			}

		#formAddPresupuesto .form__element input,
		.presupuesto__preview .form__element input { width: 328px; }


        #formAddPresupuesto .amount_selector {
            position: relative;
        }

            #formAddPresupuesto .amount_selector label {
                position: absolute;
                left: 0;
                top: -61px;
            }


        #formAddPresupuesto .color_selector {
            margin-right: 40px;
            position: relative;
        }

            #formAddPresupuesto .color_selector label {
                margin-bottom: 8px;
                display: block;
                white-space: nowrap;
                position: absolute;
                left: 0;
                top: -68px;
                margin: 0;
            }

            #formAddPresupuesto .product__image__colors {
                position: relative;
                bottom: auto;
                width: auto;
                text-align: left;
                display: flex;
            }

                #formAddPresupuesto .product__image__colors span {
                    margin-left: 16px;
                }
                #formAddPresupuesto .product__image__colors span:first-child {
                    margin-left: 0;
                }

                #formAddPresupuesto .product__image__colors .active {
                    box-shadow: 0 0px 0px 2px rgb(0 178 79 / 40%);
                }

        #formAddPresupuesto .btn:not(.btn--mini):not(.btn--link) {
            min-width: 140px;
        }


	#formAddPresupuesto .form__element + .btn,
    #formAddPresupuesto .noUiSlider + .btn {
		float: left;
/* 		margin-left: 40px; */
	}

	.presupuesto__preview .product__info__budget--fixed label{
		text-align: right;
	}

#formPresupuesto,
#formContacto,
#formEmpleo { width: 646px; }

	#formPresupuesto{
		margin-bottom: 60px;
	}

#formContacto .logos-sub {
	margin-top: 40px;
	max-width: 400px;
}
	@media only screen and (max-width: 767px) {
		#formContacto .logos-sub {
			margin-top: 20px;
		}
	}
	#formContacto .logos-sub img {
		margin: 0;
		height: auto;
	}

.form--dossier {
	margin-bottom: 0;
}
	.form--dossier .btn--link {
		font-size: 1.125rem;
		line-height: 1.5rem;
		color: #009A44;
		transition: none;
	}
		.form--dossier .btn--link:hover {
			color: #009A44;
			text-decoration: underline;
		}

/*
.filters .filters__actions__btns {
	float: right;
}
*/
	.filters .filters__actions a.filters__trigger {
		font-size: 1.125rem;
		line-height: 1.5rem;
		font-weight: normal;
		color: #009A44;
/*
		float: none;
		display: inline-block;
*/
	}
		.filters .filters__actions a.filters__trigger svg,
		.form--dossier button svg,
		.doc__link a svg {
			margin-right: 5px;
			margin-top: -3px;
		}
			.form--dossier button:hover svg path,
			.doc__link a:hover svg path{
				stroke: #FFF;
			}

	.filters .filters__actions .form--dossier {
		display: inline-block;
		margin-left: 30px;
	}
/*
.dossier__form {
	float: right;
}
*/
.section--catalogo .form--dossier {
	margin-top: -10px;
	margin-bottom: 30px;
}
.section--comparador .form--dossier,
.section--presupuesto .form--dossier {
	margin-top: 30px;
	margin-bottom: 30px;
}
/*
.section--comparador .form--dossier,
.section--presupuesto .form--dossier {
	margin-top: 110px;
	margin-bottom: 20px;
	float: right;
}
*/

@media only screen and (max-width: 767px) {
/*
	.filters .filters__actions__btns {
		float: none;
		display: flex;
		flex-direction: column-reverse;
	}
*/
/*
	.filters .filters__actions a.filters__trigger,
	.filters .filters__actions .form--dossier {
		display: block;
		margin-left: 0;
	}
*/
	.form--dossier .btn--link {
		text-align: left;
		margin-bottom: 10px;
	}
	.filters .filters__actions a.filters__trigger { margin-bottom: 10px; }

	.section--comparador .form--dossier,
	.section--presupuesto .form--dossier {
		margin-top: 20px;
		margin-bottom: 20px;
		float: none;
	}


	/* ¿Te ayudamos? */

	.te-ayudamos {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #046A38;
		z-index: 109;
	}
	
	.after--hero .te-ayudamos {
		left: 50%;
		width: 50%;
	}
	
	.after--hero .te-ayudamos svg {
		display: none;
	}
	
		.te-ayudamos a,
		.te-ayudamos a:hover {
			display: block;
			text-decoration: none;
			padding: 20px;
			color: #fff;
			text-align: center;
			font-weight: 700;
			font-size: 1rem;
			line-height: 1.5rem;
		}
			.te-ayudamos a .icon--filled {
				width: 30px;
				margin-left: 5px;
				vertical-align: text-bottom;
			}
			.te-ayudamos a .icon--filled__glyph {
				fill: #fff;
			}

}


/* ==========================================================================
   $CONTACTO
   ========================================================================== */

.wrp--contacto {
	float: right;
	width: calc(100% - 280px);
}
	.wrp--contacto .article__info .article__intro + p{
		margin-bottom: 50px;
	}

.map-wrp {
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin-bottom: 48px;
	padding-top: 24px;
}

#mapa {
	width: auto;
	height: 370px;
	z-index: 1;
}
	.map__zoom {
		user-select: none;
		border-radius: 2px;
		cursor: pointer;
		background-color: rgb(119, 188, 31);
		width: 40px;
		height: 80px;
		bottom: 60px!important;
		right: 30px!important;
	}
		.map__zoom__btn {
			width: 40px;
			height: 40px;
			font-size: 3em;
			color: #ffffff;
			text-align: center;
			line-height: 40px;
		}
			.map__zoom__btn:first-child:after {
				content: '';
				width: 30px;
				height: 1px;
				background-color: #ffffff;
				margin: 0 auto;
				display: block;
			}
			.map__zoom__btn:hover {
				color: #215126;
			}


/* ==========================================================================
   $IFRAME
   ========================================================================== */

.credits_nb {
	margin-bottom: 30px;
}

	.credits_nb p {
		display: inline;
	}
	.img_nb {
		width: auto !important;
		display: inline;
		margin-top: -7px !important;
		margin-bottom: 0px !important;
	}
	.img_arrow_nb {
		width: auto !important;
		display: inline;
		margin-top: -15px !important;
		margin-bottom: 0px !important;
	}

.container_nb {
	width: 100%;
	display: flex;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

	.col-half{
		width: 50%;
	}
	.green {
		background-color: #006600;
	}
	.lightgray {
		background-color: #f8f8f8;
	}
	.row_top {
		padding: 0px 20px;
	}
	.row_top p {
		display: inline-block;
		color: #ffffff;
		font-weight: 700;
	}
	.row_center {
		padding: 0px 20px;
	}
	.main_value_nb {

	}
	.date_box_nb {
		display: inline-block;
		float: right;
	}

	.col_inside_half {
		width: 111px;
		display: inline-block;
		padding: 0px 20px;
	}

	.col_inside_half ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.main_value_nb p {
		display: inline;
		font-size: 3em;
		color: #ffffff;
		font-weight: 700;
	}
	.sub_value_nb p {
		display: inline;
		font-size: 1.7em;
		color: #ffffff;
		font-weight: 700;
	}

	.date_box_nb p {
		background-color: #ffffff;
		padding: 0px 15px;
		font-weight: 700;
		color: #000000;
	}

	.box_half_nb {
		width: 48%;
	}
	.title_nb {
		background-color: #006600;
		display: flex;
		padding: 0px 20px;
		justify-content: space-between;
	}

	.title_nb p {
		color: #ffffff;
		font-weight: 700;
	}

	.justify_between {
		justify-content: space-between;
	}
	.ampliar_nb {
		cursor: pointer;
	}

	.graph_box_nb {
		text-align: center;
		padding: 30px 0px;
		border-left: 1px solid #046501;
		border-right: 1px solid #046501;
		border-bottom: 1px solid #046501;
	}

	.graph_nb {
		width: auto !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

.col-8 {
	width: 100%;
}

	.col-8 ul {
		list-style: none;
		display: flex;
		padding: 0;
	}

		.col-8 ul li {
			width: 33.3%;
			padding: 0px 20px;
		}
			.col-8 ul li p {
				font-size: 1em;
			}

			.col-8 ul li:last-child p {
				letter-spacing: -0.5px;
			}

.col-4 {
	width: 40%;
}

	.col-4 ul {
		list-style: none;
		display: flex;
	}

		.col-4 ul li {
			width: 50%;
		}

			.col-4 ul li p {
				font-size: 0.7em;
			}


#ytplayer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


/* ==========================================================================
   $ALERTAS
   ========================================================================== */

.alert {
	padding: 20px 0 10px;
	margin: 0;
	color: #c09853;
	font-size: 1.0em;
	background-color: #fcf8e3;
}

header .alert {
	margin-top: 20px;
	font-size: 1.1em;
}

.alert-heading {
	color: inherit;
	margin: 0;
	font-weight: 700;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-success {
	color: #FFF;
	background-color: #82BE30;
	border-color: #82BE30;
}

.alert-danger,
.alert-error {
	color: #b94a48;
	background-color: #F2DEDE;
	border-color: #eed3d7;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-block,
.alert-success,
.alert-danger,
.alert-error,
.alert-info {
	padding-top: 20px;
	padding-bottom: 10px;
}

.alert-block > p,
.alert-block > ul,
.alert-success > p,
.alert-success > ul,
.alert-danger > p,
.alert-danger > ul,
.alert-error > p,
.alert-error > ul,
.alert-info > p,
.alert-info > ul {
	margin-bottom: 0;
	line-height: 1.2em;
}

.alert-block p + p,
.alert-success p + p,
.alert-danger p + p,
.alert-error p + p,
.alert-info p + p { margin-top: 5px; }

.alert-block p + .alert-heading,
.alert-success p + .alert-heading,
.alert-danger p + .alert-heading,
.alert-error p + .alert-heading,
.alert-info p + .alert-heading { margin-top: 10px; }

.alert a { text-decoration: underline; }
.alert-success a { color: #468847; }
.alert-danger a, .alert-error a { color: #b94a48; }
.alert-info a { color: #3a87ad; }

.alert a:hover { text-decoration: none; color: #3A87AD; }

.alert .close {
	float: right;
	color: #000000!important;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: black;
	text-shadow: 0 1px 0 white;
	opacity: 0.2;
	text-decoration: none!important;
	filter: alpha(opacity=20);
	margin-right: 20px;
}

.alert .close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
	text-decoration: none;
}

/* ==========================================================================
   $CATÁLOGO
   ========================================================================== */
span.color_preview{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0px 5px;
	border: 1px solid #ccc;
	position: relative;
	top: 2px;
}


.main .header_title > h1 {
	font-size: 45px;
	line-height: 52px;
	color: #005220;
	max-width: 690px;
	margin: 35px 0 45px 0;

	font-family: inter, Helvetica, Arial, sans-serif;
	font-weight: normal;
}




/* ==========================================================================
   $INFORMACION BURSATIL
   ========================================================================== */
#detalle_valor .columna1d2{
	width: 100% !important;
}



/* ==========================================================================
   $PRODUCT-INDEX
   ========================================================================== */

.products-list {
}

.row.products-list--search {
	display: flex;
	flex-wrap: wrap;
}

	.product {
		font-size: 1em;
		height: 100%;
		position: relative;
	}

		.product__link {
			display: flex;
			flex-direction: column;
			height: 100%;
			text-decoration: none;
			color: #000000;
			position: relative;
		}
		
		.product__link:hover {
			color: #000000;
			text-decoration: none;
		}

			.product__image {
				text-align: center;
				background-color: #FFFFFF;
				padding: 30px 0 50px;
				min-height: 310px;
				position: relative;
				border: 1px #eeeeee solid;
				transition: background 0.2s linear;
			}

			.product__image__thumbs {
				position: relative;
			}
				.product__image__thumbs .product__image__colors {
					position: static;
					padding: 20px 0;
				}
					.product__image__thumbs .product__image__colors span {
						border: none;
						width: auto;
						height: 150px;
						border-radius: 0;
						margin: 5px 10px;
					}
						.product__image__thumbs .product__image__colors span img {
							height: 100%;
						}

			.section--producto .product__image .product__image__colors{ display: none; }

			.mix-blend-mode .product__image { background-color: #f4f4f4; }

			.mix-blend-mode .product__link:hover .product__image,
			.mix-blend-mode .product:hover .product__image { background-color: #ffffff; }

			.product__image--void,
			.mix-blend-mode .product__image--void {
				background-color: #ffffff;
				border-color: transparent;
			}


				.product__image__body {
					position: absolute;
					width: 100%;
					bottom: 70px;
				}

				.product__image--product {
					overflow: hidden;
				}

				.product__image__body__flickity {
					width: 100%;
					height: 100%;
				}
					.product__image__body__flickity__item {
						width: 100%;
						display: flex;
						justify-content: center;
						background-color: #f8f8fa;
					}
						.product__image__body__flickity__item img { display: block !important; }


					.product__image img {
						display: none;
						height: 100%;
						max-height: 200px;
						z-index: 1;
						position: relative;
						mix-blend-mode: multiply;
					}
					.product__image img.active { display: inline-block; }

					.mix-blend-mode .product__image__shadow {
						position: absolute;
						bottom: 0;
						width: 50px;
						left: 50%;
						margin-left: -25px;
						box-shadow: 0 -3px 15px 3px rgba(0,0,0,0.5);
					}

					.product__image__colors {
						position: absolute;
						bottom: -50px;
						text-align: center;
						width: 100%;
					}
					dd .product__image__colors {
						position: relative;
						text-align: left;
						bottom: auto;
						height: 24px;
					}

						.product__image__colors span,
						.filter__color,
						.filters__left__colors, .product__color__list span {
							display: inline-block;
							margin: 2px;
							width: 26px;
							height: 26px;
							border: 1px #767676 solid;
							vertical-align: middle;
							border-radius: 3px;
							cursor: pointer;
						}

                            dd .product__image__colors .active {
                                box-shadow: 0 0px 0px 2px rgba(0, 178, 79, 0.4);
                            }

							.comparador .product__info .product__image__colors span{
								width: 10px;
								height: 10px;
								border: 1px #cccccc solid;
							}
							.product__image__colors span, .product__color__list span{
								border-radius: 50%;
							}

						dd .product__image__colors span { margin-top: -2px; }

						.filter__color {
							position: relative;
							margin: 0 5px 5px 0;
							width: 25px;
							height: 25px;
							border-radius: 50%;
							opacity: 0.8;
						}
						.filter__color:hover { opacity: 1; }

							.filter__color input { display: none; }

						.filter__color--checked {
							border: 3px solid #009a44;
							opacity: 1;
						}


			.product__info {
				display: flex;
				flex-direction: column;
				height: 100%;
				position: relative;
			}

				.product__info__title,
				.product__info__cod {
					font-family: inter, Helvetica, Arial, sans-serif;
					font-size: 1.2em;
					line-height: 1.25em;
					text-align: center;
					word-break: break-word;
					margin: 0;
					padding: 15px 10px;
					border-left: 1px #eeeeee solid;
                    border-right: 1px #eeeeee solid;
                    border-bottom: 1px #eeeeee solid;
				}

				.comparador .product__info__title,
				.comparador .product__info__cod {
					vertical-align: middle;
					display: table-cell;
					width: 100%;
					font-size: 1em;
					padding: 0;
					border: none;
					text-align: left;
					height: 40px;
				}

				.comparador .product__info__cod { height: auto; }

				.comparador .product__info__data__block .product__image__colors { text-align: left; }

				.product__info__budget {
					border: 1px #eeeeee solid;
					text-align: center;
				}
				.product__info__compare {
					text-align: center;
                    border-left: 1px #eeeeee solid;
                    border-right: 1px #eeeeee solid;
				}

					.product__info__budget label,
					.product__info__compare label {
						font-weight: normal;
						padding: 10px 5px;
						font-size: 13px;
						line-height: 15px;
						vertical-align: middle;
						display: block;
						cursor: pointer;
					}
						.product__info__budget label {
							font-weight: bold;
							color: #009a44;
							padding: 20px 5px;
						}



						.product__info__compare label input {
							margin-left: 5px;
							vertical-align: middle;
						}

					.product__info__budget .material-icons{
						font-size: 18px;
						line-height: 15px;
						vertical-align: middle;
						color: #009a44;
						margin-right: 3px;
					}


					.product__info__budget label:hover,
					.product__info__budget label:hover .material-icons {
						color: #00b24f;
					}

				.product__info__budget--fixed {
					border-bottom: none;
				}

					.product__info__budget--fixed label {
						color: #009a44;
						text-decoration: underline;
						font-weight: bold;
						font-size: 16px;
						text-align: left;
					}

				.product__info__data {
					display: flex;
					width: 100%;
					margin: 0;
					padding: 0;
                    flex-wrap: wrap;
				}

					.product__info__data li{
						display: flex;
						width: 33.3333%;
                        text-align:center;
                        align-items:center;
                        justify-content: center;
                        
					}
                    .product__info__data li .product__info__data__block{
                        padding:10px 5px;
                    }


					.product__info__data--50.product__info__data li {
						display:block;
						width: 50%;
/* 						border-left: none; */
					}
                    .product__info__data li{
                        border-left: 1px solid #eee;
                        border-top: 1px solid #eee;
                    }

                    .product__info__data li:last-child{
                        border-right: 1px solid #eee;
                        border-left: 1px solid #eee;
                        border-top: 1px solid #eee;
                    }

                    .product__info__data li:nth-child(2){
                        border-right: 1px solid #eee;
                    }
                    .product__info__data .ghostli + li{
                        border-right: none;
                    }


					.product__info__data .product__image__colors {
						position: relative;
						bottom: auto;
					}




	.product--disabled {
		user-select: none;
	}

		.product--disabled .product__link,
		#comparar_action.product--disabled .product__link {
			pointer-events: none;
			color: #cccccc;
			cursor: default;
		}

			.mix-blend-mode .product--disabled .product__link:hover .product__image,
			.mix-blend-mode .product--disabled:hover .product__image { background-color: #f4f4f4; }


	.product-family {
		display: block;
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 380px;
		margin-bottom: 20px;
		color: #fff;
	}
		.product-family:hover { color: #fff; }
		.product-family:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(76,76,76,0);
			background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(19,19,19,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(100%, rgba(19,19,19,1)));
			background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(19,19,19,1) 100%);
			background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(19,19,19,1) 100%);
			background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(19,19,19,1) 100%);
			background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(19,19,19,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
			z-index: 0;
		}
		.product-family__text {
			display: block;
			position: absolute;
			bottom: 40px;
			left: 0;
			padding: 0 40px;
			width: 100%;
			z-index: 1;
		}
			.product-family__text__title {
				font-size: 2rem;
				line-height: 2.5rem;
				color: #fff;
			}
/*
				.product-family__text__title:hover {
					color: #fff;
				}
*/
			.product-family__text__description {
				margin-top: -20px;
				margin-bottom: 30px;
			}

			.product-family__text .btn {
				color: #fff;
				box-shadow: inset 0 0 0 2px #fff;
			}
				.product-family__text .btn:hover {
					box-shadow: inset 0 0 0 2px #009a44;
				}




/* ==========================================================================
   $COMPARADOR
   ========================================================================== */

#compardor_selector { display: none; }


	.compare {
		width: 100%;
		position: fixed;
		bottom: 0px;
		border-top: 1px solid #eeeeee;
		background-color: #f8f8f8;
		z-index: 100;
		display: none;
	}

		.compare__info {
			background-color: #046a38;
			color: #ffffff;
			position: relative;
			cursor: pointer;
		}

			.compare__text {
				font-weight: 700;
				margin: 0;
				padding: 10px 30px 10px 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.compare__showhide {
				float: right;
				margin-top: -28px;
				font-size: 1.4em;
			}

		.compare .products-list {
			display: table;
			padding: 20px 0px;
			list-style: none;
		}
			.comparador .products-list{
				padding-bottom: 60px;
			}

			.compare .product,
			.comparador .product {
				position: relative;
				margin-bottom: 0;
			}

				.compare .product__image {
					min-height: 180px;
					overflow: hidden;
				}

					.compare .product__image img {
						height: 50%;
						max-height: 100px;
						top: 50%;
					}

					.compare .product__image__shadow {
						width: 25px;
						margin-left: -12.5px;
						box-shadow: 0 -1.5px 7.5px 1.5px rgba(0,0,0,0.5);
					}

				.compare .product__info { background-color: #ffffff; }

					.compare .product__info__title {
						border-bottom: none;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}


				.compare .comparar_remove,
				.comparador .comparar_remove,
				.product__image .comparar_remove {
					position: absolute;
					display: block;
					top: 10px;
					right: 10px;
					z-index: 10;
					color: #188322;
				}

					.compare .comparar_remove:hover i,
					.comparador .comparar_remove:hover,
					.product__image .comparar_remove:hover i {
						color: #225126;
					}

				.compare .product.compare_action { display: none; }

				.compare .product.compare_action a { text-decoration: none; }

				.compare .product.compare_action:hover a .product__image { background-color: white; }

				.compare .product.compare_action a i.material-icons {
					font-size: 48px;
					position: relative;
					top: 40px;
				}

		#comparar_action { }

			#comparar_action .product__link {
				color: #009a44;
				transition: color 0.2s;
			}

				#comparar_action i.material-icons {
					font-size: 48px;
					position: relative;
					top: 40px;
				}


	.comparador .product__info__data { border-top: 1px solid #eeeeee; }
		.comparador .product__link + .product__info .product__info__data:first-child{ border-top: none;}

		.comparador .product__info__data__block {
			padding: 10px 20px;
			display: table;
		}

		.comparador .product__info__data__block--padding--desktop {
			padding: 9px 20px;
		}

		.comparador .product__info__data__block--padding--tablet {
			padding: 10px 20px;
		}


	#comparador .product__info__data li:first-child { border-right: none; }
	#comparador .product__info__data li:last-child { border-left: none; }

	.comparador .products-list > *:first-child ~ * .product__info__data__block__title { display: none; }

		.product__info__data__block {
			padding: 10px;
			font-size: 12px;
			line-height: 15px;
		}
			.comparador .product__info__data__block {
				font-size: 14px;
				line-height: 16px;
			}

		.product__info__data__block--mercados {
			border-bottom: 1px #eeeeee solid;
		}

			.product__info__data__block__title { color: #b1b1b1; }
				.comparador .product__info__data__block__title {
					color: #000;
					font-weight: bold;
				}
			.product__info__data__block__value svg {
				margin-right: 4px;
				position: relative;
				top: -1px;
			}

			.product__info__data__block--mercados a {
				margin-right: 7px;
				display: inline-block;
			}


	#comparador ul.products-list li ul li{
		font-size: 1em;
		text-align: center;
	}
	#comparador ul.products-list li ul li .product__link .material-icons{
		font-size: 16px;
		top: 2px;
		position: relative;
	}
	#comparador ul.products-list li ul li .product__image__colors{
		position: relative;
		top: 0px;
	}





/* ==========================================================================
   $PRESUPUESTO
   ========================================================================== */

.presupuesto {
	min-height: 450px;
}

	.presupuesto__preview {

	}

		.presupuesto__preview table {
			width: calc(100% + 20px);
		}

		.presupuesto__preview ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
			display: flex;
			justify-content: space-between;
		}

			.presupuesto__preview .columns {
				position: relative;
				clear: both;
				border-top: 1px solid #eeeeee;
			}

			.presupuesto__preview .input_field { font-size: 1em; }


			.presupuesto__preview .product__image,
			.presupuesto__preview .product__info { float: left; }

			.preview__product {
				display: flex;
			}

			.presupuesto__preview .product__image {
				width: 160px;
				min-width: 160px;
				min-height: 230px;
			}

				.presupuesto__preview  .product__image img { max-height: 140px; }

				.presupuesto__preview .product__image__colors span,
				.presupuesto__preview .input__pad .btn span,
				.mix-blend-mode .presupuesto__preview .product__image__shadow {
					padding-left: 0;
					padding-right: 0;
				}

				.mix-blend-mode .presupuesto__preview .product__image__shadow {
					width: 30px;
					margin-left: -15px;
				}

			.presupuesto__preview .product__info {
				border: none;
				margin-left: 24px;
				margin-right: 24px;
			}

				.presupuesto__preview .product__info__title {
					height: auto;
					margin: 0.5em 0 1em;
					padding: 0;
					text-align: left;
					border: none;
				}





/* ==========================================================================
   $PRODUCT-DETAIL
   ========================================================================== */

   .nav__secondary + .content__article { padding-top: 20px; }

   .content--product .product__image,
   .content .contacto__data {
		float: left;
		width: 240px;
		min-height: 680px;
		padding: 0 0 50px;
		border: none;
	}
		.content--product .section--recently-viewed .product__image {
			min-height: 310px;
		}
		.content .product__image{
			width: 100%;
		}

	.content .contacto__data {
		width: auto;
		min-height: inherit;
		padding: 0px;
	}

	.mix-blend-mode .content  .product__image {
		background-color: #f8f8fa;
	}

		.content .product__image img {
			max-height: none;
		}

		.content .product__image img[data-target] {
			cursor: pointer;
			cursor: url('../img/cursores/cursor-magnify.png');
			cursor: zoom-in;
		}

	.mix-blend-mode .content--product .product__image__shadow {
		width: 180px;
		height: 180px;
		margin-left: -90px;
		background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2) 50px, rgba(0, 0, 0, 0.1) 65px, rgba(0, 0, 0, 0) 90px);
		background-image: -moz-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2) 50px, rgba(0, 0, 0, 0.1) 65px, rgba(0, 0, 0, 0) 90px);
		background-image: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2) 50px, rgba(0, 0, 0, 0.1) 65px, rgba(0, 0, 0, 0) 90px);
		background-repeat: no-repeat;
		transform: scaleY(0.2) translateY(380px);
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		   		box-shadow: none;
	}

	.mix-blend-mode .content--product .section--recently-viewed .product__image__shadow {
		width: 50px;
		height: 0;
		left: 50%;
		margin-left: -25px;
		box-shadow: 0 -3px 15px 3px rgba(0,0,0,0.5);
		background: none;
		transform: none;
	}



	.content .product__image + .article__info { margin-left: 50px; }



/* ==========================================================================
   $COOKIES
   ========================================================================== */



.layout__column--one.full .layout__column--two-third.news__block { width: 40.2%; }
.layout__column--one.full .layout__column--one-third.news__block { width: 19.7%; }



/* ==========================================================================
   SEARCH
   ========================================================================== */
	.page__header__menu{
		position: relative;
		z-index: 1;
	}

	#menu_search {
		display: none;
		float: none;
		padding: 5px 0px 5px 0px;
		background-color: rgba(255, 255, 255, 0.9);
	}

	#menu_search:after {
		content: '';
		background-color: rgba(255, 255, 255, 0.9);
		width: 1000px;
		height: 100%;
		position: absolute;
		right: -990px;
		top: 0;
	}

		#menu_search .form--search{
			position: relative;
			top: 0px;
		}



/* ==========================================================================
   COMPARAR
   ========================================================================== */





/* ==========================================================================
   FORMULARIOS
   ========================================================================== */








/* ==========================================================================
   MESSAGES
   ========================================================================== */
	.message{
		border: 1px solid #CCC;
		border-radius: 4px;
		padding: 10px 20px;
		margin-bottom: 25px
	}
	.message h2{
		color: black;
		font-weight: bold;
		margin: 0px;
	}
	.message p{
		color: black;
	}
	.message.ko{
		background-color: #ffbcbc;
	}
	.message.ok{
		background-color: #c9ffd8;
	}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}

.showOnDesktop { display: inline-block; }
.hideOnDesktop { display: none; }
.showOnTablet { display: none; }
.hideOnTablet { display: inline-block; }
.showOnMobile { display: none; }
.hideOnMobile { display: inline-block; }




/* ==========================================================================
   $LAST NEWS
   ========================================================================== */

.layout.last-news {}

	.layout.last-news .layout__column--one-fourth {
		width: 25%;
		min-height: 690px;
	}
	.layout.last-news .layout__column--one-fourth:hover {
		background-color: #f8f8f8;
	}

	.layout.last-news .block--figure .img-wrp {
		max-height: 460px;
	}

		.layout.last-news .block--figure .img-wrp img {
			width: 190%;
			max-width: 745px;
		}

	.layout.last-news .block--figure figcaption {
		padding: 10px 30px 10px 20px;
	}
		.layout.last-news .block--figure figcaption h3 {
			font-size: 2.8em;
			font-weight: 500px;
		}
		.layout.last-news .block--figure a:hover h3 {
			color: #e1261c;
		}
		.layout.last-news .block--figure figcaption p {
			font-size: 1.4em;
			color: #999999;
		}


/* ==========================================================================
   $MULTIMEDIA
   ========================================================================== */
   
   .multimedia__info {
	   /* margin-left: -10px; */
	   padding: 0px !important;
   }
   
   .multimedia__title {
	   font-family: inter, Helvetica, Arial, sans-serif;
	   font-weight: 700;
	   font-size: 48px;
	   line-height: 48px;
	   letter-spacing: -.3px;
	   margin: 0 0 24px;
   }
   
   .multimedia__desc {
	   font-size: 22px;
	   font-weight: 400;
	   line-height: 36px;
	   letter-spacing: 0px;
	   text-align: left;

   }
   
   .multimedia__gallery_title {
	   font-size: 32px;
	   line-height: 40px;
	   font-weight: 700;
	   /* margin-left: -10px; */
   }
   
   .gallery__container {
	   justify-content: space-between;
   }

	.gallery__container .gallery__img,
	.gallery__container .gallery__videos {
		/*width: 315px;*/
		width: 380px;
		/*margin-right: 20px;*/
		margin-bottom: 10px;
		float: left;
		overflow: hidden;
		position: relative;
	}

	.gallery__container--fullsize .gallery__img {
	width: 100%;
	margin: 0;
	float: none;
	overflow: unset;
	}

	.gallery__container .gallery__img .imagen {
		position: relative;
	}

		.gallery__container--fullsize .gallery__img .imagen {
			border: none;
			width: 100%;
			height: auto;
			overflow: unset;
		}

		.gallery__img a { text-decoration: none; }

	.gallery__container .video,
	.gallery__container .imagen {
		height: 175px;
		position: relative;
		overflow: hidden;
		cursor: pointer;
	}

	.gallery__container.gallery__container--fullsize .gallery__img img {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
	}

	.gallery__container.gallery__container--fullsize .gallery__img a {
		outline: none;
	}

		.gallery__container.gallery__container--fullsize .gallery__img img {
			transition: none;
		}
			.gallery__container.gallery__container--fullsize .gallery__img .imagen:hover img{
				transform: none;
			}


	.gallery__container .gallery__img .imagen:hover img{
		transform: scale(1.1);
	}
	.gallery__container .gallery__videos:hover .video:before {
		opacity: 0.5;
	}

		.gallery__container .video .icon--play {
			color: #ffffff;
			position: absolute;
			z-index: 2;
			left: 50%;
			font-size: 75px;
			margin-left: -32.5px;
			top: 50%;
			margin-top: -40px;
			opacity: 0.8;
		}


		.gallery__container .video:before {
			content: "";
			display: block;
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100%;
			background: #000000;
			opacity: 0.3;
			transition: opacity 0.2s linear 0.2s;
		}

		.gallery__container .gallery__img img {
			transition: all .2s ease-in-out;
		}

		.gallery__container .gallery__img img,
		.gallery__container .gallery__videos img {
			position: absolute;
			top: -9999px;
			right: -9999px;
			bottom: -9999px;
			left: -9999px;
			margin: auto;
			width: 100%;
		}

			.gallery__container .gallery__videos p,
			.gallery__container .gallery__img p {
				position: relative;
				z-index: 1;
				margin-top: 8px;
				font-weight: bold;
			}

	.gallery__container .gallery__img.isTwo,
	.gallery__container .gallery__videos.isTwo,
	.gallery__container .gallery__img.isFour,
	.gallery__container .gallery__videos.isFour,
	.gallery__container .gallery__img.isSix,
	.gallery__container .gallery__videos.isSix { /*margin-right: 0px;*/ }


	.logo__fit {
		width: 50% !important;
	}
	
	.border__logo {
		border: solid 1px #ccc;
	}

/* ==========================================================================
   $WIDGET
   ========================================================================== */



/* ==========================================================================
   $PROCESO PRODUCTIVO
   ========================================================================== */

   .process__bloque {
		position: relative;
	}

	.process__img {
		width: 90%;
		position: relative;
	}

	.process__text {
		position: absolute;
		z-index: 1;
		width: 90%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 0 5%;
	}

	.texto__titulo {
		position: absolute;
		top: 0px;
		width: 90%;
		text-align: center;
		border-bottom: #fff solid 1px;
		padding-bottom: 5px;
		text-transform: uppercase;
		font-family: inter, Helvetica, Arial, sans-serif;
		font-size: 1.75em;
		color: #476772;
	}

	.texto__cuerpo,
	.article__text .texto__cuerpo {
		position: absolute;
		top: 40px;
		width: 90%;
		text-align: center;
		text-transform: uppercase;
		font-size: 1.1em;
		line-height: 1.6em;
		color: #88a2a3;
		margin: 5px 0 1em;
	}

	.texto__materia {
		position: absolute;
		top: 250px;
		width: 90%;
		border-top: #fff solid 1px;
	}

	.texto__materia > p {
		margin: 0px;
		font-size: 1.7em;
		line-height: 15px;
	}

	.texto__materia--arena,
	.article__text .texto__materia--arena {
		left: 50px;
		top: 10px;
		position: absolute;
		text-transform: uppercase;
		color: #e6b533;
	}

	.texto__materia--silice,
	.article__text .texto__materia--silice {
		left: 48px;
		top: 30px;
		position: absolute;
		text-transform: uppercase;
		color: #e6b533;
		font-size: 1.3em;
	}

	.texto__materia--carbonato,
	.article__text .texto__materia--carbonato {
		left: 130px;
		top: 10px;
		position: absolute;
		text-transform: uppercase;
		color: #94917b;
	}

	.texto__materia--sodio,
	.article__text .texto__materia--sodio {
		left: 145px;
		top: 30px;
		position: absolute;
		text-transform: uppercase;
		color: #94917b;
		font-size: 1.3em;
	}

	.texto__materia--caliza,
	.article__text .texto__materia--caliza {
		left: 245px;
		top: 10px;
		position: absolute;
		text-transform: uppercase;
		color: #94917b;
	}

	.texto__materia--vidrio,
	.article__text .texto__materia--vidrio {
		left: 420px;
		top: 10px;
		position: absolute;
		text-transform: uppercase;
		color: #96b1a2;
	}

	.texto__materia--reciclado,
	.article__text .texto__materia--reciclado {
		left: 410px;
		top: 30px;
		position: absolute;
		text-transform: uppercase;
		color: #96b1a2;
		font-size: 1.3em;
	}

	.texto__numeros,
	.article__text .texto__numeros {
		position: absolute;
		top: 230px;
		width: 100px;
		left: 205px;
		text-transform: uppercase;
		color: #88a2a3;
		text-align: center;
	}

	.texto__numeros--grados,
	.article__text .texto__numeros--grados {
		color: #d54238;
		font-size: 1.9em;
		line-height: 1.6em;
		border-bottom: #fff solid 1px;
		margin: 0px;
	}

	.texto__numeros--vidautil,
	.article__text .texto__numeros--vidautil {
		font-size: 1.3em;
		line-height: 1.6em;
		margin: 2px;
		line-height: 15px;
	}

	.texto__numeros--horas,
	.article__text .texto__numeros--horas {
		font-size: 1.4em;
		line-height: 1.6em;
		border-top: #fff solid 1px;
		margin: 0px;
	}

	.texto__numeros--years,
	.article__text .texto__numeros--years {
		font-size: 1.4em;
		line-height: 1.6em;
		border-bottom: #fff solid 1px;
		margin: 0px;
		line-height: 20px;
	}

	.texto__derecha,
	.article__text .texto__derecha {
		position: absolute;
		top: 200px;
		left: 460px;
		width: 110px;
		text-transform: uppercase;
		color: #88a2a3;
		font-size: 0.9em;
		line-height: 1.6em;
	}

	:lang(en) .texto__materia--arena {
		left: 60px;
	}

	:lang(en) .texto__materia--silice {
		display: none;
	}

	:lang(en) .texto__materia--sodio {
		display: none;
	}

	:lang(en) .texto__materia--caliza {
		left: 235px;
	}

	:lang(en) .texto__materia--vidrio {
		left: 390px;
		font-size: 1.3em;
	}

	:lang(en) .texto__materia--reciclado {
		left: 398px;
		font-size: 1.6em;
	}
	
	.content--ventajas-del-vidrio .section--intro-text img, .content--advantages-of-glass .section--intro-text img {
		max-height: 300px;
		width: 80%;
		object-fit: contain;
	}

/* ==========================================================================
	$HOME
	========================================================================== */

	video::-webkit-media-controls-start-playback-button {
		display: none;
	}


	.widget__data--catalogo,
	.widget--bolsa .widget__content,
	.widget--co2 .widget__content {
		box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	}
		.widget--co2 .widget__content{
			padding: 0 20px;
		}

	.widget--bolsa {
		margin-top: 80px;
		margin-bottom: 20px;
	}

		.widget--bolsa .article__title { margin-top: 75px; }

		.widget__btns {
			display: block;
			padding: 0 40px;
		}

		.widget__btns--catalogo {
			display: block;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

		}

			.btn--catalogo {
				width: 100%;
				margin-top: 20px;
			}

		.widget--bolsa .icon--arrow-down,
		.widget--bolsa .icon--arrow-up {
			display: inline-block;
			color: #f8f8f8;
			width: 50px;
			height: 50px;
			word-spacing: 9px;
			overflow: hidden;
			line-height: 0.6;
			vertical-align: middle;
			margin-top: -15px;
		}

		.widget--bolsa .icon--arrow-down { background-color: #af081b; }

			.widget--bolsa .icon--arrow-down:before {
				display: block;
				margin-top: -15px;
			}

		.widget--bolsa .icon--arrow-up { background-color: #247a38; }

			.widget--bolsa .icon--arrow-up:before {
				display: block;
				margin-top: 25px;
			}

	.home article__title {
		margin-bottom: 20px;
	}

	.widget--co2 {
		height: 260px;
		margin-top: 95px;
		margin-bottom: 25px;
	}
		.content--medioambiente .widget--co2,
		.content--environment .widget--co2{
			margin-top: 70px;
			margin-bottom: 0;
		}

	.widget__title {
		float: left;
		width: 320px;
		text-align: right;
		margin-right: 20px;
		margin-top: 18px;
	}

	.widget__content,
	.widget__content--medioambiente, .widget__content--environment {
		width: 660px;
		height: 300px;
		text-align: center;
		background-color: #f8f8f8;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		top: -35px;
	}

	.widget__content__title {
		font-family: inter, Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 2.4em;
		color: #009a44;
		display: inline-block;
		margin: 0px;
		margin-bottom: 24px;
	}


	.widget__title .widget__content__title { font-size: 2.4em; }

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

	.widget__data--co2 p {
		font-family: inter, Helvetica, Arial, sans-serif;
		margin: 0;
		font-size: 3.4em;
		color: #215126;
		position: relative;
		top: -12px;
	}

	.widget__data--co2--medioambiente p {
		font-family: inter, Helvetica, Arial, sans-serif;
		margin: 0;
		font-size: 3.4em;
		color: #215126;
		position: relative;
		top: -12px;
	}

	.widget--last-notice{
		margin-top: -80px;
	}

	.widget--last-notice .block figure.columna--figura {
		float: left;
		width: 320px;
		margin: 0px;
		background-color: #fff;
		font-family: inter, Helvetica, Arial, sans-serif;
	}

	.widget--last-notice .block figure.columna--figura.isTwo{
		margin: 0px 20px;
	}

	.widget--last-notice .block figure.columna--figura a{
		text-decoration: none;
		padding: 0px;
		font-weight: 300;
	}

	.widget--last-notice .img-wrp {
		height: 320px;
		overflow: hidden;
		position: relative;
	}

	.widget--last-notice .block figure.columna--figura img {
		position: absolute;
		height: 320px;
		top: -9999px;
		right: -9999px;
		bottom: -9999px;
		left: -9999px;
		margin: auto;
	}

	.widget--last-notice .block figure.columna--figura .news__block__entry,
	.widget--banners .block figure.columna--figura .news__block__entry {
		background-color: #f8f8f8;
		padding: 30px;
		min-height: 180px;
	}

	.widget--last-notice .block figure.columna--figura .news__block__title,
	.widget--banners .block figure.columna--figura .news__block__title {
		font-weight: 700;
		font-size: 2.2em;
		line-height: 1.45em;
		color: #215126;
		margin-top: 0;
	}
	.widget--last-notice .block figure.columna--figura a:hover .news__block__title,
	.widget--banners .block figure.columna--figura a:hover .news__block__title { text-decoration: underline; }

	.widget--last-notice .block figure.columna--figura .news__block__date {
		font-size: 1.8em;
		color: #009a44;
		margin: 0px 0 18px;
	}

	.widget--last-notice .block figure.columna--figura p {
		font-size: 1.4em;
		line-height: 22px;
		color: #000;
	}

	.widget--personas{
		position: relative;
		margin-bottom: 60px;
		margin-top: 55px;
	}
		.widget--personas .article__title{
			margin-top: 50px;
			margin-bottom: 20px;
		}
		.widget--personas .widget__content__title{
			margin-bottom: 0;
			max-width: 680px;
			color: #000;
		}

		.widget--personas a {
			text-decoration: none;
		}


	.widget--catalogo {
		position: relative;
		height: 480px;
		margin-top: 100px;
		overflow: hidden;
	}

		.widget--catalogo .btn {
			min-width: 139px;
			margin: 0 8px 16px;
			padding: 15px 19px;
			float: left;
		}

		.widget__btns + p { margin-left: 50px; }


		.widget--catalogo .widget__content__title {
			text-align: left;
			margin-left: 50px;
		}

	.widget--catalogo--img {
		width: 760px;
		height: 520px;
		position: absolute;
		top: -20px;
		left: 340px;
		z-index: -1;
	}

	.widget--catalogo--img img,
	.widget--catalogo--img video {
		width: 100%;
	}

	.widget__data--cotizacion {
		width: 490px;
		height: 320px;
		background-color: #f8f8f8;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		top: -20px;
	}

	.widget__data--cotizacion span{
		display: inline-block;
	}

	.widget__data--catalogo {
		width: 659px;
		padding: 80px 0 80px;
		background: #f8f8f8 url('../img/bg-mercados.png') bottom -10px right -20px no-repeat;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		top: 0;
	}

	.widget__data--texto {
		margin: 0;
		font-family: inter, Helvetica, Arial, sans-serif;
		font-size: 2.4em;
		color: #009a44;
		font-weight: 300;
		line-height: 52px;
	}

	.widget__data--titulo {
		margin: 0;
		font-family: inter, Helvetica, Arial, sans-serif;
		font-size: 6.4em;
		color: #215126;
		line-height: 110px;
	}

	.widget--banners {
		margin-bottom: 64px;
	}

	.widget--banners .block figure.columna--figura {
		float: left;
		width: 320px;
		margin: 0px;
		background-color: #fff;
		font-family: inter, Helvetica, Arial, sans-serif;
	}

	.widget--banners .block figure.columna--figura.isTwo{
		margin: 0px 20px;
	}

	.widget--banners .block figure.columna--figura a{
		text-decoration: none;
		padding: 0px;
		font-weight: 300;
	}

	.widget--banners .img-wrp {
		height: 320px;
		overflow: hidden;
		position: relative;
	}

	.widget--banners .block figure.columna--figura img{
		position: absolute;
		height: 320px;
		top: -9999px;
		right: -9999px;
		bottom: -9999px;
		left: -9999px;
		margin: auto;
	}

	.widget--banners .block figure.columna--figura .news__block__date {
		font-size: 1.8em;
		color: #009a44;
		margin: 0px 0 10px;
	}




	.main__head .widget--bolsa {
		margin: 0;
		position: absolute;
		top: 28px;
		right: 220px;
	}

		.main__head .widget--bolsa .widget__content {
			box-shadow: none;
			background-color: transparent;
			width: 200px;
			height: 100px;
			top: 0;
			text-align: right;
		}

		.main__head .widget--bolsa .widget__data--texto {
			font-size: 2.4em;
			line-height: 1.6em;
			color: #ffffff;
		}
		.main__head .widget--bolsa .widget__data--texto:first-child { font-size: 1.4em; }

		.main__head .widget--bolsa .widget__data--titulo {
			font-size: 4em;
			line-height: 20px;
			color: #ffffff;
			line-height: 1.2em;
			margin-bottom: 5px;
		}

			.main__head .widget--bolsa .icon--arrow-down,
			.main__head .widget--bolsa .icon--arrow-up {
				line-height: 1;
				width: 35px;
				height: 35px;
				margin-top: -8px;
				text-align: center;
			}

			.widget--bolsa .icon--arrow-up:before { margin-top: 10px; }

	.page__header .widget--bolsa { display: none; }




/*
	.flickity-enabled.is-draggable .flickity-viewport{
		margin-top: 90px;
	}
	.flickity-page-dots{
		bottom:inherit;
		top: -35px;
	}
	.flickity-page-dots .dot{
		background: #F0F0F2!important;
		opacity: 1!important;
	}
	.flickity-page-dots .dot.is-selected{
		background: #009a44!important;
	}
*/

	#w_emisiones .widget__content__title.db{
		display: block;
		margin-bottom: 19px;
	}







/* ==========================================================================
   $CONOCE VIDRALA
   ========================================================================== */

.conocevidrala__content {}
	.conocevidrala__content .wrp {
		margin: 0 auto;
	}
		.conocevidrala__content .wrp > h2 {
			color: #1e5929;
			background: #93d708;
			margin: 0;
			padding: 40px;
			text-align: center;
			font-family: inter, Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-size: 4.2em;
		}
			.conocevidrala__content h2 span { color: #ffffff; }
		.conocevidrala__content .conocevidrala__bloque {}

			.conocevidrala__content .conocevidrala__bloque__title {}
				.conocevidrala__content .conocevidrala__bloque__title h2 {
					margin: 0;
					padding: 30px;
					text-align: center;
					text-transform: uppercase;
					font-family: inter, Helvetica, Arial, sans-serif;
					font-weight: normal;
				}
			.conocevidrala__content .conocevidrala__bloque__text {}
				.conocevidrala__content .conocevidrala__bloque__color {
					height: 30px;
					display: block;
				}

				.conocevidrala__content p,
				.conocevidrala__content ul {
					margin: 0;
					color: #ffffff;
					padding: 40px 20px;
				}
					.conocevidrala__content ul { padding-left: 40px; }
					.conocevidrala__content li { color: #ffffff; }

.conocevidrala__bloque--green-bold .conocevidrala__bloque__title { background-color: #e8eeea; }

.conocevidrala__bloque--green-bold h2 { color: #1c5630; }
.conocevidrala__bloque--green-bold .conocevidrala__bloque__text { background-color: #1c5630; }
.conocevidrala__bloque--green-bold .conocevidrala__bloque__color {
	background-color: #124325;
}

.conocevidrala__bloque--green-medium .conocevidrala__bloque__title { background-color: #e5f2eb; }

.conocevidrala__bloque--green-medium h2 { color: #00833d; }
.conocevidrala__bloque--green-medium .conocevidrala__bloque__text { background-color: #00833d; }
.conocevidrala__bloque--green-medium .conocevidrala__bloque__color {
	background-color: #017338;
}

.conocevidrala__bloque--green-regular .conocevidrala__bloque__title { background-color: #edf5ea; }

.conocevidrala__bloque--green-regular h2 { color: #4d9d2a; }
.conocevidrala__bloque--green-regular .conocevidrala__bloque__text { background-color: #4d9d2a; }
.conocevidrala__bloque--green-regular .conocevidrala__bloque__color {
	background-color: #468733;
}


.conocevidrala__bloque--green-semilight .conocevidrala__bloque__title { background-color: #f1f8e8; }

.conocevidrala__bloque--green-semilight h2 { color: #77bd1e; }
.conocevidrala__bloque--green-semilight .conocevidrala__bloque__text { background-color: #77bd1e; }
.conocevidrala__bloque--green-semilight .conocevidrala__bloque__color {
	background-color: #659d30;
}

.conocevidrala__bloque--green-light .conocevidrala__bloque__title { background-color: #f4fce7; }

.conocevidrala__bloque--green-light h2 { color: #95d60a; }
.conocevidrala__bloque--green-light .conocevidrala__bloque__text { background-color: #95d60a; }
.conocevidrala__bloque--green-light .conocevidrala__bloque__color { background-color: #7fa52b; }


/* ==========================================================================
   $MEDIA-QUERIES
   ========================================================================== */



/* > 1255px
----------------------------------------------- */
@media only screen and (min-width: 1240px) {

	.main__head .widget--bolsa { right: 120px; }

}


/* > 1440px
----------------------------------------------- */
@media only screen and (min-width: 1440px) {

	.main__head .widget--bolsa { right: 0; }

}






/* > 1630x
----------------------------------------------- */
@media only screen and (min-width: 1630px) {



}






/* > 1920x
----------------------------------------------- */
@media only screen and (min-width: 1920px) {


}


/* > 960PX
----------------------------------------------- */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {


    #formAddPresupuesto .form__element.form__element--dynamic,
    #formAddPresupuesto .noUiSlider {
        width: 290px;
    }


}

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

}

/* > TABLET + MOBILE
----------------------------------------------- */
@media only screen and (max-width: 1015px) {
	.sd__image--exists {
		margin-top: 10px;
	}

}


@media only screen and (min-width: 768px) {

	.input__pad .btn {
		min-width: 0!important;
		padding: 9px 0px!important;
	}
}



/* TABLET LAYOUT
----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	*:hover, *:active {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}

	.main--catalogo {
		background: none;
		background-color: #fff;
	}

	.article__intro--catalogo{
		width: 100%;
	}

	.nav__secondary {
		transform: translate3d(0, 0, 0);
	}

	.wrp {
		width: 714px;
		padding: 0 8px;
	}


	textarea,
	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"],
	.form__element__mask,
	select,
	.select2-container--default .select2-selection--single { width: 314px; }

	textarea { width: 681px; }

	.filters__options__n input#filter_n{
		width: 180px;
	}

	.main__head__title {
		padding: 40px 150px 0 0;
	}

	.content--accionistas{
		min-height: inherit;
	}

	.page__header__top__links li.showOnTablet{
		display: inline-block;
	}
	.page__header__top__links li{
		margin-right: 12px;
	}
	.nav__langs{
		padding-left: 15px;
	}
	.nav__main__primary.nav__main__primary--sections li:last-child{
		display: none;
	}

	.nav__main__primary > li { margin-left: 5px; }

		.nav__main__primary > li > a,
		.nav__langs a,
		.nav__footer ul > li > a { font-size: 1.3em; }

	.nav__secondary__title .menu-arrow{
		position: relative;
		top: auto;
		right: auto;
		margin-left: 5px;
	}

	.content__article .nav__secondary,
	.content__article .nav__secondary + .article__info,
	.content__article .article__nav + .article__info {
		margin-left: 0;
		float: none;
		width: 100%;
	}

	.article__title{
		margin-bottom: 30px;
	}
	.content__article .nav__secondary ul {
		width: initial;
		margin: 0;
	}

	.content__article .nav__secondary,
	.content__article .article__nav { width: 100%; }

	.content__article .article__nav { height: 120px; }

	.article__info + .nav__secondary {
		position: relative;
		top: auto;
		left: auto;
	}

	.content__article .article__nav + .article__info { margin-left: 0; }


	#menu_search:after { right: -992px; }

		.main__head__title p.h1,
		.main__head__title h1,
		.article__title { font-size: 4.2em; }

		.article__title,
		.article__text { padding-right: 53px; }

		.article__info table { width: calc(100% + 20px); }

		.content__article .product__image + .article__info,
		.content__article .product__image + .article__info table { width: 414px; }

			.doc__link:first-child { width: 444px; }


	.content__article .nav__secondary.nav__secondary--contacto ul {
		width: auto;
	}

	.products-list {
	}

		.product {

		}

	.comparador .product__info__budget .material-icons{
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}

		.compare .product,
		.comparador .product {

		}

		.comparador .product__info__data__block--padding--desktop {
			padding: 10px 20px;
		}

		.comparador .product__info__data__block--padding--tablet {
			padding-top: 15px;
			padding-right: 20px;
			padding-bottom: 14px;
			padding-left: 20px;
		}

		.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: none; }



	.presupuesto__preview table {
		width: calc(100% + 16px);
	}

		.presupuesto__preview table tr:first-child { display: none; }

			.presupuesto__preview table td { position: relative; }

				.preview__product { width: 380px; }

				.preview__data {
					width: 330px;
				}

					.preview__data form { margin: 0; }


    #formAddPresupuesto fieldset {
        display: block;
    }

    #formAddPresupuesto .color_selector {
        float: left;
    }

    #formAddPresupuesto .btn:not(.btn--mini):not(.btn--link) {
        margin-top: 44px;
        width: 100%;
    }

	#formAddPresupuesto .form__element { margin-bottom: 30px; }

    #formAddPresupuesto .form__element.form__element--dynamic,
    #formAddPresupuesto .noUiSlider {
        width: calc(100% - 176px);
    }

	#formAddPresupuesto .form__element.form__element--dynamic { margin-right: 20px; }

/*     #formAddPresupuesto .noUiSlider, */

	#formAddPresupuesto .form__element,
	.presupuesto__preview .form__element { width: 330px; }

		#formAddPresupuesto .form__element input,
		.presupuesto__preview .form__element input { width: 297px; }


        #formAddPresupuesto .form__element + .btn,
        #formAddPresupuesto .noUiSlider + .btn {
            min-width: auto;
        }



	#formPresupuesto,
	#formContacto,
	#formEmpleo { width: 714px; }

	.filters__bocas label{
		width: 190px;
	}

	.article__terms .article__intro {
		float: none;
		margin-bottom: 20px;
	}

	.article__terms .product__info__compare {
		float: none;
		display: block;
		margin-bottom: 20px;
	}


	.main__head .widget--bolsa {
		top: 95px;
		right: 30px;
	}

		.main__head .widget--bolsa .widget__content {
			width: 400px;
			height: auto;
		}

		.main__head .widget--bolsa .widget__data--texto,
		.main__head .widget--bolsa .widget__data--titulo { float: left; }

		.main__head .widget--bolsa .widget__data--titulo {
			font-size: 2.4em;
			line-height: 1.6em;
			margin: 0 10px 0 0;
		}

		.main__head .widget--bolsa .widget__data--texto {
			font-size: 1.4em;
			margin-top: 12px;
		}

		.main__head .widget--bolsa .widget__data--texto:first-child { display: none; }

			.main__head .widget--bolsa .icon--arrow-down,
			.main__head .widget--bolsa .icon--arrow-up {
				line-height: 1.6;
				width: 25px;
				height: 25px;
				margin-top: -5px;
			}

			.widget--bolsa .icon--arrow-up:before { margin-top: 0; }


	.section--recently-viewed .column--one-fourth:last-child { display: none; }


	.content,
	footer {
		transition: transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
		backface-visibility: hidden;
	}

		.content--contacto .content__article {
			padding-top: 100px;
		}

			.content__article__nav__trigger {
				position: absolute;
				top: 61px;
				right: 10px;
				display: block;
			}

			.content .nav__secondary {
				position: absolute;
				top: 2px;
				left: 0;
			}

			.content--product .nav__secondary {
				position: relative;
				top: 0;
				left: 0;
			}

				.content__article .nav__secondary ul {

				}

					.content__article .nav__secondary > ul > li,
					.content__article .nav__secondary .content__nav__wrp > ul > li,
					.content__article .nav__secondary ul li li {
						float: left;
					}

					.content__article .nav__secondary > ul > li,
					.content__article .nav__secondary .content__nav__wrp > ul > li {
						position: static;
						border-top: none;
					}

					.content__article .nav__secondary ul ul {
						position: absolute;
						left: 0;
						background-color: #ffffff;
						width: 100%;
						display: none;
					}
						.content__article  .nav__secondary__title.open + .nav__secondary__sub{
							display: block;
							position: absolute;
							height: 80px !important;
							top: 60px;
							-webkit-overflow-scrolling: touch;
						}

						.content__article .nav__secondary ul li a,
						.content__article .nav__secondary ul li li a,
						.content__article .nav__secondary ul li.active li a {
							padding: 20px 18px;
						}

						.content__article .nav__secondary > ul > li > a:before,
						.content__article .nav__secondary .content__nav__wrp > ul > li > a:before
						.content__article .nav__secondary > ul > li > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li > a:after { content: none; }

						.content__article .nav__secondary > ul > li:last-child > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li:last-child > a:after {
							content: '';
							left: auto;
							right: -400%;
						}

					.content__article .nav__secondary .content__nav__wrp > ul > li > a,
					.content__article .nav__secondary > ul > li > a:after,
					.content__article .nav__secondary .content__nav__wrp > ul > li > a:after{
						border-bottom: none;
					}

					.dsAc-body-wrp {
						margin: 0px!important;
						padding: 0px!important;
					}


				.content__article .nav__secondary {
					height: 118px;
					overflow: hidden;
				}


				.content__article .content__nav__wrp {
					position: relative;
					width: 100%;
					height: 133px;
					padding-bottom: 40px;
				}

					.content__article .content__nav__wrp ul,
					.content__article .nav__secondary ul ul {
						white-space: nowrap;
						overflow-x: scroll !important;
						overflow-y: hidden;
						-webkit-overflow-scrolling: touch;
						padding-right: 70px;
					}
						.nav__secondary__line{
							display: block;
							border-bottom: 1px solid #cccccc;
							position: absolute;
							top: 58px;
							width: 100%;
							z-index: 99;
						}
							.catalogo .nav__secondary__line,
							.content--product .nav__secondary__line{
								border-bottom: none;
							}

						.content__article .nav__secondary .content__nav__wrp > ul > li,
						.content__article .content__nav__wrp ul li,
						.content__article .nav__secondary ul li li {
							float: none;
							display: inline-block;
						}

						.content__article .nav__secondary > ul > li:last-child > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li:last-child > a:after,
						.content__article .nav__secondary > ul > li > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li > a:after {
							left: auto;
							right: 0;
							width: 120%;
							z-index: 100;
						}



				.content__article .nav__secondary {
					width: calc(100% - 16px);
				}

				.content__article .nav__secondary:before {
					content: '';
					width: 100px;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					pointer-events: none;
					z-index: 10;
				}
				.content__article .nav__secondary:after {
					content: '';
					width: 100px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 0;
					background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					pointer-events: none;
					z-index: 10;
				}



	/*===============================
		CONTACTO
	===============================*/

	.content--contacto .nav__secondary--contacto {
		height: 65px;
	}

	.wrp--contacto {
		float: none;
		width: auto;
	}

	.map-wrp {
		width: 100%;
		height: 355px;
	}

	#mapa {
		width: 100%;
		height: 380px;
	}

	.content .contacto__data {
		min-height: 0;
		padding-bottom: 10px;
	}

	footer .nav__legal li,
	.nav__social li{
		margin-left: 15px;
	}
	footer .nav__legal li a:before,
	footer .nav__social li a:before{
		margin-left: -9px;
	}

		.nav__social li:first-child { margin-left: 0; }


	/* ==========================================================================
		$PROCESO PRODUCTIVO
	========================================================================== */

	.proceso-productivo .article__text {
		padding-right: 0px;
	}

	.texto__cuerpo {
		font-size: 1.3em;
	}

	.texto__materia {
		top: 300px;
	}

	.texto__materia--arena {
		left: 65px;
	}

	.texto__materia--silice {
		lefT: 60px;
	}

	.texto__materia--carbonato {
		left: 170px;
	}

	.texto__materia--sodio {
		left: 188px;
	}

	.texto__materia--caliza {
		left: 315px;
	}

	.texto__materia--vidrio {
		left: 503px;
	}

	.texto__materia--reciclado{
		left: 493px;
	}

	.texto__numeros {
		top: 265px;
		left: 250px;
	}

	.texto__numeros--grados {
		font-size: 2.1em;
	}

	.texto__numeros--vidautil {
		font-size: 1.5em;
	}

	.texto__numeros--horas {
		font-size: 1.6em;
	}

	.texto__numeros--years {
		font-size: 1.6em;
	}

	.texto__derecha{
		top: 240px;
		left: 550px;
		width: 135px;
		font-size: 1em;
	}

	:lang(en) .texto__materia--arena {
		left: 80px;
	}

	:lang(en) .texto__materia--caliza {
		left: 305px;
	}

	:lang(en) .texto__materia--vidrio {
		left: 495px;
	}

	:lang(en) .texto__materia--reciclado {
		left: 503px;
	}


	/* ==========================================================================
		$HOME
	========================================================================== */


	.home .article__title br {
		display: none;
	}

	.home .widget--bolsa .article__title br { display: inline; }

	.home .article__title {
		text-align: left;
		padding: 0px;
		margin-bottom: 20px;
	}

	.widget--co2 {
		height: auto;

	}

	.widget--bolsa,
	.widget--last-notice,
	.widget--catalogo,
	.widget--co2 { margin-bottom: 40px; }

	#w_emisiones .widget__content{
		width: 674px;
	}

	.widget__title {
		float: none;
		width: 100%;
		text-align: center;
		margin-right: 0px;
		margin-top: 18px;
	}
	.widget--bolsa .widget__title {
		float: left;
		width: 260px;
	}

	.widget__content,
	.widget__data--catalogo {
		width: 100%;
		top: 0;
	}
	.widget--bolsa .widget__content { width: 460px; }

	.widget--last-notice .block figure.columna--figura {
		float: left;
		width: 345px;
		margin: 0px;
	}

	.widget--last-notice .block figure.columna--figura.isTwo {
		margin-right: 0px;
		margin-left: 24px;
	}

	.widget--catalogo {
		position: relative;
		height: auto;
		margin-top: 0px;
	}

	.widget__btns {
		padding: 0 60px 0 70px;
	}

	.widget__btns--catalogo {
		display: block;
		padding: 0px;
		margin-left: 0px;
	}


	.widget__btns--catalogo + p { margin-left: 100px; }

	.widget__data--cotizacion {
		width: 714px;
		height: 300px;
		left: 0px;
		top: 0px;
	}

	.widget--banners .block figure.columna--figura {
		float: left;
		width: 345px;
		margin: 0px;
	}

	.widget--banners .block figure.columna--figura.isTwo {
		margin-right: 0px;
		margin-left: 24px;
	}

	.widget--banners .block figure.columna--figura img,
	.widget--last-notice .block figure.columna--figura img {
		height: 345px;
	}

	.widget--personas{
		margin-bottom: 60px;
	}

	.widget__title .article__title + p {
		margin-top: -15px;
		text-align: left;
	}

	.catalogo__mercados {
		height: auto;
	}

	/* ==========================================================================
	   $CONOCE VIDRALA
	   ========================================================================== */
	.conocevidrala__content {
		margin: 50px 0;
	}

		.conocevidrala__content p,
		.conocevidrala__content ul {
			width: 50%;
			margin: 0 auto;
		}



	.showOnDesktop { display: none; }
	.hideOnDesktop { display: inline-block; }
	.showOnTablet { display: inline-block; }
	.hideOnTablet { display: none; }
	.showOnMobile { display: none; }
	.hideOnMobile { display: inline-block; }


	.filters__options form .layout > .layout__column--one > .layout__column--one-third{ width: 50%; padding: 1em 0px 1em 25px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third input{ width: 300px!important; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:first-child{ width: 50%; padding-left: 0px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:last-child{ width: 100%; padding: 1em 0px; }


	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third{ width: 50%; padding: 0em 0px 0em 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third input[type='checkbox']{ width: 10px!important; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.first{ width: 50%; padding-left: 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.last{ width: 50%; padding: 0em 0px; }

	.filters__options form .filters__options__bocas .clearfix{ display: none; }

}

@media only screen and (min-width: 768px) and (max-width: 875px) {
	.catalogo .nav__secondary:after,
	.content--product .nav__secondary:after,
	.content__article .nav__secondary:after{
		width: 70px;
	}
	.catalogo .nav__secondary:before,
	.content--product .nav__secondary:before,
	.content__article .nav__secondary:before{
		width: 40px;
	}
	.content__article .content__nav__wrp ul,
	.content__article .nav__secondary ul ul{
		padding-right: 40px;
	}
}

/* MOBILE LAYOUT (PORTRAIT)
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	.vidrabot {
		bottom: 20px;
		right: 20px;
	}
	.vidrabot__chat {
		bottom: 100px;
		right: 10px;
		width: calc(100% - 20px) !important;
		max-width: 380px;
	}
	
	.multimedia__info,.multimedia__gallery_title {
		   margin-left: 0px;
	}
	
	.gallery__img {
		margin-right: 10px !important;
		margin-bottom: 10px !important;
		margin-left: 10px !important;
	}

	.product__image__thumbs { display: none; }
	.section--producto .product__image .product__image__colors {
/*         display: block; */
        display: none;
    }

    .product__image__body {
       /* bottom: 30px;*/
    }

	.noUi-connect, .noUi-origin{ will-change: inherit!important;}

	.filters__options form .layout > .layout__column--one > .layout__column--one-third{ width: 100%; padding: 1em 0px 1em 0px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third input{ width: 100%!important; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:first-child{ width: 100%; padding: 1em 0px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:last-child{ width: 100%; padding: 1em 0px; }


	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third{ width: 100%; padding: 0em 0px 0em 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third input[type='checkbox']{ width: 10px!important; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.first{ width: 100%; padding-left: 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.last{ width: 100%; padding: 0em 0px; }

	.filters__options form .filters__options__bocas .clearfix{ display: none; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third .clearfix{ display: block; }

	hr.light{ clear: both; }

	#w_emisiones .widget__data,
	.widget__content--medioambiente .widget__data{
		margin-bottom: 19px;
	}
	.widget--bolsa .icon--arrow-down:before{
		margin-top: -10px;
	}
	.widget--bolsa .icon--arrow-up:before{
		margin-top: 15px;
	}
	*:hover, *:active {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}

	.main--catalogo {
		background: none;
		background-color: #fff;
	}

	.article__intro--catalogo{
		width: 100%;
	}

	.wrp {
		width: calc(100% - 40px);
		padding: 0px 20px;
	}


	.layout__column--one .layout__column--one-half {
		width: 100%;
		float: none;
	}

		.layout__column--one .layout__column > * { padding: 0; }


	.form__element { width: 100%; }

	.form__inline .form__element {
		float: none;
		margin-left: 0;
	}

	.content--accionistas{
		min-height: inherit;
	}

	.search-dummy {
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		left: 15px;
	}

	.btn--catalogo { margin-top: 0; }


	.main__head { display: none; }

		.main__head__title { display: none; }

		.breadcrumb { display: none; }

	.col-half{
		width: 100%;
		padding: 0px 20px;
	}

	.scroll-container { margin-top: 90px; }


		.nav__secondary {
			background-color: transparent;
			margin-bottom: 20px;
		}

		.nav__main__primary .nav__secondary { border-bottom: none; }

		.article__nav { display: none; }

		.article__info + .nav__secondary {
			position: relative;
			top: auto;
			left: auto;
		}

		.content__article .article__nav + .article__info { margin-left: 0; }

		.catalogo .nav__secondary {
			display: block;
			margin-left: -20px;
			margin-right: -20px;
		}

			.catalogo .nav__secondary:before,
			.content--product .nav__secondary:before { width: 20px; }

			.catalogo .nav__secondary ul li a,
			.content--product .nav__secondary ul li a { padding: 20px; }


			.nav__secondary ul li {
				float: none;
				text-align: left;
			}

				.nav__main__primary .nav__secondary ul li a { color: #ffffff; }

	.content--product { padding-top: 20px; }

		.content--product .nav__secondary { display: none; }


	.nav__search {
		position: absolute;
		top: -40px;
		height: 40px;
		float: none;
	}


	.page__header__top__left { display: none; }



	.presupuesto__preview .product__image {
		min-width: 100px;
	}

/* 		.presupuesto__preview .product__image__body { height: 180px!important; } */

		.presupuesto__preview  .product__image img { max-height: 180px; }



	.page__header__menu {
		word-break: 100%;
		background-color: rgba(255, 255, 255, 0.9);
	}

		#menu_search {
			position: relative;
			top: 0;
			height: 50px;
			float: none;
			background-color: transparent;
		}
		#menu_search:after { content: none; }


	.nav__langs ul {
		right: 0;
		padding: 15px 20px;
		width: calc(100% - 40px);
	}
		.nav__langs ul:after{
			left: auto;
			right: 172px;
		}
		.nav__langs + .nav__langs ul:after{
			right: 65px;
		}



	.widget--bolsa,
	.widget__title .article__title + p{
		margin-top: 0;
	}

	.btn{
		padding: 15px 20px;
	}
	.widget__data--catalogo{
		top: 0;
	}

	.bloque--pagination.pagination--noticias {
		text-align: center;
	}
	.bloque--pagination{
		margin-top: -20px;
	}

	.bloque--pagination .btn {
		width: auto;
		min-width: 24px;
		padding: 15px;
		margin-left: 10px;
		padding: 12px 20px;
		font-size: 1.3em;
		min-width: 31px;
	}
		.bloque--pagination .btn.btn--all{
			background-color: transparent;
			color: #009a44;
			font-size: 1.6em;
		}

		.bloque--pagination .btn:first-child {
			margin-left: 0;
			display: block;
		}

		.bloque--pagination .btn:first-child + .btn { margin-left: 0; }

		.bloque--pagination .btn--empty {
			padding: 0;
			min-width: 0;
		}

	.content--ventajas-del-vidrio .section--intro-text img, .content--advantages-of-glass .section--intro-text img {
		/* max-height: 300px; */
		width: 80%;
		object-fit: contain;
	}

	textarea,
	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"],
	.form__element__mask,
	select,
	.select2-container--default .select2-selection--single,
	#formAddPresupuesto .form__element input,
	.presupuesto__preview .form__element input {
		width: calc(100% - 1.8em - 2px);
	}

	textarea {
		width: 100%;
	    box-sizing: border-box;
	}


	.page__header .widget--bolsa {
		display: block;
		margin: 0;
		position: absolute;
		top: 40px;
		right: 60px;
	}

		.page__header .widget--bolsa .widget__content {
			box-shadow: none;
			background-color: transparent;
			width: auto;
			height: auto;
			top: 0;
			text-align: right;
			padding: 11px 0;
			margin: 0;
		}

		.page__header .widget--bolsa .widget__data--texto { display: none; }

		.page__header .widget--bolsa .widget__data--titulo {
			font-size: 2.4em;
			line-height: 1.6em;
			color: #ffffff;
			line-height: 1.2em;
			margin-bottom: 0;
		}

			.page__header .widget--bolsa .icon--arrow-down,
			.page__header .widget--bolsa .icon--arrow-up {
				line-height: 0.6;
				width: 24px;
				height: 24px;
				margin-top: -10px;
				text-align: center;
			}

			.page__header widget--bolsa .icon--arrow-up:before { margin-top: 10px; }

		.form__inline .select2-container { margin-right: 0; }


	table caption {
		padding: 0 24px;
	}

	.article__table,
	.article__docs {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		/* margin-left: -24px;
		margin-right: -24px; */
		padding-top: 20px;
		position: relative;
	}
		
	.article__info table > * { /*width: 720px;*/ width: 95%; }
	
	.article__info table {
		width: 95%; margin: 0 auto;
	}
	
	.article__info table tbody {
		margin-bottom: 20px;
	}

		.article__docs .article__intro {
			padding-left: 24px;
			padding-right: 24px;
		}

		.tab__wrp {
			margin-left: 24px;
		}

		table, dl {
			margin-left: 0;
			margin-right: 0;
		}

		.article__table table td li:first-child span{
		}

	.table--horizontal-top{
		text-align: right;
		display: block;
	}

		.table--horizontal-top__icon {
			width: 24px;
			height: 24px;
			font-size: 2em;
			display: inline-block;
		}

		.article__table table {
			width: 670px!important;
		}

		.article__table table .tr__thead { display: table-row!important; }

			.article__table table th,
			.article__table table td,
			.article__docs table th,
			.article__docs table td { padding: 16px 24px; }

			.article__table table .tr__thead li span,
			.article__table span.m_right {
				box-sizing: border-box;
			}


		.doc__fecha { margin-bottom: 4px; }

		.doc__link {
			width: auto;
		}

/*
			.doc__link a {
				padding: 0;
			}
*/

			.doc__link a .doc-text {
				display: block;
				margin-top: 4px;
			}


		ul.thead li:first-child span.m_right,
		ul.tbody li:first-child span.m_right,
		span.m_right {
			padding: 0;
		}


	.catalogo__title { float: none; }

	.filters__trigger {
		padding-top: 0;
		text-align: left;
	}

	.filters__options { padding: 0 0px 20px 0px; }

/* 		.filters__options form { margin-bottom: 0; } */

	.products-list { margin: 0; }

		.product {
			width: 100%;
			margin: 0 0 20px 0;
		}


	.compare__text {
		padding: 10px 10px 10px 0;
	}

	.comparador .product__info__budget .material-icons{
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}

	.compare .products-list {
		display: inline-block;
		position: relative;
		padding-bottom: 80px;
	}
	.comparador .products-list {

	}

	.comparador .products-list > *:first-child { display: none; }

	.comparador .wrp {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

		.comparador .products-list--2 .product { width: calc(50% - 4px); }

			.compare .product__info__title {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.comparador .product__info__data__block {
				padding: 10px 10px;
				width: calc(100% - 20px);
			}

			.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: block; }

			.comparador .product__info__title { height: 50px; }

	#comparar_action {
		position: absolute;
		bottom: 20px;
		margin: 0;
		width: calc(100% - 24px);
	}

		#comparar_action .product__image {
			display: none;
		}

	.buscador.content__article{
		padding-top: 20px;
	}

	.content { padding-bottom: 30px; }

		.main > .content:first-child {
			padding-top: 50px;
		}
		
		

	.content__article {
		display: block;
		padding-top: 0;
	}
	.legal,
	.presupuesto{
		padding-top: 10px;
	}

	.content--medioambiente .widget--co2,
	.content--environment .widget--co2{
		margin-top: 40px;
	}
	
	.content--product .content__article { display: block; }


		.content__article .article__info,
		.doc__link:first-child { width: 100%; }

		.content .product__image + .article__info,
		.content__article .nav__secondary + .article__info { margin-left: 0; }

		.main__head__title p.h1,
		.main__head__title h1,
		.article__title {
			font-size: 3em;
			line-height: 1.6em;
		}

		.article__title,
		.content--product .article__title,
		.section--detalle .article__title,
		.section--catalogo-prefooter .text__maintitle {
			font-size: 2rem;
			line-height: 2.5rem;
			margin-top: 0;
		    margin-bottom: 24px;
		}

		.content__article .nav__secondary,
		.content__article .nav__secondary ul,
		.content__article .nav__secondary.nav__secondary--contacto ul { width: 100%; }

		.article__terms .article__intro { display: none; }

		.article__intro,
		.article__text .article__intro {
			font-size: 1.375rem;
			line-height: 2.25rem;
			margin-bottom: 32px;
		}

		p ~ .article__intro,
		.article__text p ~ .article__intro {
			margin-top: 24px;
		}

		.article__intro ~ ul,
		.article__text .article__intro ~ ul {
			padding-left: 16px;
		}

		.article__text p,
		.article__info p {
			font-size: 1.125rem;
			line-height: 1.75rem;
			margin-bottom: 32px;
		}

		.article__info img {
			margin-bottom: 32px;
			height: 250px;
		}

		.article__terms .product__info__compare {
			float: none;
			margin-bottom: 20px;
			display: block;
		}

	.article__text,
	.news-list {
		padding-right: 0;
	}


	dd .product__image__colors span { margin-top: -3px; }



	.content .product__image {
		width: 100%;
		min-height: 360px;
        padding-bottom: 0;
	}

		.content--product .product__image__body,
		.product__image__body__flickity__item { height: 200px!important; }
		.product__image__body--one { bottom: 50px; }

			.mix-blend-mode .content .product__image__shadow { zoom: 0.4; }


	.presupuesto__preview table {
		width: 100%;
	}

	.presupuesto__preview table tr:first-child { display: none; }

		.presupuesto__preview td {
			padding-top: 20px;
			padding-left: 0;
			padding-right: 0;
		}

		.presupuesto__preview ul {
			display: block;
		}

		.presupuesto__preview .product__image { width: 120px; }

		.preview__product,
		.preview__data {
			width: 100%;
			float: none;
		}

		.presupuesto__preview .product__info {
			width: calc(100% - 140px);
		}

		.preview__product { margin-bottom: 20px; }

			.preview__data form { margin-bottom: 0; }




	.product-family__text {
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 20px;
	}





	#formAddPresupuesto .form__element,
	.presupuesto__preview .form__element {
		width: 100%;
		margin-bottom: 24px;
	}

	.input__pad .btn {
		padding: 13px 0px;
	}


	.btn {
		/* width: 100%; */
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 24px;
		box-sizing: border-box;
	}

	.section--producto table,
	.section--producto dl {
		/* margin-left: -10px;
		margin-right: -10px; */
	}

	.section--producto .tabla--docs {
		margin-left: 0;
		margin-right: 0;
	}

	.widget--co2 .widget__content,
	.widget--co2 .widget__content--medioambiente{
		padding: 40px 20px;
		width: auto;
	}
		#w_emisiones .widget__content__title.db:last-child,
		.widget__content--medioambiente .widget__content__title:last-child{
			margin-bottom: 0;
		}
	.widget--bolsa .widget__content{
		padding: 20px 0;
	}


	.widget__data.widget__data--catalogo{
		background: none;
		box-shadow: none;
		padding: 0;
	}

		.widget--catalogo .widget__content__title{
			margin-left: 0;
		}

		.widget--catalogo .btn--catalogo + .btn--catalogo {
			margin-left: 56px;
		}

		.widget__btns{
			padding: 0;
		}

		.home .widget--catalogo .article__title{
			margin-bottom: 10px;
		}

		.widget--last-notice{ margin-top: -25px; }

/*     #formAddPresupuesto fieldset {
        display: block;
        margin-bottom: 0;
    } */

    #formAddPresupuesto fieldset {
        flex-direction: column;
        margin-bottom: 0;
    }

        #formAddPresupuesto .amount_selector,
        #formAddPresupuesto .color_selector {
            width: 100%;
            margin: 0;
        }

        #formAddPresupuesto .color_selector {
            margin-bottom: 24px;
        }

            #formAddPresupuesto .amount_selector label,
            #formAddPresupuesto .color_selector label {
                text-align: center;
                display: block;
                position: relative;
                left: auto;
                top: auto;
            }

            #formAddPresupuesto .amount_selector label {
                margin-bottom: 40px;
                display: none;
            }

            #formAddPresupuesto .color_selector label {
                margin-bottom: 24px;
            }

                #formAddPresupuesto .product__image__colors {
                    justify-content: center;
                }

/* 	#formAddPresupuesto .form__element + .btn { margin-left: 0; } */
	#formAddPresupuesto .form__element.form__element--dynamic {
		margin-right: 0;
		width: 100%;
	}

    #formAddPresupuesto .noUiSlider {
        width: calc(100% - 64px);
        margin-left: 32px;
        margin-right: 32px;
        margin-bottom: 60px;
    }

		#formAddPresupuesto .form__element.form__element--dynamic input {
			padding-top: 1.45em;
			padding-bottom: 0.3em;
			padding-right: 6.75em;
			width: 100%;
		}
		#formAddPresupuesto .form__element.form__element--dynamic .input__pad .btn {
			width: 56px;
		}

	#formPresupuesto,
	#formContacto,
	#formEmpleo,
	#formAddPresupuesto {
		width: 100%;
		margin-bottom: 0;
	}
		#formContacto,
		#formPresupuesto {
			margin-bottom: 60px;
		}
		#formAddPresupuesto {
			margin-top: 24px;
		}

	.content--certificaciones img,
	.content--certificates img{
		max-width: 100%;
	}

	.catalogo .filters { margin-top: 20px; }

	.filters__actions {
		float: none;
	}

		.filters__options__block {
			float: none;
			width: 100%;
			margin-left: 0;
		}



		.filters__options__bocas { width: auto; }


	.filters__resume {
		float: none;
		margin-top: 20px;
	}



	.catalogo .nav__secondary__line,
	.content--product .nav__secondary__line{ display: none; }


	footer .copy .wrp { padding: 10px 20px 20px 20px; }
	footer .copy p{ display: none; }
	footer .copy p,
	footer .legal,
	footer .nav__legal,
	footer .nav__legal li { float: none; }

	footer .nav__legal li {
		margin-left: 0;
		border-bottom: 1px solid #8dc774;
	}
		footer .nav__legal li:last-child{
			border-bottom: none;
		}

		footer .nav__legal li a:before,
		footer .nav__social li a:before { content: none; }

	footer .social {
		height: auto;
		float: none;
	}
		footer .legal{
			text-align: center;
		}
		footer .social {
			margin-top: 24px;
		}

		.social p,
		.social .nav__social { float: none; }

		.social .nav__social {
			margin: 0 -20px -20px -20px;
			background-color: #225126;
		}

		.nav__social ul{
			text-align: center;
		}
		.nav__social li {
			float: none;
			display: inline-block;
		}
			.nav__social li:first-child{
				margin-left: 0;
			}


	/*========================================
		CONTACTO
	========================================*/

	.content--contacto .content__article {
		padding-top: 0px;
	}

	.wrp--contacto {
		float: none;
		width: auto;
	}

	.map-wrp {
		width: 100%;
		height: 355px;
		margin-bottom: 10px;
		padding-top: 10px;
	}

	#mapa {
		width: 100%;
		height: 380px;
	}

	.content .contacto__data {
		min-height: 0;
		padding-bottom: 10px;
	}

	/*========================================
		MULTIMEDIA
	========================================*/
		.gallery__container .gallery__img,
		.gallery__container .gallery__videos {
			width: 100%;
			margin-right: 20px;
			margin-bottom: 10px;
			float: none;
			overflow: hidden;
			position: relative;
		}
			.gallery__container .video,
			.gallery__container .imagen {
				height: auto;
			}

				.gallery__container .gallery__img img,
				.gallery__container .gallery__videos img {
					position: relative;
					top: inherit;
					right: inherit;
					bottom: inherit;
					left: inherit;
					margin: 0;
					width: 100%;
				}


	/*==========================================
		WIDGET
	=============================================*/
	.widget__data { font-size: inherit; }

	/* ==========================================================================
		$PROCESO PRODUCTIVO
	========================================================================== */

	.texto__titulo {
		font-size: 1.6em;
	}

	.texto__cuerpo {
		display: none;
	}

	.texto__materia {
		display: none;
	}

	.texto__numeros {
		display: none;
	}

	.texto__derecha {
		display: none;
	}


/* ==========================================================================
		$HOME
	========================================================================== */

	.icon--arrow-down {
		width: 30px;
		height: 30px;
	}

	.icon--arrow-up {
		width: 30px;
		height: 30px;
	}

	.home .article__title br {
		display: none;
	}

	.home .article__title {
		text-align: left;
		padding: 0px;
		margin: 35px 0 20px;
	}
		.home .widget__title .article__title{
			margin-bottom: 10px;
		}

	.widget--co2 {
		height: auto;
		margin-top: 55px;
	}

	.widget__title {
		float: none;
		width: 100%;
		text-align: left;
		margin-right: 0px;
		margin-top: 18px;
	}

	.widget__content,
	.widget__content--medioambiente {
		width: 100%;
		top: 0px;
		height: auto;
		padding: 50px 0px;
		display: block;
		margin-top: 20px;
	}

	.widget__content__title {
		font-size: 1.8em;
		display: block;
		margin-bottom: 15px;
	}

	.widget__data {
		font-size: inherit;
	}

	.widget__data--co2 p,
	.widget__data--co2--medioambiente p {
		font-size: 3.0em;
		top: 0px;
		line-height: 40px;
	}

	.widget--last-notice .block figure.columna--figura {
		float: none;
		width: 100%;
		margin-left: 20px;
	}

	.widget--last-notice .block figure.columna--figura.isTwo {
		margin-right: 0px;
	}

	.widget--last-notice .block figure.columna--figura.isThree {
		margin-bottom: 0px;
	}

	.widget--last-notice .img-wrp {
		height: auto;
	}

	.widget--last-notice .block figure.columna--figura img {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	}

	.widget--last-notice .block figure.columna--figura .news__block__entry {
		height: auto;
		padding: 20px;
	}

	.widget--catalogo {
		position: relative;
		height: auto;
		margin-top: 0px;
	}

	.widget__btns--catalogo {
		padding: 0px;
		margin-left: 0px;
	}

	.widget--catalogo--img {
		display: none;
	}

	.widget__data--cotizacion {
		width: 100%;
		height: 150px;
		padding: 10px 0px;
		display: block;
		top: 0px;
	}

	.widget__data--texto {
		font-size: 1.6em;
		line-height: 50px;
	}

	.widget__data--titulo {
		font-size: 4.0em;
		line-height: 50px;
	}

	.widget--bolsa .icon--arrow-down,
	.widget--bolsa .icon--arrow-up{
		width: 30px;
		height: 30px;
	}

	.widget--banners .block figure.columna--figura {
		float: none;
		width: 100%;
		margin-left: 20px;
	}

	.widget--banners .block figure.columna--figura.isTwo {
		margin-right: 0px;
	}

	.widget--banners .block figure.columna--figura.isThree {
		margin-bottom: 0px;
	}

	.widget--banners .img-wrp {
		height: auto;
	}

	.widget--banners .block figure.columna--figura img {
		width: 100%;
		height: auto;
		position: relative;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
	}

	.widget--banners .block figure.columna--figura .news__block__entry {
		height: auto;
		padding: 20px;
	}


	.catalogo__mercados {
		height: auto;
		padding-top: 10px;
	}


	/* ==========================================================================
	   $CONOCE VIDRALA
	   ========================================================================== */
	.conocevidrala__content {
		margin: 50px -20px;
	}

		.conocevidrala__content .wrp {
			padding: 0;
			width: 100%;
		}


	.showOnDesktop { display: none; }
	.hideOnDesktop { display: inline-block; }
	.showOnTablet { display: none; }
	.hideOnTablet { display: inline-block; }
	.showOnMobile { display: inline-block; }
	.hideOnMobile { display: none; }





	.filters__options form .layout > .layout__column--one > .layout__column--one-third > .filters__options__block input[type="text"]{ width: calc(100% - 1.8em - 2px)!important }


	.filters__options form .layout > .layout__column--one .layout__column > *{ padding: 0px;}
	.filters__options form .layout > .layout__column--one > .layout__column--one-third{
		width: 100%;
		float: none;
		padding: 0px!important;
	}
}

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


}

@media only screen and (max-width: 419px) {
	.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col{
		float: none;
		width: 100%;
		margin: 0px;
	}
}

/* WIDE MOBILE LAYOUT
----------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 767px) {



}


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

}

/* WIDE MOBILE LAYOUT (LANDSCAPE)
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

	.compare .products-list { padding-bottom: 20px; }
	.comparador .products-list { width: calc(100% + 8px); }


		.comparador .products-list--2 .product { width: calc(33.33333% - 8px); }

		#comparar_action {
			position: relative;
			bottom: auto;
		}

			.compare .product__image {
				min-height: 70px;
				padding: 30px 0;
			}

				.compare .product__image__body {
					bottom: 20px;
				}

			#comparar_action .product__image { display: block; }

				#comparar_action i.material-icons { top: 12px; }

		.comparador .products-list .product:first-child { display: block; }

		.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: none; }

}



/* IE10+ CONDITIONALS
----------------------------------------------- */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {


}








/* ==========================================================================
   $RETINA@2X
   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (	 -o-min-device-pixel-ratio: 2/1),
	only screen and (		min-device-pixel-ratio: 2),
	only screen and (				min-resolution: 192dpi),
	only screen and (				min-resolution: 2dppx) {

	[class^="sprite--"],
	[class*=" sprite--"] {
		background-image: url('../img/sprite@2x.png');
		background-size: 600px 400px;
	}

		.vidrabot__icon--close .sprite__vidra--icon {
			background-image: none;
		}
	@media only screen and (max-width: 767px) {


	}


	.widget__data--catalogo {
		background-image: url('../img/bg-mercados@2x.png');
		background-size: 558px 501px;
	}

}





/* ==========================================================================
   $RETINA@3X
   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 3),
	only screen and (   min--moz-device-pixel-ratio: 3),
	only screen and (	 -o-min-device-pixel-ratio: 3/1),
	only screen and (		min-device-pixel-ratio: 3),
	only screen and (				min-resolution: 480dpi),
	only screen and (				min-resolution: 3dppx) {


}





/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
	*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}