/*
Theme Name: casasmadrid
Theme URI: http://danielnaranjo.es
Author: Daniel Naranjo
Author URI: 
Description: Description
Tags:
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
# Header
## menu
## info
# Breadcrumb
# Home
## video
## mapa
## destacados
## intro
## recomendados
## opiniones
## cta
# Page
# Page listado
# Page resultado
# Page ficha
## portada
## submenu
## descripcion
## servicios
## fotos
## comentarios
## ubicacion
## otros
# Sidebar
# Footer
# Varios
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html, body {height: 100%; margin: 0px;}
body {font-family: 'Oxygen', sans-serif; font-size: 16px; font-weight: 400; color: #707070; background: #fff; }
p {line-height: 150%;}
img {max-width: 100%;}
a:hover {text-decoration: none;  }
.white {background: #fff; padding-left: 25px;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {background: rgba(255,255,255,1); width: 100%; z-index: 16; position: relative; }
header.cabecera-fija {background: rgba(255,255,255,0.8); transition: all ease-in 0.1s; position: fixed; z-index: 15}

header .logo {text-align: left;}
header.cabecera-fija .logo {height: 50px; transition: all ease-in 0.2s;}
	@media (max-width: 768px) {
		header .logo {text-align: center; height: 50px;}
	}
header .logo img {max-width: 100%; padding: 5px 0; transition: all ease-in 0.2s;}
header.cabecera-fija .logo img {transform: scale(0.6,0.6); margin-top: -15px; transition: all ease-in 0.2s;}

/*menu*/
header menu {padding: 0; margin: 15px 0; transition: all ease-in 0.2s; z-index: 15}
header.cabecera-fija menu {margin: 0; transition: all ease-in 0.2s;}

