@charset "UTF-8";

/* CASEMEDIA CSS Document */

/* FONTS */
@font-face {
	font-family: 'Cairo';
	src: url('../assets/fonts/Cairo-Light.eot');
	src: url('../assets/fonts/Cairo-Light.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Cairo-Light.woff2') format('woff2'),
		url('../assets/fonts/Cairo-Light.woff') format('woff'),
		url('../assets/fonts/Cairo-Light.ttf') format('truetype'),
		url('../assets/fonts/Cairo-Light.svg#Cairo-Light') format('svg');
	font-weight: 300;
}
@font-face {
	font-family: 'Cairo';
	src: url('../assets/fonts/Cairo-Regular.eot');
	src: url('../assets/fonts/Cairo-Regular.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Cairo-Regular.woff2') format('woff2'),
		url('../assets/fonts/Cairo-Regular.woff') format('woff'),
		url('../assets/fonts/Cairo-Regular.ttf') format('truetype'),
		url('../assets/fonts/Cairo-Regular.svg#Cairo-Regular') format('svg');
	font-weight: 400;
}
@font-face {
	font-family: 'Cairo';
	src: url('../assets/fonts/Cairo-SemiBold.eot');
	src: url('../assets/fonts/Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Cairo-SemiBold.woff2') format('woff2'),
		url('../assets/fonts/Cairo-SemiBold.woff') format('woff'),
		url('../assets/fonts/Cairo-SemiBold.ttf') format('truetype'),
		url('../assets/fonts/Cairo-SemiBold.svg#Cairo-SemiBold') format('svg');
	font-weight: 600;
}
@font-face {
	font-family: 'Volkart';
	src: url('../assets/fonts/Volkart-Light.eot');
	src: url('../assets/fonts/Volkart-Light.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Volkart-Light.woff2') format('woff2'),
		url('../assets/fonts/Volkart-Light.woff') format('woff'),
		url('../assets/fonts/Volkart-Light.ttf') format('truetype'),
		url('../assets/fonts/Volkart-Light.svg#Volkart-Light') format('svg');
	font-weight: 300;
}
@font-face {
	font-family: 'Volkart';
	src: url('../assets/fonts/Volkart-Medium.eot');
	src: url('../assets/fonts/Volkart-Medium.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Volkart-Medium.woff2') format('woff2'),
		url('../assets/fonts/Volkart-Medium.woff') format('woff'),
		url('../assets/fonts/Volkart-Medium.ttf') format('truetype'),
		url('../assets/fonts/Volkart-Medium.svg#Volkart-Medium') format('svg');
	font-weight: 500;
}
@font-face {
	font-family: 'Volkart';
	src: url('../assets/fonts/Volkart-Bold.eot');
	src: url('../assets/fonts/Volkart-Bold.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Volkart-Bold.woff2') format('woff2'),
		url('../assets/fonts/Volkart-Bold.woff') format('woff'),
		url('../assets/fonts/Volkart-Bold.ttf') format('truetype'),
		url('../assets/fonts/Volkart-Bold.svg#Volkart-Bold') format('svg');
	font-weight: 600;
}
@font-face {
	font-family: 'Volkart';
	src: url('../assets/fonts/Volkart-ExtraBold.eot');
	src: url('../assets/fonts/Volkart-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../assets/fonts/Volkart-ExtraBold.woff2') format('woff2'),
		url('../assets/fonts/Volkart-ExtraBold.woff') format('woff'),
		url('../assets/fonts/Volkart-ExtraBold.ttf') format('truetype'),
		url('../assets/fonts/Volkart-ExtraBold.svg#Volkart-ExtraBold') format('svg');
	font-weight: 800;
}

/* GENERAL */
html, body {
	
}

html {
	font-size: 16px;
}

body {
	text-align: center;
	font: 300 1rem/1.4 Cairo, Arial, sans-serif;
	color: #222831;
}

:focus{
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Volkart, Verdana, sans-serif;
}

h1 {
	font-weight: 400;
	font-size: 3.1rem;
}

h2 {
	font-weight: 600;
	font-size: 2rem;
	text-transform: uppercase;
}

.underline {
	position: relative;
	text-align: left;
	margin-bottom: 1.5rem;
}

.underline:after {
	content: '';
	position: absolute;
	top: calc(100% + .5rem);
	left: 0;
	width: 100px;
	height: 3px;
	background-color: #005db4;
}

h3 {
	font-weight: 600;
	font-size: 1.7rem;
}

h4 {
	font-weight: 400;
	font-size: 1.5rem;
}

h5 {
	font-weight: 600;
	font-size: 1.2rem;
}

h6 {
	font-weight: 400;
	font-size: 1rem;
}

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

[data-link],
[data-eliminar],
[data-toggle="collapse"] {
	cursor: pointer;
}

b, strong, .strong {
	font-weight: 600;
}

.btn {
	font-weight: 500;
	font-size: 1.1rem;
	line-height: 1;
	border-radius: 0;
	border: 1px solid;
	padding: .85rem 1.5rem .75rem;
	text-transform: uppercase;
}

/*.btn-icon {
	position: relative;
	padding-right: 2rem;
	color: #fff;
	overflow: hidden;
}

.btn-icon:after {
	content: '';
	position: absolute;
	top: 15%;
	right: -1px;
	width: 1.5rem;
	height: 100%;
	z-index: 1;
	background: url(../img/icons/button.svg) no-repeat bottom right / contain;
	transition: transform ease .75s;
}

.btn-icon:hover::after {
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}*/


.btn-primary {

}

.btn-secondary {
	
}

.wrapper-btn-cancelar {
	text-align: center;
	margin: 0 auto;
}

input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
textarea.form-control,
select,
select.form-control,
body .select2-container .select2-selection--single {
	-webkit-appearance: none;
	font: inherit;
	color: #222831;
	background-color: #fff !important;
	margin-bottom: 2rem;
	line-height: 3rem;
	height: 3rem;
	padding: 0 .5rem;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #005db4;
	width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 3rem !important;
}

.select2-container,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 3rem !important;
}

body .select2-dropdown {
	text-align: left;
}

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

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
body .select2-container .select2-selection--single:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

input.btn-input {
	font-weight: 500;
	font-size: .75rem;
	line-height: 1;
	text-transform: none;
	text-align: left;
	width: auto;
	max-width: 100%;
	height: auto;
	color: #222831;
	background-color: #DADADD !important;
	margin-bottom: 0;
	padding: .55rem 1.5rem;
	border-radius: 16px;
	border: 2px solid #DADADD !important;
	-webkit-user-select: text;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input label a {
	font-weight: 600;
}

.input.password {
	position: relative;
}

.input.password:before,
.input.password:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 5px;
	width: 50px;
	height: 20px;
	background: no-repeat center right / auto 100%;
	cursor: pointer;
}

.input.password:before {
	background-image: url(../img/icons/ver.svg);
}

.input.password:after {
	opacity: 1;
	right: 8px;
	background-image: url(../img/icons/no-ver.svg);
}

.input.password.visible:after {
	opacity: 0;
}

.fondo_europeo {
	position: relative;
	background-color: #000;
    margin-top: 2rem;
	padding-left: 20px;
    padding-right: 20px;
	margin-bottom: 2rem;
	padding-bottom: 8rem;
}

.bandera_europea {
    max-width: 100px;
    position: absolute;
    right: 28px;
    bottom: 14px;
}

