* { margin: 0; padding: 0; }
html,body{ }
body { padding-top: 0px; padding-bottom: 0px; font-family: 'Montserrat', sans-serif; color: #000; }
p { line-height: 1.35em; }
hr { border-top: 1px solid rgba(0,0,0,1); }
.red { color: #d41217; }
.white { color: #fff; }
.black { color: #000; }
.relative { position: relative; }
.enlace { color: #0056b3; text-decoration: underline; }
.font-85 { font-size: 0.85em; }
.font-7 { font-size: 1.1em !important; }
.strong { font-weight: bold; }
.text-underline { text-decoration: underline; }
/*595959*/


.btn-lobe { background: #fff; text-transform: uppercase; text-align: center; color: #d41217; padding: 10px 70px 10px 15px; font-size: 2em; background-repeat: no-repeat;
	background-position: right 10px center; z-index: 10; transition: all 0.3s ease 0s;
	-webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); }
.btn-lobe:hover { text-decoration: none; transform: translateY(-10px); }

.btn-lobe-2 { background: #fff; text-transform: uppercase; text-align: center; color: #d41217; padding: 10px 15px 10px 15px; font-size: 2em; background-repeat: no-repeat;
	background-position: right 10px center; z-index: 10; transition: all 0.3s ease 0s;
	-webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); }
.btn-lobe-2:hover { text-decoration: none; transform: translateY(-10px); }

header { position: absolute; top: 20px; width: 100%; z-index: 99; }



/*.navbar { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); }*/
.navbar { transition: all 0.3s; top: 20px; }
.navbar-brand { padding: 0; }
.bg-nav { padding: 0; }
.col-header { max-width: 1360px; }
.col-header .col-menu { background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 15%, rgba(255,255,255,0.80) 50%, rgba(255,255,255,1) 100%); }
.col-header .col-menu .col-9 { padding: 0; }
.navbar-dark .navbar-toggler { border-color: #8e8e8e; }
.navbar-toggler { padding: 0; border: none; text-indent: none; }
.navbar-toggler:focus, .navbar-toggler:active { outline: none !important; -moz-outline-style: none !important; }

.navbar-expand-lg .navbar-nav { margin-top: 50px; text-transform: uppercase; }

.navbar-sticky { top: 0; background: rgba(256,256,256,0.99); -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.); -moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.2); padding: 5px 0; }    
.navbar-sticky .navbar-brand img { height: 60px; }
.navbar-expand-lg.navbar-sticky .navbar-nav { margin-top: 14px; }

/*a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }*/

/* Icon 0 */
 #nav-icon0 { width: 30px; height: 35px; position: relative; margin: 50px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); 
 	transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

/* Icon 2 */
#nav-icon0 {  }
#nav-icon0 span { display: block; position: absolute; height: 2px; width: 50%; background: #000; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); 
	-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon0 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon0 span:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px; }
#nav-icon0 span:nth-child(1), #nav-icon0 span:nth-child(2) { top: 0px; }
#nav-icon0 span:nth-child(3), #nav-icon0 span:nth-child(4) { top: 10px; }
#nav-icon0 span:nth-child(5), #nav-icon0 span:nth-child(6) { top: 20px; }
#nav-icon0.open span:nth-child(1),#nav-icon0.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon0.open span:nth-child(2),#nav-icon0.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon0.open span:nth-child(1) { left: 0px;  top: 9px; }
#nav-icon0.open span:nth-child(2) { left: calc(50% - 5px); top: 9px; }
#nav-icon0.open span:nth-child(3) { left: -50%; opacity: 0; }
#nav-icon0.open span:nth-child(4) { left: 100%;  opacity: 0; }
#nav-icon0.open span:nth-child(5) { left: 0px; top: 19px; }
#nav-icon0.open span:nth-child(6) { left: calc(50% - 5px);  top: 19px; }

/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {  width: 42px; height: 35px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 3px; width: 100%; background: #8e8e8e; border-radius: 6px; opacity: 1; left: 0;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span:nth-child(2) { top: 16px; }
#nav-icon1 span:nth-child(3) { top: 32px; }
#nav-icon1.open span:nth-child(1) { top: 16px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
#nav-icon1.open span:nth-child(3) { top: 16px;  -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
/* Icon 2 */
/*
#nav-icon2 {  }
#nav-icon2 span { display: block; position: absolute; height: 9px; width: 50%; background: #d41217; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon2 span:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px; }
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 18px; }
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 36px; }
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }
#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }
#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }
#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }
#nav-icon2.open span:nth-child(5) { left: 5px; top: 29px; }
#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 29px; }*/

/* Icon 3 */
#nav-icon3 span:nth-child(1) { top: 4px; }
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 14px; }
#nav-icon3 span:nth-child(4) { top: 24px; }
#nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

/* Icon 4 */
#nav-icon4 {  }
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#nav-icon4 span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#nav-icon4 span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#nav-icon4.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
#nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0; }
#nav-icon4.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; }

