@charset "UTF-8";

/* CASEMEDIA CSS Document */
/* primary: #56b99f; */

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



/* GENERAL */
html {
	font-size: 12px;
}

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

main:not(.sin_fondo){
	background-image: url(../img/fondo_form.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.text-primary {
	color: #283e56 !important;
	font-weight: 700;
}


h1 {
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

h6 {
	
}
b,strong{font-weight: 700;}
::moz-selection {
	background: #005db4;
	background: rgba(0,93,180,.4);
}
::selection {
	background: #005db4;
	background: rgba(0,93,180,.4);
}

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

.btn {
	border-radius: 0;
}

.btn-secondary {
	border: 0;
	border-bottom: 3px solid #000;
	padding: .4rem 2rem;
	font-size: 1.15rem;
	cursor: pointer;
}

input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
textarea.form-control,
select,
select.form-control,
form button:not(.btn) {
	font: inherit;
	color: #000;
	height: 30px;
	line-height: 30px;
	background: transparent;
	margin-bottom: 1.4rem;
	padding: 0 .5rem;
	border-radius: 0;
	border: none;
    border-bottom: 1px solid #000;
}

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

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

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

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;
	margin-bottom: 1.4rem;
	text-align: left;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	content: '';
	float: left;
	margin-right: 8px;
	margin-top: 0;
	width: 20px;
	height: 20px;
	border: 3px solid #666;
}

input[type="radio"]+label:before {
	border-radius: 50%;
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
	background: #666;
}
.input.checkbox input[type="checkbox"]+label {
	padding-left: 30px;
	position: relative;
}
.input.checkbox input[type="checkbox"] {
	width: 0.1px;
	height: 0.1px;
	float: left;
	opacity: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.input.checkbox input[type="checkbox"]+label:before {display: none;}
.input.checkbox input[type="checkbox"]+label svg {
	position: absolute;
	top:0px;
	left:0px;
}
.input.checkbox input[type="checkbox"]+label svg path {
	fill: none;
	stroke: #005cb9;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 71px;
	stroke-dashoffset: 71px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.input.checkbox input[type="checkbox"]+label svg polyline {
	fill: none;
	stroke: #FFF;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 18px;
	stroke-dashoffset: 18px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.input.checkbox input[type="checkbox"]+label svg path {stroke-dashoffset: 0;}
.input.checkbox input[type="checkbox"]:checked+label svg {border-color: #005cb9;}
.input.checkbox input[type="checkbox"]:checked+label svg path {fill: #005cb9;}
.input.checkbox input[type="checkbox"]:checked+label svg polyline {stroke-dashoffset: 0;}
.input.checkbox input[type="checkbox"]:checked+label svg path {stroke-dashoffset: 0;}

.input.checkbox {
	color: #fff;
}

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

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

label.error,
.error-message {
	position: relative;
	top: -12px;
	left: 10px;
	color: #e9322d;
	text-align: left;
}

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

.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;width:100%;}
figure img,figure svg,figure video{width:100%;display: block;}
.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;}

.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%;
}

header .dropdown-toggle svg {
    width: auto;
    height: 1.25rem;
}

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

header .dropdown-item {
    padding: 0.25rem 0.7rem;
}

.dropdown-menu {
	min-width: auto !important;
}

.header-elem {
	cursor: pointer;
}

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

.scrolltop svg {
	width: 50%;
	height: 100%;
}

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

.content_flex {width: 100%;}
.btn-primary{
	width: 250px;
	color: #fff;
	border: 0;
	background-color: #005cb9;
	cursor: pointer;
	font-family: "Cairo";
	font-size: 14pt;
	box-shadow: 0 0 20px -3px #222;
	z-index: 3;
	border: 2px solid #005cb9;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.btn-primary:active,.btn-primary:hover{
	border-color: #005cb9;
	background-color: #fff;
	color: #005cb9;
}
.btn-primary:focus{outline: 0;}
.grecaptcha-badge{opacity: 0;}


/** HEADER prev version */
/*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) no-repeat center center;
}

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

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

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


header {
	width: 100%;
	background-color: #222831;
	position: fixed;
	z-index: 5;
}
header .navbar-brand{
	padding-top: 0;
	padding-bottom: 0;
}
header .logo {
	display: block;
	width: 100px;
}
header nav .nav-item{padding: .15rem 0;}
header nav li .nav-link{
	color: #fff;
	padding: 0 .5rem !important;
	margin: .35rem 0;
	border-left:solid 1px #fff;
}
header nav .nav-item:first-child .nav-link{border-left: none;}
header .navbar-dark .navbar-nav .nav-link{color: #fff;}
header .navbar-dark .navbar-toggler{
	color: #fff;
	border-color: #fff;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("../img/menu.svg");
}*/


/** HEADER new version, like tienda.casemedia.es */
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;
}

.texto-footer .footer-dir, .texto-footer .footer-ph, .texto-footer .footer-link{color: white;}
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 svg {
	margin-bottom: 7px;
}

.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%);
}

.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 new version, like tienda.casemedia.es */
.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 {
	width: 30px;
	height: auto;
	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 {
	background-color: #222831;
	color: #fff;
}
footer {
	text-align: left;
	padding: 50px 0 30px;
}
footer .texto{
	width: 100%;
	text-align: center;
}
footer .texto h3{
	margin: 0 auto;
	font-family: "Cairo";
	font-weight: 500;
	font-size: 12pt;
}
footer .social figure{
	width: 30px;
}

footer .social {
    margin: 42px auto;
    margin-top: 4rem;
}

footer .aviso p{
	text-align: center;
	margin-bottom: 0;
	font-size: 10pt;
}

.footer_yellow {
	color: rgb(219, 200, 50);
}

/** CONTENT */
section:not(.main_container) {
}

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

.slider_galeria .carousel-caption {
	position: absolute;
	bottom: 10%;
	left: 10%;
	width: 80%;
	max-width: 400px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: left;
}

.slider_galeria .carousel-caption .caption1 {
	font-weight: 500;
	font-size: 3.5rem;
	line-height: 1;
	color: #fff;
	padding-top: 2rem;
}

.slider_galeria .carousel-caption .caption2 {
	font-weight: 300;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #fff;
	margin-top: 1rem;
}

.slider_galeria .carousel-control-next,
.slider_galeria .carousel-control-prev {
	width: 5%;
}

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

.slider_galeria .carousel-indicators li {
	max-width: none;
	height: 5px;
	background-color: #000;
	margin: 0;
}

.slider_galeria .carousel-indicators li {
	background-color: #292b2c;
}

.slider_galeria .carousel-indicators li.active {
	background-color: #000;
	opacity: 1 !important;
}

.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>");
}

.slider_galeria .btn {
	margin-top: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;
}
[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 {
	padding: 80px 0;
}

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

.estaticos {
	text-align: left;
	padding: 8rem 3rem 5rem;
}

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

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

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

.estaticos img,
.estaticos svg {
	max-width: 100%;
}
.border{
	padding: 0;
	z-index: 2;
	position: relative;
	border: none !important;
	-webkit-box-shadow: 0 0 30px -10px rgba(34,34,34,1);
	-moz-box-shadow: 0 0 30px -10px rgba(34,34,34,1);
	box-shadow: 0 0 30px -10px rgba(34,34,34,1);
}
section{
	position: relative;
}
.lateral{
	position: absolute;
	left: -74px;
	top: -183px;
	width: 70px;
	height: 200px;
}
.lateral h2, .lateral .h2{
	display: inline-block;
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 9pt;
	color: #d9d9d9;
	font-family: "Oswald";
	font-weight: 400;
}
.lateral h3{
	font-size: 9pt;
	font-family: "Volkart";
	font-weight: 300;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	height: 30px;
	width: 200px;
	text-align: left;
	position: absolute;
	right: -73px;
	bottom: 95px;
	border-left: 1px solid #d9d9d9;
	padding-left: 10px;
	color: #d9d9d9;
}
.lateral.lateral2{
	top: calc(52% - 200px);
}
.section1 .lateral.lateral1 h2, .section1 .lateral.lateral1 .h2, .section1 .lateral.lateral1 h3{
	color: #fff;
	border-left-color: #fff;
}
.transition_left_5_5{
	-webkit-transition: left ease .5s .5s;
	-moz-transition: left ease .5s .5s;
	-o-transition: left ease .5s .5s;
	transition: left ease .5s .5s;
}
.transition_left_5_8{
	-webkit-transition: left ease .5s .8s;
	-moz-transition: left ease .5s .8s;
	-o-transition: left ease .5s .8s;
	transition: left ease .5s .8s;
}
.transition_right_5_5{
	-webkit-transition: right ease .5s .5s;
	-moz-transition: right ease .5s .5s;
	-o-transition: right ease .5s .5s;
	transition: right ease .5s .5s;
}
.transition_right_5_10{
	-webkit-transition: right ease .5s 1s;
	-moz-transition: right ease .5s 1s;
	-o-transition: right ease .5s 1s;
	transition: right ease .5s 1s;
}
section{
	background-color: #fff;
}
.index article:not(.articulo_portada){
	height: 20vh;
	min-height: 700px;
	margin: 0 !important;
}
.index article.h_auto,
article.h_auto{
	min-height: 0;
	height: auto;
}
section.portada{
	background-color: #222831;
	margin-bottom: -50px
}
.portada .container{
	position: relative;
	height: 100%;
}
.portada .articulo_portada{
	margin-bottom: 40px;
	padding:90px 0;
}
.portada .container .imagen figure{
	position: relative;
	left: 0;
	width: 120%;
}

.portada .container .row .texto figure{
	max-width: 200px;
	margin-left: 0;
}
.portada .container .row .texto h1, .portada .container .row .texto h1, .portada .container .row .texto .h1, .portada .container .row .texto .h1{
	font-family: "Volkart";
	font-weight: 600;
	font-size: 4rem;
	line-height: 1;
	color: #fff;
	margin: 27px 0 20px;
}
.portada .container .row .texto p{
	font-family: "Cairo";
	font-weight: 500;
	font-size: 1.1rem;
	color: #fff;
	line-height: 1.4;
}
.portada .container button.btn-primary{
	margin-top: 30px;
}
.portada .container .mensaje {
    border: 5px solid #fff;
    width: 60%;
    margin-bottom: 70px;
    text-align: left;
}
.portada .container .mensaje h2, .portada .container .mensaje .h2{
	font-family: "Volkart";
	font-weight: 600;
	font-size: 15pt;
	color: #fff;
	padding: 15px;
	margin-bottom: 0;
}
.portada .container .plane{
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 40%;
	z-index: 3;
}
.portada .container .plane img{
	width: 100%;
}
.portada .content {
	color: #ecf0f1;
	position: relative;
	margin-top: 20px;
}

.portada .visible {
	overflow-y: hidden;
	height: 75px;
}
.portada .content p {
	display: inline;
	float: left;
	margin: 0;
}
.portada .content ul {
	padding: 0;
	margin-top: 0;
	text-align: left;
	list-style: none;
	-webkit-animation: 15s linear 0s normal none infinite change;
	-moz-animation: 15s linear 0s normal none infinite change;
	-o-animation: 15s linear 0s normal none infinite change;
	animation: 15s linear 0s normal none infinite change;
}
.portada .content ul li {
	line-height: 75px;
	margin: 0;
}
@-webkit-keyframes opacity {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes opacity {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes change {
	0% {margin-top: 0;}
	15% {margin-top: 0;}
	25% {margin-top: -75px;}
	40% {margin-top: -75px;}
	50% {margin-top: -150px;}
	65% {margin-top: -150px;}
	75% {margin-top: -75px;}
	85% {margin-top: -75px;}
	100% {margin-top: 0;}
}
@keyframes change {
	0% {margin-top: 0;}
	15% {margin-top: 0;}
	25% {margin-top: -75px;}
	40% {margin-top: -75px;}
	50% {margin-top: -150px;}
	65% {margin-top: -150px;}
	75% {margin-top: -75px;}
	85% {margin-top: -75px;}
	100% {margin-top: 0;}
}
.degradado{
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(251,251,251,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(251,251,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(251,251,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
}
article .absolute{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
article{
	position: relative;
	overflow: hidden;
}
.img_bajo_cuadro .imagen,
.img_bajo_cuadro .texto{margin:0;}
.img_bajo_cuadro .imagen{
	height: 100%;
	background: url('../img/quienes_somos.jpg') no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.porque_casemedia .img_bajo_cuadro .imagen{background-image:url('../img/porque.jpg');}
.cuadro_seccion.texto{
	position: relative;
	height: calc(100% - 100px);
	background-color: #005cb9;
	padding: 45px 40px;
	text-align: left;
	-webkit-transition: left ease .5s .5s;
	-moz-transition: left ease .5s .5s;
	-o-transition: left ease .5s .5s;
	transition: left ease .5s .5s;
}

.cuadro_seccion.texto .texto h1, .cuadro_seccion.texto .texto .h1{
	position: relative;
	left: -100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.cuadro_seccion.texto h1, .cuadro_seccion.texto .h1{
	font-family: "Oswald";
	font-weight: 600;
	font-size: 42pt;
	line-height: 1;
	color: #fff;
}
.cuadro_seccion.texto h2, .cuadro_seccion.texto .h2{
	font-family: "Volkart";
	font-weight: 800;
	font-size: 25pt;
	color: #fff;
	border-left: 5px solid #fff;
	padding-left: 20px;
	margin-top: 25px;
}
.cuadro_seccion.texto p{
	font-family: "Cairo";
	font-weight: 400;
	font-size: 12pt;
	color: #fff;
	padding-top: 50px;
}

.quienes_somos .cuadro_seccion.texto p{
	padding-top: 15px;
}

.cuadro_seccion_noticias.texto {
	position: relative;
	height: calc(100% - 100px);
	background-color: #005cb9;
	padding: 35px 40px;
	text-align: left;
	-webkit-transition: left ease .5s .5s;
	-moz-transition: left ease .5s .5s;
	-o-transition: left ease .5s .5s;
	transition: left ease .5s .5s;
	margin-left: -5rem;
    margin-top: 3.4rem;
}

.cuadro_seccion_noticias.texto .texto h1, .cuadro_seccion_noticias.texto .texto .h1{
	position: relative;
	left: -100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.cuadro_seccion_noticias.texto h1, .cuadro_seccion_noticias.texto .h1{
	font-family: "Oswald";
	font-weight: 600;
	font-size: 42pt;
	line-height: 1;
	color: #fff;
}
.cuadro_seccion_noticias.texto h2, .cuadro_seccion_noticias.texto .h2{
	font-family: "Volkart";
	font-weight: 800;
	font-size: 25pt;
	color: #fff;
	border-left: 5px solid #fff;
	padding-left: 20px;
	margin-top: 25px;
}
.cuadro_seccion_noticias.texto p{
	font-family: "Cairo";
	font-weight: 400;
	font-size: 12pt;
	color: #fff;
	padding-top: 20px;
}

.cuadro_right_left .cuadro_seccion{left:1000px;}
.cuadro_right_left.animado .cuadro_seccion{left:0;}
.img_bajo_cuadro button.btn-primary{
	position: absolute;
	bottom: 10px;
	right: 75%;
}
.porque_casemedia .img_bajo_cuadro button.btn-primary{
	bottom: 40px;
}
.cuadro_left_right .texto{
	left: -1000px;
}
.cuadro_left_right.animado .texto{left: 0;}
.texto h2, .texto .h2{
	color: #283e56;
	font-family: "Volkart";
	font-weight: 800;
	font-size: 26pt;
}
.texto p{
	color: #283e56;
	font-family: "Cairo";
	font-weight: 400;
	font-size: 12pt;
}
.cuadro_left_right .mensaje{right: -100%;}
.cuadro_left_right.animado .mensaje{right: 0;}
article .mensaje{
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 40px;
	width: 36%;
	background-color: #005cb9;
	height: 50px; 
	text-align: left;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
article .mensaje figure{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 40px;
	cursor: pointer;
}
article .mensaje .cruz{
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}
article .mensaje.abierto .cruz{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
article .mensaje p{
	display: inline-block;
	vertical-align: middle;
	font-family: "Cairo";
	font-weight: 500;
	font-size: 15pt;
	color: #fff;
	padding-left: 20px;
	margin: 0;
}
article .detalles {
	position: absolute;
	bottom: 90px;
	right: -36%;
	height: calc(100% - 130px);
	width: 36%;
	background-color: rgba(255,255,255,.9);
	padding: 20px;
	-webkit-transition: right .2s ease;
	-moz-transition: right .2s ease;
	-o-transition: right .2s ease;
	transition: right .2s ease;
}
article .detalles.visible{right: 0;}
article .detalles .personalizaciones figure{
	cursor: pointer;
}
article .detalles .linea > div{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
article .detalles .linea > div > div{
	background-color: #005cb9;
	height: 5px;
	margin: 10px auto 0;
	width: 80%;
}
article .detalles .descripcion{
	overflow: hidden;
	margin-top: 20px;
}
article .detalles .descripcion .dentro{
	position: relative;
	width: 400%;
	left: 0; 
	margin: 0 !important;
	-webkit-transition: left ease .4s;
	-moz-transition: left ease .4s;
	-o-transition: left ease .4s;
	transition: left ease .4s;
}
article .detalles .descripcion p{
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 300;
}
article .detalles .descripcion p strong{
	font-weight: 600;
}


.mensaje.oculto{right: -125px;}
.mensaje .cruz{
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
}
.mensaje.oculto .cruz{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.materiales{height:70%;}
.materiales .material{
	position: relative;
	width: 25%;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	border: solid 2px #fff;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.materiales .material.img1{background-image:url(../img/espumas-tecnicas.jpg);width:80%;}
.materiales .material.img2{background-image:url(../img/tablero-abedul.jpg);width:5%;}
.materiales .material.img3{background-image:url(../img/astroboard.jpg);width:5%;}
.materiales .material.img4{background-image:url(../img/tablero-contrachapado-madera.jpg);width:5%;}
.materiales .material.img5{background-image:url(../img/herrajes.jpg);width:5%;}

.animado .materiales .material{width: 20%;}

.materiales .material.active{width: 80%!important;}
.materiales .material.minified{width: 5%!important;}

.materiales .material .titulo{
	position: absolute;
	top: 20px;
	left: 0;
	max-width: 95%;
	background-color: #005cb9;
	font-family: "Volkart";
	font-weight: 500;
	padding: 10px;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	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;
}

section#noticias{
	padding-bottom: 7rem;
}

section#noticias .wrapp{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

section#noticias .wrapp .btn{
	margin-bottom: 2rem;
}

.imagen_noticias {
	background: url('../img/noticias/index.jpg') no-repeat center center;
	background-size: cover;
	height: 100%;
	min-height: 300px;
}
section.page_noticias#noticias .noticia{margin-bottom: 0;}

.section3 .article1{
	position: relative;
	overflow: hidden;
}
.section3 .article1 .imagen::before {
	content: '';
	padding-top: 80%;
	display: block;
}
.section3 .article1 .imagen{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../img/porque.jpg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.section3 .article1 .imagen figure, .section3 .article1 .imagen figure img{
	height: 100%;
	width: auto;
}
.section3 .article1 button.btn-primary{
	position: absolute;
	bottom: 80px;
	right: 75%;
}
.section3 .article1 .cuadro_seccion{left:1000px;}
.section3 .article1.animado .cuadro_seccion{left: 0;}
.section3 .article2{
	position: relative;
	overflow: hidden;
}
.section3 .article2 .texto{
	text-align: left;
	padding-right: 4%;
	left: 1000px;
}
.section3 .article2.animado .texto{left: 0;}
.section3 .article2 .texto p{
	font-size: 12pt;
	margin-top: 20px;
}
.section4 .article1{position: relative;overflow: hidden;}
.con_detalles .titulo{
	width: 50px;
	border-bottom: 1px solid #000; 
	text-align: left;
	position: absolute;
	top: 50px;
}
.con_detalles .titulo h1, .con_detalles .titulo .h1{
	font-family: "Cairo";
	font-weight: 500;
	font-size: 14pt;
	width: 300px;
}
.section4 .article1{
	margin-left: -1px;
	position: relative;
}
.section4 .article1 .texto{
	background-color: #005cb9;
	text-align: left;
	padding: 50px;
	left: -1000px;
}
.section4 .article1.animado .texto{
	left: 0;
}
.section4 .article1 .texto h1, .section4 .article1 .texto .h1{
	position: relative;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.section4 .article1 .texto p{padding-top: 20px;}
.section4 .article1 button.btn-primary{
	position: absolute;
	bottom: 80px;
	left: 70%;
	z-index: 2;
}
.carousel .slick{
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
.carousel .slick .movil:focus{outline: 0;}
.carousel .slick .movil svg{
	width: 100px;
	margin-bottom: 10px;
	height: 5px;
}
.carousel .slick .movil h3 {
	font-family: "Volkart";
	font-weight: 600;
	font-size: 1.3rem;
	color: #222830;
}
.carousel .slick .movil p{
	font-family: "Cairo";
	font-weight: 400;
	font-size: 13pt;
	margin: 0;
}
.carousel .arrow{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}
.carousel .arrow.next{
	right: 35px;
}
.carousel .arrow.prev{
	left: 20px;
}
.carousel .arrow svg{
	width: 100%;
}
/* Dots */
.carousel .slick-dotted.slick-slider{margin-bottom: 30px;}

.carousel .slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.carousel .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.carousel .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.carousel .slick-dots li button:hover,.carousel .slick-dots li button:focus{outline: none;}
.carousel .slick-dots li button:hover:before,
.carousel .slick-dots li button:focus:before,
.carousel .slick-dots li.slick-active button:before{color: #283e56;}
.carousel .slick-dots li button:before{
    font-family: 'slick';
    font-size: 45px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: #d6dfe3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.certificados{
	position: relative;
}
.certificados .texto{
	text-align: left;
	padding-left: 4%;
}
.certificados .texto p{
	margin-top: 30px;
}
.certificados .imagen div{
	width: 100%;
	text-align: center;
	height: 49%;
}
.certificados .imagen div figure{
	width: 25%;
	height: 100%;
	display: inline-block;
	margin: 20px;
	opacity: 0;
	-webkit-transition: opacity ease .5s .5s;
	-moz-transition: opacity ease .5s .5s;
	-o-transition: opacity ease .5s .5s;
	transition: opacity ease .5s .5s;
}
.certificados.animado .imagen div figure{opacity:1;}
.certificados.animado .imagen .top figure:nth-of-type(1){-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;}
.certificados.animado .imagen .top figure:nth-of-type(2){-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s;}
.certificados.animado .imagen .bottom figure:nth-of-type(1){-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s;}
.certificados.animado .imagen .bottom figure:nth-of-type(2){-webkit-transition-delay:1.4s;-moz-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s;}
.certificados .imagen div figure img{
	width: 100%;
	vertical-align: middle;
}
.formulario{background:transparent;}
.formulario .container{
	text-align: center;
	position: relative;
}
.formulario .form{
	text-align: center;
	position: relative;
	padding: 50px 0;
}
.formulario h3{
	margin-bottom: 30px;
	font-family: "Cairo";
	font-weight: 600;
	font-size: 25px;
	line-height: 1.2;
	color: #fff;
}
.formulario form{
	margin: 0 auto;
}
.formulario form input:not([type='checkbox']), .formulario form textarea {
	width: 100%;
	border: 0;
	background-color: #fff;
	padding: 1rem 1.5rem;
	margin-bottom: 1em;
	height: auto;
	line-height: 1.2;
	font-size: 1.2rem;
}
.formulario form input::-webkit-input-placeholder,
.formulario form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 300;
  font-stretch: 1.2rem;
  color: rgba(40,62,86,.9);
}
.formulario form input::-moz-placeholder,
.formulario form textarea::-moz-placeholder { /* Firefox 19+ */
  font-weight: 300;
  font-stretch: 1.2rem;
  color: rgba(40,62,86,.9);
}
.formulario form input:-ms-input-placeholder,
.formulario form textarea:-ms-input-placeholder { /* IE 10+ */
  font-weight: 300;
  font-stretch: 1.2rem;
  color: rgba(40,62,86,.9);
}
.formulario form input:-moz-placeholder,
.formulario form textarea:-moz-placeholder { /* Firefox 18- */
  font-weight: 300;
  font-stretch: 1.2rem;
  color: rgba(40,62,86,.9);
}
.formulario .checkbox label,
.formulario .btn{
	margin-bottom: 0;
	margin-top: 1.6rem;
}
.formulario form input#enviarform{
	position: absolute;
	right: 4px;
	top: 4px;
	width: 90px;
	height: 40px;
	background-color: #ffcc25;
	line-height: 5px;
	padding: 0;
}
.formulario figure{
	width: 400px;
	position: absolute;
	top: -20px;
	right: 0;
	-webkit-transform: scale(0) translateX(-30%);
	-moz-transform: scale(0) translateX(-30%);
	-ms-transform: scale(0) translateX(-30%);
	-o-transform: scale(0) translateX(-30%);
	transform: scale(0) translateX(-30%);
	-webkit-transform-origin:center left;
	-moz-transform-origin:center left;
	-ms-transform-origin:center left;
	-o-transform-origin:center left;
	transform-origin:center left;
	-webkit-transition: all ease 2s;
	-moz-transition: all ease 2s;
	-o-transition: all ease 2s;
	transition: all ease 2s;
}
.formulario .animado figure{
	-webkit-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0);
}

/** FORMULARIO EXTERNO */
.formulario_externo .titulo {
	margin: 50px 0;
    border: 2.5px solid #B2B2B2;
    padding: 15px 20px;
    color: #B2B2B2;
}
.formulario_externo .titulo h5 {
	font-size: 1.8rem;
	margin-bottom: 0;
}
.logo_formulario_externo {
	max-width: 200px;
	margin-bottom: 50px;
}
.logo-formulario {color: #fff;}
.formulario_externo {padding: 100px 0;}
.formulario_externo .franja_azul {
	background-color: #005cb9;
	padding: 10px 15px;
	color: #fff;
	position: relative;
}
.formulario_externo .cuadrado_gris::before {
	content: '';
	position: absolute;
	top: -30px;
	left: -30px;
	width: 60px;
	height: 60px;
	background-color: #B2B2B2;
}
.formulario_externo .franja_azul h2 {margin-bottom: 0;}
.formulario_externo .franja_azul .h2 {margin-bottom: 0;}
.formulario_externo select {
	color: #000;
    height: 28px;
    line-height: 28px;
    background: transparent;
    margin-bottom: 0.5rem;
    padding: 0 .5rem;
    border-radius: 0;
    border: none;
    width: 100%;
    background-color: rgba(178, 178, 178, .3);
}
.formulario_externo input {
    color: #000;
    height: 28px;
    line-height: 28px;
    background: transparent;
    margin-bottom: 0.5rem;
    padding: 0 .5rem;
    border-radius: 0;
    border: none;
    width: 100%;
    background-color: rgba(178, 178, 178, .3);
    
}
.formulario_externo .boton_azul {
	font: inherit;
    color: #fff;
    padding: 5px 10px;
    height: auto;
    background: transparent;
    margin-bottom: 1.4rem;
    border-radius: 0;
    border: none;
    background-color: #005cb9;
}


.page_contenido .banner{
	margin-bottom: -50px;
}
.page_contenido section{
	padding: 4rem 3rem;
}
.page_contenido .linea_title div{
	border-left: solid 6px #283e56;
	height: 100%;
}
.page_contenido .section_title{
	margin-bottom: 50px;
}
.page_contenido .section_title h1, .page_contenido .section_title .h1 {
	font-family: 'Volkart';
	font-weight: 800;
	color: #283e56;
	font-size: 2.5rem;
	margin: 0 auto;
}
.page_contenido .section_title h3{
	font-family:'Volkart';
	font-weight: 300;
	color:#283e56;
	font-size: 1.5rem;
	margin: 0 auto;
}
.page_contenido p{
	font-size: 1.25rem;
	line-height: 1.4;
	font-weight: 300;
}

.page_contenido .banner_separador{
	-ms-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 300px;
	max-height: 400px;
	overflow: hidden;
}
.page_contenido .banner_separador .padding_top{
	padding-top: 40%;
}
.page_contenido #medios .intro {
	margin-bottom: 4rem;
}
.page_contenido #medios .intro h2, .page_contenido #medios .intro .h2{
	font-family: 'Volkart';
	font-weight: 300;
	font-size: 3rem;
}
.page_contenido #medios .intro .linea{
	border-bottom: solid 2px #283e56;
	max-width: 200px;
	margin: 1rem auto 0;
}

.page_contenido #medios .medio figure{
	width: 80%;
	max-width: 100px;
	margin-bottom: 2.5rem;
}
.page_contenido #medios .medio h4{
	font-family: 'Cairo';
	font-weight: 500;
	font-size: 1.2rem;
}
.page_contenido #medios .medio p{
	font-size: 1rem;
}
.page_contenido.page_productos section{padding: 4rem 0;}
.page_productos .titulo_menu{padding: 0 3rem 3rem; }
.page_contenido.page_productos .section_title{margin-bottom: 0;}
.page_productos .menu .link div {
    padding: .8rem 1rem;
    font-size: 1.1rem;
    font-weight: 300;
    cursor: pointer;
}
.page_productos .menu .linea div{
	height: 1rem;
	width: 1px;
	background-color: #283e56;
	
}
.page_productos .menu .link.active div{
	background-color: #283e56;
	color: #fff;
}

.page_productos .menu .link.active + .linea div{
	display: none;
}

.page_productos .seccion_producto:not(#aeronautica){
	display: none;
}

.page_productos article.producto {
    margin: 0 0 2rem 0 !important;
}

.page_productos .producto .cuadro_seccion{
	width: 350px;
	height: 100%;
	padding: 2rem;
	padding-bottom: 4rem;
}
.page_productos .producto .cuadro_seccion.texto h2, .page_productos .producto .cuadro_seccion.texto .h2{
	margin-top: 0;
	font-size: 2.3rem;
	border-left-width: 3px;
	padding-left: 10px;
	margin-bottom: 1.5rem;
}
.page_productos .producto .cuadro_seccion.texto p{
	font-weight: 300;
	padding-top: 0;
}
.page_productos .producto .cuadro_seccion.texto hr{
	border-color:#fff;
	border-width: 1px;
	width: 55%;
	margin: 2rem auto 2rem 0;
}
.page_productos .producto .cuadro_seccion.texto .btn{
	position: absolute;
	left: 0;
	bottom:1.4rem;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: rgba(0, 93, 185,.5);
	border-radius: 60%;
}

.carousel-indicators li.active{
	background-color: #005db9;
}

.carousel-control-prev,
.carousel-control-next{
	width: 10%;
	cursor: pointer;
}

.carousel-control-prev svg,
.carousel-control-next svg{
	width: 15px;
}


.banner.padding{
	overflow: hidden;
	background: #fff no-repeat center;
	background-size: cover;
	max-height: 500px;
	min-height: 300px;
}

.banner.padding .padding_top{
	padding-top: 35%;
}

.page_noticias .destacada {
    height: 60vh;
    max-height: 700px;
    min-height: 550px;
}
.page_noticias .destacada > div{height: 100%;}
.page_noticias .destacada .texto{
	color: #fff;
}
.page_noticias .destacada .fecha{
	font-size: 1.1rem;
	line-height: 1.2;
}
.page_noticias .destacada p{
	font-weight: 300;
	padding-top: 25px;
	font-size: 1.05rem;
}

.page_noticias .noticia{
	margin-bottom: 4rem;
}

.page_noticias .noticia figure{
	position: relative;
	padding-top: 55%;
    overflow: hidden;
}


.page_noticias .noticia figure img{
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page_noticias .noticia .fecha{
	margin-bottom: .5em;
	font-weight: 300;
	font-size: 1rem;
}
.page_noticias .noticia h2, .page_noticias .noticia .h2{
	font-weight: 600;
	color: #283e56;
	padding-left: 10px;
	border-left: solid 4px #283e56;
	max-width: 96%;
	margin: 0 auto .5em;
	hyphens: auto;

}
.index .page_noticias .noticia h2, .index .page_noticias .noticia .h2{
	font-size: 1.5rem;
	margin-bottom: 0;
}

.page_noticias .btn{margin-top: 2rem;}
.page_noticias #mostrar_mas{cursor: pointer;}

.body_noticia{
	color: #222831;
}

.body_noticia p.fecha{
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 300;
}

.body_noticia p img{
	max-width: 100%!important;
	height: auto!important;
}

.body_noticia h1, .body_noticia .h1{
	font-weight: 600;
	font-size: 3.5rem;
	line-height: 1.2;
	color: #222831;
	border-left: solid 5px #222831;
	padding-left: 30px;
	margin-bottom: .5em;
}

.body_noticia h3{
	padding-left: 35px;
	font-weight: 300;
	font-size: 2rem;
	margin-bottom: 1em;
}

.body_noticia p.intro{
	padding-left: 35px;
	line-height: 1.4;
}
.body_noticia figure.principal{
	position: relative;
	padding-top: 50%;
	overflow: hidden;
	min-height: 350px;
}

.body_noticia figure.principal img{
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.body_noticia .highlight{
	position: relative;
}

.body_noticia .highlight span{
	font-size: 2.5rem;
	font-weight: 300;
	font-style: italic;
	position: relative;
	z-index: 2;
}
.body_noticia .highlight:after{
	content: '';
	background: url('../img/quote.svg') no-repeat center;
	background-size: contain;
	position: absolute;
	width: 150px;
	height: 150px;
	left: 0;
	top: 0;
	z-index: 1;
	-ms-transform: translate(-10% , -15%);
	transform: translate(-10% , -15%);
}
.body_noticia .text figure,
.body_noticia .text p,
.body_noticia .text li{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 1.5rem;
}

.body_noticia .ultimas_noticias{
	margin-top: 3rem;
}


/** LOGIN */
.login-page h2, .login-page .h2 {
	margin-bottom: 2rem;
}

.login-page .input,
.login-page button {
	position: relative;
	max-width: 250px;
	margin: 0 auto;
}

.login-page .input:not(.checkbox) 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 .input:not(.checkbox) label.active,
.login-page .input:not(.checkbox) input:focus+label:not(.error) {
	font-size: .7rem;
	top: -10px;
	color: #56b99f;
}

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

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

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

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


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

.show_cookies.mostrar {
	bottom: 0;
}

.show_cookies.ocultar {
	display: none;
}

.show_cookies figure#close_cookies{
	max-width: 20px;
	margin: 0 0 0 1.5rem;
}
.show_cookies .btn{
	margin: 0 1.5rem;
}
.resp_mail{padding-bottom:40px;}
.resp_mail p{
	margin: 0 auto;
	padding-bottom: .6em;
	color: #222831;
	font-size: 1.4rem;
	line-height: 1.2;
}
.politica_calidad p,
.politica_calidad li{
	font-size: 1.2rem;
	font-weight: 300;
}
.politica_calidad li{
	margin-bottom: 1rem;
}


/*!
 * 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) {
	html { font-size: 14px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	html { font-size:16px; }
	.slider_galeria .carousel-caption { top: 10%; bottom: auto; width: 40%; }
	.slider_galeria .carousel-caption .caption1 { font-size: 2rem; padding-top: 0; }
	.slider_galeria .carousel-caption .caption2 { font-size: 1rem; }
	.input.checkbox {color: #000;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0;padding-left: 0;}
	.slider_galeria .carousel-caption .caption1 { font-size: 2.5rem; }
	.img_dch .imagen{padding-right:0;}
	.cuadro_left_right .texto{padding-left:4%;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container{max-width: 1050px;}
}

@media (min-width: 1500px) {
	.container{max-width: 1350px;}
	.portada .container .imagen figure{width:90%;}
	#servicios{min-height: 630px;}
}

@media (max-width: 1500px){
	.portada .container .row .texto li, .portada .container .row .texto h1{font-size: 3rem;}
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 1200px){
	.article1 .texto h1{font-size: 40pt;}
	.article1 .texto h2{font-size: 22pt;}
	.article1 .texto .h2{font-size: 22pt;}
	.article1 .texto p{padding-top: 30px;font-size: 11pt;}
	.article2 .texto h2{font-size: 22pt;}
	.article2 .texto .h2{font-size: 22pt;}
	.carousel .slick .movil p{font-size: 11pt;}
}

@media (max-width: 1100px){
	.lateral{display: none;}
}

@media (max-width: 992px) {
	header{height: auto;}
	header nav .nav-item{padding: .8rem 0;}
	header nav li .nav-link{border:none;}
	p{line-height: 22px;}
	.portada .container .row{padding-top: 0;}
	.portada .container .row .texto h1{font-size: 40pt;}
	.portada .container .row .texto .h1{font-size: 40pt;}
	.portada .container .row .texto p{font-size: 11pt;}
	.portada .container .mensaje h2{font-size: 12pt;}
	.portada .container .mensaje .h2{font-size: 12pt;}
	.section1 .article1 .imagen{width:75%;}
	.article1 .texto h1{font-size: 35pt;}
	.article1 .texto .h1{font-size: 35pt;}
	.article1 .texto h2{font-size: 20pt;}
	.article1 .texto .h2{font-size: 20pt;}
	.article1 .texto p{font-size: 11pt;padding-top: 20px;}
	.article2 .texto h2{font-size: 20pt;}
	.article2 .texto .h2{font-size: 20pt;}
	.section1 .article1 .texto,
	.section2 .article1 .texto,
	.section3 .article1 .texto,
	.section4 .article1 .texto{padding: 40px;}
	.section2 .article1 .imagen img{position: relative;left: 0;width: 120%;}
	article .mensaje {width:65%;}
	article .detalles{width:65%;right:-65%;}
	.formulario .container .form figure{width: 300px;}
	html { font-size:16px; }
	header .num_carrito { bottom: .1rem; }
	.materiales{height:40%;}
	.section2 .article2 .texto button.btn-primary{margin-top: 15px;}
	article {min-height: 650px;}
	.page_productos article {min-height:auto;}
	.carousel .slick{width:90%;}
	.carousel .arrow{display: none;}
	.section4 .article1 button.btn-primary{bottom:60px;left:30%;}
	.section2 .article1 .detalles .desc{left:-38%;top:3%;width:38%;}
	.section2 .article1 .detalles .desc.visible{left:3%;}
	.cuadro_seccion.texto{height:auto;}
	.cuadro_seccion.texto h1, .cuadro_seccion.texto h2{display: inline-block; margin: 0 auto;vertical-align: middle;}
	.cuadro_seccion.texto h1, .cuadro_seccion.texto .h2{display: inline-block; margin: 0 auto;vertical-align: middle;}
	.cuadro_seccion.texto h1{margin-right: 15px;}
	.cuadro_seccion.texto .h1, .cuadro_seccion.texto h2{display: inline-block; margin: 0 auto;vertical-align: middle;}
	.cuadro_seccion.texto .h1, .cuadro_seccion.texto .h2{display: inline-block; margin: 0 auto;vertical-align: middle;}
	.cuadro_seccion.texto .h1{margin-right: 15px; padding: 0;}
	.index .cuadro_seccion.texto p{margin-bottom: 3rem;padding-top: 15px;}
	.profesionalidad .texto{padding-top:4rem;}
	.index article.nuestros_productos{height: auto;}
	.clientes figure{max-width: 180px;margin: 0 auto;}
	.page_productos .producto .cuadro_seccion{width: 250px;padding: 1.5rem 1rem;}
	.page_productos .producto .cuadro_seccion.texto h2{margin-bottom: 0;font-size: 1.2rem;}
	.page_productos .producto .cuadro_seccion.texto .h2{margin-bottom: 0;font-size: 1.2rem;}
	.page_productos .producto .cuadro_seccion.texto p{font-size: .9rem;}
	.page_productos .producto .cuadro_seccion.texto .btn{font-size:1rem;width:220px;}
	.page_noticias .noticia h2{font-size: 1.5rem;}
	.page_noticias .noticia .h2{font-size: 1.5rem;}
	.page_contenido p{font-size: 1rem;}
	.page_noticias .noticia .btn{font-size: 1rem;}
	.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;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.index article:not(.articulo_portada){height: auto;}
	.section3 .article1 .imagen {position: static;}
	main:not(.sin_fondo){background-image: url(../img/fondo_form_mobile.jpg);}
	.portada .container .row{padding-top:50px;height:85%;}
	article{height: auto;min-height: 0;}
	.section1 .article1 button.btn-primary{position:static;}
	.portada .container .imagen figure{width:80%;margin:0 auto;}
	.portada .container .row .texto figure{max-width: 150px;}
	.portada .container .row .texto p{line-height: 22px;}
	.portada .container .row .texto h1{font-size: 30pt;}
	.portada .container .row .texto .h1{font-size: 30pt;}
	.portada .container .row .texto p{font-size: 10pt;}
	.portada .container .plane{bottom: 50px;width: 50%;right: 10px;}
	.section1 .article1 .texto{padding: 30px;}
	.article1 .texto h2{font-size: 17pt;}
	.article1 .texto .h2{font-size: 17pt;}
	.article1 .texto p{font-size: 10pt;}
	.article2 .texto h2{font-size: 17pt;}
	.article2 .texto .h2{font-size: 17pt;}
	.section1 .article2 .texto{padding-left: 15px;}
	article .mensaje{width:85%;}
	article .detalles{width:85%;right:-85%;}
	.section2 .article1 .texto{padding: 30px;}
	.materiales{height: 375px;margin-top: 20px;}
	.section3 .article1 .texto{padding: 30px;margin-top:75%;}
	.section3 .article2 .imagen figure{margin-top: 100px;}
	.section4 .article1 .texto{padding: 30px;margin-top: 30px;}
	.carousel .slick{margin-top: 50px;}
	.carousel .arrow{width: 30px;height: 30px;}
	.formulario .container .form figure{top: -10px;}
	.section1 .article2,
	.section2 .article1,
	.section3 .article1{padding: 70px 0;}
	.section3 .article1 .texto{margin-top: 0;}
	.section2 .article1 .imagen img{width: 100%;}
	.section2 .article1 .detalles:before{content: '';width: 0;height: 100%;display: inline-block;vertical-align: bottom;}
	.section2 .article1 .detalles .caja{width:99%;height: auto;top: auto;left: auto;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;display: inline-block;vertical-align: bottom;}
	.section2 .article1 .detalles .caja img{height:auto;width:100%;}
	.section2 .article1 .detalles .desc{top:10%;width:75%;left:-75%;}
	.section2 .article1 .detalles .desc.visible {left: 5%;}
	.section2 .article1 .detalles .caja .ind_2{left:90%;top:38%;}
	.section2 .article1 .detalles .caja .ind_3{left:64%;top:88%;}
	.section2 .article1 .detalles .caja .ind_4{left:66%;top:58%;}
	.section2 .article1 .detalles .caja .ind_5{left:32%;top:59%;}
	.section2 .article1 .detalles .caja .ind_6{left:06%;top:34%;}
	.section2 .article2,
	.section3 .article2,
	.certificados{padding:50px 20px;}
	.section3 .article1 button.btn-primary,
	.section4 .article1 button.btn-primary{position: static;margin:15px auto;}
	.section3 .article2 .texto{padding: 0 10px;margin-top: 20px;}
	.con_detalles .titulo{position:static;top:auto;margin-left:30px; display: none;}
	.index .img_bajo_cuadro .imagen:before{content:'';display:block;padding-top:135%;min-height:700px;}
	.index .img_bajo_cuadro button.btn-primary{position: relative;right: 0;bottom:0;}
	.form iframe{margin-bottom: 2rem;}
	.page_productos .producto .cuadro_seccion{width: 100%;}
	.page_productos .producto .cuadro_seccion.texto .btn{position:static;-ms-transform:none;transform:none;}
	.page_productos article.producto {height: auto;min-height: auto;}
	.page_productos .titulo_menu{padding:0 15px 3rem;}
	.page_contenido.page_productos .section_title {margin-bottom: 1rem;}
	.page_productos .producto .cuadro_seccion.texto hr {margin: 1rem auto 1rem 0;}
	.materiales .material .descripcion p{font-size: .9rem;}
	.body_noticia h1{font-size:2.8rem;}
	.body_noticia .h1{font-size:2.8rem;}
	.body_noticia h3 {font-size:1.6rem;}
	.body_noticia p.fecha {font-size: 1.2rem;}
	.page_noticias .img_bajo_cuadro button.btn-primary{position: static;margin-top:1rem;}
	.cuadro_seccion_noticias.texto{margin-left: 0;}
	.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;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	header nav .nav-item{padding:1rem 0;font-size:1.3rem;}
	section.portada {height: auto;margin-bottom: 0;}
	.portada .container .row .imagen figure{margin-top: 50px;width: 90%;}
	.portada .container .row .texto p{font-size: 11pt;}
	.portada .container .mensaje {border: 4px solid #fff;height: auto;position: static;margin-bottom: 30px;}
	.materiales{height:370px;margin-top:40px;}
	main:not(.sin_fondo){background-image: url(../img/fondo_form_mobile_extra.jpg);}
	article.nuestros_materiales{padding:6rem 0 3rem;}
	header .logo {width:80px;}
	html{font-size:14px;}
	.certificados .imagen div figure{width:34%;}
	article .mensaje p{font-size:12pt;padding-left:15px;}
	.page_productos .menu .link div{padding: .8rem 0;font-size: 1rem;}
	section.page_noticias#noticias .noticia{margin-bottom:30px;}
	header .dropdown img, header .dropdown svg,.social a img, .social a svg{height:1.1rem;}
	header .dropdown-toggle::after{width:12px;height:8px;}
	.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;
	}
}