.fundacion_camara {
    position: absolute;
    max-width: 200px;
    right: 168px;
	bottom: 33px;
}

.camara_sevilla {
    position: absolute;
    max-width: 185px;
    right: 408px;
	bottom: 33px;
}

button:focus {
	outline: 0;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #005db4;
	-moz-box-shadow: 0 0 6px #005db4;
	box-shadow: 0 0 6px #005db4;
}

s {
	color: #e9322d;
}

option {
	font-weight: inherit;
}

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

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

input[type="checkbox"]+label .icon-radio,
input[type="radio"]+label .icon-check {
	display: none;
}

input[type="checkbox"]+label svg,
input[type="radio"]+label svg {
	position: absolute;
	top: 0px;
	left: 0px;
}

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

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

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

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

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

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

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

input + label.error,
input + .error-message {
	position: relative;
	top: -12px;
	left: 10px;
}

.input-group .error-message {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
	margin-top: .3rem;
}

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

.dinamic_label {
	position: relative;
}

.dinamic_label input,
.dinamic_label select,
.dinamic_label textarea{
	height: auto;
	line-height: 1.2;
	padding: 1.2rem .75rem 1rem;
}

.dinamic_label label {
	position: absolute;
	width: 100%;
	left: .5rem;
	top: 0;
	font-size: .85rem;
	opacity: 1;
	color: #005db4;
	-ms-transform: translateY(0) scale(.8);
	transform: translateY(0) scale(.8);
	transform-origin: left;
	transition: all 0.2s ease-out;
}

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

.dinamic_label select + label {
	top: -1.25rem;
}

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

.g-recaptcha{display:inline-block;margin:20px auto}
iframe{border:0 !important}
figure{margin:0 auto}
figure > img,figure > svg,figure > video,
figure > a,figure > a > img,figure > a > svg,figure > a > video{display:block;width:100%}
figure.adjust-h{height:100%}
figure.adjust-h img,figure.adjust-h svg,figure.adjust-h video{width:auto;max-width:none;height:100%;margin:0 auto}
figure.fixed-h{position:relative;overflow:hidden}
figure.fixed-h img,figure.fixed-h svg,figure.fixed-h video{position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
figure.fixed-h.align-bottom img,figure.fixed-h.align-bottom svg,figure.fixed-h.align-bottom video{top:auto;bottom:0;-ms-transform:translateY(0);transform:translateY(0)}
figure.fixed-h.adjust-h img,figure.fixed-h.adjust-h svg,figure.fixed-h.adjust-h video{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:100%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
figure.fixed-h.adjust-h.align-bottom img,figure.fixed-h.adjust-h.align-bottom svg,figure.fixed-h.adjust-h.align-bottom video{top:auto;bottom:0;-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}
figure.play{position:relative;cursor:pointer}
figure.play:not(.playing):before{content:'';position:absolute;top:50%;left:50%;width:4rem;height:4rem;z-index:1;background:url(../img/icons/play.svg) no-repeat center / contain;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.google-maps{position:relative;padding-bottom:35%;height:0;overflow:hidden}
.google-maps iframe{position: absolute;top:0;left:0;width:100% !important;height:100% !important}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.inline{width:100%;display:inline-block;vertical-align:middle;}
.lazy {background-repeat:no-repeat;background-position:50% 50%}

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

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

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

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

.scrolltop {
	display: none;
	position: fixed;
	bottom: 10vh;
	right: 0;
	width: 40px;
	z-index: 99;
	border-bottom-left-radius: .5rem;
	border-top-left-radius: .5rem;
	cursor: pointer;
	padding: 10px 5px;
}

.scrolltop svg {
	width: 100%;
}

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

.content_flex {
	width: 100%;
}

.anti-container {
	margin-left: -15px;
	margin-right: -15px;
}

.estrecho {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

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

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

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

[class*="case-"] {
	position: relative;
}

[class*="case-"]:before,
[class*="case-2"]:after {
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	background: url(../img/icons/case-blue.svg) no-repeat top left / auto 100%;
}

.case-tl:before, .case-2-tl:after { top: -1px; left: -1px; max-height: 50%; }
.case-tr:before, .case-2-tr:after { top: -1px; right: -1px; max-height: 50%; background-image: url(../img/icons/case-90-blue.svg); background-position: top right; }
.case-bl:before, .case-2-bl:after { bottom: -1px; left: -1px; max-height: 50%; background-image: url(../img/icons/case-90-blue.svg); background-position: bottom left; -ms-transform: rotate(180deg); transform: rotate(180deg); }
.case-br:before, .case-2-br:after { bottom: -1px; right: -1px; max-height: 50%; background-position: bottom right; -ms-transform: rotate(180deg); transform: rotate(180deg); }
.case-tl-out:before, .case-2-tl-out:after { bottom: calc(100% - 1rem); right: calc(100% - 1rem); }
.case-tr-out:before, .case-2-tr-out:after { bottom: calc(100% - 1rem); background-image: url(../img/icons/case-90-blue.svg); background-position: top right; left: calc(100% - 1rem); }
.case-bl-out:before, .case-2-bl-out:after { top: calc(100% - 1rem); background-image: url(../img/icons/case-90-blue.svg); background-position: bottom left; right: calc(100% - 1rem); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.case-br-out:before, .case-2-br-out:after { top: calc(100% - 1rem); left: calc(100% - 1rem); background-position: bottom right; -ms-transform: rotate(180deg); transform: rotate(180deg); }

.case-white:before, .case-white:after { background-image: url(../img/icons/case-white.svg); }
.case-tr.case-white:before, .case-2-tr.case-white:after,
.case-bl.case-white:before, .case-2-bl.case-white:after,
.case-tr-out.case-white:before, .case-2-tr-out.case-white:after,
.case-bl-out.case-white:before, .case-2-bl-out.case-white:after { background-image: url(../img/icons/case-90-white.svg); }

.case-black:before, .case-black:after { background-image: url(../img/icons/case-black.svg); }
.case-tr.case-black:before, .case-2-tr.case-black:after,
.case-bl.case-black:before, .case-2-bl.case-black:after,
.case-tr-out.case-black:before, .case-2-tr-out.case-black:after,
.case-bl-out.case-black:before, .case-2-bl-out.case-black:after { background-image: url(../img/icons/case-90-black.svg); }

.intro {
	font-size: 1.4rem;
}

.intro :last-child {
	margin-bottom: 0;
}

/** HEADER */
header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 1.15rem 0;
	background: #222831;
	color: #fff;
	transition: all .5s ease;
}
header .categorymenu{transform: translateY(1.15rem);}

/*header.bg-trans {
	position: absolute;
}*/

header.scrolling {
	padding: 1rem 0;
}

header .logo {
	display: block;
	max-width: 120px;
	margin-left: 0;
	transition: max-width .3s linear;
	position: relative;
	z-index: 10;
}

header.scrolling .logo {
	max-width: 120px;
}

header .logo *,
footer .logo *,
header .button_menu svg path {
	fill: #fff;
}

header .button_menu .cerrado,
header .button_menu.active .abierto {
	opacity: 1;
	transition: all ease .5s;

}

header .button_menu .abierto,
header .button_menu.active .cerrado {
	opacity: 0;
	transition: all ease .5s;
}

.header-elem.header-acciones-elem > * {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2rem;
}

.dropdown-toggle::after {
	display: none;
}

.header-elem .button-action {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 1.25rem;
	cursor: pointer;
}

.header-elem .button-action svg,
.header-elem .button-action img {
	width: auto;
	max-width: none;
	height: 100%;
	display: block;
}

.header-elem .button-action svg * {
	fill: #fff !important;
}

.lang-button svg,
.lang-button img {
	width: auto;
	height: 1.25rem;
}

.lang-button.selected-lang-button svg,
.lang-button.selected-lang-button img {
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #fff;
}

.header-elem .badge {
	position: absolute;
	bottom: 80%;
	right: 80%;
	width: 1rem;
	height: 1rem;
	font-size: .7rem;
	line-height: 1.6;
	background-color: #005db4;
	color: #fff;
	border-radius: 50%;
	padding: 0;
	text-align: center;
}

.header-elem .badge + svg *,
.color-featured-wrapper svg .color-featured {
	fill: #fff !important;
}

.header-elem figcaption {
	position: absolute;
	top: calc(100% + .05rem);
	left: 50%;
	font-size: .6rem;
	white-space: nowrap;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

header .dropdown img,
header .dropdown svg {
	width: auto;
	height: 1.25rem;
}

header .dropdown-toggle::after {
	margin-left: .5rem;
	vertical-align: 0.1em;
	border: 0;
	width: 12px;
	height: 9px;
	background: url(../img/icons/arrow-dropdown.svg) center center no-repeat;
}

header .dropdown-menu {
	min-width: 30px;
	background-color: #fff;
	color: #000;
	left: -.7rem !important;
}

header .dropdown-item {
	padding: .25rem .7rem;
}

header .dropdown-item:focus,
header .dropdown-item:hover {
	background-color: #d6d6d6;
}

.banner_search {
	padding: .75rem 0;
	margin-top: 1rem;
	display: none;
	background-color: #005db4;
	z-index: 10;
	position: relative;
	margin-bottom: -.5rem;
}

header .icon_search.active { z-index: 10; }

.banner_search form {
	position: relative;
	padding-right: 2rem;
}

.banner_search input {
	font-size: 1.25rem;
	padding: .15rem .75rem;
	font-weight: 400;
	color: #fff!important;
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: none !important;
	margin: 0 !important;
	height: auto;
	line-height: 1.2;
}

.banner_search input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5)!important;
}

.banner_search input[type="search"]::-webkit-search-decoration,
.banner_search input[type="search"]::-webkit-search-cancel-button,
.banner_search input[type="search"]::-webkit-search-results-button,
.banner_search input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.banner_search button[type="submit"] {
	position: absolute;
	top: 50%;
	right: 0;
	width: .75rem;
	background-color: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
	border: 0;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner_search button[type="submit"] svg {
	display: block;
	width: 100%;
}

.banner_search button[type="submit"] svg *{
	fill: #fff !important;
}

.categorymenu{
	padding: 2rem 0;
	text-align: left;
	display: none;
}

.wrapp_categorymenu a{
	display: block;
	margin-bottom: .5em;
}
.wrapp_categorymenu .cat-principal{
	font-weight: 600;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 1em;
	min-height: 2.4em;
	position: relative;
	text-transform: uppercase;
}

.wrapp_categorymenu .cat-principal:after{
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 0.5px;
	background-color: #fff;
	transform: translateY(-50%);
}

.wrapp_categorymenu .cat-secundaria{
	font-size: .85rem;
}



.header-elem .button-action svg *,
.header-elem form button[type="submit"] svg * {
	transition: all ease .5s;
}

/*.header-elem .button-action:hover svg *,
.header-elem form:hover button[type="submit"] svg * {
	fill: #222831 !important;
}*/

/** MENU */
.bg-menu-hover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9;
	background: #222831;
	opacity: .56;
}

#menu a {
	font-size: 1.125rem;
	padding: .75rem .5rem;
	opacity: .9;
	transition: opacity .3s linear;
}

#menu a.active,
#menu a:hover {
	opacity: 1;
}

#menu .dropdown-menu {
	background-color: #005db4;
	border: 0;
	border-radius: 0;
	margin: .75rem 0 0;
	font-weight: 400;
	text-align: center;
	padding: .5rem 0 0;
}