header menu .navbar-default .navbar-nav > li > a {color: #fff; padding: 9px 30px;}
header menu .navbar-default .navbar-nav > li > a:hover {color: #fd6c00; border-bottom: 3px solid #fd6c00;}
header menu .navbar-collapse {border-top: 0; box-shadow: 0 0 0;}
header menu .navbar-brand {float: right;}
header menu .navbar-collapse.in {margin-top: 0}
header menu .navbar-default .navbar-nav > li > a {color: #7f7f7f; padding: 14px 14px 5px 14px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fd6c00; border-bottom: 3px solid #fd6c00;}
.navbar-default .navbar-nav > li.active:first-child > a, .navbar-default .navbar-nav > li.active:first-child > a:hover, .navbar-default .navbar-nav > li.active:first-child > a:focus {color: #fd6c00; border-bottom: 3px solid #fd6c00;}
.navbar-toggle {margin-top: -70px; transition: all ease-in 0.2s;}
header.cabecera-fija .navbar-toggle {margin-top: -43px; transition: all ease-in 0.2s;}
	@media (max-width: 480px) {
		header .navbar-toggle {margin-top: -43px; transition: all ease-in 0.2s;}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		header .navbar-toggle {margin-top: -43px; }
	}
header .dropdown-menu > li > a {color: #fff;}
header ul.navbar-nav > li:first-child a { content: url('img/home.png'); padding: 17px 5px 9px 5px}
	@media (max-width: 1199px) {
	  .navbar-header {
	      float: none;
	  }
	  .navbar-left,.navbar-right {
	      float: none !important;
	  }
	  .navbar-toggle {
	      display: block;
	  }
	  .navbar-collapse {
	      border-top: 1px solid transparent;
	      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	  }
	  .navbar-fixed-top {
	      top: 0;
	      border-width: 0 0 1px;
	  }
	  .navbar-collapse.collapse {
	      display: none!important;
	  }
	  .navbar-nav {
	      float: none!important;
	      margin-top: 7.5px;
	  }
	  .navbar-nav>li {
	      float: none;
	  }
	  .navbar-nav>li>a {
	      padding-top: 10px;
	      padding-bottom: 10px;
	  }
	  .collapse.in{
	      display:block !important;
	  }
	}

/*info*/
header .info {margin-top: 15px; padding: 14px 0 0 0;}
header.cabecera-fija .info {margin: 0; transition: all ease-in 0.2s;}
header .info a {padding: 0 7px; color: #7f7f7f; }
header .info a:hover {color: #fd6c00;}
header .info i {color: #fd6c00;}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {padding: 10px 0 0 0px; font-size: 14px; background: none;}
.breadcrumb a {color: #fd6c00;}
.breadcrumb span.sep {padding: 0 3px;}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/*video*/
section.video {height: 100%; background: rgba(0,0,0,0.3); }
section.video .caption {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -80%);-webkit-transform: translate(-50%, -80%); text-align: center; width: 70%;}
	@media (max-width: 479px) {
		section.video .caption {transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); width: 90%;}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		section.video .caption {transform: translate(-50%, -80%);-webkit-transform: translate(-50%, -80%); width: 70%;}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		section.video .caption {transform: translate(-50%, -60%);-webkit-transform: translate(-50%, -60%); width: 70%;}
	}
	@media (min-width: 991px) and (max-width: 1200px) {
		section.video .caption {transform: translate(-50%, -60%);-webkit-transform: translate(-50%, -60%); }
	}

section.video .caption .titulo {font-size: 48px; font-weight: 600; color: #fff; margin-bottom: 0; padding-top: 50px; text-shadow: 0px 3px 0px #000; line-height: 120%;}
	@media (max-width: 479px) {
		section.video .caption .titulo {font-size: 20px; padding-top: 0;}
	}
	@media (min-width: 480px) and (max-width: 991px) {
		section.video .caption .titulo {font-size: 35px;}
	}

section.video .caption .subtitulo {font-size: 18px; font-weight: 300; color: #fff; padding-bottom: 30px; text-shadow: 0px 0px 7px #000;}
	@media (max-width: 479px) {
		section.video .caption .subtitulo {font-size: 16px; line-height: 120%;}
	}
	@media (min-width: 480px) and (max-width: 991px) {
		section.video .caption .subtitulo {font-size: 16px; line-height: 120%;}
	}

section.video video {background-size: cover; bottom: 0; height: auto; min-height: 100%; min-width: 100%; position: fixed;right: 0; width: auto; z-index: -10;}
section.video a {padding-top: 60px; color: #fff; margin-left: -30px; position: absolute; }
section.video a span {position: absolute; left: 50%; width: 30px; height: 50px; margin-top: 25px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box; }
section.video a span::before {position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box; }
	@-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0;} 40% { opacity: 1;} 80% { -webkit-transform: translate(0, 20px); opacity: 0;} 100% { opacity: 0;}}
	@keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0;} 40% { opacity: 1;} 80% { transform: translate(0, 20px); opacity: 0;} 100% { opacity: 0;}}

section.video .hbook-wrapper {width: 70%; display: block; margin: 0 auto; background: rgba(255,255,255,0.4); padding: 60px 60px 40px; border-radius: 15px;}
	@media (max-width: 768px) {
		section.video .hbook-wrapper {width: 100%; padding: 30px 30px 20px; }
	}
section.video .hbook-wrapper h3 {display: none}
section.video .hbook-wrapper label {display: none}
section.video .hb-check-dates-wrapper input, section.video .hb-people-wrapper select, section.video .hb-search-button-wrapper input {padding: 8px; border: 1px solid #fd6c00;  border-radius: 5px; }
section.video p.hb-check-dates-wrapper .hb-check-in-date:before {font-family: FontAwesome; content: "\f0e0";}
section.video .hb-search-button-wrapper input[type="submit"] {background: #fd6c00; border: 0; color: #fff; text-transform: uppercase;padding: 24px; font-size: 20px; position: relative; top: 0; }
section.video .hb-search-error {color: #000; font-size: 20px; font-weight: 400;}

/*mapa*/
section.mapa {position: absolute; width: 100%; height: 120px; margin: 0 auto; bottom: 0; transition: all ease-out 0.8s 0.3s; overflow: hidden; z-index: 3;}
section.mapa iframe {width: 100%; height: 100%; z-index: 3;}
section.open {height: 100%; transition: all ease-in 0.5s 0.2s;}
section.closed {height: 250px; transition: all ease-in 0.5s 1s}

.funcion {width: 100%; position: absolute; bottom: -1px; text-align: center; background: url('img/locate.png') no-repeat center bottom; height: 60px;}
.funcion span {position: absolute; color: #333; bottom: 2px; left: 50%; width: 200px; margin-left: -100px; text-align: center; font-size: 12px; font-weight: bold;}
.botonlink {width: 100%; height: 60px; margin: 0 auto; text-align: center; display: block; bottom: 0; z-index: 5; position: absolute;  }

/*destacados*/
section.destacados {background: #fff; padding: 55px 0;}
section.destacados .dest {text-align: center;}
section.destacados .dest img {padding: 15px 0 25px;}
section.destacados .dest .titulo {text-align: left; font-size: 18px;}
section.destacados .dest .texto {text-align: left; font-size: 13px;}
  @media (max-width: 768px) {
	section.destacados .dest .titulo {text-align: center;}
	section.destacados .dest .texto {text-align: center;}

  }

/*intro*/
section .intro { padding: 0 0 35px 0;}
  @media (max-width: 768px) {
	section .intro { padding: 0 15px 35px; text-align: center;}
  }
section .intro .titulo {font-size: 24px; color: #4d4d4d}
section .intro .subtitulo {font-size: 16px; color: #4d4d4d}

/*recomendados*/
section.recomendados {background: #fff; padding: 10px 0 55px;}
section.recomendados .dest {padding: 0}
section.recomendados .c-square { display: block; float: none; clear: both; position: relative; overflow: hidden; background-size: cover !important; margin-bottom: 15px; height: 250px;}
section.recomendados .c-square img { display: block; float: none; clear: both; width: 100%; height: 100%; }
section.recomendados .caption { position: absolute; z-index: 2; bottom: 0px; left: 0; width: 100%; padding: 0px 15px 35px; height: 80px; text-align: left;
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );  -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
section.recomendados .c-square:hover .caption {height: 100%; background: rgba(0,0,0,0.8); padding-top: 10px;}
section.recomendados .caption .titulo {color: #fff; font-size: 31px; margin-bottom: 0; padding-bottom: 0; /*position: absolute; bottom: 25px*/}
section.recomendados .caption .texto {color: #fff; font-size: 13px; margin-bottom: 50px; padding-bottom: 0; /*position: absolute; bottom: 10px*/}
section.recomendados .link {color: #fff; background: rgba(0,0,0,0.2); font-size: 24px; text-align: center; border: 3px solid #fff; border-radius: 5px; padding: 10px 20px; width: 150px; left: 50%; transform: translate(-50%, 0%); position: absolute; opacity: 0; }
section.recomendados .c-square:hover .link {opacity: 1; transition: all ease-in 0.3s 0.4s}

/*opiniones*/
section.opiniones {background: #fff; padding: 10px 0 55px;}
section.opiniones .dest {text-align: center;}
section.opiniones .dest img {padding: 15px 0 10px; border-radius: 50%; width: 130px; max-width: 100%;}
section.opiniones .dest .titulo {text-align: center; font-size: 16px; color: #7b7b7b;}
section.opiniones .dest .texto {text-align: left; font-size: 13px;}
section.opiniones .dest .locate {text-align: left; font-size: 12px; color: #7b7b7b;}
section.opiniones .dest .link {text-align: left; font-size: 13px; color: #fd6c00; display: block;}
	@media (max-width: 768px) {
		section.opiniones .dest {margin-bottom: 15px;}
		section.opiniones .dest .titulo, section.opiniones .dest .texto, section.opiniones .dest .locate, section.opiniones .dest .link {text-align: center; }
	}

/*cta*/
section.cta {text-align: center; padding-top: 50px; background: url(img/camara.jpg) no-repeat center fixed; background-size: cover; min-height: 600px; /* background: #ffffff; background: -moz-linear-gradient(45deg,  #ffffff 0%, #e7e7e7 100%); background: -webkit-linear-gradient(45deg,  #ffffff 0%,#e7e7e7 100%); background: linear-gradient(45deg,  #ffffff 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=1 ); border-bottom: 1px solid #e5e5e5;*/}
section.cta .titulo {font-size: 48px; font-weight: 300; color: #3f3f3f; margin-bottom: 0 }
section.cta .subtitulo {font-size: 23px; font-weight: 300; color: #3f3f3f; padding-bottom: 30px;}
section.cta img {margin-top: 55px; z-index: -80}
section.cta-contacto {background: url(img/bg-formulario.jpg) no-repeat center center /cover; text-align: center; padding: 25px}
section.cta-contacto .titulo {font-size: 48px; font-weight: 300; color: #fff; margin-bottom: 0; }
section.cta-contacto .subtitulo {font-size: 23px; font-weight: 300; color: #fff; padding-bottom: 10px;}

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
section.interior {padding: 0px 0 0; background: #fff; margin: 1rem auto 8rem auto;}
section.interior .titulo {font-size: 30px; color: #2c2c2c;} 
section.interior .subtitulo {font-size: 20px; color: #707070;} 
section.interior .buscador {border: 1px solid #dfdfdf; padding: 25px;}
section.interior .buscador .titulo {font-size: 24px;}

section.interior .buscador .hbook-wrapper {width: 90%; display: block; margin: 0 auto; background: rgba(255,255,255,0.4); padding: 30px 25px 20px; border-radius: 15px;}
	@media (max-width: 768px) {
		section.interior .buscador .hbook-wrapper {width: 100%; padding: 30px 30px 20px; }
	}
section.interior .buscador .hbook-wrapper h3 {display: none}
section.interior .buscador .hbook-wrapper label {display: none}
section.interior .buscador .hb-check-dates-wrapper input, section.interior .buscador .hb-people-wrapper select, section.interior .buscador .hb-search-button-wrapper input {padding: 8px; border: 1px solid #fd6c00;  border-radius: 5px; }
section.interior .buscador p.hb-check-dates-wrapper .hb-check-in-date:before {font-family: FontAwesome; content: "\f0e0";}
section.interior .buscador .hb-search-button-wrapper input[type="submit"] {background: #fd6c00; border: 0; color: #fff; text-transform: uppercase;padding: 24px; font-size: 20px; position: relative; top: 0; }
section.interior .buscador .hb-search-error {color: #000; font-size: 20px; font-weight: 400;}

/*--------------------------------------------------------------
# Page listado
--------------------------------------------------------------*/
section.listado .item {margin-bottom: 60px;}
section.listado .item .apartamento {font-size: 24px; margin: 0; color: #0c0d0d;}
section.listado .item .zona {font-size: 19px; color: #0c0d0d;}
section.listado .item .descripcion {font-size: 14px; color: #0c0d0d;}
section.listado .item .datos, .ficha .datos {font-size: 17px; color: #585858;}
section.listado .item .datos i, .ficha .datos i {padding: 0 5px 0 10px; color: #fd6c00; }
section.listado .item .info {margin-top: 25px;}
section.listado .item .info .valoracion {font-size: 16px; color: #3b3b3b; font-weight: bold;}
section.listado .item .info .ver {font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; background: #fd6c00; text-align: center; padding: 10px; border-radius: 10px; margin: 0 15px; display: inline-block;}
section.listado .item .info .ver:hover {color: #fff; background: #3b3b3b; transition: all linear 0.2s;}
section.listado .item .info .precio {text-align: right; font-size: 16px;}
section.listado .item .info .precio i {color: #222; padding: 0 5px;}
section.listado .item .info .precio .num {font-size: 45px; color: #fd6c00; font-weight: 700;}

/*--------------------------------------------------------------
# Page resultado
--------------------------------------------------------------*/
section.resultado .item .valoracion {font-size: 16px; color: #3b3b3b; font-weight: bold; text-align: right;}
section.resultado .item .info .precio {text-align: left; font-size: 18px; font-weight: bold; color: #313131;}
section.resultado .item .info .estancia {font-size: 14px; font-weight: bold; color: #414141;}
section.resultado .item .info .ver {float: left; margin: 23px 3px 5px;}
section.resultado .item .info {margin-top: 7px;}

/*--------------------------------------------------------------
# Page Ficha
--------------------------------------------------------------*/
.page-template-page-ficha header.cabecera-fija {position: relative;}

/*--------------------------------------------------------------
# Page Contacto
--------------------------------------------------------------*/
section.contacto {margin: 4rem auto 8rem auto;}
.gform_button {background: #fd6c00; border: 0; color: #fff; text-transform: uppercase;padding: 8px 24px; font-size: 20px; position: relative; top: 0; transition: 0.3s all ease-in; }
.gform_button:hover {background-color: #3b3b3b;}


/*portada*/
.page-template-page-ficha section.portada, .single-apartamentos section.portada {height: 450px; width: 100%; z-index: 1; top: 0;}
	@media (max-width: 480px) {
		.page-template-page-ficha section.portada, .single-apartamentos section.portada {margin-top: 0; height: 195px; background-size: contain !important;}
		.page-template-page-ficha section.interior {padding: 15px 0;}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		.page-template-page-ficha section.portada {}
	}

section.portada .bloquesocial .social {background: rgba(0,0,0,0.6); text-align: center; padding: 15px;}
section.portada .bloquesocial .social .puntuacion {font-size: 18px; color: #fff;}
section.portada .bloquesocial .social .puntuacion span {font-size: 30px; color: #fff; display: block;}
section.portada .bloquesocial .social i {font-size: 18px; color: #fd6c00;}
section.portada .bloquesocial .social .comentarios {font-size: 12px; color: #fff;}
section.portada .bloquesocial .share {padding-top: 7px;}
section.portada .bloquesocial .share p {font-size: 14px; color: #fff; float: left; padding-right: 10px; position: relative; top: 7px;}
section.portada .bloquesocial .share i {font-size: 30px; color: #fff;}

section.ficha .titulo {font-size: 30px; color: #585858; font-weight: bold; padding-bottom: 15px; line-height: 120%;}
section.ficha .titulo span {font-size: 23px; color: #585858; font-weight: 400;}
	@media (max-width: 480px) {
		section.ficha .titulo {display: block; text-align: center;}
		section.ficha .titulo span {display: block; text-align: center;}

	}


section.ficha .subtitulo {font-size: 24px; color: #383838;}

/*submenu*/
section.ficha .submenu {margin: 5px 0 5px; display: inline-block; background: #fff; z-index: 500; width: 100%; padding: 15px 15px; background: rgba(255,255,255,0.8); }
section.ficha .submenu li {float: left; list-style: none; text-transform: uppercase; font-weight: bold; padding: 0 10px; color: #585858; font-size: 18px;}
section.ficha .submenu li a {color: #585858;}
section.ficha .submenu li:after {content: '|'; padding-left: 10px; color: #fd6c00;}
section.ficha .submenu li:last-child:after {content: none;}
  @media (max-width: 1200px) {
	section.ficha .submenu li {font-size: 14px;}
  }
  @media (max-width: 480px) {
	section.ficha .submenu li {padding: 0 7px; text-align: center; }
	section.ficha .submenu li:after {content: none;}
  }

/*descripcion*/
section.ficha .descripcion {border-bottom: 1px solid #e5e5e5; clear: both; padding: 30px 0 15px 0;}

/*servicios*/
section.ficha .servicios {border-bottom: 1px solid #e5e5e5; clear: both; margin-bottom: 15px; padding: 30px 0 15px 0; color: #0c0d0d;}
section.ficha .servicios ul {list-style: none;}
section.ficha .servicios ul li {padding: 0; margin: 0;}
section.ficha .servicios ul li i {color: #fd6c00; padding: 0; margin: 0;}
section.ficha .servicios .adicional {color: #0c0d0d;}

/*fotos*/
section.ficha .fotos {border-bottom: 1px solid #e5e5e5; clear: both; margin-bottom: 35px; padding: 30px 0 15px 0;}
section.ficha .fotos li {margin-bottom: 25px;}

/*comentarios*/
section.ficha .comentarios {clear: both; margin-bottom: 35px; padding: 0px 0 15px 0;}
section.ficha .comentarios .item {margin-bottom: 15px;}
section.ficha .comentarios .item .nombre {font-weight: bold; font-size: : 17px; margin: 0; color: #383838; display: inline-block; padding-right: 10px;}
section.ficha .comentarios .item .fecha {font-size: 12px; margin: 0;}
section.ficha .comentarios .item .texto {font-size: 16px; margin: 0; color: #383838;}
section.ficha .comentarios i {color: #fd6c00; }
section.ficha .collapse .comentarios {border-bottom: 1px solid #e5e5e5; margin: 0; }
section.ficha .comentarios .more {/*display: none;*/ background: url(img/more.png) repeat-x center center rgba(255,255,255,0.8); width: 100%; text-align: center;  display: inline-block; margin: 15px 0;}
section.ficha .comentarios .collapsed { background: url(img/more.png) repeat-x center center rgba(255,255,255,0.8); width: 100%; display: inline-block; text-align: center; margin: 15px 0;}
section.ficha .comentarios .more span {text-align: center; color: #0c0d0d; background: #fff; font-size: 16px; padding: 0 7px; content: 'Ver menos comentarios' }
section.ficha .comentarios .more span:before {content: 'Ver menos comentarios' }
section.ficha .comentarios .collapsed span {text-align: center; color: #0c0d0d; background: #fff; font-size: 16px; padding: 0 7px; content: 'Ver más comentarios' }
section.ficha .comentarios .collapsed span:before {content: 'Ver más comentarios' }
section.ficha .comentarios .more:hover span {color: #fd6c00; }

/*ubicacion*/
section.ficha .ubicacion {border-bottom: 1px solid #e5e5e5; clear: both; margin-bottom: 35px; padding: 0px 0 15px 0;}
section.ficha .mapa iframe {width: 100%; }
section.map iframe {width: 100%;}

/*otros*/
section.otros .dest {padding-right: 15px; padding-left: 15px;}
section.otros .c-square { display: block; float: none; clear: both; position: relative; overflow: hidden; background-size: cover !important; margin-bottom: 15px; height: auto;}
section.otros .c-square img { display: block; float: none; clear: both; width: 100%; height: 100%; }
section.otros .caption { position: absolute; z-index: 2; bottom: 0px; left: 0; width: 100%; padding: 20px 0 0; height: 60px; text-align: left;
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );  -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
section.otros .c-square:hover .caption {position: absolute; z-index: 2; bottom: 0px; left: 0; width: 100%; padding: 20px 0 0; height: 60px; text-align: left;
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );  -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
section.otros .caption .comentarios {color: #fff;}
section.otros .caption .comentarios i {color: #fd6c00;}
section.otros .caption .precio {color: #fff;}
section.otros .caption .precio {text-align: right; font-size: 16px;}
section.otros .caption .precio i {color: #fff; padding: 0 5px;}
section.otros .caption .precio .num {font-size: 30px; color: #fff; font-weight: 700;}
section.otros .link {color: #fff; background: rgba(0,0,0,0.2); font-size: 24px; text-align: center; border: 3px solid #fff; border-radius: 5px; padding: 10px 20px; width: 150px; left: 50%; top: -20px; transform: translate(-50%, -140%); position: absolute; opacity: 0; }
section.otros .c-square:hover .link {opacity: 1; transition: all ease-in 0.3s 0.4s;}
section.otros .dest .info .titulo { font-size: 20px; color: #0c0d0d; }
section.otros .dest .info .subtitulo {font-size: 15px; color: #0c0d0d;}
section.otros .dest .info .datos, .ficha .datos {font-size: 14px; color: #585858;}
section.otros .dest .info .datos i, .ficha .datos i {padding: 0 5px 0 3px; color: #fd6c00; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
section.interior .sidebar {border: 1px solid #dfdfdf; padding: 0; margin-top: -121px;}
	@media (max-width: 768px) {
		section.interior .sidebar {display: none;}
	}

section.interior .sidebar .precio-flotante {text-align: right; font-size: 16px; background: rgba(0,0,0,0.8); display: inline-block; padding: 20px 40px 10px; width: 100%;}
section.interior .sidebar .precio {color: #fff; text-align: left; }
section.interior .sidebar .precio i {color: #fff; padding: 0 5px;}
section.interior .sidebar .precio .num {font-size: 30px; color: #fff; font-weight: 700;}
section.interior .sidebar .dudas {font-size: 20px; color: #0c0d0d; text-align: center; padding-bottom: 35px;}
section.interior .sidebar .dudas span {font-size: 15px; color: #0c0d0d; display: block; }

.fixed { position: sticky; top:-71px; right:0; float: right;}
	@media (max-width: 768px) {
		.fixed { position: relative; top:0; right:0;  }
	}

section.interior .sidebar .precio-flotante.none {opacity: 0; }
section.interior .fixed .precio-flotante.none {opacity: 1 !important; transition: all ease-in 0.2s 0.3s; text-align: center; }
	@media (max-width: 480px) {
		section.interior .sidebar .precio-flotante.none {display: none; }
		section.interior .fixed .precio-flotante.none {display: none;}
	}

section.interior .fixed .precio-flotante.none .precio {text-align: center; }

.miss {transform: translateY(150px;);}

.fixed-menu { position: sticky; top: 0px;}
  @media (max-width: 768px) {
	.fixed-menu {}
  }

.sidebar .hbook-wrapper {width: 100%; display: block; margin: 0 auto; background: rgba(255,255,255,0.4); padding: 35px 30px 30px; }
  @media (max-width: 768px) {
	.sidebar .hbook-wrapper {width: 100%; padding: 30px 30px 20px; }
  }
.sidebar .hbook-wrapper h3 {display: none}
.sidebar .hbook-wrapper label {display: none}
.sidebar .hb-check-dates-wrapper input, .sidebar .hb-people-wrapper select, .sidebar .hb-search-button-wrapper input {padding: 8px; border: 1px solid #fd6c00;  border-radius: 5px; }
.sidebar p.hb-check-dates-wrapper .hb-check-in-date:before {font-family: FontAwesome; content: "\f0e0";}
.sidebar .hb-search-button-wrapper input[type="submit"] {background: #fd6c00; border: 0; color: #fff; text-transform: uppercase;padding: 24px; font-size: 20px; position: relative; top: 0; }
.sidebar .hb-search-error {color: #000; font-size: 20px; font-weight: 400;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {background: #fff; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 30px 0;}
footer .titulo {font-size: 18px; color: #212121; font-weight: 400}
footer ul {list-style: none; padding: 0}
footer li a {color: #7f7f7f }
footer li a:hover {color: #fd6c00 }
footer .texto, footer li, footer .telefono, footer .email, footer .address {font-size: 14px; color: #7f7f7f;}
footer .link {color:#fd6c00; font-size: 14px; font-weight: 600; }
footer .link:hover {color: #fd6c00; transition: all ease-in 0.1s; text-decoration: none;}

.bottom {text-align: center; padding: 10px 0; background: #fff;}
.bottom p {font-size: 14px; color: #b2b2b2;}
.bottom p a, .bottom a{font-size: 14px; color: #b2b2b2;}

.bottom .copy a {text-decoration: underline;}
.bottom .menu_legales {display: flex; justify-content: center;}
.menu_legales li:not(:first-child)::before {content: " | "; margin-right: 3px; margin-left: 6px; color:#fd6c00;}
  


/*--------------------------------------------------------------
# Varios
--------------------------------------------------------------*/
.scrollup { width:40px; height:40px; opacity:0.5; position:fixed; bottom:50px; right:50px; display:none; text-indent:-9999px; background: url('img/icon_top.png') no-repeat;}
	@media (max-width: 768px) {
		.scrollup {width:100%; height:40px; text-align: center; opacity:1; margin: 0 auto; bottom:50px; right:50px; display:block !important; text-indent:-9999px; background: url('img/top.png') no-repeat center center #fd6c00; position: inherit;}
	}

.scrollup:hover {opacity: 0.9}
.os-animation{ opacity: 0;}
.os-animation.animated{ opacity: 1;}

#panel { position: fixed; top: -1000px; width: 100%; height: 200px; display: block; z-index: 680; background: rgba(255,255,255,0.85);  transition: all linear 0.5s 0.2s;}
#panel.open { position: fixed; top: 0; width: 100%; height: 100%; display: block; z-index: 680; background: rgba(255,255,255,0.85);  transition: all linear 0.4s;}
#panel .sidebar .hbook-wrapper {background: none; margin-top: 10%;}
#panel .sidebar .precio-flotante {text-align: right; font-size: 16px; background: rgba(0,0,0,0.8); display: inline-block; padding: 20px 40px 10px; width: 100%;}
#panel .sidebar .precio {color: #fff; text-align: center; }
#panel .sidebar .precio i {color: #fff; padding: 0 5px;}
#panel .sidebar .precio .num {font-size: 30px; color: #fff; font-weight: 700;}
#panel .sidebar .dudas {font-size: 20px; color: #585858; text-align: center; padding-bottom: 35px;}
#panel .sidebar .dudas span {font-size: 15px; color: #585858; display: block; }

#oculto {position: sticky; bottom: 10px; left: 2.5%; background: #fd6c00; color: #fff; padding: 17px 0; z-index: 700; width: 95%; border-radius: 7px; margin: 0 auto; text-align: center; display: block; font-size: 20px; text-transform: uppercase; }
#oculto:before {content: 'Reservar'; }
#oculto.open:before {content: 'Cerrar'; }



/* FORM CONTACTO */
.gform_body {
    max-width: 600px; 
    margin: 0 auto 2rem 0; 
    padding: 20px;
    background-color: #f8f8f8; 
    border: 1px solid #ddd; 
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
}

.gform_body input[type="text"],
.gform_body input[type="email"],
.gform_body input[type="tel"],
.gform_body textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    transition: border-color 0.3s ease-in-out;
}

.gform_body .validation_error {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

.gform_body .gfield_required_text {
    color: red;
    font-weight: bold;
}

.gform_body .gfield_consent_label {
    font-size: 14px;
}

.gform_body .gfield_consent_label a {
    text-decoration: underline;
    color: #fd6c00;
}

.gform-container .gfield_required.gfield_consent_label a {
    color: red;
}

@media (max-width: 480px) {
    .gform-container input[type="text"],
    .gform-container input[type="email"],
    .gform-container input[type="tel"],
    .gform-container textarea,
    .gform-container input[type="submit"] {
        width: 100%;
    }
}


/* FOOTER SUBVENCION */
.footer-subvencion {
	background-color: #fff;
	display: flex;
	flex-flow: wrap;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
	padding-top: 1rem;
}
.footer-subvencion .text span {
	font-size: 13px;
}
.footer-subvencion .logo-subvencion img {
	width: 100%;
	height: 100%;
	max-height: 35px;
}


@media (max-width: 991px) {
	.footer-subvencion {
		justify-content: center;
	}
}


@media (max-width: 359px) {
}
@media (min-width: 360px) and (max-width: 479px) {
}
@media (min-width: 480px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 849px) {
}
@media (min-width: 850px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}