.navbar-dark .navbar-nav .active > .nav-link, 
.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .show > .nav-link { color: #595959; }
.navbar-dark .navbar-nav .nav-link.red { color: #d41217; }

/*.navbar-dark .navbar-nav .nav-link { color: #595959; padding-left: 30px; padding-right: 30px; min-width: 200px; font-size: 1.0em; }*/
.navbar-dark .navbar-nav .nav-link { color: #595959; padding-left: 15px; padding-right: 15px; min-width: 175px; font-size: 1em; text-align: center;
		padding-left: 27px; padding-right: 27px }
.navbar-dark .navbar-nav .nav-link:focus {color: #595959;}
.navbar-dark .navbar-nav .nav-link:hover { color: #d41217; }

.navbar-redes { position: absolute; top: 200px; right: 0; }

.col-bg { position: relative; top: 0; padding: 0; z-index: 1; }


body { height: 100%; margin: 0px; padding: 0px; }
html{ height: 100%; }
header { position: relative; }

.contenedor { height: 90%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.contenedor-home { background: url("https://www.grupolobe.com/images/bg-intro-home-navidad.jpg") no-repeat center;
	background-size: cover; }
.contenedor-somos-lobe { background: url("https://www.grupolobe.com/images/bg-intro-somos-lobe.jpg") no-repeat center; 
	background-size: cover; }
.contenedor-innovacion { background: url("https://www.grupolobe.com/images/bg-intro-innovacion.jpg") no-repeat center; 
	background-size: cover; }
.contenedor-innovacion2 { background: url("https://www.grupolobe.com/images/bg-intro-innovacion2.jpg") no-repeat center bottom; 
	background-size: cover; }
.contenedor-comunicacion { background: url("https://www.grupolobe.com/images/bg-intro-comunicacion.jpg") no-repeat center; 
	background-size: cover; }
.contenedor-agenda { background: url("https://www.grupolobe.com/images/bg-intro-agenda.jpg") no-repeat center; 
	background-size: cover; color: #fff; }
.contenedor-trabaja { background: url("https://www.grupolobe.com/images/bg-trabaja-nosotros.jpg") no-repeat center; 
	background-size: cover; color: #fff; }
.contenedor-70 { height: 70%; padding-top: 100px; }
.contenedor-agenda hr, .contenedor-trabaja hr { border-top: 1px solid rgba(256,256,256,1); }	
.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 10px; background-size: 60%; }
.contenedor-passivhaus { background: url("https://www.grupolobe.com/images/bg-intro-passivhaus.jpg") no-repeat center; 
	background-size: cover; }


.col-idiomas { position: absolute; top: 5px; right: 10px; visibility: inherit; }
.col-idiomas a { color: #595959; font-style: italic; font-size: 0.9em; margin-right: 3px; }
.col-idiomas a:hover { text-decoration: none; color: #d41217; }
.col-idiomas li { display: inline-block; text-decoration: none; text-align: center; }

.navbar-sticky .col-idiomas { visibility: hidden; }

.col-viviendas { padding: 15px 0; border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e; }
.col-viviendas .col-6 { width: 49%; }
.col-viviendas li { display: inline-block; text-decoration: none; text-align: center; }
.col-viviendas li.menu-passivhaus { background: url("../images/icono-passivhaus.png") 25% center no-repeat; }
.col-viviendas li.menu-smart { background: url("../images/icono-inteligentes.png") 25% center no-repeat; }
.col-viviendas li a { display: block; text-transform: uppercase; color: #595959; font-size: 1.2em; line-height: 1.3em; }
.col-viviendas li a:hover { text-decoration: none; color: #d41217; }
.green { color: #7eaf53; text-transform: initial; font-weight: 700; }

.col-redes { margin: 0; transition: all 0.3s; }
.col-redes li { display: inline-block; text-decoration: none; text-align: center; }

.navbar-sticky-2 .col-redes a { opacity: 0.1; }

.navbar-sticky-2 .col-redes a:hover { opacity: 1; }

.col-quicks { max-width: 1200px; }
/*.col-quicks-content { height: 240px; position: absolute; bottom: 0; }*/
.quick-links { background: #fff; position: absolute; top: auto; bottom: -50px;
	padding: 10px 40px; -webkit-box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.25); max-width: 1200px; }
.hola { color: #d41217; font-size: 2.0em; font-weight: 700; margin: 0; }
.ayuda { color: #000; font-size: 1.6em; font-weight: 700; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; }

.quick-news h3 { line-height: 0.8em; }
.quick-news p { margin-top: 0.5rem; }

.row-movil .flickity-button { color: #aaa; background: hsla(0,0%,100%,.0); }
.row-movil .flickity-button:hover { background: hsla(0,0%,100%,.0); }

@media(min-width: 992px) {
	.col-redes { position: absolute; top: 220px; right: 10px; }
	.col-redes li { display: block; margin-bottom: 7px; }
}
@media(min-width: 1400px) { .col-redes { right: -5%; } }
@media(min-width: 1500px) { .col-redes { right: -10%; } }
@media(min-width: 1600px) { .col-redes { right: -15%; } }
@media(min-width: 1700px) { .col-redes { right: -20%; } }
@media(min-width: 1800px) { .col-redes { right: -25%; } }
@media(min-width: 1900px) {	.col-redes { right: -30%; } }



@media(max-width: 1399px) {
	.navbar-dark .navbar-nav .nav-link { min-width: auto; }
	.navbar-dark .navbar-nav .nav-link.nav-somos { min-width: 175px; }
	.col-header .col-menu { padding: 0; margin: 0; }
	.col-header { padding: 0; margin-right: 0; }
	.col-navbar { padding: 0; }
	.col-idiomas { margin-right: 10px; }
}

@media(max-width: 1199px) {
	.navbar-dark .navbar-nav .nav-link.nav-somos { min-width: 165px; }
	.navbar-dark .navbar-nav .nav-link { padding-left: 25px; padding-right: 25px; }
}
@media(max-width: 1149px) {
	.navbar-dark .navbar-nav .nav-link.nav-somos { min-width: 146px; }
	.navbar-dark .navbar-nav .nav-link { padding-left: 20px; padding-right: 20px; font-size: 0.95em; }
	.col-header .col-menu .col-9 { padding: 0; }
}
@media(max-width: 1149px) {
	.quick-news { padding-left: 10px; padding-right: 10px; }
}
@media(max-width: 1050px) {
	.navbar-dark .navbar-nav .nav-link { padding-left: 15px; padding-right: 15px; }
	.quick-links { bottom: -70px; }
}


@media(max-width: 991px) {
	header { top: 0; }
	.navbar-toggler { float: right; margin: 15px 10px 0 0; }
	.col-header .col-menu { background: rgba(256,256,256, 0.95); padding: 6px 0 5px; }
	.navbar-expand-lg .navbar-nav { margin-top: 10px; }
	.navbar-dark .navbar-nav .nav-link { font-size: 1.2em; text-align: center; }
	.navbar-brand img { max-height: 75px; }
	.col-idiomas { position: relative; margin-top: 15px; text-align: right; font-size: 1.2em; }
	.navbar { top: 0; }
	.hola, .ayuda { font-size: 1.8em; }
	.row-movil .quick-news { padding: 0 2rem; }
	.row-desktop .q1 { width: 15%; text-align: center; }
	.row-desktop .q2 { width: 75%; }
	.row-desktop .q3 { width: 10%; text-align: center; }
	.col-quicks { padding-left: 10px; padding-right: 10px; }
	.col-quicks-content { padding: 0; }
	.navbar-sticky { padding: 0; }
	.navbar-sticky .col-idiomas { visibility: visible; }
	.contenedor { height: 80%; }
}
@media(max-width: 800px) { 
	.col-viviendas li.menu-passivhaus { background: url("../images/icono-passivhaus.png") 12% center no-repeat; }
	.col-viviendas li.menu-smart { background: url("../images/icono-inteligentes.png") 12% center no-repeat; }
}

@media(max-width: 768px) {
	.hola, .ayuda { font-size: 1.5em; text-align: center; }
}

@media(max-width: 576px) {
	.navbar-brand img { max-height: 46px; }
	.navbar-toggler { margin: 10px 0px 0 0; }
	.contenedor{ height: 60%; position: relative; }
	.col-idiomas { margin-right: 0px; }
	.col-viviendas li.menu-passivhaus { background: url("../images/icono-passivhaus.png") 10% center no-repeat; }
	.col-viviendas li.menu-smart { background: url("../images/icono-inteligentes.png") 10% center no-repeat; }
	.quick-links { padding: 10px 20px; top: auto; bottom: -140px; }
	.contenedor-home, .contenedor-somos-lobe, .contenedor-innovacion, .contenedor-comunicacion { background-size: contain;
		background-position: center 58px; }
}
@media(max-width: 500px) {
	.col-viviendas li.menu-passivhaus { background: url("../images/icono-passivhaus.png") 5px center no-repeat; }
	.col-viviendas li.menu-smart { background: url("../images/icono-inteligentes.png") 5px center no-repeat; }
	/*.quick-links { top: 80px; }*/
}
@media(max-width: 470px) {
	.col-viviendas li.menu-passivhaus { background: url("../images/icono-passivhaus.png") 10px center no-repeat; }
	.col-viviendas li.menu-smart { background: url("../images/icono-inteligentes.png") 10px center no-repeat; padding-right: 0; }
	.col-viviendas li.menu-passivhaus a, .col-viviendas li.menu-smart a { padding-left: 10px; }
}
@media(max-width: 400px) {
	.col-viviendas li.menu-passivhaus a, .col-viviendas li.menu-smart a { padding-left: 35px; }
	.col-viviendas li { padding-left: 0; }
	.quick-links { padding: 10px 15px; }
}
@media(max-width: 370px) {
	.col-viviendas li.menu-passivhaus { background: url("../images/icono-passivhaus.png") 6px center no-repeat; }
	.col-viviendas li.menu-smart { background: url("../images/icono-inteligentes.png") 6px center no-repeat; padding-right: 0; }
	.hola, .ayuda { font-size: 1.3em; }
}


.vivienda-mas { padding-top: 120px; max-width: 1220px; }
.q1, .q2, .q3 { display: inline-block; font-family: 'Titillium Web', sans-serif; }
.q1 { padding-top: 10px; }
.q2 { padding: 0 5px 0 20px; }
.q2 a { color: #595959; }
.q2 h3 { margin: 0; }
.q2 h3 a { color: #d41217; font-size: 0.75em; font-weight: 700; }
.q2 a:hover { text-decoration: none; }
.q3 { padding-right: 10px; }
.vivienda-mas h2 { text-align: center; font-weight: bold; font-size: 3em; margin-bottom: 0; color: #d41217; }
.vivienda-mas h3 { text-transform: uppercase; text-align: center; margin-top: 7px; font-size: 1.3em; }
.vivienda-mas hr { margin-top: 50px; }
.vivienda-mas p { text-align: center; margin-top: 10px; font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }

.en-grupo-lobe { background: #f8f2f2; }
.vivienda-videos { max-width: 1334px; position: relative; }
.and { position: absolute; z-index: 2; top:30px; height: auto; width: 150px; left: 50%; margin-left: -60px; }

.col-smart { position: relative; }
.btn-smart { color: #000; font-size: 1.3em; text-transform: inherit; font-family: 'Titillium Web', sans-serif; position: relative; top: -15px; }
.btn-smart:hover { background-color: #91c7ff; color: #fff; }

.col-passiv { position: relative; }
.btn-passiv { color: #000; font-size: 1.3em; text-transform: inherit; font-family: 'Titillium Web', sans-serif; position: relative; top: -15px; }

.btn-passiv:hover { background-color: #95be76; color: #fff; }

 .btn-play { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.3s; opacity: 0.75; text-align: center; }
 .btn-play:hover { opacity: 1.0; }

.focus { color: #d41217; text-align: left; font-size: 1.7em; font-weight: bold; font-family: 'Titillium Web', sans-serif; }
.en-grupo-lobe h2 { font-weight: bold; text-align: center; font-size: 2.4em; color: #d41217; }
.construimos { text-align: center; font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }
.conocenos { color: #d41217; text-align: right; /* font-size: 1.7em; font-weight: bold; */ font-size: 1.3em; font-family: 'Titillium Web', sans-serif; }
.conocenos a { font-size: 1em; color: #d41217; }

.vivienda-ideal { padding-top: 80px; max-width: 1220px; }
.vivienda-ideal h2 { text-align: center; font-weight: bold; font-size: 2.5em; margin-bottom: 0; color: #d41217; }
.vivienda-ideal h3 { text-transform: uppercase; text-align: center; margin-top: 15px; font-size: 1.4em; }
.vivienda-ideal hr { margin-top: 50px; }

@media(max-width: 1099px) {
	.btn-play img { width: 90%; }
}
@media(max-width: 991px) {
	.vivienda-ideal .col-sm-8 { padding: 0; }
	.vivienda-ideal h2 { font-size: 2.1em; }
	.vivienda-ideal h3 { padding: 0; font-size: 1.3em; }
	.btn-play img { width: 75%; }
}
@media(max-width: 767px) {
	.vivienda-mas h2 { font-size: 2.7em; }
	.vivienda-mas h3 { font-size: 1.2em; padding: 0; }
	.vivienda-videos { display: block !important; }
	.col-smart, .col-passiv { display: inline-block; text-align: center; }
	.and { display: none; }
	.en-grupo-lobe .container { margin: 0; max-width: 100%; }
	.btn-play img { width: 100%; }
}
@media(max-width: 576px) {
	.vivienda-mas { padding-top: 190px; }
	.vivienda-mas .col-1 { padding: 0; }
	.vivienda-mas p { font-size: 1.3em; }
	.vivienda-mas h2 { font-size: 2.9em; }
	.vivienda-mas h3 { font-size: 1.4em; padding: 0; }
	.vivienda-mas hr { margin-top: 35px; }
	.btn-smart, .btn-passiv { width: 250px; padding-top: 5px; padding-bottom: 5px; }
	.focus, .conocenos { text-align: center; display: block; }
	.en-grupo-lobe { margin: 15px 0 0 0 !important; }
	.en-grupo-lobe p { padding: 0; }
	.en-grupo-lobe .container { padding: 0 5px; }
	.q1 a { position: relative; top: 35px; left: 5px; }
	.q1 img { max-width: 40px; }
	.col-smart { padding-top: 40px !important; }
	.col-passiv { padding-top: 40px !important; }
}
@media(max-width: 450px) {
	.en-grupo-lobe .container { padding: 0; }
	.btn-play { transition: none; }
	.btn-play img { width: 60%; }
	.btn-play:hover img { width: 60%; }
}
@media(max-width: 400px) {
	.vivienda-mas h2 { font-size: 2.8em; }
	.vivienda-mas h3 { font-size: 1.3em; }
	.en-grupo-lobe h2 { padding: 0; font-size: 2em; }
	.construimos { font-size: 1.2em; margin: 0 0 5px; }
	.quick-news img { max-width: 35px; }
	.q1 { padding: 0 10px 0 10px; }
	.q2 { padding: 0 10px 0 5px; }
	.quick-links { padding: 10px 5px; }
	.hola, .ayuda { margin-left: 10px; margin-right: 10px; }
}
@media(max-width: 370px) {
	.vivienda-mas h2 { font-size: 2.6em; }
	.vivienda-mas h3 { font-size: 1.1em; }
}

.buscador { max-width: 1400px; }
.btn { margin-bottom:3px; }
.btn:hover{ cursor:pointer; }

#filters button:focus { border: none; border-bottom: 2px solid #d41217; background: none; outline: none; outline-width: 0; 
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#filters button, #filters a.btn-ciudad { text-transform: uppercase; color: #000; padding: 0 10px 5px; border: none; border-bottom: 2px solid #dcdcdc; 
	border-radius: 0; font-size: 1.2em; }
#filters button:hover, #filters a.btn-ciudad:hover { border-bottom: 2px solid #de9d9e; background: none; }
#filters button.active, #filters a.btn-ciudad.active, #filters span.active { border-bottom: 2px solid #d41217; background: none; }
#filters span.active { border-radius: 0; border-top: 0; border-right: 0; border-left: 0; color: #000; text-transform: uppercase; 
	padding: 0 10px 5px; font-size: 1.2em; }

.container-grid { padding: 0; }
.element-item { float: left; margin: 0 0 10px; padding-left: 5px; padding-right: 5px; }
.element-item a h3,
.element-item div h3 { color: #fff; background: #abb0bd; text-align: center; font-size: 1.1em; text-transform: uppercase; padding: 10px 0; margin: 0; 
	position: relative; display: block; }
.element-item a:hover h3, .element-item div:hover h3 { background: #8c95ab; }

.element-item a:hover, .element-item div:hover { text-decoration: none; }

.element-item a, .element-item div { position: relative; height: 100%; width: 100%; display: block; margin-top: 30px; }
.element-item div.info-h3, .element-item div.info-h3:hover { margin-top: 0; }
.element-item a:hover, .element-item div:hover { margin-top: 30px; }

.element-item a span.sp-1, .element-item div span.sp-1 { font-weight: bold; }
.element-item a:hover span.sp-1, .element-item div:hover span.sp-1 { display:none; }

.element-item a span.sp-2, .element-item div span.sp-2 { display:none; }
.element-item a span.sp-2 strong, .element-item div span.sp-2 strong { text-transform: none; font-family: 'Titillium Web', sans-serif; }
.element-item a:hover span.sp-2, .element-item div:hover span.sp-2 { display:block; }



/* Efectos imágenes */
.hvrbox, .hvrbox * { box-sizing: border-box; }
.hvrbox { position: relative; display: inline-block; overflow: hidden; max-width: 100%; height: auto; }
.hvrbox img { max-width: 100%; }
.hvrbox .hvrbox-layer-bottom { display: block; }
.hvrbox .hvrbox-layer-top { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; /*height: 100%;*/ height: auto; background: rgba(0, 0, 0, 0.6);
  color: #fff; padding: 15px; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }
.hvrbox .img-vendida { opacity: 0;  -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;  }
.hvrbox:hover .hvrbox-layer-top, .hvrbox.active .hvrbox-layer-top { opacity: 1; }
.hvrbox:hover .img-vendida { opacity: 1; }
.img-aviso { position: absolute; top: 0; }
.img-vendida { position: absolute; top: 0; }
.hvrbox .hvrbox-text { text-align: center; font-size: 18px; display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hvrbox .hvrbox-text_mobile { font-size: 15px; border-top: 1px solid rgb(179, 179, 179); /* for old browsers */ border-top: 1px solid rgba(179, 179, 179, 0.7);
  margin-top: 5px; padding-top: 2px; display: none; }
.hvrbox.active .hvrbox-text_mobile { display: block; }
.hvrbox .hvrbox-layer-image { padding: 0px; background: transparent none repeat scroll 0% 0%; }

.element-item a img.hvrbox-layer-bottom,
.element-item div img.hvrbox-layer-bottom { -webkit-filter: blur(0); filter: blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.element-item a:hover img.hvrbox-layer-bottom,
.element-item div:hover img.hvrbox-layer-bottom { -webkit-filter: blur(3px); filter: blur(3px); }
figcaption { padding: 0; background-color: rgba(0,0,0,0.7);	-webkit-transition: background-color 0.35s;	transition: background-color 0.35s; }
figcaption::before { position: absolute; top: 18px;	right: 18px; bottom: 58px; left: 18px; border: 1px solid #fff; content: '';	z-index: 1; }
figcaption::before { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0);
	transform: scale(0); }
.element-item a:hover figcaption::before,
.element-item div:hover figcaption::before { opacity: 1; -webkit-transform: scale(1);	transform: scale(1); }
.element-item a:hover figcaption,
.element-item div:hover figcaption { background-color: rgba(0,0,0,0); }
.hvrbox .hvrbox-layer-image { background-color: rgba(0,0,0,0.3); }


.element-item-v a:hover figcaption::before{ opacity: 0; }

/* Personalizador Ambientes */
.personalizador { margin-top: 60px; color: #fff; max-width: 1400px; background: url("../images/fnd-configurador.jpg") no-repeat center center; position: relative; min-height: 210px; 
	padding-top: 40px; }
.personalizador h2 { font-size: 3em; font-weight: bold; text-align: center; }
.personalizador h3 { text-transform: uppercase; text-align: center; margin-top: 15px; }

.btn-ambientes { background-image: url("../images/btn-descubrelo.png"); position: relative; top: 25px; font-size: 1.3em; padding: 15px 70px 15px 15px; }
.btn-ambientes:hover { background-color: #DF2A24; color: #fff; }
.modal-lg { max-width: 1200px; }
#modal-navidad .modal-lg { max-width: 780px; }

.llaves { position: absolute; top: 25px; right:50px; cursor: pointer; opacity: 1; transition: all 0.3s ease 0s; }
.llaves:hover { transform: translateY(10px); transform: rotateZ(5deg); opacity: .75; }

@media(max-width: 1360px) {
	.element-item a span.sp-small { font-size: 0.9em; }
}
@media(max-width: 1299px) {
    .llaves { width: 15%; top: 45px; }
}
@media(max-width: 1210px) {
	.element-item a span.sp-small { font-size: 0.8em; }
}
@media(max-width: 1099px) {
	.llaves { width: 13%; top: 50px; }
	.element-item a span.sp-small { font-size: 0.7em; }
}

@media(max-width: 1050px) {
	/*.personalizador { background: url("../images/personaliza.png") no-repeat right -50px top #d41217; }*/
}
@media(max-width: 991px) {
	/*.personalizador { background: url("../images/personaliza.png") no-repeat right -70px top -50px #d41217; }*/
	.personalizador h2 { font-size: 2.5em; }
	.personalizador h3 { font-size: 1.4em; }
	.personalizador .modal-dialog { margin: 1.0rem; }
	.llaves { width: 18%; top: 45px; right: 10px; }
	.element-item a span.sp-small { font-size: 0.8em; }
}
@media(max-width: 899px) {
	.llaves { width: 17%; top: 55px; }
}
@media(max-width: 799px) {
	.llaves { position: relative; width: 17%; top: 10px; right: -42%; }
}

@media(max-width: 768px) {
	.vivienda-ideal .mb-5 { margin-bottom: 1rem !important; }
	.element-item a, .element-item div { margin-top: 5px; }
	.element-item a:hover, .element-item div:hover { margin-top: 5px; }
	#filters { display: block !important; padding: 0 !important; margin-top: 1rem !important; }
	#filters button, #filters a.btn-ciudad { display: block; padding: 0; width: 100%; text-align: center; }
	#filters button, #filters button.active, #filters a.btn-ciudad, #filters a.btn-ciudad.active { background: #dcdcdc; color: #000; }
	#filters button:active, #filters button:focus, #filters a.btn-ciudad:active, #filters a.btn-ciudad:focus { background: #de9d9e; 
		color: #fff; }
	#filters button:hover, #filters a.btn-ciudad:hover { background: #d41217; color: #fff; }
	.personalizador h2 { font-size: 2.3em; padding: 0 50px; }
	.personalizador h3 { font-size: 1.2em; padding: 0 50px; }
}
@media(min-width: 577px) {
	.element-item a h3, .element-item h3 { height: 42px; }
}
@media(max-width: 576px) {
	.vivienda-ideal { padding-top: 65px; }
	.vivienda-ideal .col-1 { padding: 0; }
	.vivienda-ideal .col-10 { margin: 0 !important; }
	.vivienda-ideal h2 { padding: 0 15px !important; font-size: 1.9em; }
	.vivienda-ideal h3 { font-size: 1.2em; margin-top: 10px; }
	.vivienda-ideal hr { margin-top: 35px; }
	.element-item h3 div, .element-item h3 div:hover { margin: 0; }
	.element-item div.info-h3 { display: table-cell; vertical-align: middle; }
	.element-item h3, .element-item a h3 { padding: 5px 15px !important; }
	.element-item a h3, .element-item h3 { height: 75px; max-height: 75px; display: table !important; width: 100%; }
	figcaption::before { top: 0px;	right: 0px; bottom: 0px; left: 0px; border: 0px solid #fff; content: '';	}

	.element-item a span.sp-1, .element-item div span.sp-1 { display: block; }
	.element-item a:hover span.sp-1, .element-item div:hover span.sp-1 { display: block; }
	.element-item a span.sp-2, .element-item div span.sp-2 { display: block; }
	.element-item a:hover span.sp-2, .element-item div:hover span.sp-2 { display: block; }

	/*.personalizador { background: url("../images/personaliza.png") no-repeat right -90px top -50px #d41217; }*/
	.personalizador h2 { font-size: 2.1em; }
	.personalizador h3 { padding: 0; font-size: 1.1em; }
	.personalizador .btn-lobe { font-size: 1.3em; }
	.llaves { width: 25%; right: -39%; }
}

@media(max-width: 545px) {
	.element-item a h3, .element-item div h3 { font-size: 1.0em; }
}
@media(max-width: 505px) {
	.element-item h3, .element-item a h3 { padding: 5px 13px !important }
}
@media(max-width: 450px) {
	.element-item a h3, .element-item h3 { height: 90px; max-height: 90px; }
}
@media(max-width: 355px) {
	
}

@media(max-width: 400px) {
	.personalizador h2 { font-size: 1.8em; padding: 0 30px; }
	.personalizador h3 { font-size: 0.9em; }
}


/* Sostenibilidad */
#sostenibilidad { padding-top: 60px; }
.contenedor-sostenibilidad { background: url("https://www.grupolobe.com/images/bg-sostenibilidad.jpg") no-repeat center bottom; height: 100%; background-size: cover; 
	background-repeat: no-repeat; background-position: center center; margin-top: 50px; padding-top: 20px; }
.contenedor-sostenibilidad p { font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }
.cajas-sostenibilidad { margin: 30px 0; }
.caja-sostenibilidad { background: rgba(126,175,83,0.5); min-height: 160px; max-width: 265px; }
.caja-sostenibilidad h3 { color: #fff; text-align: center; text-transform: uppercase; width: 100%; font-size: 1.9em; }
.text-sostenibilidad p { text-shadow: 1px 1px #000; font-family: 'Titillium Web', sans-serif; }
.numbers-sostenibilidad .col-xs-2 { width: 20%; float: left; }
.numbers-sostenibilidad .col-xs-1 { width: 20%; float: left; }
.numbers-sostenibilidad { padding-top: 40px; }
.parallex { min-height: auto; background-attachment: fixed; background-size: cover; background-position: 50% 50%; }

.numbers-sostenibilidad h4 { text-align: center; padding-top: 80px; }
.numbers-sostenibilidad h4.contador-viviendas { background: url("../images/contador-viviendas.png") no-repeat center top; }
.numbers-sostenibilidad h4.contador-toneladas { background: url("../images/contador-toneladas.png") no-repeat center top; }
.numbers-sostenibilidad h4.contador-arboles { background: url("../images/contador-arboles.png") no-repeat center top; padding-bottom: 40px; }
.numbers-sostenibilidad h4 span.number { font-size: 2.5em; font-weight: bold; color: #7eaf53; }
.numbers-sostenibilidad h4 span.text { font-size: 0.9em; font-family: 'Titillium Web', sans-serif; }
.p-t-2 { padding-top: 20px; }

@media(max-width: 1199px) {
	.caja-sostenibilidad.m-4 { margin: 1rem !important; }
}
@media(max-width: 1050px) {
	.numbers-sostenibilidad h4 span.number { font-size: 2.2em; }
}
@media(max-width: 991px) {
	.container.col-sostenibilidad { margin: 0 auto; max-width: inherit; }
	.caja-sostenibilidad.m-4 { margin: 0.5rem !important; }
	.contenedor-sostenibilidad { height: auto; }
	.numbers-sostenibilidad h4 span.number { font-size: 1.6em; }
	#sostenibilidad { padding-top: 40px; }
}

@media(max-width: 768px) {
	.numbers-sostenibilidad .col-xs-2 { width: 25%; float: left; }
	.numbers-sostenibilidad .col-xs-1 { width: 12%; float: left; }
	.col-sostenibilidad { padding: 0; }
}

@media(max-width: 576px) {
	#sostenibilidad { padding-top: 20px; }
	.col-sostenibilidad .col-12 { padding: 0; }
	.numbers-sostenibilidad .col-xs-2 { width: 100%; float: left; }
	.numbers-sostenibilidad .col-xs-1 { width: 100%; float: left; padding: 20px 0px; }
	.numbers-sostenibilidad .col-xs-1 img { display: none; }
	.contenedor-sostenibilidad p { font-size: 1.3em; }
	.caja-sostenibilidad { min-height: auto; max-width: 100%; }
	.caja-sostenibilidad.m-4 { margin-left: 0 !important; margin-right: 0 !important; }
	.caja-sostenibilidad img { padding: 10px 0; }
	.caja-sostenibilidad h3 { font-size: 1.6em; }
	.text-sostenibilidad p { font-size: 1.3em; margin-bottom: 30px; }
	.text-sostenibilidad p.white { color: #000; text-shadow: none; }
	.text-sostenibilidad p.white strong.green { color: #fff; }
	.text-sostenibilidad p strong { font-size: 1.3em; }
	.parallex { background-attachment: initial; }
}
@media(max-width: 450px) {
	.caja-sostenibilidad h3 { font-size: 1.4em; }
}
@media(max-width: 405px) {
	.caja-sostenibilidad h3 { font-size: 1.2em; }
}
@media(max-width: 370px) {
	.caja-sostenibilidad h3 { font-size: 1.1em; }
}
/* Contacto :: Déjanos tu tuléfono */
#contacto a { color: #d41217; }
.dejanos-tlf { background: url("../images/bg-contacto.jpg") no-repeat center center; padding-top: 30px; }
.dejanos-tlf hr { margin-top: 50px; }
.dejanos-tlf h2 { text-align: center; font-weight: bold; font-size: 2.3em; margin-bottom: 0; color: #d41217; }
.dejanos-tlf h3 { text-transform: uppercase; text-align: center; margin-top: 15px; margin: 5px 0 0; }
.contacto-1 { background-color: rgba(256,256,256,0.4); }
.contacto-2 { background-color: rgba(109,109,109,0.45); color: #fff; }
#contacto .contacto-2 button { color: #fff; background: url("../images/ubicacion.png") no-repeat left 10px center; border: 2px solid #fff; padding: 10px 15px 10px 45px;
	width: max-content; text-transform: uppercase; font-weight: bold; font-size: 0.9em; cursor: pointer; }
#contacto .contacto-2 h4 a:hover { text-decoration: none; }

.contacto-2 h4 { margin-bottom: 30px; }
.contacto-2 p { font-family: 'Titillium Web', sans-serif; font-size: 1.1em; }
#accordion { padding: 30px 0 0; }

/* LOGO CEPYME */
.text-cepyme p { margin: 0;line-height: 1em;padding: 0 !important; }

@media(min-width: 769px) and (max-width: 1199px) {
	#cepyme { margin: 30px 0 20px; }
	.text-cepyme { padding-top: 5px !important; padding-left: 10px !important; }	
}
@media(max-width: 768px) {
	#cepyme { float: none !important; margin-left: 0; margin-right: 0; display: block; }
	.logo-pep img { margin-bottom: 60px; }
}

.map-container{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.map-container iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }

#contacto input[type="text"],#contacto input[type="email"] { border: 1px solid #d41217; border-radius: 0; background: transparent; /*font-size: 1.6em; */ font-size: 1.4em;
	font-family: 'Titillium Web', sans-serif; }
#contacto input#nombre { background: url("../images/ico-nombre.png") no-repeat left 10px center; text-indent: 40px; }
#contacto input#telefono { background: url("../images/ico-telefono.png") no-repeat left 10px center; text-indent: 40px; }
#contacto input#email { background: url("../images/ico-email.png") no-repeat left 10px center; padding-left: 50px; }
#contacto input { max-width: 90%; }
.p-google { font-size: 0.7em; margin-bottom: 0 }
.btn-enviar { background-image: url("../images/btn-enviar.png"); position: relative; top: 20px; border: none; /*padding-right: 90px;*/ padding-right: 75px; font-size: 1.3em; }
.btn-enviar:hover { cursor: pointer; }

.gracias { margin-bottom: 0; text-align: center; }

.col-input { padding-left: 25px; padding-right: 25px; }


@media(max-width: 1199px) {
	.dejanos-tlf h2 { font-size: 2.3em; }
}
@media(max-width: 991px) {
	#contacto input { max-width: 100%; }
}
@media(max-width: 768px) {
	.contacto-1 .container { max-width: 100%; }
	.dejanos-tlf h2 { font-size: 2.0em; }
	.dejanos-tlf h3 { font-size: 1.5em; padding: 0; }
	#form_contacto input { margin: 0 0 15px 0; }
	#form_contacto .mt-4 { margin: 0.5rem !important; padding: 0; }
	#accordion button.panel-madrid, #accordion button.panel-valencia, #accordion button.panel-zaragoza { width: 100%; }
	.contacto-2 p { text-align: center; font-size: 1.3em; }
	.panel-body { padding-bottom: 50px; }
}
@media(max-width: 576px) {
	.contacto-1 .col-1 { padding: 0; }
	.dejanos-tlf hr { margin-top: 35px; }
	.contacto-1 .row.mb-5 { margin-bottom: 1rem !important; }	
}
@media(max-width: 450px) {
	.dejanos-tlf h2 { font-size: 1.6em; }
	.dejanos-tlf h3 { font-size: 1.2em; }
}
@media(max-width: 370px) {
	.dejanos-tlf h2 { font-size: 1.4em; }
	.dejanos-tlf h3 { font-size: 1.1em; }
	.contacto-2 p { font-size: 1.2em; }
}


/* Pide cita */
#contacto .contacto-2 button.btn_cita_previa { display: inline-block; background: #fff; color: #d41217; border-radius: 8px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 30px; background: #fff; color: #d41217; text-transform: inherit; font-weight: inherit; font-size: 1.1em; }
#contacto .contacto-2 button.btn_cita_previa:hover { background: #eee; border-color: #eee; text-decoration: underline; }

#modal-cita .modal-content { background: #d41217; }
#modal-cita .modal-header { border-bottom: none;  }
#modal-cita h3, #modal-cita p { color: #fff; }
.text-cita { font-size: 0.9em; }
.text-telefono { font-size: 2.2em; font-weight: bold; }

#modal-cita input#telefono-cita { margin: 0 auto 10px; border-radius: 0; border: 1px solid #fff; color: #fff; padding-left: 50px; font-size: 1.5em;
background:  url("../images/telefono.png") no-repeat left 10px center transparent; padding-top: .2rem; padding-bottom: .2rem; }
#modal-cita .form-control::placeholder { color: #fff; font-size: 0.75em; }
#modal-cita input.btn-llamamos-2 { background: #fff; color: #d41217; border-radius: 0; border: 1px solid #fff; font-family: 'Titillium Web', sans-serif; font-size: 1.4em; padding: 0 10px; transition: all 0.3s ease 0s; }
#modal-cita input.btn-llamamos-2:hover { opacity: 0.85; }
#modal-cita .modal-header .close { top: 2px; position: absolute; right: 7px; color: #fff; opacity: 1; }

#contacto a.icono-whatsapp { margin-top: 5px; display: block; color: #fff; }
#contacto a.icono-whatsapp strong { border-bottom: 1px dotted; }
.contacto-2 p.p-whatsapp { font-size: 1.25em; margin-bottom: 25px; }
#contacto a.icono-whatsapp:hover { text-decoration: none; color: #d41217; }
.p-whatsapp a.icono-whatsapp img { width: 30px; }
#contacto a.email { color: #fff; border-bottom: 1px dotted #fff; }
#contacto a.email:hover { text-decoration: none; color: #d41217; border-bottom: 1px dotted #d41217;  }

@media(max-width: 576px) {
#modal-cita h3 { margin-bottom: 10px; }
#contacto .contacto-2 button.btn_cita_previa { display: inline-block; }
#modal-cita .modal-header p { padding: 0px 20px !important; }
#zaragoza { padding-right: 14px; padding-left: 14px; }
#modal-cita .modal-header p.text-telefono { padding: 0 8px !important; }
#modal-cita .modal-header p.text-telefono-2, #modal-cita .modal-header p.text-telefono-3 { padding: 0 10px !important; }
#form_cita .pl-5 { padding: 0 15px !important; }
#modal-cita input.btn-llamamos-2 { width: 100%; border-radius: 8px; }
.p-whatsapp a.icono-whatsapp img { width: 35px; }
}



/* Pie :: Footer */
.pie { background: #333E48; color: #fff; }
.pie a { color: #fff; }
.container-pie { max-width: 1260px }
.pie img { position: relative; top: -25px; }
.pie p { font-size: 1em; margin-top: 40px; }
.pie p.copyright strong { font-size: 1.5em; font-family: 'Titillium Web', sans-serif; }
.pie p.copyright { font-size: 0.85em; margin-top: 60px; }
.enlaces-pie { color: #fff; margin-top: 20px; font-size: 1.1em; border-right: 1px solid #fff; padding-left: 50px; margin-right: 20px; }
.enlaces-pie-1 { padding-left: 0; }
.enlaces-pie-3 { border-right: none; margin-right: 0; }
.enlaces-web, .enlaces-web a,  .enlaces-web a:hover { color: #aaa; font-family: 'Titillium Web', sans-serif; font-size: 1.05em; }
.pie ul { list-style: none; font-family: 'Titillium Web', sans-serif; margin-bottom: 0;  }
.pie ul li::before { content: "\2022"; color: #fff; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em; }

@media(max-width: 1199px) {
	.enlaces-pie { margin-right: 0; padding-left: 40px; font-size: 1.0em; }
}
@media(max-width: 991px) {
	.col-mini-enlaces { padding-left: 5px; padding-right: 5px; }
	.enlaces-pie { font-size: 0.8em; padding-left: 25px; }
}
@media(max-width: 767px) {
	.pie-lobe { text-align: center; }
	.pie p.copyright { margin: 0 0 40px; }
	.enlaces-pie { text-align: center; margin: 0; font-size: 1.1em; padding: 0; border: 0; }
	.col-sellos { text-align: center; margin-top: 40px; }
	.pie img.sellos { top: 0; }
	.pie p.enlaces-web { text-align: center; font-size: 1.1em; }
	.pie ul li::before { content: none; }
	.enlaces-pie a { padding: 2px 0; display: block; }
}
@media(max-width: 576px) {
	
}

/* Somos LOBE */
.contenedor-somos-lobe .quick-links { width: 100%; }
.somos-lobe { margin-top: 0px; padding-top: 90px; padding-right: 0; padding-left: 0; }
.somos-lobe h2 { font-weight: bold; text-align: center; font-size: 2.4em; }

.vision-mision-valores { background-color: #eee; }
.vision-mision-valores strong { text-transform: uppercase; }
.vision-mision-valores p strong { text-transform: inherit; }
.vision-mision-valores h2 { text-indent: 60px; padding: 5px 0; }
.vision-mision-valores h2.vision { background: url("../images/vision.png") no-repeat left center; }
.vision-mision-valores h2.mision { background: url("../images/mision.png") no-repeat left center; }
.vision-mision-valores h2.valores { background: url("../images/valores.png") no-repeat left center; }
.vision-mision-valores h2 span {color: #d41217; }
.vision-mision-valores p { font-family: 'Titillium Web', sans-serif; font-size: 1.2em; }
.vision-mision-valores p br { margin-bottom: 0.3em; }

#ods .planeta { background: linear-gradient(to top, rgba(255,255,255,0) 80%, rgba(255,255,255,0.89) 100%), url("../images/bg-trees-ods.jpg"); 
	background-repeat: no-repeat; background-position: center 60px; padding-top: 40px; padding-bottom: 40px; }
#ods .gestion { padding-top: 0; }
#ods p { font-family: 'Titillium Web', sans-serif; font-size: 1.25em; }
#ods p.support { font-size: 1.0em; color: #1e3250; }
.ods-img { display: inline-block; margin-right: 15px; margin-bottom: 15px; }
.ods-img img { max-width: 117px; }

/*
@media(max-width: 1245px) {
	.ods-img img { max-width: 110px; }
}
@media(max-width: 1199px) {
	.ods-img img { max-width: 100px; }
}
@media(max-width: 1099px) {
	.ods-img img { max-width: 95px; }
}
@media(max-width: 1059px) {
	.ods-img img { max-width: 90px; }
}*/

.modal-ods .close span { color: #fff; }

.ods-3 .box1, .ods-3 .box2, .bs-example-modal-lg-1 .modal-content { background-color: #4c9f38; }
.ods-5 .box1, .ods-5 .box2, .bs-example-modal-lg-2 .modal-content { background-color: #ff3a21; }
.ods-7 .box1, .ods-7 .box2, .bs-example-modal-lg-3 .modal-content { background-color: #fcc30b; }
.ods-8 .box1, .ods-8 .box2, .bs-example-modal-lg-4 .modal-content { background-color: #a21942; }
.ods-9 .box1, .ods-9 .box2, .bs-example-modal-lg-5 .modal-content { background-color: #fd6925; }
.ods-10 .box1, .ods-10 .box2, .bs-example-modal-lg-6 .modal-content { background-color: #dd1367; }
.ods-11 .box1, .ods-11 .box2, .bs-example-modal-lg-7 .modal-content { background-color: #fd9d24; }
.ods-12 .box1, .ods-12 .box2, .bs-example-modal-lg-8 .modal-content { background-color: #bf8b2e; }
.ods-13 .box1, .ods-13 .box2, .bs-example-modal-lg-9 .modal-content { background-color: #3f7e44; }
.ods-17 .box1, .ods-17 .box2, .bs-example-modal-lg-10 .modal-content { background-color: #19486a; }

@media(max-width: 1245px) {
    #ods .planeta { background-position: center bottom; }
}

@media(max-width: 991px) {
	#ods .planeta { background-size: cover; }
	.text-un { margin-top: 40px; }
	.ods-img img { max-width: 100%; }
}
@media(max-width: 576px) {
	.img-modal { padding-bottom: 0 !important; padding-top: 0 !important; }
	.text-modal { padding-right: 20px; padding-left: 20px; text-align: center; padding-top: 0 !important; }
}

.sep, .gestion { padding-top: 80px; max-width: 1220px; }
.sep h2, .gestion h2 { text-align: center; font-weight: bold; font-size: 2.8em; margin-bottom: 0; }
.sep h3, .gestion h3 { text-transform: uppercase; text-align: center; margin-top: 7px; font-size: 1.6em; }
.sep hr, .gestion hr { margin-top: 50px; }

.global { background: url("../images/bg-modelo-gestion.jpg") no-repeat center center; padding-top: 40px; padding-bottom: 40px; }
.global p { font-family: 'Titillium Web', sans-serif; font-size: 1.4em; margin: 0; }
.global p strong.red { font-size: 1.6em; }

.col-global { margin: 0; }

#empleo { padding-top: 20px; }
.trabajar { padding-top: 60px; max-width: 1220px; }
.trabajar h2 { text-align: center; font-weight: bold; font-size: 2em; margin-bottom: 0; }
.trabajar h3 { text-transform: uppercase; text-align: center; margin-top: 7px; font-size: 1.6em; }
.trabajar hr { margin-top: 50px; }

.trabajar-text { background: rgb(243,241,246) linear-gradient(0deg, rgba(243,241,246,1) 0%, rgba(246,246,246,1) 75%, rgba(254,254,254,1) 100%); }
.trabajar-bg { background: url("../images/img-trabajo.jpg") no-repeat right bottom; }
.trabajar-text .d-flex { min-height: 658px; }
.trabajar-text h2 { font-weight: bold; font-size: 2.4em; }
.trabajar-text p { font-family: 'Titillium Web', sans-serif; font-size: 1.4em; }
.trabajar-text p.p-contacto { font-size: 1.8em; }

@media(max-width: 1299px) {
	.gestion h2 { font-size: 2.5em; }
	.gestion h3 { font-size: 1.4em; }	
}
@media(max-width: 1199px) {
	.trabajar-bg .container { padding: 0; }
	.trabajar-bg { background: url("../images/img-trabajo.jpg") no-repeat right -100px bottom; }
	.global p.desde-hasta { margin-top: 15px; line-height: 1.4em; }
}
@media(max-width: 1099px) {
	.gestion h2 { font-size: 2.0em; }
	.gestion h3 { font-size: 1.15em; }
}
@media(max-width: 991px) {
	.global { background: url("../images/bg-modelo-gestion.jpg") no-repeat center top; background-size: cover; }	
	.global p { text-align: center; width: 100%; }
	.global p strong.red { line-height: 0.1em; }
	.red-1 { margin-top: 25px; display: block; }
	.col-img-gestion { text-align: center; margin-top: 20px; }
	.global .col-lg-7 { padding: 0 !important; }
	.trabajar-bg { background: url("../images/img-trabajo.jpg") no-repeat right -200px bottom; }
	.trabajar-bg .d-flex.align-items-top { padding-left: 0 !important; }
	.trabajar-text h2 { font-size: 2em; }
	.trabajar h2 { font-size: 1.9em; }
	.trabajar h3 { font-size: 1.5em; padding: 0; }
}
@media(max-width: 800px) {
	.trabajar-text h2 { font-size: 1.8em; }
	.trabajar-text p { font-size: 1.3em; }
}
@media(max-width: 767px) {
	.gestion h2 { font-size: 1.9em; }
	.gestion h3 { padding: 0; font-size: 1.1em; }
	.gestion hr, .trabajar hr { margin-top: 35px; }
	.trabajar h2 { font-size: 1.45em; }
	.trabajar h3 { font-size: 1.2em; padding: 0; }
	.trabajar-text .d-flex.pr-5 { padding-right: 0px !important; padding-top: 20px !important; }
	.trabajar-bg .container { margin: 0; padding: 0 25px; max-width: 100%; background: rgba(255,255,255,0.8) }
	.trabajar-text .d-flex { min-height: 500px; }
	.trabajar-bg { background: url("../images/img-trabajo.jpg") no-repeat right -150px top; background-size: cover; }
	.quick-news p { margin-bottom: 0; }
}
@media(max-width: 576px) {
	.somos-lobe { padding-top: 200px; }
	.global p.desde-hasta { line-height: 0.95em; }
	.global p strong.red { line-height: 0.5em; }
	.gestion { padding-top: 35px; }
	.trabajar { padding-top: 40px; }
}
@media(max-width: 575px) {
	.gestion .col-1 { padding: 0; }
	.global p { font-size: 1.2em; }
	.trabajar .col-1 { padding: 0; }
	.trabajar-text h2 { font-size: 1.6em; text-align: center; margin-bottom: 15px; }
	.trabajar-text p { font-size: 1.3em; text-align: center; }
	.trabajar-text p.p-contacto { font-size: 1.6em; }
	.vision-mision-valores .container { padding: 0; }	
	.gestion h2 { font-size: 1.75em; }
	.gestion h3 { font-size: 1.0em; }
	.global p.desde-hasta { margin-top: 5px; margin-bottom: 15px; }
	.global p strong.red { color: #fff; }
}
@media(max-width: 455px) {
	.gestion .col-10.p-0 { padding: 0 5px !important; }
	.global p strong.red { line-height: inherit; }
	.trabajar h2 { font-size: 1.4em; }
	.trabajar-text p { font-size: 1.2em; }
	.trabajar-text p.p-contacto { font-size: 1.4em; }
	.gestion h2 { font-size: 1.6em; }
	.gestion h3 { font-size: 0.9em; }	
}
@media(max-width: 400px) {
	.gestion h2 { font-size: 1.4em; }
	.gestion h3 { font-size: 0.8em; }
	.gestion hr { margin-top: 25px; }
	.trabajar h3 { font-size: 1.2em; }
	.global p.desde-hasta { font-size: 1.1em; }
}
@media(max-width: 370px) {
	.gestion h2 { font-size: 1.3em; }
	.gestion h3 { font-size: 0.75em; }
	.trabajar h2 { font-size: 1.2em; }
	.trabajar h3 { font-size: 1.0em; }
}



/* HQH */
.hq-homes { background: url("../images/bg-hqh.jpg") no-repeat right top 50px; margin-top: 40px; padding-top: 20px; }
.hqh h2 { font-size: 1.8em; }
.hqh h3 { padding: 0; font-size: 1.4em; }
.hqh h4 { text-align: left; font-size: 1.5em; font-weight: bold; margin: 20px 0; }
.hqh p { font-size: 1.2em; font-family: 'Titillium Web', sans-serif; }
.sep .sep-hqh hr { margin-top: 35px; }
.sep-hqh .col-lg-2 { flex: 0 0 20.666666%; max-width: 20.666666%; }
.sep-hqh .col-lg-1 { padding-right: 0; padding-left: 0; text-align: center; }
.col-showroom h4, .col-showroom p { text-align: right; }

.btn-showroom { color: #fff; background: #D41217; font-size: 1.2em; text-transform: inherit; font-family: 'Titillium Web', sans-serif; position: relative; top: 20px; right: 0;
	transition: all 0.3s; }
.btn-showroom:hover { background-color: #ea5659; color: #fff; right: 20px; }

/* Innovación */
.innovacion { background: url("../images/bg-innovacion-gafas.jpg") no-repeat top 60px center; }
.innovacion h4, .innovacion p { color: #fff; }
.innovacion-text { padding: 120px 0 80px; }
.innovacion h4 { font-weight: bold; font-size: 2.4em; }
.innovacion p { font-family: 'Titillium Web', sans-serif; font-size: 1.3em; }

.btn-globe { color: #fff; background: #7392AE; font-size: 1.2em; text-transform: inherit; font-family: 'Titillium Web', sans-serif; position: relative; top: 20px; left: 0;
	transition: all 0.3s; }
.btn-globe:hover { background-color:  #97B0C4; color: #fff; left: 20px; }

.innovacion-box { background: #fff; text-align: center; padding: 5px 10px; margin: 0; height: 100%;
	-webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); }
.innovacion-box img { margin: 20px 0; }
.innovacion-box p { font-family: 'Titillium Web', sans-serif; color: #000; font-size: 1.0em; }

.innovadores h2 { font-size: 2.2em; }
.innovadores h3 { font-size: 1.1em; }

.principio h2 { font-size: 2.0em; }
.principio h3 { font-size: 1.25em; }

#memorias { margin-bottom: 150px; }
.memorias h2 { font-size: 2.0em; }
.memorias h3 { font-size: 1.3em; }

.btn-memoria-web { position: absolute; top: 9%; left: 50%; transform: translate(-50%,0); font-size: 2em !important; color: #D41217 !important; text-shadow: 1px 1px 5px #aaa; 
	transition: all 0.3s; }
.btn-memoria-web span { font-size: 0.6em; font-family: 'Titillium Web', sans-serif; position: relative; top: -5px; left: 7px; }
.btn-memoria-web:hover { text-decoration: none; left: 54%; width: 100%; }

@media(max-width: 1199px) {
	.hq-homes .col-1 { padding: 0; }
	.innovadores h2 { font-size: 2.4em; }
	.innovadores h3 { padding: 0; }
	.innovacion-box { min-height: 243px; }
	.principio h2 { font-size: 2.0em; }
}
@media(max-width: 991px) {
	.innovacion { background: url("../images/bg-innovacion-gafas.jpg") no-repeat center top; background-size: cover; }
	.innovacion-text { padding: 40px 0 30px; text-align: center; }
	.innovacion-box { min-height: 287px; margin-bottom: 40px; }

	.hq-homes .col-1 { padding: 0; }
	.sep-hqh .col-lg-2 { flex: 0 0 4%; max-width: 4%; }
	.sep-hqh.mb-5 { margin-bottom: 1.5rem !important; }
	
}
@media(max-width: 767px) {
	.hq-homes { padding: 0; }	
	.hqh hr { margin-top: 35px; }
	.innovadores h2 { font-size: 2em; }
	.innovadores h3 { font-size: 1.2em; }
	.innovacion .container { max-width: 100%; }
	.innovacion-box { background: rgba(255,255,255,0.85); min-height: auto; padding-right: 20px; }
	.innovacion-box p { font-size: 1.1em; text-align: left; margin-bottom:0; padding-top: 15px; padding-bottom: 15px; }
	.innovacion-box img { padding-right: 10px; }
	.principio h2 { font-size: 2.0em; }
	.principio h3 { font-size: 1.2em; }
	.principio hr { margin-top: 35px; }
}
@media(max-width: 576px) {
	.hq-homes { background: url("../images/bg-hqh.jpg") no-repeat right -80px top 50px; }
	.col-hqh { background: rgba(255,255,255,0.6); padding: 0 40px; }
	
	.hqh { padding-top: 160px; }
	.hqh-text { padding: 0; }
	.hqh h4 { font-size: 1.6em; margin: 0; }
	

	.col-showroom img { margin-bottom: 20px; }
	.col-showroom .pl-5 { padding: 0 !important; }
	.col-showroom h4 { text-align: center; margin-bottom: 10px; }
	.col-showroom p { text-align: center; }
	.sep.innovadores { padding-top: 15px; }
	.innovadores .col-1 { padding: 0; }
	.innovacion-box img { padding: 0 20px 0 10px; }
	.innovacion h4 { font-size: 1.9em; }
	.principio .col-1 { padding: 0; }
	.memorias .col-1 { padding: 0; }
	.col-memoria { margin-bottom: 40px; }

}
@media(max-width: 500px) {
	.innovacion-box .col-3, .innovacion-box .col-9 { flex: 0 0 100%; max-width: 100%; padding: 0; }
	.innovacion-box { padding: 0 15px; }
	.innovacion-box img { padding: 0; margin-bottom: 0; }
	.innovacion-box p { text-align: center; font-size: 1.0em; }
}
@media(max-width: 450px) {
	.hqh h2 { font-size: 1.6em; }
	.hqh h3 { font-size: 1.35em; padding: 0; }
	.contenedor-innovacion .ayuda { font-size: 1.3em; }
	.innovadores h2 { font-size: 1.6em; }
	.innovadores h3 { font-size: 1.1em; }
	.principio h2 { font-size: 1.6em; }
	.principio h3 { font-size: 1.0em; padding: 0; }
	.memorias h2 { font-size: 2.6em; }
	.memorias h3 { font-size: 1.5em; padding: 0; }
}
@media(max-width: 370px) {
	.hqh h2 { font-size: 1.3em; }
	.hqh h3 { font-size: 1.1em; }
	.innovadores h2 { font-size: 1.4em; }
	.principio h2 { font-size: 1.5em; }
	.principio h3 { font-size: 0.9em; }
	.memorias h3 { font-size: 1.3em; }
}

/* Principios */
.principios { background: url("../images/bg-principios.jpg") no-repeat center top -50px; padding-top: 20px;}
.principios-bg { background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.2) 20%, rgba(255,255,255,0) 100%); }
.principios-boxes { padding: 10px 0; }
/*.principio-box { padding: 10px 10px; }*/
.principio-box p { text-align: center; font-family: 'Titillium Web', sans-serif; font-size: 1.0em; margin-top: 10px; margin-bottom: 20px; }
.principio-box .row { padding-top: 30px; min-height: 205px; text-align: center; color: #fff; margin-right: -8px; margin-left: -8px; background-size: cover !important; }
.principio-box .row img { margin-bottom: 5px; }
.principio-box .row h4 { font-weight: bold; }
.principio-1 .row { background: url('../images/principio-01.jpg') no-repeat center center; }
.principio-2 .row { background: url('../images/principio-02.jpg') no-repeat center center; }
.principio-3 .row { background: url('../images/principio-03.jpg') no-repeat center center; }
.principio-4 .row { background: url('../images/principio-04.jpg') no-repeat center center; }
.principio-5 .row { background: url('../images/principio-05.jpg') no-repeat center center; }
.principio-6 .row { background: url('../images/principio-06.jpg') no-repeat center center; }
.principio-7 .row { background: url('../images/principio-07.jpg') no-repeat center center; }
.principio-8 .row { background: url('../images/principio-08.jpg') no-repeat center center; }


/* Memorias */
.memorias { padding-top: 20px; margin-bottom: 100px; }

.btn-memoria { position: relative; top: -20px; color: #595959; background: #fff; padding: 13px 25px 10px; font-family: 'Titillium Web', sans-serif;
	font-size: 1.2em; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); 
	transition: all 0.3s; width: max-content; display: inline-block; border: none; font-size: 1.2em; }
.btn-memoria span { margin-left: 5px; position: relative; top: -3px; }
.btn-memoria:hover { text-decoration: none; top: -10px; color: inherit; }

/*
4 bloques de memoria

.btn-memoria { position: absolute; bottom: -40px; left: 5%; width: 90%; color: #595959; background: #fff; padding: 13px 15px 10px; font-family: 'Titillium Web', sans-serif;
	font-size: 1.2em; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2); 
	transition: all 0.3s; display: inline-block; border: none; font-size: 1.2em; }
.btn-memoria span { margin-left: 5px; position: relative; top: -3px; }
.btn-memoria:hover { text-decoration: none; bottom: -50px; color: inherit; }
*/

.btn-memoria a { display: inline-block !important; }
.col-memoria { padding-left: 25px; padding-right: 25px; }
.descargar-memoria { display: inline-block; margin-left: 10px; }
.descargar-memoria span { margin-left: 0; }

.btn-memoriaweb { display: inline-block; margin-top: 0 !important; }


@media(max-width: 1213px) {
	.descargar-memoria span img, .btn-memoriaweb span img { width: 25px; }
}
@media(max-width: 1100px) {
	.btn-memoria { font-size: 1.1em; }
}
@media(max-width: 991px) {
	.btn-memoria { font-size: 1.2em; }
	.descargar-memoria span img, .btn-memoriaweb span img { width: auto; }
	.col-memoria { margin-bottom: 100px; }
}
@media(max-width: 767px) {
	.col-memoria { padding-left: 15px; padding-right: 15px; }
	.btn-memoria { padding-left: 15px; padding-right: 15px; }
}
@media(max-width: 575px) {
	.btn-memoria { font-size: 1.2em; }
	.col-memoria { padding-left: 25px; padding-right: 25px; }
}
@media(max-width: 370px) {
	.btn-memoria { padding-right: 15px; padding-left: 15px; }
}

/* Comunicación */
.contenedor-comunicacion .ayuda { border: none; padding-bottom: 0; margin-bottom: 0; }
.contenedor-comunicacion .quick-links { width: 100%; }
.btn-blog { background: url("../images/btn-blog.png") no-repeat right 20px center #d41217; position: relative; top: 20px; border: none; padding-right: 90px; text-transform: inherit; font-size: 1.4em;
	color: #fff; transition: all 0.3s; font-family: 'Titillium Web', sans-serif; }
.col-blog .btn-blog { top: 0; }
#suscripcion { padding-top: 40px; }
.col-suscripcion { padding-top: 25px; border-top: 1px dotted #ccc; }
.border-bottom { border-bottom: 1px dotted #ccc !important; padding-bottom: 35px; }
.col-suscripcion .form-control { display: inline-block; }
.btn-aceptar { background: #d41217; color: #fff; }
.btn-aceptar:hover { background: #f96467; color: #fff; }
.btn-blog:hover { cursor: pointer; color: #d41217; background: url("../images/btn-blog-2.png") no-repeat right 20px center #fff; }
.btn-enlace, .btn-documento { height: 37px; width: 37px; display: block; text-indent: -9999px; }
.btn-enlace { background: url("../images/btn-enlace.png") no-repeat 0 0; }
.btn-documento { background: url("../images/btn-documento.png") no-repeat 0 0; }

@media(max-width: 991px) {
	.contenedor-comunicacion .hola, .contenedor-comunicacion .ayuda { text-align: center; }
	.blog h2 { font-size: 2em; }
}

@media(max-width: 576px) {
	.contenedor-comunicacion .quick-links { bottom: 30px; }
	.blog { padding-top: 0; margin-top: 0 !important; }
}


/* Recortes de prensa */
.recortes h4 { font-size: 1.2em; font-weight: bold; margin-top: 10px; margin-bottom: 50px; }
.recortes p.fecha { font-family: 'Titillium Web', sans-serif; color: #aaa; font-size: 1.2em; }
.recortes p.fecha a { display: inline-block; float: right; margin-right: 70px; }
.recorte-box { position: relative; border-right: 1px solid #dcdcdc; padding: 0 40px; }
.recorte-box p.fecha { position: absolute; bottom: 0; margin: 0; width: 100%; }
.recorte-box-1 p.fecha a { margin-right: 30px; }
.recorte-box-4 { border-right: none; }

.otras-noticias { padding-right: 25px; padding-left: 20px; }
.otras-noticias h4 { border-bottom: 1px solid #767676; font-size: 1.1em; font-weight: normal; font-family: 'Titillium Web', sans-serif; padding: 15px 0; margin: 0; }
.otras-noticias h4 a, .otras-noticias h4 span { display: inline-block; }
.otras-noticias h4 span { padding: 0; }
.otras-noticias h4 span em { font-size: 0.7em; text-transform: uppercase; }
.otras-noticias .btn-enlace, .otras-noticias .btn-documento { margin-right: 10px; }

.box-red { background: #d41217; color: #fff; padding: 15px 20px; }
.box-red h4 { font-size: 1.1em; }
.box-red p { font-size: 1.0em; font-family: 'Titillium Web', sans-serif; }
.box-red .leer-mas { color: #fff; }
.box-red  .leer-mas:hover { color: #eee; }
.leer-mas { text-transform: uppercase; font-size: 0.9em; }
.leer-mas:hover { text-decoration: none; }
.box-red p.p-enlace { font-size: 1.0em; font-family: 'Montserrat', sans-serif; text-align: right; margin: 0px 0 15px; }
.box-2 { padding-right: 20px; }
.box-2 h4, .box-4 h4 { font-size: 1.1em; }
.box-2 p, .box-4 p { font-size: 1.0em; font-family: 'Titillium Web', sans-serif; }
.box-2 p.p-enlace, .box-4 p.p-enlace { font-size: 1.0em; font-family: 'Montserrat', sans-serif; text-align: right; margin: 0px 0 15px; }
.box-2 .leer-mas, .box-4 .leer-mas { color: #aaa; }
.box-2 .leer-mas:hover, .box-4 .leer-mas:hover { color: #000; }
.noticia-3 { padding-top: 10px; }
.noticia-3 h4 { border-top: 1px solid #dcdcdc; padding-top: 30px; }
.box-4 { border-left: 1px solid #dcdcdc; padding-left: 25px; }
.box-4 h4 { margin-top: 20px; }
.box-4 p.p-enlace { margin-bottom: 0; }

.bg-red { background: #d41217; }

.blog h2 { font-size: 2.0em; }
.medios h2 { font-size: 2.0em; }

@media(max-width: 1250px) {
	.recortes { max-width: 960px; }
	.medios h2 { font-size: 2.0em; }
}
@media(max-width: 1100px) {
	.recortes { margin: 0; padding-left: 15px !important; padding-right: 15px !important; max-width: 100%; }
	.row-recortes { margin: 0; }
	.recorte-box { padding: 0 15px; }
	.recortes h4 { font-size: 1.1em; }
	.blog h2 { font-size: 2.5em; }
	.medios h2 { font-size: 2.5em; }
	.recortes p.fecha a { margin-right: 40px; }
	.recorte-box-1 p.fecha a { margin-right: 25px; }
	.otras-noticias { padding-left: 10px; }
}
@media(max-width: 991px) {
	.box-1 { padding: 0; }
	.bg-red, .box-1, .box-red { background: none; color: #000; }
	.box-1 .leer-mas { color: #aaa; }
	.box-1 .leer-mas:hover { color: #000; }

	.box-2 { padding: 30px 0 0; border-top: 1px solid #dcdcdc; }
	.box-4 { padding: 30px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: 0; }

	.img-1, .img-2, .img-3, .img-4 { padding: 0 !important; }
	.text-1, .text-2, .text-3, .text-4 { padding-left: 15px !important; padding-top: 0; padding-right: 0; }
	.text-4 h4 { margin-top: 0; }
	.otras-noticias-2 { margin-top: 0 !important; }
	.noticia-3 .col-12 { padding: 0; }

	.container-blog { max-width: 90%; }
	.medios h2 { padding: 0; font-size: 2.2em; }
	.recortes { padding: 0 !important; }
	.recorte-box { border-right: 0; border-bottom: 1px solid #dcdcdc; margin: 10px 0; }

	.recortes h4 { margin-bottom: 15px; }
	.recorte-box p.fecha { position: relative; margin-bottom: 25px; }

	.recortes p.fecha a { margin-right: 25px; }
}
@media(max-width: 767px) {
	.medios h2 { font-size: 1.7em; }
	.medios h3 { font-size: 1.5em; padding: 0; }
	.blog h2 { font-size: 2.0em; }
}

@media(max-width: 576px) {
	.blog .col-1, .medios .col-1 { padding: 0; }
	.blog hr, .medios hr { margin-top: 35px; }
	.blog h3 { font-size: 1.4em; }
	.recorte-box { padding: 0; }
	.otras-noticias { padding: 0 25px; }
	.container-blog { max-width: 100%; }
	.recortes p.fecha a { margin-right: 10px; }
	.box-1 .row { margin-left: 0;  margin-right: 0; }
	.box-2 .row { margin-left: 0;  margin-right: 0; }
	.box-4 .row { margin-left: 0;  margin-right: 0; }
	.box-1, .box-2, .box-4 { padding-left: 15px !important; padding-right: 15px !important; }	
}
@media(max-width: 575px) {
	.text-1, .text-2, .text-3, .text-4 { padding: 10px 0 !important; }
}
@media(max-width: 480px) {
	.otras-noticias .col-1 { flex: 0 0 10%; max-width: 10%; }
	.otras-noticias .col-11 { flex: 0 0 90%; max-width: 90%; }
}
@media(max-width: 450px) {
	.blog h2 { font-size: 1.6em; }
	.blog h3 { font-size: 1.2em; }
	.contenedor-comunicacion .ayuda { font-size: 1.1em; }
	.btn-blog { padding-top: 15px; padding-bottom: 15px; font-size: 1.3em; width: 360px !important; display: inline-block; }
	.medios h2 { font-size: 1.3em; }
	.medios h3 { font-size: 1.1em; }
}
@media(max-width: 400px) {
	.otras-noticias .col-1 { flex: 0 0 15%; max-width: 15%; }
	.otras-noticias .col-11 { flex: 0 0 85%; max-width: 85%; }
	.btn-blog { width: 320px !important; }
}
@media(max-width: 370px) {
	.blog h2 { font-size: 1.6em; }
	.blog h3 { font-size: 1.1em; }
	.btn-blog { width: 300px !important; font-size: 1.2em; }
}
/* Aviso Legal */
.aviso-legal { padding-top: 80px; }
.sep.aviso-legal h2 { font-size: 1.4em; margin-top: 50px; margin-bottom: 10px; text-align: left; display: block; width: 100%; }
.sep.aviso-legal h3 { font-size: 1.1em; font-weight: bold; text-transform: none; margin-top: 15px; }
.sep.aviso-legal p { display: block; width: 100%; }
.sep.aviso-legal ul { margin-left: 20px; }
.table .tr-grey { background: #efefef; }
#politica-privacidad { padding-top: 100px; }
#cookies { padding-top: 100px; }

/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer {
0%    {bottom: 0px;}
80%   {bottom: 0px;}
100%    {bottom: -50px;}
}

@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%    {bottom: 0px;}
80%   {bottom: 0px;}
100%    {bottom: -50px;}
}

@keyframes aparecer
{
0%    {bottom: -38px;}
10%   {bottom: 0px;}
90%   {bottom: 0px;}
100%    {bottom: -38px;}
}

@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%    {bottom: -38px;}
10%   {bottom: 0px;}
90%   {bottom: 0px;}
100%    {bottom: -38px;}
}
#cookiesms1:target { display: none; }
.cookiesms{ width:100%; height:30px; margin:0 auto; padding-left:1%; padding-top:5px; font-size: 0.8em; clear:both; font-weight: strong; color: #333; bottom:0px;
	position:fixed; left: 0px; background-color: #FFF; opacity:0.9; filter:alpha(opacity=70); /* For IE8 and earlier */ transition: bottom 1s; -webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56); -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56); box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index:999999999; }   
.cookiesms:hover{ bottom:0px; }
.cookies2{ background-color: #FFF; display:inline; opacity:0.95; filter:alpha(opacity=95); position:absolute; left:1%; top:-20px; font-size:13px; height:20px; padding-left:25px;
	padding-right:25px; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px; border-top-left-radius: 15px; -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56); -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56); }

/* PRIVACIDAD Y COOKIES */
#cajacookies { box-shadow: 2px 2px 5px 1px #808080; background-color: rgba(256,256,256,0.9); color: black; padding: 2px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; 
	position: fixed; z-index: 9999; bottom: 0px; left:0; width: 100%; font-size: 0.75em; font-weight: 400; }
#cajacookies button { color: black; display: inline-block; -webkit-appearance: button; cursor: pointer; padding: 2px 8px; border: 1px solid #999; border-radius: 2px; 
	background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); }
#cajacookies button:hover { border-color: #a5defb;
  	background-color: #f2f9fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
 	background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
 	background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
 	background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
 	background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
 	background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd); }
#cajacookies p { margin: 0; text-align: center; } 
#privacidad { margin-top: 150px; }
@media(max-width: 437px) {
  #cajacookies { font-size: 0.65em; }
}
/* Fin del CSS para cookies */


/* Recaptcha */
.grecaptcha-badge { opacity: 0.0; }


/* Carousel */
* { box-sizing: border-box; }
.carousel { width: 100%; }
.carousel-cell { width: 100%; margin-right: 10px; border-radius: 5px; counter-increment: carousel-cell; }
/* cell number */
.carousel-cell:before { display: block; text-align: center; /*content: counter(carousel-cell);*/ }
.flickity-prev-next-button .flickity-button-icon { cursor: pointer; }


/* Te llamamos */
#te-llamamos { width:425px; background: #d41217; position: fixed; bottom: 0; right: 100px; z-index: 10; color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; 
	padding: 12px 20px 10px 0px; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4); opacity: 0.0; transition: all 0.6s ease 0s; }
.visible { opacity: 1.0 !important; }
#te-llamamos .col-duda { padding-right: 0; text-align: center; }
#te-llamamos .col-5, #te-llamamos .col-7 { padding: 0; text-align: center; }
#te-llamamos h2 { font-size: 1.2em; padding: .275rem 0; margin: 0; font-family: 'Titillium Web', sans-serif; font-weight: bold; }
#te-llamamos button.btn-llamamos { background: url("../images/auriculares.png") no-repeat left 10px center; border: 1px solid #fff; font-family: 'Titillium Web', sans-serif; 
	font-size: 1.2em; padding: 0 10px 0 35px; border-radius: 0; margin: 0; color: #fff; transition: all 0.5s ease 0s; }
#te-llamamos button.btn-llamamos:hover { opacity: 0.85; }
#te-llamamos .btn:focus { box-shadow: none; }

#modal-llamamos .modal-dialog { max-width: 540px; }
#modal-llamamos .modal-content { background: #d41217; color: #fff; border-radius: 1.0rem; }
#modal-llamamos .modal-header { border: 0; font-weight: bold; text-align: left; }
#modal-llamamos .modal-header h3 { font-size: 1.9em; font-weight: bold; margin-bottom: 5px; }
#modal-llamamos .modal-header p { font-size: 1.1em; }
#modal-llamamos .modal-body { text-align: center; padding-top: 0; padding-bottom: 30px; }
#modal-llamamos .auriculares { position: absolute; right: 20px; color: #fff; text-shadow: 0 1px 0 #000; font-size: 2rem; }
#modal-llamamos input#telefono-gratis { margin: 0 auto 10px; border-radius: 0; border: 1px solid #fff; color: #fff; padding-left: 50px; font-size: 1.5em;
	background:  url("../images/telefono.png") no-repeat left 10px center transparent; padding-top: .2rem; padding-bottom: .2rem; }
#modal-llamamos .form-control::placeholder { color: #fff; font-size: 0.75em; }
#modal-llamamos input.btn-llamamos-2 { background: #fff; color: #d41217; border-radius: 0; border: 1px solid #fff; font-family: 'Titillium Web', sans-serif; font-size: 1.4em; 
	padding: 0 10px; transition: all 0.3s ease 0s; }
#modal-llamamos input.btn-llamamos-2:hover { opacity: 0.85; }
.visibility-hide { display: none !important; }

#llamar { position: fixed; bottom: 60px; right: 20px; z-index: 999; }
#llamar a { display: block; height: 50px; width: 50px; }

#whatsapp { position: fixed; bottom: 60px; right: 80px; z-index: 999; }
#whatsapp a { display: block; height: 50px; width: 50px; }

@media(max-width: 991px) {
	#te-llamamos { right: 50px; }
}
@media(max-width: 767px) {
	#te-llamamos { right: 25px; }	
}
@media(max-width: 576px) {
	#te-llamamos { right: 0; width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; padding: 6px 0px 4px 0px; }
	#te-llamamos .col-12 { text-align: center; }
	#te-llamamos button.btn-llamamos { border: 0; background: url("../images/auriculares.png") no-repeat left 0px center; }
	.close-llamamos { position: absolute; right: 10px; top: -5px; color: #fff; font-size: 3em; text-shadow: 0 1px 0 #aaa; opacity: .8; }
	.close-llamamos:hover { color: #fff; opacity: 1.0; }
}
@media(max-width: 450px) {
	#modal-llamamos .modal-header h3 { font-size: 1.6em; }
	#modal-llamamos .modal-header p { padding-right: 70px; }
}

/***** Páginas intermedias *****/
.carousel-caption { right: auto; bottom: 45%; left: 16%; }
.carousel-caption h5 { /*background: rgba(0,0,0,0.4);*/ padding: 7px 15px; font-size: 2.3em; color: #fff; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); text-align: left; }
.carousel-caption-center { bottom: 0; transform: translate(-50%, -50%); left: 50% !important; }
.container-form { max-width: 1300px; }
.quick-links.relative { position: relative; bottom: 50px; padding: 20px 40px; box-shadow: 0px 15px 20px -17px rgba(0,0,0,0.35); }
.quick-links.relative .ayuda { border-bottom: none; }
.container-check { display: block; position: relative; padding-left: 45px; margin-top: 30px; cursor: pointer; font-size: 1.25em; -webkit-user-select: none;
  -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #c1c1c1; border-left: none; min-height: 37px; margin-right: 35px; }
/* Hide the browser's default checkbox */
.container-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 35px; width: 35px; background-color: #fff; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; }
#form_contacto .checkmark { border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.container-vendido .checkmark { background-color: #ddd; }
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark { background-color: #eee; }
.container-vendido:hover input ~ .checkmark { background-color: #ddd; }
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark { background-color: #fff; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.container-check .checkmark:after { left: 11px; top: 3px; width: 12px; height: 24px; border: solid red; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg); transform: rotate(45deg); }
.container-form input#nombre { background: url("../images/ico-nombre.png") no-repeat left 10px center; text-indent: 40px; border: 1px solid #d41217; border-radius: 0;
  font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }
.container-form input#telefono { background: url("../images/ico-telefono.png") no-repeat left 10px center; text-indent: 40px; border: 1px solid #d41217; border-radius: 0;
  font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }
.container-form input#email { background: url("../images/ico-email.png") no-repeat left 10px center; text-indent: 40px; border: 1px solid #d41217; border-radius: 0;
  font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }

.carousel-caption-img { top: 27%; }
.img-caption { padding: 40px 0 0; }

span.promo { font-size: 0.7em; line-height: 1; font-weight: bold; display: block; padding-top: 3px; padding-right: 10px; }
span.zona { font-size: 0.6em; line-height: 1.5; color: #000; text-transform: uppercase; display: block; padding-right: 10px; }
.btn-seo { top: 45px; }



.alert { border-color: #d41217; }

.container-promo-g { margin-top: 70px; }
.container-promo-g, .container-promo-g .col-lg-12 { padding: 0; }
.col-promo-2.promo-g { flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; }
.col-promo-2.promo-g.promo-valencia, .col-promo-2.promo-g.promo-4 { flex: 0 0 25%; max-width: 25%; }
.promo-g .hvrbox { border: 1px solid #868d9e; }
.promo-g .hvrbox:hover { text-decoration: none; }
.container-promo-g h3 { margin-bottom: 0; font-size: 1.1em; }
.container-promo-g .info-h3 { background: #868d9e; color: #fff; text-transform: uppercase; padding: 5px 0; font-family: 'Titillium Web', sans-serif; }

.promo-g .hvrbox .hvrbox-layer-image { background: #868d9e; }
.promo-g .hvrbox .hvrbox-layer-top { width: auto; text-align: center; font-size: 1.1em; }
.container-info-ciudad { padding-top: 40px; }

.container-map { max-height: 600px; }
.map-responsive{ overflow: hidden; position: relative; height: auto; z-index: 1; }
.map-responsive iframe{ left: 0; top: 0; min-height: 50%; width: 100%; position: absolute; }
#map { min-height: 600px; }
#map.map_valencia { min-height: 650px; }

.form-group.row.justify-content-between.form-valencia { justify-content: space-evenly !important; }

@media(max-width: 1900px) { .carousel-caption { left: 15%; } }
@media(max-width: 1800px) { .carousel-caption { left: 14%; } }
@media(max-width: 1700px) { .carousel-caption { left: 12%; } }
@media(max-width: 1600px) { .carousel-caption { left: 9%; } }
@media(max-width: 1500px) { .carousel-caption { left: 6%; } }
@media(max-width: 1400px) { 
	.carousel-caption { bottom: 35%; left: 4%; } 
	.carousel-caption-center { bottom: -15px; font-size: 0.8em; }
}
@media(max-width: 1300px) { .carousel-caption { left: 2%; } }

@media(max-width: 1200px) {
  .container-check { margin-right: 10px; }
  .carousel-caption-img { top: 30%; }
  .carousel-caption-img img { max-width: 300px; }
}
@media(max-width: 1100px) {
  .form-group.row.justify-content-between { justify-content: space-around !important; }
  .col-promo-2.promo-g { flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; }
  .carousel-caption { bottom: 30%; }
  .carousel-caption-center { bottom: -25px !important; }
}
@media(min-width: 992px) {
	.col-privacidad { margin-bottom: 0 !important; }
}
@media(max-width: 991px) {
	.col-promo-2.promo-g { flex: 0 0 33%; max-width: 33%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; }
	.container-promo-g { padding-bottom: 0rem !important; }
	.carousel-promos { top: 87px; }
	.quick-links.relative { bottom: -50px; }
	.container-info-ciudad { padding-top: 100px; }
	.quick-links.relative .ayuda { margin-bottom: 0; }
	.col-input-email, .col-input-telefono { margin-top: 20px; }
	.carousel-caption-center { bottom: 0px !important; padding: 15px 0; }
	.carousel-caption-center h5 { padding: 0; margin: 0; font-size: 1.8em; }
	.carousel-caption-img { top: 0; }
	.carousel-caption-img img { max-width: 200px; }
	.img-caption { padding: 0; }
}
@media(max-width: 767px) {
	.carousel-caption { right: auto; bottom: auto; left: auto; top: 20px; }
	.carousel-caption h5 { font-size: 1.5em; }
	.col-promo-2.promo-g { flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; }
	.container-promo-g, .container-promo-g .col-lg-12 { padding: 0 10px; }
	.col-input-email, .col-input-telefono { margin-top: 0px; }
	.carousel-caption-center { top: 15px !important; bottom: auto !important; }
	.carousel-caption-img { top: 0; }
}
@media(max-width: 576px) {
	.carousel-caption h5 { font-size: 1.2em; }
	.col-btn-seo { height: 20px; }
	.btn-seo { top: 15px; }
	.container-promo-g { margin-top: 25px; }
	.btn-seo { width: 100%; background: url("../images/btn-enviar.png") no-repeat 65% 50% #fff; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2); }
	.carousel-promos { top: 56px; }
	.quick-links.relative { bottom: -20px; padding-left: 5px; padding-right: 5px; padding-top: 10px; }
	.form-group.row.justify-content-between { padding: 0 40px; }
	.col-inputs { padding: 0 40px; }
	.col-inputs .col-input { padding: 0; }
	.container-check { width: 100%; margin-top: 10px; min-height: 40px; padding-left: 50px; }
	.checkmark { width: 38px; height: 38px; }
	.container-info-ciudad .m-auto { padding: 0 5px; font-size: 0.95em; }
	.container-map { margin-top: 10px !important; }
    .container-blog { margin-top: 50px; }
    .col-promo-2.promo-g.promo-valencia { flex: 0 0 50%; max-width: 50%; }
    .carousel-caption-center { width: 100%; }
    .carousel-caption-center h5 { text-align: center; font-size: 1.2em !important; }
    #form_contacto p.mt-4 { margin-right: 0 !important; margin-left: 0 !important; font-size: 0.9em; }
    span.promo { line-height: 1.1em; } 
}
@media(max-width: 550px) {
	.container-map { max-height: 500px; }
	#map { min-height: 500px; }
	footer { margin-top: 100px; }
}
@media(max-width: 500px) {
	.quick-links.relative { bottom: -35px; }
	.container-map { max-height: 500px; }
    #map { min-height: 400px; }
}
@media(max-width: 450px) {
	.container-promo-g .m-auto { padding: 0; }
	.btn-seo { background: url("../images/btn-enviar.png") no-repeat 67% 50% #fff; }
	.container-form input#nombre, .container-form input#email { font-size: 1.3em; }
	.container-map { max-height: 500px; }
  #map { min-height: 300px; }
  .form-group.row.justify-content-between { padding: 0 30px; }
	
	.carousel-caption-img { padding: 5px 0 0; }
  .carousel-caption-img img { max-width: 100px; }
  
}
@media(max-width: 400px) {
  	.carousel-caption h5 { font-size: 1.0em; }
  	.container-promo-g h3 { font-size: 0.95em; }
	.promo-g .hvrbox .hvrbox-layer-top { font-size: 0.95em; }
	.col-promo-2.promo-g { padding-left: 5px; padding-right: 5px; }
	.form-group.row.justify-content-between { padding: 0 20px; }
	.col-inputs { padding: 0 30px; }
	.btn-seo { background: url("../images/btn-enviar.png") no-repeat 70% 50% #fff; }
	.container-form input#nombre, .container-form input#email { font-size: 1.2em; }
}
@media(max-width: 380px) {
	.form-group.row.justify-content-between { padding: 0 2px; }
	.col-inputs { padding: 0 12px; }
	.btn-seo { background: url("../images/btn-enviar.png") no-repeat 75% 50% #fff; }
}
@media(max-width: 350px) {
	.container-form { padding: 0 10px; }
	.form-group.row.justify-content-between { padding: 0px; }
	.col-inputs { padding: 0 5px; }
	.container-form input#nombre, .container-form input#email { font-size: 1.1em; }
}


/* ESTILOS BANNER CONFIGURADOR */
#configurador_app { color: #fff; width:100%; background: url(../images/bg_configurador.jpg) no-repeat center center; background-size:cover; position: relative;
	top: 60px; margin-bottom: 30px !important; }
#configurador_app p { font-size: 1.4em; font-family: 'Titillium Web', sans-serif; }
#configurador_app img{ width:20%; min-width: 350px; }
#configurador_app .btn{ font-weight:bold; text-transform: none; padding:10px 15px; background-color: white; font-size:1.4em; color:#d41217; z-index: 10;
    border-radius:0; position:relative; top:15px; transition: all 0.3s ease 0s; -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.4); }
#configurador_app .btn:hover{ color:white; background-color:#d41217; top:0px; }
@media(max-width: 400px) {
	#configurador_app img{ min-width: 100%; }
}
/* FIN ESTILOS BANNER CONFIGURADOR */


/* INNOVACIÓN CEPYME */
.innovacion-box p.p-dnv { padding: 5px 10px 5px 30px; text-align: right; font-size: 0.8em; color: #fff; font-weight: bold;
	background: url("../images/icon-innovacion-certificado.svg") no-repeat left 4px center; background-color: #7392ae; background-size: 10%; }
.container-cepyme { background: url("../images/bg-cepyme500.jpg") no-repeat left top; background-size: 45%; }
#cepyme h4 { padding-left: 260px; padding-top: 65px; }
#cepyme p { font-family: 'Titillium Web', sans-serif; font-size: 1.3em; margin-bottom: 1.5rem; margin-top: 1.5rem; }
#cepyme p.cepyme-enlace { margin-top: 2rem; }
.col-cepyme { padding-bottom: 20px; padding-top: 40px !important; }
.col-cepyme h4, .col-cepyme p { text-align: right; }
#cepyme img { padding-left: 20px; max-width: 225px; }
.text-cepyme h4.justify-content-center, .col-cepyme p, .text-cepyme p.justify-content-center { line-height: 1.3em; }

@media(max-width: 1050px) {
	.text-cepyme { padding-right: 50px; }
}
@media(max-width: 991px) {
	.container-cepyme { background-size: 50%; background-position-y: 100px; }
	#cepyme h4 { padding-left: 0px; }
	#cepyme h4 { background-size: 60%; }
	.text-cepyme { padding-right: 0px; }
	.container-cepyme { max-width: 95%; }
	.innovacion-box { height: auto; min-height: auto;  }
	.innovacion-box p { text-align: left; }	
}
@media(max-width: 768px) {
	.col-cepyme .col-md-4 { text-align: center; }
	.innovacion-boxes { margin-top: 30px; }
	.innovacion-box { display: flex; }
	.container-cepyme { max-width: 100%; background-size: 100%; background-position-y: top; background-position-x: center; }
	.col-cepyme { background: rgba(256,256,256,0.5); }
	.text-cepyme { padding-right: 15px; }
	.text-cepyme h4.justify-content-center, .col-cepyme p, .text-cepyme p.justify-content-center { text-align: center !important; line-height: 1.3em; }
	.innovacion-box p { padding-left: 10px; }
	.innovacion-box p.p-dnv { padding: 5px 10px 5px 55px; }
	#cepyme img { padding-left: 0px; }
}
@media(max-width: 576px) {	
	#cepyme h4 { padding-top: 25px; }
}
@media(max-width: 500px) {
	.innovacion-box { display: block; }
	.innovacion-box p.p-dnv { padding: 5px 10px 5px 35px; }
	.innovacion-box-3 .col-9 { padding-bottom: 15px !important; }
}
@media(max-width: 450px) {
	.container-cepyme { background-position-y: 0px; }	
}
/* FIN INNOVACIÓN CEPYME */


/* Nuevas Promociones */
.col-nuevas-promociones { margin: 10px auto 10px; }
.form-nuevas, .form-nuevas { display: none; }
.form-nuevas.visible { display: block !important; }
.form-nuevas .form-group { margin-top: 40px; margin-bottom: 40px; }
.form-nuevas select { font-size: 1.1em; padding: 2px 10px; }
.form-nuevas label { font-size: 0.95em; min-width: 200px; }
.form-nuevas .form-nuevas-zaragoza label { min-width: 250px; }
.form-nuevas label.otros { min-width: auto; }

label.btn-nuevas { font-size: 1.4em; color: #fff; background: #d41217; display: inline-block; border-radius: 4px; transition: all 0.3s ease 0s; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4); 
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);  -moz-user-select: none; -webkit-user-select: none;
	-ms-user-select: none; user-select: none; }
label.btn-nuevas:hover { transform: translateY(-10px); }	
label.btn-nuevas span.promo { font-size: 1em; font-weight: normal; padding: 12px 15px; }
label.btn-nuevas .checkmark { height: 32px; width: 32px; background-color: #d41217 !important; top: 0px; left: 11px; border: 2px solid #fff; }
.container-check.btn-nuevas .checkmark::after { border: solid white; border-top-width: medium; border-right-width: medium; border-bottom-width: medium;
    border-left-width: medium; border-width: 0 4px 4px 0; left: 9px; top: 0px; width: 10px; height: 23px; }

#form_contacto label.btn-nuevas { font-size: 1.2em; background: none; color: inherit; }
#form_contacto label.btn-nuevas .checkmark { background: none !important; }
#form_contacto label.btn-nuevas { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#form_contacto label.btn-nuevas:hover { transform: translateY(0px); }
#form_contacto label.btn-nuevas .checkmark { border: 2px solid #d41217; }
#form_contacto .container-check { border: none; margin: 15px 10px 15px; }
#form_contacto .container-check.btn-nuevas .checkmark::after { border: solid #d41217; border-top-width: medium; border-right-width: medium; 
	border-bottom-width: medium; border-left-width: medium; border-width: 0 4px 4px 0; }

label.btn-nuevas-promociones { font-size: 1.4em; color: #fff; background: url("../images/checkoff.png") no-repeat left 5px center #d41217; padding-left: 50px !important;
	padding-right: 15px !important; border-radius: 4px; padding: 8px 10px; cursor: pointer; transition: all 0.3s ease 0s; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4); 
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);  -moz-user-select: none; -webkit-user-select: none;
	-ms-user-select: none; user-select: none; }
label.btn-nuevas-promociones.check { background-image: url("../images/check.png"); }
label.btn-nuevas-promociones:hover { transform: translateY(-10px); }



p.p-nuevas { margin-bottom: 40px; font-size: 0.95em; }
#formControlRange { display: inline-block; min-width: 220px; }
#textInput { display: inline-block; background: none; border: none; color: #000; font-size: 1.4em; font-weight: bold; text-align: left; margin-left: 10px; 
	max-width: 200px; }

.container-zona { display: block; position: relative; padding-left: 45px; cursor: pointer; font-size: 1.25em; -webkit-user-select: none;
  -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #c1c1c1; border-left: none; min-height: 37px; margin-right: 35px;  float: left; }
.container-zona input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark-zona { position: absolute; top: 0; left: 0; height: 35px; width: 35px; background-color: #fff; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; }
.container-zona span.promo { font-size: 1.0em; float: left; padding-top: 10px; }

.container-zona:hover input ~ .checkmark-zona { background-color: #eee; }
.container-zona input:checked ~ .checkmark-zona { background-color: #fff; }
.checkmark-zona:after { content: ""; position: absolute; display: none; }
.container-zona input:checked ~ .checkmark-zona:after { display: block; }
.container-zona .checkmark-zona:after { left: 11px; top: 3px; width: 12px; height: 24px; border: solid red; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); }

.container-zona.otros { margin-right: 20px; }
.container-zona.otros-zona { padding-left: 0; border: none; display: none; }
.container-zona.otros-zona.visible { display: inline-block; }
.container-zona.otros-zona input { position: relative; opacity: 1; cursor: pointer; height: auto; width: auto; padding: 5px 0; border: none;
	border-bottom: 1px dotted #000; min-width: 225px; }
.container-zona.otros-zona input:focus { outline: none; }

@media(max-width: 991px) {
	.form-nuevas label.otros { min-width: 190px; }
}
@media(max-width: 768px) {
	.form-nuevas .form-group div.text-right { text-align: center !important; }
	.form-nuevas .form-group div.text-right label { margin-bottom: 20px; }
	.form-nuevas .form-group div.text-left { text-align: center !important; }
	.form-nuevas label { min-width: 43%; }
	#formControlRange, #textInput { display: inline-block; width: 100%; text-align: center; }
	#form_contacto input#formControlRange { margin-bottom: 0; }
}
@media(max-width: 638px) {
	label.btn-nuevas span.promo { font-size: 0.9em; }
}
@media(max-width: 629px) {
	.form-nuevas label { min-width: 95%; }
}
@media(max-width: 599px) {
	.col-nuevas-promociones { padding-left: 10px !important; padding-right: 10px !important; }
}
@media(max-width: 506px) {
	label.btn-nuevas .checkmark { top: 10px; left: 5%; }
	label.btn-nuevas { text-align: left; }
}


/* PORTADA NAVIDAD */
@media(min-width: 992px) and (max-width: 1280px) {
	.quick-links { bottom: -100px; }
	.vivienda-mas { padding-top: 160px; }
}
@media(max-width: 991px) {
	.contenedor-home { background: url("https://www.grupolobe.com/images/bg-intro-home-navidad.jpg") no-repeat center 0px; background-size: 170%; }
	.quick-links { bottom: 0px; }
}
@media(max-width: 576px) {
	.quick-links { bottom: -120px; }
}




/* RSC */
.contenedor-rsc { z-index: 9; }
.contenedor-rsc .q2 { padding: 0 15px 0 20px; }

.dv-confianza { background: url("../images/bg-rsc.jpg") no-repeat right top 20px; }
#confianza .hqh h4 { font-size: 2em; }
#confianza .hqh p { font-size: 1.1em; }
#confianza .hqh p.confiamos { color: #d41217; font-size: 1.6em; font-weight: bold; }
.col-confianza { max-width: 1360px; }
.col-deporte { max-width: 1180px; }
.col-objetivos { max-width: 1200px; }
.col-gavi { max-width: 1200px; }
.col-consorcio { max-width: 1200px; }

.sala { background: url("../images/bg-sala.jpg") no-repeat top center; padding-bottom: 50px; }
.huesca { background-image: url("../images/bg-huesca.jpg"); background-repeat: no-repeat; background-position: top 50px center; padding-bottom: 50px; }

#deporte .innovacion-text { padding: 60px 0 80px; }
#deporte_2 h2 { font-size: 1.8em; }
.p-ods { font-family: 'Titillium Web', sans-serif; font-weight: bold; }
.titillium { font-family: 'Titillium Web', sans-serif; }

.bg-salazaragoza { background: url("../images/sala-zaragoza.png") no-repeat 0 0; }
.bg-salazaragoza p { margin-left: 140px; margin-top: 20px; }

.bg-lobehuesca { background: url("../images/bg-lobehuesca.png") no-repeat 0 0; }
.bg-lobehuesca p { margin-left: 150px; margin-right: 20px; margin-top: 50px; margin-bottom: 55px; }

#objetivos .box-5 .innovacion-box { background: url("../images/bg-ods_5.jpg") no-repeat bottom center; background-size: cover; }
#objetivos .box-7 .innovacion-box { background: url("../images/bg-ods_7.jpg") no-repeat bottom center; background-size: cover; }
#objetivos .box-9 .innovacion-box { background: url("../images/bg-ods_9.jpg") no-repeat bottom center; background-size: cover; }

#objetivos .innovacion-box,
#objetivos-2 .innovacion-box { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#objetivos .innovacion-box p,
#objetivos-2 .innovacion-box p { color: #fff; }

#objetivos-2 .box-12 .innovacion-box { background: url("../images/bg-ods_12.jpg") no-repeat bottom center; background-size: cover; }
#objetivos-2 .box-13 .innovacion-box { background: url("../images/bg-ods_13.jpg") no-repeat bottom center; background-size: cover; }
#objetivos-2 .box-17 .innovacion-box { background: url("../images/bg-ods_17.jpg") no-repeat bottom center; background-size: cover; }

.container-gavi { background: url("../images/bg-vacuna.jpg") no-repeat center left #3365a2; background-size: 90%; color: #fff; }
.logo-gavi { max-width: 210px; }
.text-gavi p { font-family: 'Titillium Web', sans-serif; }
.container-gavi h4 { margin-bottom: 15px; font-size: 2em; }
.container-gavi h5 { margin-bottom: 15px; }
.text-ods3 { font-weight: bold; font-size: 1.0em; }

#objetivos-2 { padding-top: 60px; background: rgb(248,250,243);
background: linear-gradient(180deg, rgba(248,250,243,1) 0%, rgba(231,239,218,1) 100%); }

.container-consorcio { background: url("../images/bg-consorcio.jpg") no-repeat top left #3365a2; }
#consorcio { background: #e6eed7; background: rgb(231,239,218);
background: linear-gradient(180deg, rgba(231,239,218,1) 0%, rgba(227,236,210,1) 100%); }
.consorcio { padding-top: 20px; }
.consorcio h2 { font-size: 1.8em; }
.logo-consorcio { max-width: 400px; }
.mask-consorcio { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #e3ecd2; opacity: 0.85; }
p.p_ods_11 { padding-right: 15px; }

#video-promocion .close { font-size: 3em; position: absolute; top: -9px; right: 10px; z-index: 1; }
#video-promocion .modal-header { border: 0; position: relative; }

@media(max-width: 1800px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 60px;
	background-size: 60%; }
}
@media(max-width: 1600px) {
	.dv-confianza {	background: url("../images/bg-rsc.jpg") no-repeat right -100px top 20px; }
	.sala { background: url("../images/bg-sala.jpg") no-repeat bottom center; background-size: contain;  }
}

@media(max-width: 1400px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 50px;
	background-size: 70%; }
	.dv-confianza {	background: url("../images/bg-rsc.jpg") no-repeat right -130px top 20px; }
	#deporte .innovacion-text { padding: 30px 0 0px; }
}
@media(max-width: 1280px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 30px;
	background-size: 90%; }
	.dv-confianza {	background: url("../images/bg-rsc.jpg") no-repeat right -270px top 20px; }

	.col-deporte { max-width: 100%; padding: 0 30px; }
	.text-gavi, .container-gavi h4, .container-gavi h5, .col-info-vacuna { padding-right: 40px !important; padding-left: 0px !important; }
}
@media(max-width: 1230px) {
	.bg-salazaragoza { background: url("../images/sala-zaragoza-2.png") no-repeat 0 0; }
	.bg-salazaragoza p { font-size: 0.95em; margin-right: 95px; margin-left: 135px; }
	.bg-lobehuesca { background: url("../images/bg-lobehuesca-2.png") no-repeat 0 0; }
	.bg-lobehuesca p { font-size: 0.95em; margin-right: 115px; margin-left: 145px; margin-top: 50px; margin-bottom: 55px; }
}
@media(max-width: 1200px) {
	.bg-salazaragoza p { margin-right: 140px; margin-top: 15px; margin-left: 140px; }
	.logo-gavi { max-width: 160px; }
	.container-gavi h4 { font-size: 1.8em; }
	#deporte h2 { font-size: 2em; }
	.consorcio h2 { font-size: 1.6em; }
	.consorcio h3 { font-size: 1.3em; }
}
@media(max-width: 1100px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 20px;
	background-size: 100%; }
	.contenedor-rsc .quick-links { left: 0%; right: 0%; }
	.dv-confianza {	background: url("../images/bg-rsc.jpg") no-repeat right -330px top 20px; }
	.bg-salazaragoza { background: url("../images/sala-zaragoza-3.png") no-repeat 0 0; }
	.bg-salazaragoza p { font-size: 1em; margin: 20px 60px 20px 135px; }
	.bg-lobehuesca { background: url("../images/bg-lobehuesca-3.png") no-repeat 0 0; }
	.bg-lobehuesca p { font-size: 1em; margin: 20px 60px 20px 145px; margin-top: 50px; margin-bottom: 55px; }
	.container-gavi h4 { font-size: 1.6em; }
	.container-gavi h5 { font-size: 1.1em; }
	.logo-gavi { max-width: 140px; }
	.container-consorcio { background-size: cover; }
	#deporte_2 h2 { font-size: 1.6em; }
}
@media(max-width: 1075px) {
	.bg-salazaragoza p { font-size: 1em; margin: 20px 50px 20px 135px; }
	.consorcio h2 { font-size: 1.5em; }
	.consorcio h3 { font-size: 1.2em; padding: 0; }
}
@media(max-width: 1060px) {
	.bg-salazaragoza p { margin: 20px 40px 20px 135px; }
}
@media(max-width: 1045px) {
	.bg-salazaragoza p { margin: 20px 30px 20px 135px; }
}
@media(max-width: 1030px) {
	.bg-salazaragoza p { margin: 20px 15px 20px 135px; }
}
@media(max-width: 1000px) {
	.bg-salazaragoza p { margin: 20px 0px 20px 135px; }
}
@media(max-width: 991px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 0px; background-size: 100%; }
	.contenedor-rsc .quick-news { padding-left: 10px !important; padding-right: 10px !important; }
	.dv-confianza {	background: url("../images/bg-rsc.jpg") no-repeat right -330px top 20px; }
	.col-logo { text-align: center; }
	.mask-confianza { position: absolute; top: 0; left: 0; opacity: 0.7; background: #fff; height: 100%; width: 100%; }
	.dv-confianza { background: url("../images/bg-rsc.jpg") no-repeat right -300px bottom; }
	.col-logo img { max-width: 240px; }	
	.bg-salazaragoza { background: url("../images/sala-zaragoza-4.png") no-repeat 0 0; background-size: cover; min-height: 100px; }
	.bg-salazaragoza p { text-align: left; }
	.bg-lobehuesca { background: url("../images/bg-lobehuesca-4.png") no-repeat 0 0; background-size: cover; min-height: 100px; }
	.bg-lobehuesca p { text-align: left; margin-top: 60px; margin-bottom: 80px; margin-left: 190px; }
	.col-deporte .p-ods { font-size: 1.2em; text-align: left; }
	 .row-deporte { margin-bottom: 20px !important; }
	 .row-text-deporte p { font-size: 1.2em; text-align: center; margin-top: 20px; margin-bottom: 30px; }
	 #deporte .innovacion-text { padding: 30px 0 40px; }
	 .sala { background: url("../images/bg-sala.jpg") no-repeat center; background-size: contain; }
	 #deporte .innovacion-text.img-deporte { padding: 0; }
	 #objetivos { padding-top: 0.5rem !important; margin-top: 0.5rem !important; }
	 .logo-gavi { position: relative; top: 30px; }
	 .text-gavi, .container-gavi h4, .container-gavi h5, .col-info-vacuna { padding-right: 20px !important; }
	 .logo-consorcio { max-width: 300px; }
	 #deporte h2 { font-size: 1.8em; }
	 .huesca { background-size: 100%; background-position: top 100px center; }
}
@media(max-width: 900px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 20px; background-size: 100%;  }
	.bg-salazaragoza { background-size: cover; }
	.bg-salazaragoza p { margin: 20px 10px 20px 145px; }
}
@media(max-width: 768px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 40px; background-size: 100%;  }
	#confianza .hqh-text { padding-right: 1rem !important; }
	.bg-salazaragoza { background: url("https://www.grupolobe.com/images/escudo-sala.png") no-repeat 0 center; }
	.bg-salazaragoza p { padding: 10px; background: #9f9f9f; margin: 20px 0px 20px 145px; }
	.container-gavi { background: url("../images/bg-vacuna.jpg") no-repeat top left #3365a2; background-size: auto; background-size: 100%; 
	margin: 0 !important; }
	.col-logo-gavi { min-height: 320px; }
	.container-gavi h4, .container-gavi h5 { text-align: center !important; }
	.col-gavi-pb { padding-bottom: 0 !important; }
	.col-consorcio-passivhaus { text-align: center; display: block !important; }
	.text-gavi { padding-top: 0.5rem !important; }
	.col-obj-11 {	padding-bottom: 15px !important; }
	#deporte h2 { font-size: 1.5em; }
	#deporte_2 h2 { font-size: 1.3em; }
}
}
@media(max-width: 650px) {
	.sep-consorcio { padding: 0 !important; }
	.sep-consorcio h3 { padding: 0; }
}

@media(max-width: 601px) {
	.bg-lobehuesca p { text-align: left; margin-left: 190px; }
}

@media(max-width: 576px) {
	.contenedor-rsc { background: url("https://www.grupolobe.com/images/bg-intro-rsc.jpg") no-repeat center 60px; background-size: 100%;  }
	.contenedor-rsc .q1 a { top: 5px; }
	.quick-news { margin-bottom: 15px; }
	#deporte .innovacion-text { padding: 30px 0 0px; }
	.img-objetivo { padding: 0; }
	.img-objetivo img { padding: 10px 0 0 !important; }
	.txt-objetivo { padding: 15px !important; }
	#confianza .hqh-text { padding-right: 1rem !important; padding-left: 1rem !important; }
	.col-logo-gavi { min-height: 230px; }
	.text-gavi, .container-gavi h4, .container-gavi h5, .col-info-vacuna { padding-left: 20px !important; }
	#consorcio { padding-top: 0 !important; }
	.logo-consorcio { max-width: 80%; }
	.sep-consorcio h2 { font-size: 1.6em; }
	.sep-consorcio h3 { font-size: 1.2em; }
	#confianza .hqh h4 { margin-bottom: 15px; }
	.col-logo img { max-width: 150px; }
	.hola, .ayuda { font-size: 1.3em; }
	#deporte h2 { font-size: 1.6em; }
	.bg-lobehuesca p { margin-right: 10px; }
	.huesca {	background-position: top 250px center; background-size: contain; }
}
@media(max-width: 539px) {
	.bg-lobehuesca p { margin: 60px 0px 65px 175px; }
}
@media(max-width: 500px) {
	.bg-salazaragoza { background: url("https://www.grupolobe.com/images/escudo-sala.png") no-repeat top center; }
	.bg-salazaragoza p { margin: 120px 0px 20px 0px; text-align: center; }
	.bg-lobehuesca { background: url("https://www.grupolobe.com/images/escudo-huesca.png") no-repeat top center; }
	.bg-lobehuesca p { margin: 180px 0px 20px 0px; padding: 10px; background: #9f9f9f; text-align: center; }
	.txt-objetivo { padding: 0 10px 10px !important; }
	.col-logo-gavi { min-height: 190px; }
	.logo-gavi { top: 0; }
	.container-gavi h4, .container-gavi h5 { padding: 0 !important; }
	.text-gavi { padding-top: 20px !important; }
	.consorcio .col-1 { padding: 0 !important; }
	.sep-consorcio h2 { font-size: 1.3em; }
	.sep-consorcio h3 { font-size: 1.1em; }
	.hola, .ayuda { font-size: 1.2em; }
}
@media(max-width: 450px) {
	.hola, .ayuda { font-size: 1.1em; }
}
@media(max-width: 400px) {
	.text-gavi, .container-gavi h4, .container-gavi h5, .col-info-vacuna { padding: 0 !important; }
	.col-logo-gavi { padding-top: 10px !important; padding-right: 10px !important; min-height: 165px; }
	.col-logo-gavi img { max-width: 120px; }
	.text-ods3 { padding-right: 15px; }
	.col-obj-11 { padding-left: 20px !important; }
	.hola, .ayuda { font-size: 1.0em; }
}
@media(max-width: 370px) {
	.sep-consorcio h2 { font-size: 1.2em; }
	.sep-consorcio h3 { font-size: 1.0em; }
	#confianza .hqh h4 { font-size: 1.7em; }
}









/* MENU */

@media(min-width: 1210px) and (max-width: 1300px) {
	.col-menu .col-lg-3 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col-menu .col-lg-9 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.navbar-brand img { max-width: 100%; height: auto; }
}
@media(min-width: 992px) and (max-width: 1210px) {
	.col-menu .col-lg-3 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
	.col-menu .col-lg-9 { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; padding-left: 0; }
	.navbar-brand img { max-width: 100%; height: auto; }
	.navbar-dark .navbar-nav .nav-link { padding-left: 25px !important; padding-right: 25px !important; }
	.navbar-expand-lg .navbar-nav { margin-top: 20px; }
}
@media(min-width: 992px) and (max-width: 1060px) {
	.navbar-dark .navbar-nav .nav-link { font-size: 0.9em; }
}
@media(min-width: 992px) and (max-width: 1015px) {
	.navbar-dark .navbar-nav .nav-link { padding-left: 20px !important; padding-right: 20px !important; }
}

.container-promo-g h3.h3_small .info-h3 { font-size: 0.75em; min-height: 31px; padding: 8px 0; }

@media(min-width: 1101px) and (max-width: 1199px) {
	.container-promo-g h3.h3_small .info-h3 { font-size: 0.7em; padding: 0; }
}
@media(max-width: 481px) {
	.container-promo-g h3.h3_small .info-h3 { font-size: 0.6em; padding: 9px 0; }
}
@media(max-width: 400px) {
	.container-promo-g h3.h3_small .info-h3 { font-size: 0.7em; min-height: auto; padding: 8px 0; }
}
@media(max-width: 360px) {
	.container-promo-g h3.h3_small .info-h3 { font-size: 0.6em; min-height: auto; padding: 9px 0; }
}


#form-nuevas { border-bottom: 1px dotted #666; padding-top: 20px; padding-bottom: 20px; }
#form-playa { padding-top: 10px; padding-bottom: 20px; }
label.btn-nuevas span.promo { line-height: inherit; padding: 4px 15px; }




/******************************** AGENDA ******************************/
#form_inscripcion input { width: 100%; font-size: 1.2em; }
#form_inscripcion .container-check { width: 100%; margin-right: 0; font-size: 1em; border: none; }
#form_inscripcion .container-check .txt { line-height: 1.5em; }
#form_inscripcion .checkmark { border: 1px solid #c1c1c1; top: 0px; }
.checkmark.gris { background-color: #ddd; }
.tachado { text-decoration: line-through; }

.container-agenda h5 { border-bottom: 1px solid #000; padding: 10px 0; font-weight: bold; font-size: 1.4em; }
.col-evento .hvrbox { height: 240px; width:100%; border-radius:8px; }
.col-evento-rojo .hvrbox { height: 240px; background: #ff7076; }
.col-evento .hvrbox .hvrbox-layer-image { background-color: rgba(104,104,104,1); }
.col-evento .hvrbox h3 { color: #fff !important; font-size: 1.0em !important; position: relative; z-index: 9; }
.col-evento .hvrbox h3 span { display: inline-block !important; width: 100%; }
.col-evento .hvrbox:hover { text-decoration: none; }
.col-evento .hvrbox h3 .sp-1 { font-weight: bold; font-size: 1.3em !important; }
.col-evento .hvrbox h3 .sp-2 { font-style: italic; font-size: 1.1em; }
.col-evento .hvrbox h3 .sp-3 { margin-top: 30px; font-size: 1.1em; }

.col-evento figcaption .row.hvrbox-layer-top { margin: auto; }
.col-evento figcaption .row.hvrbox-layer-top p { font-weight: normal; text-align: center; font-size: 1.2em; 
  margin-top: 40px; }
.col-evento figcaption .row.hvrbox-layer-top p strong { text-transform: uppercase; }
.col-evento figcaption p span { display: block; font-size: 0.8em; line-height: 1.25em; margin-top: 5px; padding: 5px 10px; }

.container-agenda .hvrbox-layer-top { z-index:10; }

.saber-mas { border-top: 1px solid #000; padding: 10px 0 0; margin-top: 10px; }
.saber-mas a { text-transform: uppercase; background: #d41217; color: #fff; padding: 10px 15px; display: block; 
    font-size: 0.9em; width: max-content; font-weight: bold; }
.saber-mas a:hover { background: #ff7076; color: #fff; text-decoration: none; }

.cambio { border-bottom: 1px solid #000; padding: 10px 0; font-weight: bold; font-size: 1.3em;  }
.cambio img { width: 35px; margin: 0 3px; }
.cambio span { margin: 0 10px 0 0; }





/******************************** POP UP GALERIA ******************************/
.icon-button-box { width: 140px; height: 140px; line-height: 140px; display: block; margin: 0 auto; margin-bottom: 0px; margin-bottom: 1rem;
  width: 120px; height: 120px; line-height: 120px; text-align: center; vertical-align: middle; border-radius: 50%; background-color: #d51317; }

.icon-button-box .icon-button.icon-galeria {
  -webkit-mask: url('../images/icon-galeria.svg') no-repeat center / contain; mask: url('../images/icon-galeria.svg') no-repeat center / contain;
  display: inline-block; margin: auto; width: 80px; height: 80px; text-align: center; vertical-align: middle; background-color: #ffffff;
  margin-top: 20px; }
.icon-button-box .icon-button.icon-video {
  -webkit-mask: url('../images/icon-video.svg') no-repeat center / contain; mask: url('../images/icon-video.svg') no-repeat center / contain;
  display: inline-block; margin: auto; width: 80px; height: 80px; text-align: center; vertical-align: middle; background-color: #ffffff;
  margin-top: 20px; }
.button-text { font-size: 1.5em; color: #000; }
#galeria a { text-decoration: none; display: inline-block; }

#colorbox #cboxPrevious { left: 0; background: url('../images/icon_arrow_left_modal.png') no-repeat center center; }
#colorbox #cboxNext { right: 0; background: url('../images/icon_arrow_right_modal.png') no-repeat center center; left: auto; }
#colorbox #cboxPrevious, #colorbox #cboxNext { position: absolute; top: 50%; width: 50px; height: 50px; -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); margin: 0; outline: 0; }


#cboxPrevious, #cboxNext { text-indent: -9999px; }
#colorbox #cboxClose { position: absolute; top: -2px; right: 0; background: url('../images/icon_close_modal.png') no-repeat center center;
  width: 30px; height: 30px; opacity: .9; outline: 0; }
#cboxClose { position: absolute; top: 5px; right: 5px; display: block; width: 38px; height: 19px; text-indent: -9999px; }
#cboxCurrent { position: absolute; top: 0px; right: 50px; left: auto !important; font-size: 0.85em; color: #000 !important; 
  background: rgba(256,256,256,0.4); padding: 4px 10px; height: 28px; right: 30px; }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight { background: none !important; }
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: none !important; }
#cboxMiddleLeft, #cboxMiddleRight { background: none !important; }
#cboxContent { background: none !important; }
#cboxTitle { color: #000 !important; bottom: 0px !important; background: rgba(256,256,256,0.4); }