#menu .dropdown-menu:before {
	content: '';
	position: absolute;
	top: -.625rem;
	left: -.625rem;
	width: 1.25rem;
	height: 1.25rem;
	background-color: #fff;
}

#menu .dropdown-item {
	font-size: 1rem;
	color: #fff;
	padding: .5rem 1.5rem;
}

#menu .dropdown-item:not(.subcategoria){
	font-weight: 600;
	padding: 1rem 1.5rem;
}
#menu .dropdown-item.subcategoria{
	background-color: #1b4772;
	font-size: .8em;
}
#menu .dropdown-item:not(:first-child):not(.subcategoria),
#menu .dropdown-item:not(.subcategoria)+.subcategoria {
	border-top: 1px solid #fff;
}

#menu .dropdown-item:focus,
#menu .dropdown-item:hover,
#menu_mobile .dropdown-item:focus,
#menu_mobile .dropdown-item:hover {
	background-color: transparent;
}

#menu_mobile {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	padding: .5rem 0;
	background-color: rgba(0,93,180, .95);
	z-index: 100;
	padding: 5.6rem 0 1rem;
	opacity: 0;
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	transition: all ease .5s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#menu_mobile.visible {
	opacity: 1;
	-ms-transform: translateX(0);
	transform: translateX(0);
}

#menu_mobile .destacada {
	background-color: #005db4;
	margin-bottom: 3.5rem; 
}

#menu_mobile .menu-mobile-centrado {
	width: 100%;
	max-height: 100%;
	overflow: auto;

}

#menu_mobile a {
	display: block;
	font-weight: 500;
	font-size: 1.25rem;
	text-align: center;
	color: #fff;
	padding: .75rem 0;
	opacity: 0;
	transition: opacity ease .6s;
}

#menu_mobile a.min {
	padding: .5rem 1rem;
}

#menu_mobile .dropdown-menu {
	position: static !important;
	float: none;
	width: 100vw;
	-ms-transform: none !important;
	transform: none !important;
	background-color: #222831;
}

#menu_mobile .dropdown-menu a {
	font-size: .9rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
}

#menu_mobile .social {
	white-space: nowrap;
}

#menu_mobile .social a {
	display: inline-block;
	vertical-align: middle;
}

#menu_mobile .social img,
#menu_mobile .social svg {
	opacity: 0;
	transition: opacity ease .6s;
}

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

#menu_mobile.active a,#menu_mobile.active .social svg,#menu_mobile.active .social img {opacity: 1;}
#menu_mobile.active a:nth-of-type(1) {transition-delay: .15s;}
#menu_mobile.active a:nth-of-type(2) {transition-delay: .2s;}
#menu_mobile.active a:nth-of-type(3) {transition-delay: .25s;}
#menu_mobile.active a:nth-of-type(4) {transition-delay: .3s;}
#menu_mobile.active a:nth-of-type(5) {transition-delay: .35s;}
#menu_mobile.active a:nth-of-type(6) {transition-delay: .4s;}
#menu_mobile.active a:nth-of-type(7) {transition-delay: .45s;}
#menu_mobile.active a:nth-of-type(8) {transition-delay: .5s;}

#menu_mobile.active .social svg,#menu_mobile.active .social img {transition-delay: .55s;}




/** FOOTER */
footer {
	text-align: left;
}

footer .logo {
	max-width: 120px;
	margin-left: 0;
}

footer .logo svg * {
	fill: #fff;
}

footer .firstfooter {
	position: relative;
	overflow: hidden;
	padding: 4rem 0 6rem;
}

footer .firstfooter a {
	display: block;
	font-weight: 600;
	padding: .75rem 0;
}

footer .lastfooter {
	font-size: .9rem;
	background-color: rgba(8, 9, 29, .15) !important;
}

footer .firstfooter .social a {
	display: inline-block;
	vertical-align: middle;
}

footer .firstfooter .social a img,
footer .firstfooter .social a svg {
	width: 24px;
	height: 24px;
}

footer .social a svg * {
	fill: #fff !important;
}

footer .social a:hover svg * {
	fill: #fff !important;
}

footer .social,
footer .show_forma_pagos {
	text-align: center;
}

footer .show_forma_pagos img,
footer .show_forma_pagos svg {
	max-width: 120px;
}

footer .lastfooter .show_forma_pagos {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2rem;
}

footer .lastfooter .show_forma_pagos img,
footer .lastfooter .show_forma_pagos svg {
	width: auto;
	max-width: none;
	height: 1.4rem;
}

footer .registro-sanitario {
	max-width: 200px;
	margin: 1rem auto;
}

footer .envios {
	max-width: 80px;
	margin-left: 0;
}

footer .logos-certificados {
	text-align: center;
}

footer .logos-certificados img,
footer .logos-certificados svg {
	display: inline-block;
	vertical-align: middle;
	max-width: 50px;
	margin-left: .75rem;
	margin-top: .75rem;
}

footer .logos-certificados img:not(:first-child),
footer .logos-certificados svg:not(:first-child) {
	margin-left: .75rem;
}

/** CONTENT */
.pagination {
	justify-content: center;
}

section:not(.main_container) {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

.ajuste-fixed-header {
	margin-top: 0;
}

.slider_galeria {
	height: 70vh;
	max-height: 500px;
	overflow: hidden;
}

.slider_galeria .carousel-inner .carousel-item {
	background: rgb(244, 238, 222,.5) no-repeat center / cover;
}

.slider_galeria .carousel-inner .carousel-item>img {
	width: 100%;
}

.logos_perso {
	transform: scale(2) translateX(-40px);
    margin-top: 7rem;
}

.slider_galeria.maxh {
	position: relative;
	overflow: hidden;
}

.slider_galeria.maxh .carousel-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.slider_galeria.maxh.img_centered .carousel-inner {
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider_galeria .carousel-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: left;
}
.slider_galeria .carousel-caption .caption1,
.slider_galeria .carousel-caption .caption2 {
	max-width: 600px;

}
.slider_galeria .carousel-caption .caption1 {
	font-weight: 600;
	font-size: 1.7rem;
	margin-bottom: 2rem;
	color: #fff;
}

.slider_galeria .carousel-caption .caption2 {
	font-weight: 300;
	font-size: 1.4rem;
	color: #fff;
}

.slider_galeria .carousel-caption .btn {
	margin-top: 2rem;
}

.slider_galeria .carousel-control-next,
.slider_galeria .carousel-control-prev {
	width: 5%;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	z-index: 15;
}

.slider_galeria .carousel-control-next figure, 
.slider_galeria .carousel-control-prev figure {
	max-width: 15px;
	margin-bottom: 1rem;
}

.slider_galeria .carousel-indicators {
	bottom: -5px;
	z-index: 15;
	margin: 0;
}

.slider_galeria .carousel-indicators li {
	max-width: none;
	height: 10px;
	width: 10px;
	background-color: #fff;
	margin: 5px;
	border-radius: 0;
	transition: all ease .5s;
}

.slider_galeria .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23292b2c' viewBox='0 0 8 8'><path d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>");
}

.slider_galeria .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23292b2c' viewBox='0 0 8 8'><path d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>");
}

.main_noslider {
	position: relative;
	min-height: 33vw;
	color: #fff;
	background-color: #222831;
	overflow: hidden;
}

.main_noslider:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 1;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

.main_noslider > figure {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.main_noslider .slide_productos_main {
	position: relative;
	z-index: 2;
}

.main_noslider .info-producto {
	text-align: left;
	padding: 3rem 1rem;
	margin-bottom: 0;
}

.main_noslider .info-producto h3,
.main_noslider .info-producto .intro {
	margin-bottom: 2rem;
}

.main_noslider .info-producto .precio:not(.precio-small) {
	font-size: 1.8rem;
}

.main_noslider .info-producto .precio-small {
	color: #3fa8f4;
}

.main_noslider .info-producto .btn {
	min-width: 190px;
	margin-top: 2.5rem;
}

.main_noslider .carousel-indicators {
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 0;
	z-index: 2;
}

.main_noslider .carousel-indicators li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #fff;
	margin-right: .95rem;
}

.slider_galeria .btn {
	margin-top: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;
}

.share {
	text-align: left;
	margin-right: 0;
}

.share .button-share,
.share .button-download,
.share .button-pdf,
.share .button-fullscreen {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.share .button-share svg,
.share .button-download svg,
.share .button-pdf svg,
.share .button-fullscreen svg {
	position: relative;
	top: 2px;
	left: 0;
	width: 40px;
	height: 40px;
	z-index: 1;
}

.share .share-wrapper {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 0;
	height: 37px;
	margin-top: -2px;
	margin-left: -18px;
	overflow: hidden;
	transition: width .3s linear;
}

.share .share-content {
	position: absolute;
	top: 0;
	right: 15px;
	width: 220px;
	text-align: right;
	white-space: nowrap;
	background: #fff;
	padding: 5px 0 5px 25px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.share .share-wrapper.visible {
	width: 220px;
}

.share .share-content .a2a_svg,
.share .share-content .a2a_svg svg {
	height: 28px;
}

.featured-messages {
	padding: 1.5rem 0 !important;
}

.featured-messages figure.adjust-h {
	height: 3.5rem;
}

.featured-messages {
	font-weight: 600;
	background-color: #dedfe1;
	color: #005cb9;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.featured-messages svg * {
	fill: #222831;
}

.categorias,
.categoria-destacada {
	text-align: center;
}

.wrapper-main-header {
	position: relative;
	height: 100vh;
	min-height: 150px;
	max-height: 375px;
}
.wrapper-main-header .bg-img,
.wrapper-main-header .bg-img img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.wrapper-main-header .bg-img:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222831;
	opacity: .3;
	z-index: 2;
}

.content-main-header {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #222831;
}

.wrapper-main-header > .bg-img + .content-main-header {
	color: #fff;
}

.content-main-header .underline {
	margin-bottom: 0;
}

#slider-novedades-productos .producto {
	margin-bottom: 0;
}

.productos,
.contacto {
	text-align: left;
}

.precio {
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.1;
	font-family: Volkart, Verdana, sans-serif;
	white-space: nowrap;
}

.precio-small {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.4;
}

.precio .desde {
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	font-style: italic;
	font-size: .8rem;
}

.precio-outdated {
	position: relative;
	display: inline-block;
	color: rgba(0,93,180, .5);
}

.precio-outdated::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: rgba(0,93,180, .5);
	-ms-transform: rotate(-15deg) translateY(-50%);
	transform: rotate(-15deg) translateY(-50%);
}

.precio_anterior,
.precio_anterior h3 {
	font-size: .9rem;
	color: #bc1339;
	text-decoration: line-through;
}

.producto {
	position: relative;
	text-align: left;
	margin-bottom: 2.35rem;
}

.producto figure,
.producto-destacado figure {
	position: relative;
	margin-bottom: 1rem;
	background-color: #e5e5e5;
}

.producto figure:before,
.producto-destacado figure:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.bg-gris .producto figure,
.bg-gris .producto-destacado figure {
	background-color: #fff;
}

.producto figure.transform {
	overflow: hidden;
}

.producto figure.transform img,
.producto figure.transform svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	transform-origin: top left;
	transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) .8s;
	-ms-transform: scale(1) rotate(0deg) translate(-50%,-50%);
	transform: scale(1) rotate(0deg) translate(-50%,-50%);
}

.producto:hover figure.transform img,
.producto:hover figure.transform svg {
	-ms-transform: scale(1.1) rotate(2deg) translate(-50%,-50%);
	transform: scale(1.1) rotate(2deg) translate(-50%,-50%);
}

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

.producto .descripcion h4 {
	font-weight: 500;
	height: auto;
	line-height: 1.2;
	min-height: calc(1.2em * 3);
	overflow: hidden;
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.producto .descripcion .medidas{
	line-height: 1.2;
	min-height: calc(1.2em * 2);
}
.producto .descripcion .precio {
	margin-bottom: 1rem;
}

/*.producto .bg-producto-hover,
.producto-destacado .bg-producto-hover {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .2);
	opacity: 0;
	transition: all ease .6s;
}

.producto .bg-producto-hover:after,
.producto-destacado .bg-producto-hover:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0%;
	background: url(../img/icons/button.svg) no-repeat bottom right / contain;
	transition: all ease .6s;
}

.producto:hover .bg-producto-hover,
.producto-destacado:hover .bg-producto-hover {opacity: 1;}
.producto:hover .bg-producto-hover:after,
.producto-destacado:hover .bg-producto-hover:after {height: 42.5%;transition-delay: .25s; }

.producto .bg-producto-hover p,
.producto-destacado .bg-producto-hover p {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin-bottom: 0;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	z-index: 9;
}*/

.producto .tags {
	position: absolute;
	top: 2%;
	left: 2.5%;
	z-index: 1;
}

.tag, .tag-outline {
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	font-size: .8rem;
	line-height: 1;
	text-transform: lowercase;
	margin-right: .25rem;
	margin-bottom: .5rem;
	padding: .15rem .55rem .25rem .55rem;
}

.tag {
	background-color: #005db4;
	color: #fff;
}

.tag-outline {
	font-size: .75rem;
	border: 1px solid #005db4;
	padding: .15rem .35rem;
	transition: all ease .3s;
}

.tag-icon {
	max-width: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.tag-title {
	display: none;
	padding: .25rem;
	padding-right: .75rem;
	cursor: pointer;
	font-size: .65rem;
}

.tag-icon.tag-vegano svg circle { fill: #00ce83 !important; }
.tag-icon.tag-novedad svg circle { fill: #eb5a24 !important; }
.tag-icon.tag-temporada svg circle { fill: #7c5eff !important;  }
.tag-icon.tag-oferta svg circle { fill: #ffaf3e !important; }

.tag.tag-vegano { background-color: #00ce83; }
.tag.tag-temporada { background-color: #7c5eff; }
.tag.tag-oferta { background-color: #ffaf3e; }
.tag.tag-warning { background-color: #f6921e; }
.tag.tag-danger { background-color: #ff1d25; }

.tag-outline.tag-vegano { color: #00ce83; border-color: #00ce83; }
.tag-outline.tag-temporada { color: #7c5eff; border-color: #7c5eff; }
.tag-outline:hover {color: #fff !important;background-color: #005db4; }
.tag-outline.tag-warning { color: #f6921e; border-color: #f6921e; }
.tag-outline.tag-danger { color: #ff1d25; border-color: #ff1d25; }
.tag-outline.tag-vegano:hover { color: #fff !important; background-color: #00ce83; }
.tag-outline.tag-temporada:hover { color: #fff !important; background-color: #7c5eff; }
.tag-outline.tag-warning:hover { color: #fff !important; background-color: #f6921e; }
.tag-outline.tag-danger:hover { color: #fff !important; background-color: #ff1d25; }

.div-overflow {
	overflow-x: auto;
}

.div-overflow-content {
	display: inline;
	width: auto;
	white-space: nowrap;
}

.producto a:not(.stretched-link),
.producto .div-overflow {
	position: relative;
	z-index: 2;
}

.ficha-producto {
	display: none;
	background-color: #fff;
}

.info-nutricional {
	background-color: rgba(0, 0, 0, .075);
}

.filtro-productos input,
.filtro-productos select,
body .filtro-productos .select2-container .select2-selection--single,
.select2-search--dropdown .select2-search__field {
	margin: 0;
}

.info-nutricional .row.open-ficha-producto {
	padding: 2rem 0;
	border-bottom: 1px solid #aaa;
	cursor: pointer;
}

.icon-info-nutricional {
	width: 2.5rem;
	opacity: .6;
}

/*.franja-bg {
	position: relative;
}

.franja-bg:before {
	content: '';
	position: absolute;
	top: 2rem;
	left: 0;
	width: 100%;
	height: calc(100% - 4rem - 3rem - 3rem);
	background: #c1c1c6;
	z-index: -1;
}*/

.categoria-destacada {
	position: relative;
}

.categoria-destacada .producto-destacado {
	margin-bottom: 0;
}

.categoria-destacada.mano {
	padding-bottom: 0;
}

.producto-destacado {
	background-color: #fff;
	margin-bottom: 3rem;
}

.producto-destacado > h4 {
	background-color: #222831;
	color: #fff;
	padding: 1rem;
	margin-bottom: 0;
}

.producto-destacado .descripcion {
	text-align: center;
	padding: 1rem;
}

.producto-destacado .descripcion h3 {
	font-size: 1rem;
	margin-bottom: 0;
}

#slider_categorias_responsive, #slider_Valoraciones {
	margin: 0 -15px;
}

section.ventajas{
	padding-bottom: 0 !important;
}

.valoracion p,
.valoracion .texto-valoracion {
	font-size: .85rem;
}

/*.ventajas h2 {
	margin-bottom: 2rem;
}*/

.ventajas figure + img {
	position: absolute;
	bottom: -28rem;
	right: 0;
	width: 30%;
	transition: all ease .6s;
	transition-delay: .45s;
	/*-ms-transform: translateX(-50%);
	transform: translateX(-50%);*/
}

.ventajas figure.animated + img {
	bottom: 0;
}

.ventajas .row:nth-child(2n) figure + img {
	left: auto;
	bottom: -1.5rem;
	left: 50%;
	width: 50%;
	transition: all ease .6s;
	transition-delay: .45s;
	/*-ms-transform: translateX(5%);
	transform: translateX(5%);*/
}

.ventajas .row:nth-child(2n) figure.animated + img {
	left: 0;
}

.ventajas .texto, .corona .texto {
	text-align: left;
	padding: 2rem 1.5rem;
}

.ventajas .linea1 {
	font-weight: 600;
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

.ventajas h6 {
	margin-bottom: 2rem;
	line-height: 1.4;
}

.ventajas video {
	background-color: #000;
}

.featured-section {
	background-color: #005db4;
	color: #fff;
	text-align: left;
}

.featured-section h5,
#slider_Noticias h5 {
	margin-bottom: 1rem;
}

.featured-section .precio {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.proximamente {
	max-width: 180px;
	margin-top: 1rem;
}

.featured-section figure:not(.proximamente) {
	margin-top: -8.5rem;
	-ms-transform: translateY(6.5rem);
	transform: translateY(6.5rem);
}

.parpadeo {
	-webkit-animation: flicker-3 3.5s linear infinite both;
			animation: flicker-3 3.5s linear infinite both;
	font-size: 2.5rem;
	color: #005db4;
	font-weight: 500;
	margin-bottom: 0;
}

@-webkit-keyframes flicker-3 {
  0%,
  100% {opacity: 1;}
  32.98% {opacity: 1;}
  33% {opacity: 0;}
  34% {opacity: 0;}
  34.02% {opacity: 1;}
  34.98% {opacity: 1;}
  35% {opacity: 0;}
  35.9% {opacity: 0;}
  35.92% {opacity: 1;}
  38.98% {opacity: 1;}
  39% {opacity: 0;}
  39.8% {opacity: 0;}
  39.82% {opacity: 1;}
  83.98% {opacity: 1;}
  84% {opacity: 0;}
  84.9% {opacity: 0;}
  84.92% {opacity: 1;}
}
@-webkit-keyframes flicker-3 {
  0%,
  100% {opacity: 1;}
  32.98% {opacity: 1;}
  33% {opacity: 0;}
  34% {opacity: 0;}
  34.02% {opacity: 1;}
  34.98% {opacity: 1;}
  35% {opacity: 0;}
  35.9% {opacity: 0;}
  35.92% {opacity: 1;}
  38.98% {opacity: 1;}
  39% {opacity: 0;}
  39.8% {opacity: 0;}
  39.82% {opacity: 1;}
  83.98% {opacity: 1;}
  84% {opacity: 0;}
  84.9% {opacity: 0;}
  84.92% {opacity: 1;}
}

.contacto .info-contacto {
	line-height: 3rem;
	margin-bottom: 2rem;
}

.contacto .info-contacto:after {
	content: '';
	display: block;
	height: 1px;
	background-color: #ddd;
}

.contacto .info-contacto strong {
	padding-left: .5rem;
}

.contacto .checkbox:last-child label {
	margin-bottom: 0;
}

.banner-productos {
	background: no-repeat center / cover;
	height: 100vh;
	max-height: 150px;
}

.banner-productos .underline {
	margin-bottom: 0;
}

.product_page {
	text-align: left;
}

.product_page .miniatura {
	margin-right: .25rem;
	margin-top: .25rem;
	cursor: pointer;
	border: 1px solid #fff;
}

.product_page .miniatura.active,
.product_page .miniatura:hover {
	border-color: #FCBA9B;
}

.product_page form {
	margin-top: 2rem;
}

.product_page .precio {
	font-size: 1.5rem;
}

.product_page .precio.precio-small {
	font-size: 1.1rem;
}

.product_page .notas {
	position: relative;
	overflow: hidden;
	font-size: 1.2rem;
}

.product_page .notas.texto_oculto:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4rem;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.product_page .notas.texto_oculto:before {
	position: absolute;
	bottom: .5rem;
	right: .5rem;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	z-index: 2;
	box-shadow: 1px 1px 3px #000te;
}

.product_page .notas ul {
	padding-left: 1.5rem;
}

.product_page .notas ul li{
	margin-bottom: .25rem;
}

.product_page .media {
	position: relative;
}

.product_page .media figure {
	max-width: 1rem;
	margin-right: 1rem;
}

.product_page .media .media-body {
	font-weight: 600;
	font-size: 1.2rem;
}


.product_page .agregar_productos .input {
	display: inline-block;
	vertical-align: middle;
}

.product_page .agregar_productos #cantidad {
	width: 60px;
	text-align: center;
	border: none;
	margin-bottom: 0;
	height: 2.5rem;
	font-weight: 600;
	font-size: 2.3rem;
	line-height: 2.5rem;
	padding-top: .2rem;
}

.product_page .agregar_productos input::-webkit-outer-spin-button,
.product_page .agregar_productos input::-webkit-inner-spin-button  {
	display: none;
	-webkit-appearance: none;
	margin: 0;
}

.product_page .agregar_productos figure.menos,
.product_page .agregar_productos figure.mas {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: auto;
	cursor: pointer;
}

.product_page .agregar_productos figure.menos img,
.product_page .agregar_productos figure.menos svg,
.product_page .agregar_productos figure.mas img,
.product_page .agregar_productos figure.mas svg {
	width: auto;
	height: 100%;
}

.alergenos.alergenos-inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .5rem;
}

.alergenos.alergenos-block {
	display: block;
	margin: .25rem 0 0;
}

.alergenos {
	text-align: left;
}

.alergenos img {
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: 25px;
	cursor: pointer;
}

.tooltip-inner {
	font-size: .75rem;
	padding: .1rem .25rem;
}

.alergeno {
	margin-top: 1rem;
}

.page_alergenos figure {
	max-width: 120px;
	margin-bottom: 1rem;
}

.alergeno svg,
.alergeno img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-left: .25rem;
}

.resumen_pedido {
	text-align: left;
}

.resumen_pedido .linea {
	padding: .75rem 0;
	border-bottom: solid 1px #005db4;
}

.resumen_pedido .linea:last-child {
	border-bottom: 0;
}

.carrito {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.cart-item {
	border-bottom: 1px solid #005db4;
	padding: 1rem 0;
}

.cart-item .precio {
	font-size: 1.25rem;
}

.cart-item figure {
	max-width: 85px;
}

.cart-item label {
	font-size: .9rem;
}

.cart-item #cantidad {
	display: inline-block;
	vertical-align: middle;
	width: 55px;
	margin-bottom: 0;
	text-align: center;
	height: auto;
	line-height: 1.2;
	padding: .3rem 0;
}

.cart-item .eliminar_producto {
	width: 1.3rem;
	cursor: pointer;
}

.cart-item .eliminar_producto img,
.cart-item .eliminar_producto svg {
	width: 100%;
	max-width: none;
	height: auto;
}

.cart-item .eliminar_producto svg * {
	fill: #222831;
}

.wrapper_compra .botonera {
	display: none;
	margin: .7rem 0;
}

.wrapper_compra .botonera_mobile {
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 1.5rem;
	background: #F5F5F5;
}

.botonera_mobile .btn-pagar {
	position: relative;
	text-align: left;
	font-size: 1.5rem;
	padding: 1rem .75rem;
}

.botonera_mobile .btn-pagar:before {
	content: attr(data-title);
	float: right;
}

.page_buscador .title {
	background: rgba(227, 227, 227, .3);
	/*border-bottom: solid 1px #fcba9b;
	border-top: solid 1px #fcba9b;*/
}

.page_buscador .category-button {
	padding: 1rem 2rem;
	position: relative;
	border-radius: .5rem;
}

.colaboradores {
	background-color: #e7ded5;
	padding-bottom: 5rem !important;
}

#colaboradores figure {
	max-width: 120px;
}

#slider_Noticias .content {
	padding-top: 1rem;
}

.btn-noticias {
	position: absolute;
	bottom: -15%;
	right: 50px;
	left: auto;
}

.newsletter {
	position: relative;
	text-align: left;
	margin-top: 4rem;
}

.newsletter:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: -1;
	background: #222831;
}

.newsletter > [class*="container"] {
	position: relative;
}

.newsletter .fondo {
	position: absolute;
	top: 0;
	right: 15px;
	left: auto;
	width: 70%;
	height: 100%;
	background: url('../img/newsletter.png') right center / 320px auto no-repeat;
}

.newsletter h4 {
	position: relative;
	z-index: -1;
	font-weight: 500;
	font-size: 2rem;
	color: #fff;
	background-color: #005db4;
	padding: 1rem;
	padding-left: 3rem;
	margin-bottom: 0;
}

.newsletter i {
	font-weight: 400;
}

.newsletter .desc {
	padding: 2rem;
	padding-left: 3rem;
	background-color: #f0f0f0;
}

.newsletter input {
	background-color: #f0f0f0 !important;
}

.newsletter input[type="checkbox"]+label {
	margin-bottom: 0 !important;
}

#table_opciones .precio_modelo {
	cursor: pointer;
}

#table_opciones input[type="radio"]+label {
	padding-left: 0;
}

#table_opciones input[type="radio"]+label svg {
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.table td, .table th {
	border-top: none;
}

.mosca_contacto {
	position: fixed;
	bottom: 2rem;
	right: -220px;
	width: 220px;
	z-index: 9;
	transition: all .5s ease;
	text-align: left;
}

.mosca_contacto.visible {
	right: 0;
}

.mosca_contacto .icon {
	position: absolute;
	right: 100%;
	top: 0;
	height: 50px;
	padding: 10px;
	cursor: pointer;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.mosca_contacto h4 {
	height: 50px;
	line-height: 50px;
	padding: 0 1rem;
	margin: 0;
}

.whatsapp_floating{
	position: fixed;
	right: 15px;
	bottom: 6rem;
	z-index: 9;
	width: 50px;
}

.materiales {
	height: 400px;
}

.materiales .material {
	position: relative;
	width: 19%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	background: no-repeat center / cover;
	cursor: pointer;
	transition: all 0.3s ease;
}
.materiales .material.img1{ background-image:url(../img/materiales/espumas-tecnicas.jpg); }
.materiales .material.img2{ background-image:url(../img/materiales/tablero-abedul.jpg); }
.materiales .material.img3{ background-image:url(../img/materiales/astroboard.jpg); }
.materiales .material.img4{ background-image:url(../img/materiales/tablero-contrachapado-madera.jpg); }
.materiales .material.img5{ background-image:url(../img/materiales/herrajes.jpg); }

.materiales .material.active { width: 75%; }
.materiales .material.minified { width: 5%; }

.materiales .material .titulo {
	position: absolute;
	top: 20px;
	left: 0;
	max-width: 95%;
	background-color: #005cb9;
	padding: 1rem;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 2;
}

.materiales .material .mensaje-materiales figure {
	max-width: 30px;
}

.materiales .material.active .descripcion,
.materiales .material.active .mensaje,
.materiales .material.active .titulo {
	opacity: 1;
}

.materiales .material .titulo h3 {
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 0;
	text-align: left;
}

.materiales .material .mensaje {
	opacity: 0;
}

.materiales .material .descripcion {
	opacity: 0;
	display: none;
	padding: 15px 0;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-weight: 300;
}


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

.estaticos .underline {
	margin-bottom: 2rem;
}

.estaticos .underline + * {
	margin-top: 0!important; 
}

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

.estaticos h3 {
	font-weight: 600;
	margin-bottom: 1rem;
}

.estaticos h4 {
	color:#222831;
	font-weight: 500;
}

.estaticos li {
	margin-bottom: .5rem;
}

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

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

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

[class*="shape-content-"] {
	position: relative;
	padding-left: 55px;
	margin-top: 25px;
	margin-bottom: 20px;
}

[class*="shape-content-"]:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
	width: 44px;
	height: 51px;
	background: url('../img/marker.png') center center no-repeat;
	color: #fff;
	font-size: 30px;
	line-height: 51px;
	text-align: center;
}

.shape-content-a:before {content: 'A'}
.shape-content-b:before {content: 'B'}
.shape-content-c:before {content: 'C'}
.shape-content-d:before {content: 'D'}
.shape-content-e:before {content: 'E'}
.shape-content-f:before {content: 'F'}
.shape-content-g:before {content: 'G'}
.shape-content-h:before {content: 'H'}
.shape-content-i:before {content: 'I'}
.shape-content-j:before {content: 'J'}
.shape-content-k:before {content: 'K'}
.shape-content-l:before {content: 'L'}
.shape-content-m:before {content: 'M'}
.shape-content-n:before {content: 'N'}
.shape-content-ñ:before {content: 'Ñ'}
.shape-content-o:before {content: 'O'}
.shape-content-p:before {content: 'P'}
.shape-content-q:before {content: 'Q'}
.shape-content-r:before {content: 'R'}
.shape-content-s:before {content: 'S'}
.shape-content-t:before {content: 'T'}
.shape-content-u:before {content: 'U'}
.shape-content-v:before {content: 'V'}
.shape-content-w:before {content: 'W'}
.shape-content-x:before {content: 'X'}
.shape-content-y:before {content: 'Y'}
.shape-content-z:before {content: 'Z'}
.shape-content-1:before {content: '1'}
.shape-content-2:before {content: '2'}
.shape-content-3:before {content: '3'}
.shape-content-4:before {content: '4'}
.shape-content-5:before {content: '5'}
.shape-content-6:before {content: '6'}
.shape-content-7:before {content: '7'}
.shape-content-8:before {content: '8'}
.shape-content-9:before {content: '9'}
.shape-content-0:before {content: '0'}


.errorpage .alert-error {
	font-weight: 600;
	font-size: 3rem;
	text-transform: uppercase;
	margin-bottom: 3rem;
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.errorpage figure.adjust-h {
	position: relative;
	height: 50vh;
}

.errorpage figure figcaption {
	position: absolute;
	top: 50%;
	left: 50%;
	font-weight: 600;
	font-size: 15vw;
	line-height: 1;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.modal .close {
	width: 1rem;
	margin-bottom: .5rem;
	cursor: pointer;
}

/*  MODAL DESCUENTO  */
.discount-modal-wrapp{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	background-color: rgba(8,9,29,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.discount-modal{
	width: calc(100% - 30px);
	max-width: 600px;
	border: solid 5px #222831;
	border-radius: 3rem;
	padding: 0 2rem;
	position:relative;
}
.discount-modal .cerrar{
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	cursor: pointer;
	z-index: 2;
}
.discount-modal:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 65%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #222831 transparent transparent transparent;
}
.discount-modal h3{
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
}
.discount-modal .pesetas{
	max-width: 100px
}
.discount-modal input,
.discount-modal input[type="text"] {
	background-color: rgba(255,255,255,.7)!important;
	border-radius: 1rem;
	padding: 0 1rem;
}
.discount-modal .btn{margin-bottom: 2rem;}


/** LOGIN */
.login-page h3 {
	font-weight: 600;
	font-size: 2.2rem;
	margin-bottom: 2rem;
}

.login-page .dinamic_labels .input,
.login-page .dinamic_labels button {
	position: relative;
	max-width: 600px;
}

.login-page .dinamic_labels .input:not(.checkbox):not(.radio) label:not(.error) {
	font-weight: 300;
	font-size: .9rem;
	color: #aaa;
	position: absolute;
	top: 0;
	left: 0;
	cursor: text;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.login-page .dinamic_labels .dinamic_labels_active .input:not(.checkbox):not(.radio) label,
.login-page .dinamic_labels .input:not(.checkbox):not(.radio) label.active,
.login-page .dinamic_labels .input:not(.checkbox):not(.radio) input:focus+label:not(.error) {
	font-size: .7rem;
	top: -10px;
	color: #56b99f;
}

.login-page .input.select label {
	font-size: .7rem;
	-ms-transform: translateY(-2rem);
	transform: translateY(-2rem);
}

.login-page .dinamic_labels .input {
	margin-bottom: 1.4rem;
}

.login-page .dinamic_labels .input:not(.checkbox):not(.radio) input {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #eee;
	font-size: 1rem;
	line-height: 2rem;
	margin-bottom: 0;
}

.login-page .dinamic_labels .input:not(.checkbox):not(.radio) input:focus {
	border-color: #56b99f;
	outline: 0 !important;
	box-shadow: 0 0 0;
}

.login-page .dinamic_labels .input:not(.checkbox):not(.radio) input:focus:invalid:focus {
	border-color: #56b99f;
	box-shadow: 0 0 0;
}

.login-page .forgot-pass {
	margin-top: 20px;
	font-size: .8rem;
}

.alert {
	z-index: 999;
}

.texto_politicas{
	text-align: justify;
	font-size: 75%;
}

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


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	figure.adjust-sm-h{height:100%}
	figure.adjust-sm-h img,figure.adjust-sm-h svg,figure.adjust-sm-h video{width:auto;max-width:none;height:100%}
	.preheader { height: 35px; }
	.preheader strong { display: inline; }
	.banner-productos { max-height: 300px; }
	.cart-item #cantidad { margin-left: 15px; }
	.cart-item figure { max-width: 100px; }
	.discount-modal h3{font-size: 2rem;}
	.discount-modal .pesetas{max-width: 180px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h3 { font-size: 2.3rem; }
	h4 { font-size: 1.3rem; }
	/*.producto .descripcion h4 { height: 3rem; }*/
	.btn { min-width: 190px; }
	.preheader { font-size: .85rem; }
	header.scrolling {padding: .5rem 0;}
	header.scrolling .logo {max-width: 120px;}
	.header-elem .badge { right: auto; left: 80%; }
	.header-elem figcaption { top: calc(100% + .25rem); }
	figure.adjust-md-h{height:100%}
	figure.adjust-md-h img,figure.adjust-md-h svg,figure.adjust-md-h video{width:auto;max-width:none;height:100%}
	.producto-destacado .descripcion h3 { font-size: 1.5rem; }
	.proximamente { max-width: 230px; margin-top: 0; }
	.ventajas .row:nth-child(2n) figure + img {-ms-transform: translateX(15%); transform: translateX(5%); }
	.categoria-destacada.mano,.categorias {padding-bottom: 3.5rem;}
	.btn-noticias { left: 31.25%; right: auto; }
	#slider_Noticias .content { padding-top: 3.5rem; }
	.newsletter .fondo {right: auto;left: 0;width: 100%;}
	.tag-icon { max-width: 30px; }
	.tag-title { font-size: 1rem; }
	.producto .descripcion .precio { font-size: 1.3rem; }
	.slide_text_1 { bottom: 5%; }
	.slide_text_1 span {font-size: 1.4rem;}
	.ajuste-fixed-header {	margin-top: 42px;}
	.texto-gracias { max-width: 50%; margin: 0 auto; }
	.tag-outline { margin-bottom: .35rem; }
	.wrapper_compra h2 { white-space: nowrap; }
	.wrapper_compra .botonera { display: block; }
	.wrapper_compra .botonera_mobile { display: none; }
	.ventajas video,.materiales {height:318px}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	header { padding-top: .75rem; padding-bottom: .75rem; }
	header .categorymenu{transform: translateY(.75rem);}
	header .logo { max-width: 150px; }
	figure.adjust-lg-h{height:100%}
	figure.adjust-lg-h img,figure.adjust-lg-h svg,figure.adjust-lg-h video{width:auto;max-width:none;height:100%}
	.contacto .info-contacto { margin-bottom: 0; }
	footer .logos-certificados img, footer .logos-certificados svg { max-width: 80px; }
	.ventajas video,.materiales {height:430px}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	figure.adjust-xl-h{height:100%}
	figure.adjust-xl-h img,figure.adjust-xl-h svg,figure.adjust-xl-h video{width:auto;max-width:none;height:100%}
	.ventajas video,.materiales {height:513px}
}

@media (max-width: 768px) {
	.bandera_europea {
		bottom: -109px;
	}
	.newsletter .fondo {
		background: url(../img/newsletter.png) right center / 240px auto no-repeat;
	}
}

@media (max-width: 470px) {

	.newsletter .fondo {
		background: url(../img/newsletter.png) right center / 180px auto no-repeat;
	}
}

/* Smaller devices (small phones, 576px and down) */
@media (max-width: 992px) {
	header .categorymenu{display: none!important;}
	.wrapp_categorymenu a{margin-bottom: 0;}
	.wrapp_categorymenu .cat-principal{font-weight: 600!important;}
	.wrapp_categorymenu .cat-principal:after{
		width: 50%;
		left: 50%;
		transform: translateX(-50%);
	}
	.wrapp_categorymenu .col-6{margin-bottom: 1.75rem;}

	.bandera_europea {
		max-width: 15%;
		position: absolute;
		right: 25px;
		bottom: 22px;
		margin: 0;
	}

	.fundacion_camara {
		position: absolute;
		max-width: 31%;
		bottom: 43px;
		left: 25px;
		margin: 0;
	}

	.camara_sevilla {
		position: absolute;
		width: 32%;
		left: 44%;
		bottom: 43px;
	}
}

@media (max-width: 768px) {
	.bandera_europea {
		max-width: 17%;
		position: absolute;
		right: 25px;
		bottom: 27px;
		margin: 0;
	}

	.fundacion_camara {
		position: absolute;
		max-width: 35%;
		bottom: 43px;
		left: 25px;
		margin: 0;
	}

	.camara_sevilla {
		position: absolute;
		width: 32%;
		left: 43%;
		bottom: 43px;
	}
}

/* Smaller devices (small phones, 576px and down) */
@media (max-width: 576px) {
	header .dropdown img, header .dropdown svg,.social a img, .social a svg{height:1.1rem;}
	header .dropdown-toggle::after{width:12px;height:8px;}
	.discount-modal .discount-img { position: absolute; bottom: 0; left: 0; border-bottom-left-radius: 3rem; overflow: hidden; }
	.discount-modal .discount-img figure { -ms-transform: translateX(-15px); transform: translateX(-15px); }
	.bandera_europea {
		max-width: 16%;
		position: absolute;
		right: 25px;
		bottom: 34px;
		margin: 0;
	}

	.fundacion_camara {
		position: absolute;
		max-width: 33%;
		bottom: 43px;
		left: 25px;
		margin: 0;
	}

	.camara_sevilla {
		position: absolute;
		width: 30%;
		left: 44%;
		bottom: 43px;
	}
		
}

/* Very small devices (small phones, 400px and down) */
@media (max-width: 360px) {
	.header-elem .button-action { height: 1.1rem; }
	.header-elem figcaption { display: none; }
	.header-elem { padding-left: 0; }
}

/* Tiny devices (small phones, 270px and down) */
@media (max-width: 270px) {
	header .logo { margin-bottom: 1rem; }
	header .row.justify-content-between { -ms-flex-pack: center!important; justify-content: center!important; }
}