/* Developed entirely by staycreative.es */

/* Generals */
html, body{font-family: 'Open Sans', Helvetica, Arial, Sans-serif;color: #444;}
p{font-family: 'Open Sans', Helvetica, Arial, Sans-serif;color: #444;text-align: justify;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;color: #0b3954;text-transform: uppercase;font-weight: 700;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: 'Montserrat', sans-serif;}
:focus {outline: none;}

/* Buttons */
.button{border:2px solid #0b3954;font-family: 'Open Sans', serif;font-weight: 700;padding: 20px 30px;font-size: 1rem;margin-bottom: 0;text-transform: uppercase;background: none;color: #0b3954;font-family: 'Montserrat', sans-serif;}
.button:hover{border:2px solid #0b3954;}
.button.secondary{border:1px solid #0b3954;background-color: #0b3954;}
.button.secondary:hover{background-color: #072230;border:1px solid #072230;}
.button.third{border:none;background-color: white;color: #0b3954;}
.button.third:hover{border:none;background-color: #e1e2e3;color: #0b3954;}

/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(30, 30, 30, 0.5);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.section{padding: 10vh;}
.animate{opacity: 0;animation-duration: 1s;-webkit-animation-duration: 1s;}
.no-padding{padding: 0 !important;}
.pt5vh{padding-top: 5vh !important;}
.scrolloff{pointer-events: none;}
.dark-bg .menu-header{background-color: rgba(34,41,58,0.8);}
.mt-50{margin-top: 50px;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}

.dark-bg-color{background-color: #0b3954;}
.dark-bg-color p{color: white;}

/* Icons */
.icon{background-image: url(../img/pbv_sprite.svg);display: inline-block;}
.icon.es{background-position: 0 0;width: 22px;height: 17px;margin:-5px 0 0 0; }
.icon.en{background-position: -22px 0;width: 22px;height: 17px;margin:-5px 10px 0 0; }
.icon.mail{width: 14px;height: 18px;background-position: -17px -16px;vertical-align: middle;margin-top: -4px;margin-right: 3px;}
.icon.tel{width: 14px;height: 18px;background-position: 0px -16px;vertical-align: middle;margin-top: -4px;margin-right: 5px;}


/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(48,45,45,0.8);position: fixed;left: 0;bottom: 0;text-align: center;padding: 0;z-index: 997;}
#cookieMessage{width: 90%;padding: 3px 0 3px 0;margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 5px;color: white;text-align: center;}
#cookieMessage a{font-size: 12px;color: white;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #0b3954;margin-top: 6px;cursor: pointer;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #fff;top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 10px);left: calc(50vw - 100px);width: 200px;height: 20px;-webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;}
@-webkit-keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }
@keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }


.page-header{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw;background-color: rgba(48,45,45,0.5);background-blend-mode: multiply;min-height: 50vh;}
.page-header h1{position: relative;color: white;margin: 0;padding: 20vh 5vh 0;z-index: 2;font-family: 'Montserrat';font-size: 4rem;}
.page-header h1 span{display: block;font-size: 60%;}
.header-logo{position: relative;z-index: 1;background-image: url('../img/logo-pbv.svg');width: 300px;height: 32px;display: inline-block;background-repeat: no-repeat;background-size: contain;float: left;margin-top: 15px;}
/*.is-stuck .header-logo{margin-top: 8px;}*/

.intro{position: relative;}
.intro h2{text-align: center;color: #444;margin-bottom: 20px;}
.intro p{text-align: center;max-width: 800px;margin: 0 auto;}

  /* top-bar-menu */
  .top-bar-menu{position: relative; height: 40px;background-color: white;padding: 10px 0 10px 20px;background-color: #0b3954;}
  .tbm-left a{font-family: 'Montserrat', sans-serif;font-size: 0.8rem;margin-top: -4px;display: inline-block;vertical-align: middle;color: white;font-weight: 700;margin-right: 10px;}
  .tbm-left a:last-child:after{display: none;}
  .tbm-right a:before{content: "";display: inline-block;width: 20px;height: 40px;background-image: url('../img/pbv_sprite.svg');background-position: 0 -67px;position: absolute;left: -20px;top: 0;}
  .tbm-right a{float: right;font-family: 'Montserrat', sans-serif;font-size: 0.8rem;display: inline-block;color: white;font-weight: 700;background-color: #3d8dc1;    padding: 10px 20px;height: 40px;margin-top: -10px;position: relative;}
  .top-social{margin:0 0 0 20px;list-style-type: none;float: right;}
  .top-social li{display: inline-block;}

	/* Menu */
  .menu-header{ z-index: 3;width: 100%;height: 60px !important;}
  .menu-header .header-title-bar{width: 100%;background: none; padding: 0 2vh; -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;background-color: white;}
  .menu-header .header-title-bar.is-stuck{background-color: white; -webkit-transition: ease-in-out, background-color .35s ease-in-out;transition: ease-in-out, background-color .35s ease-in-out;}
  /*.menu-header .header-title-bar.is-stuck .top-bar {padding: .1rem .5rem 0;}*/
  .menu-header .header-title-bar.is-stuck .top-bar ul{margin-top: 1px;}
  .menu-header .header-title-bar.is-stuck .title-bar{margin-top: 9px;}
  .menu-header .title-bar{background: none; }
  .menu-container{width: calc(100% - 350px);display: inline-block;float: right;}
  .top-bar{background-color: transparent;}
  .top-bar ul{background-color: transparent;}
  .menu-header .menu a{font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-size: 1rem;font-weight: 700;color: #0b3954;padding: 0.7rem;}
  .menu-header .menu a:hover{color: #302D2D;}
  .menu-header .header-title-bar a{color: #0b3954;}
  .menu-header .header-title-bar a:hover{color: #302D2D;}
  .menu-header .menu li{padding: 0.2rem 0;}
  .menu-header .menu li ul{background: #0b3954;border: 0;min-width: 50px;}
  .menu-header .menu li ul a{color: #fff;}
  .menu-header .menu li ul a:hover{color: #302D2D !important;}
  .menu-text.active a{background: none;position: relative;}
  .menu-text.active a:after{content: "·";font-weight: 700;display: block;position: absolute;bottom: 0;right: 0 !important;left: 20px;}
  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{border-color: #0b3954 transparent transparent;}
  .header-title-bar.is-stuck .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after{border-color: #0b3954 transparent transparent;}
  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:hover:after{border-color: #302D2D transparent transparent !important;}
  .menu-header .header-title-bar.is-stuck .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:hover:after{border-color: #0b3954 transparent transparent;}
  #google_translate_element .goog-te-menu-value{margin: 0;padding-left: 0;padding-right: 0;}
  #google_translate_element .goog-te-menu-value span{font-size: 0.8rem;}
  #google_translate_element .goog-te-gadget-simple{border:0;}

  .dfto{font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-size: 1rem;font-weight: 700;color: #0b3954;padding: 0.7rem;padding-right: 20px !important;}

/* Index */
  .home-header{position: relative;background-repeat: no-repeat;background-position: bottom center;background-size: cover;width: 100vw;height: calc(80vh - 110px);}
  .owl-carousel .owl-stage-outer{width: 100%;}
  .home-slide{height: calc(80vh - 110px);position: relative;background-size: cover;background-position: center;}
  .owl-prev{display: block;position: absolute;z-index: 1;width: 34px;height: 34px;left: 20px;top: calc(50% - 17px);background-image: url('../img/pbv_sprite.svg');background-position: 0 -33px;font-size: 0;}
  .owl-next{display: block;position: absolute;z-index: 1;width: 34px;height: 34px;right: 20px;top: calc(50% - 17px);background-image: url('../img/pbv_sprite.svg');background-position: -34px -33px;font-size: 0;}
  .home-slide h2{color: white;text-transform: uppercase;font-family: 'Montserrat';z-index: 1;text-align: right;position: absolute;bottom: calc(3vh + 43px);right: 3vh;font-weight: 700; text-shadow: 2px 3px 5px rgba(0,0,0,0.5);}
  .home-slide h3{color: white;text-transform: uppercase;font-family: 'Montserrat';z-index: 1;text-align: right;position: absolute;bottom: 3vh;right: 3vh;font-weight: 700; margin-bottom: 0;width: calc(100% - 5vh);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-shadow: 2px 3px 5px rgba(0,0,0,0.5);}
  .home-houses{position: relative;}
  .home-houses ul{margin: 0;border:1px solid white;flex: left;}
  .home-houses ul li{list-style-type: none;position:relative;border:1px solid white;height: calc(20vh - 4px);opacity: 0.8;-webkit-transition: ease-in-out, opacity .35s ease-in-out;transition: ease-in-out, opacity .35s ease-in-out;}
  .home-houses ul li:hover, .home-houses ul li.active{opacity: 1;}
  .home-houses ul li h6{position: absolute;bottom: 0;right: 0;width: 100%;text-align: right;margin: 0;color: white;background-color: rgba(11,57,84,0.5);padding: 20px;}
  .home-houses ul li:hover h6, .home-houses ul li.active h6{background-color: rgba(11,57,84,0.9);}
  .hh-img{background-size: cover;background-position: center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
  .single-property .home-houses ul li .hh-img{filter: grayscale(100%);}
  .single-property .home-houses ul li:hover .hh-img{opacity: 1;}
  .single-property .home-houses ul li.active .hh-img{filter: inherit;opacity: 1;}
  .single-property .home-header{z-index:0;}
  .single-property .header-logo {z-index: 0;}

  .home-intro h1{text-align: center;font-weight: 700;}
  .home-intro h1:after{content: "";display: block;width: 50px;height: 10px;background-color: #3d8dc1;margin: 20px auto;}
  .home-intro p{text-align: center;max-width: 700px;margin:20px auto;}

  .home-highlights{background-color: #0b3954;}
  .hhl {padding: 3%;}
  .hhl h4:before{content: "";width: 65px;height: 65px;margin: 20px auto;border:1px solid #3d8dc1;display: block;background-image: url('../img/pbv_sprite.svg');}
  .hhl-1 h4:before{background-position: 0 -110px;}
  .hhl-2 h4:before{background-position: -65px -110px;}
  .hhl-3 h4:before{background-position: -130px -110px;}
  .hhl h4{color: white;text-align: center;font-size: 1.2rem;}
  .hhl p{color: white;text-align: center;}

  .home-thumbs{position: relative;height: calc(100vh - 100px);min-height:800px;background-size: cover;background-repeat: no-repeat;}
  .home-thumbs img{width: 100%;max-width: none;}
  .home-thumbs .large-8{background-size: cover;background-position: center;}
  .ht-info{padding: 5vh;position: relative;padding-bottom: calc(5vh + 76px);height: calc(100vh - 100px);min-height:800px;background-color: rgba(255,255,255,0.8);}
  .ht-info h3{color: #3d8dc1;}
  .ht-info h5{color: #0b3954;}
  .ht-info p{padding: 30px 0;}
  .ht-info .button{background-color: #0b3954;border: 0;border-radius: 0;color: white;padding: 30px;position: absolute;left: 0;bottom: 0;}
  .ht-info .button:hover{background-color: #3d8dc1;border:0;}
  .ht-price{color: #3d8dc1;font-weight: 700;font-size: 2rem;font-family: 'Montserrat';display: block;text-transform: uppercase;}
  .ht-perweek{color: #3d8dc1;font-weight: 700;font-size: 1rem;font-family: 'Montserrat';display: block;text-transform: uppercase;}
  .home-thumbs ul{margin: 20px auto;}
  .home-thumbs ul li{list-style-type: none;display: inline-block;}
  .ht-guests{border:1px solid #0b3954;padding: 6px;height: 40px;width: 40px;text-align: center;position: relative;margin-left: 40px;margin-right: 10px;}
  .ht-guests:before{content: "";width: 40px;height: 40px;display: inline-block;background-image: url('../img/pbv_sprite.svg');background-position: 0 -175px;position: absolute;left: -40px;top: -1px;background-color: #0b3954;}
  .ht-beds{border:1px solid #0b3954;padding: 6px;height: 40px;width: 40px;text-align: center;position: relative;margin-left: 40px;margin-right: 10px;}
  .ht-beds:before{content: "";width: 40px;height: 40px;display: inline-block;background-image: url('../img/pbv_sprite.svg');background-position: -40px -175px;position: absolute;left: -40px;top: -1px;background-color: #0b3954;}
  .ht-baths{border:1px solid #0b3954;padding: 6px;height: 40px;width: 40px;text-align: center;position: relative;margin-left: 40px;}
  .ht-baths:before{content: "";width: 40px;height: 40px;display: inline-block;background-image: url('../img/pbv_sprite.svg');background-position: -80px -175px;position: absolute;left: -40px;top: -1px;background-color: #0b3954;}

  /* single property */
  .tabs{border:0;margin-bottom: 20px !important;}
  .tabs-content{border:0;}
  .tabs-title{width: calc(16% - 20px);text-align: center;margin: 10px !important;}
  .tabs-panel{-webkit-transition: opacity .35s ease-in-out;transition: opacity .35s ease-in-out;animation: grow .3s ease-in-out;-webkit-animation: grow .3s ease-in-out;height: 0;display: block;overflow: hidden;padding: 0;}
  .tabs-panel.is-active{height: auto;padding: 1rem;}
  @keyframes grow {
    0% {display: none;opacity: 0;}
    1% {display: block;opacity: 0;}
    100% { opacity: 1;}
  }
  .menu--antonio .menu__item::before, .menu--antonio .menu__item::after, .menu--antonio .menu__link::before, .menu--antonio .menu__link::after{background-color: #0b3954 !important;}
  .menu--antonio .menu__link{background-color: transparent;padding: 20px 10px !important;}
  .menu--antonio .is-active .menu__link{background-color: transparent;color: #0b3954 !important;}


      /* Calendari */
    .pv-prices{padding: 10vh 5vh 0;}
    .disponibilidad .pricing-table{position: relative;margin: 20px 0;}
    .disponibilidad .pricing-table li{list-style-type: none;margin: 0 20px;}
    .disponibilidad .pricing-table .title{text-align: center;background: #0b3954;color: white;font-family: "Open Sans";padding: 5px;text-transform: uppercase;font-weight: 700;}
    .disponibilidad .pricing-table .bullet-item{text-align: center;padding: 5px;font-size: 0.8rem;}
    .disponibilidad .pricing-table .bullet-item b{font-size: 1rem;}

    .disponibilidad .calendari table{border:0;width:100%;margin-left: auto; margin-right: auto; margin-bottom: 0;}
    .disponibilidad .calendari table tbody{border: 0;}
    .disponibilidad .calendari table tbody tr:nth-child(even){background-color: transparent;}
    .disponibilidad .cal_mesos{width:24%;margin:10px 1% 10px 0;float:left;font-size:14px;font-family: "Open Sans", Arial, Helvetica, sans-serif;min-height: 305px;}
    .disponibilidad .cal_mes{width:100%;padding:8px 0;text-align:center;color:#fff; background-color: #3d8dc1;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;}
    .disponibilidad .cal_dies{border-spacing: 0;}
    .disponibilidad .cal_td{height:auto;width:14.2857%;text-align:center;font-family:"Open Sans"; padding:2px 0 5px;font-weight: 700;}
    .disponibilidad .cal_td_num{width:14.2857%;height:38px;text-align:center;padding:8px 0;position: relative;border: 1px solid white;border-left: 0;border-right: 0;z-index: 1;}
    .cal_td_num.busy{color: #072230; font-weight: 700;}
    .cal_td_num.busy.incoming{color: #072230; font-weight: 700;}
    .cal_td_num.outcoming{color: #072230; font-weight: 700;}
    .cal_td_num.outcoming.incoming{color: #072230; font-weight: 700;}

    .cal_td_num.busy:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%; background-image: url('../img/calendar-icon-1.png');background-size: 100%; z-index: -1;}
    .cal_td_num.busy.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-2.png');background-size: 100% 100%; z-index: -1;}
    .cal_td_num.outcoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-3.png');background-size: 100% 100%; z-index: -1;}
    .cal_td_num.outcoming.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-4.png');background-size: 100% 100%; z-index: -1;}

    .backend .calendari{width: 910px;margin: 0 auto;}
    .backend .calendari table{border:0;}
    .backend .cal_mesos{width:210px;margin:10px 1% 10px 0;float:left;font-size:14px;font-family: "Open Sans", Arial, Helvetica, sans-serif;}
    .backend .cal_mes{width:100%;padding:8px 0;text-align:center;color:#fff;margin-bottom:10px; background-color: #0b3954;font-weight: 700;text-transform: uppercase;}
    .backend .cal_dies{border-spacing: 0;}
    .backend .cal_td{width: 30px;height: 30px;text-align:center;font-family:"Open Sans"; padding:2px 0 5px;font-weight: 700;}
    .backend .cal_td_num{width: 30px;height: 30px;text-align:center;padding:6px 0;position: relative;}
    
    .busy-date{display: inline-block;font-family: "Open Sans", Arial, Helvetica, sans-serif;float:right;}
    .busy-date:before{content: "";width: 15px;height: 15px;display: inline-block;margin-left: 10px;background: rgba(61,141,193,1);}
    .incoming-date{display: inline-block;font-family: "Open Sans", Arial, Helvetica, sans-serif;float:right;}
    .incoming-date:before{content: "";width: 15px;height: 15px;display: inline-block;background: rgba(61,141,193,0.6);}
    .outcoming-date{display: inline-block;font-family: "Open Sans", Arial, Helvetica, sans-serif;float:right;}
    .outcoming-date:before{content: "";width: 15px;height: 15px;display: inline-block;margin-left: 10px;background: rgba(61,141,193,0.6);}
    .pending-date{display: inline-block;font-family: "Open Sans", Arial, Helvetica, sans-serif;}
    .pending-date:before{content: "";width: 15px;height: 15px;display: inline-block;margin-left: 10px;background: #0b3954;}

    /* presentacio */
    .presentacion p{padding-right: 40px;margin-bottom: 20px;}
    .presentacion h3{margin-bottom: 40px;color: #3d8dc1;padding-right: 40px;}
    .callout{background-color: #3d8dc1;border-radius: 0;border:0;padding: 40px;margin-bottom: 0;}
    .callout h5{color: white;font-size: 1rem;}
    .callout p{color: white;font-size: 0.8rem;padding: 0 !important;}
    .call-to-enquire{background-color: #0b3954;color: white;font-family: 'Montserrat';text-transform: uppercase;font-weight: 700;display: block;padding: 20px;text-align: center;cursor: pointer;-webkit-transition: ease-in-out, background-color .35s ease-in-out;transition: ease-in-out, background-color .35s ease-in-out;margin-bottom: 40px;}
    .call-to-enquire:hover{background-color: #072230;}
    .sp-attributes{margin: 20px auto;width: 100%;}
    .sp-attributes li{list-style-type: none;margin-bottom: 10px;font-size: 0.8rem;}
    .sp-attributes li:before{content: "";width: 22px;height: 18px;display: inline-block;vertical-align: middle;margin-top: -2px;background-image: url('../img/pbv_sprite.svg');background-position: -67px 0;margin-right: 5px;}
    .sp-attributes li:last-child{float: left !important;}

    .sp-details{padding: 1vh;}
    .sp-details li{list-style-type: none;padding: 10px 0;border-bottom: 1px solid #0B3954;font-size: 0.8rem;}
    .sp-details li:last-child{border: 0;}
    .sp-details li:before{content: "";display: inline-block;width: 30px;height: 30px;background-image: url('../img/pbv_sprite.svg');vertical-align: middle;margin-right: 10px;margin-left: 10px;}
    .sp-localization:before{background-position: 0 -220px;}
    .sp-bedroom:before{background-position: -30px -220px;}
    .sp-bathroom:before{background-position: -60px -220px;}
    .sp-guests:before{background-position: -90px -220px;}

    .spa-container{margin-top: 30px;}

    /* preus */
    .precios table{width: 100%;}
    .precios table thead{background-color: #3d8dc1;color: white;border:1px solid #3d8dc1;}
    .precios table thead tr{color: white;}
    .precios table.hover thead tr:hover{background-color: #3d8dc1;}
    .precios table th, .precios table td{padding: 10px;text-align: right;}
    .precios table tr td:first-child, .precios table tr th:first-child{text-align: left;}
    .tp-container{padding-right: 40px;overflow-x: auto;}
    .tabla-precios{width: 100%;min-width: 510px;}
    /*#doce_dos, #trece_dos, #catorce_dos{max-width: 500px;}
    #doce_tres, #trece_tres, #catorce_tres{max-width: 750px;}
    #doce_cuatro, #trece_cuatro, #catorce_cuatro{max-width: 1000px;}*/

    /* galeria */
    #galeria-list a{border:5px solid white;background-position: center;background-size: cover;}
    #galeria-list a:last-child{float: left;}

    /* video */
    .video{text-align: center;}
    iframe.sp-video{margin-bottom: 30px ;width: 100%;max-width: 640px;}

    /* mapa */
    #map-container{width: 100%;}
    #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}

    /* contacte */
    .contacto-page .page-header{background-image: url('../img/bg-contacto.jpg');}
    .page-header a{padding: 0 6vh;color: white;font-weight: 700;}
    .contacto p{margin-left: 10px;}
    .contacto a{color: #444;font-weight: 700;margin-left: 10px;}

    .contact-info p{text-align: center;padding: 0 40px;margin-bottom: 0;font-weight: 700;}
    #form_contacta label{margin: 0 10px;}
    #form_contacta label b{color: #0B3954;font-size: 0.8rem;}
    input[readonly], #form_contacta input[type=text],#form_contacta input[type=email],#form_contacta input[type=number],#form_contacta select,#form_contacta textarea{padding: 20px;border: 1px solid #0B3954;box-shadow: none;border-radius: 0;height: auto;background-color: white;cursor: default;}
    #form_contacta select{padding-right: 30px;}
    #form_contacta .g-recaptcha{float: left;}
    #form_contacta .button{border-radius: 0;margin: 10px;}

    #form_contacta small{margin: 10px 0 10px 10px;display: block;}
    #legal{margin:10px 0 10px 10px;}
    #form_contacta a{font-weight: 700;}
    #label_legal{width: calc(100% - 50px);vertical-align: top;margin-top: 4px !important; color: #072230;}
    #label_legal a {margin-left: 0; color: #072230;}


  /* cookies i aviso legal */
  .cookies .header{background-image: url('../img/bg-cookies.jpg');background-position: center 20%;}
  .legal .header{background-image: url('../img/bg-legal.jpg');background-position: center 20%;}

  /* footer */
  footer{background-color: #072230;padding-bottom: 2vh !important;}
  footer p{color: white;}
  .footer-logo img{width: 80%;max-width: 350px;}
  .social-menu{text-align: center;}
  .social-menu h5{color: white;font-family: 'Montserrat';margin-bottom: 10px;}
  .social-menu ul{width: 80px;margin: 0 auto;}
  .social-menu li{list-style-type: none;display: inline-block;}
  .social-menu li a{display: block;}
  .footer-menu ul{margin: 0 0 40px;list-style-type: none;}
  .footer-menu ul li{font-family: 'Montserrat';text-transform: uppercase;text-align: right;}
  .footer-menu ul li a{color: white;}
  .footer-menu ul li a:hover{color: #ccc;}
  .footer-submenu{float: right;list-style-type: none;}
  .footer-submenu li{display: inline-block;}
  .footer-submenu li a{color: white;font-size: 0.8rem;}
  .footer-submenu li a{color: #eee;}
  .footer-submenu li:after{content: " · ";display: inline-block;margin: 0 2px 0 5px;color: white;}
  .footer-submenu li:last-child:after{display: none;}
  .copyright{float: left;font-size: 0.8rem;}
  .autor{float: right;color: white;font-size: 0.8rem;}
  .autor a{color: white;font-weight: 700;}


/* Media queries */
@media only screen and (min-width: 64em){
  /*.menu-header {top: 40px;position: fixed;}*/
	/*.top-bar-menu{position: fixed;width: 100%;z-index: 4;top: 0;}*/
  .ht-img{background-image: none !important;}
}


@media only screen and (max-height: 64em){
  .home-header{height: calc(100vh - 110px);}
  .home-slide{height: calc(100vh - 110px);}
  .home-houses ul li{height: calc(35vh - 4px);}
}

@media only screen and (max-width: 75em){
  .header h1{font-size: 2.2rem;}
  .ht-info {padding-left: 3vh;padding-right: 3vh;}
}


@media only screen and (max-width: 63.938em){ /* 1024 px */
  .title-bar{float: right;color: #0b3954;width: 100px;margin-top: 13px !important;}
  .menu-icon:after {background: #0b3954;box-shadow: 0 7px 0 #0b3954,0 14px 0 #0b3954;}
  .menu-icon:hover:after {background: #0047ab;box-shadow: 0 7px 0 #0047ab,0 14px 0 #0047ab;}
  .menu-container{width: 100%;margin-top: -38px;}
  .top-bar .top-bar-right{width: 100%;margin-top: 40px;}
  .menu-header .menu li ul {background: white;}
  .menu-header .menu li ul a{color: #0b3954;}
  .menu-header .menu li ul a:hover{text-align: left;color: #0047ab;}
  .tabs-title{width: calc(33.3333% - 21px);}
  .home-houses ul li{height: calc(50vh - 4px);max-height: 300px;}
  .home-slide, .home-header{height: calc(100vh - 128px);}
  .home-thumbs{background-image: none !important;height: auto;}
  .ht-info{min-height: auto;}
  .ht-small{background-size: cover;background-position: center;}
  .tp-container{padding-right: 0;}
  .presentacion p{padding-right: 0;}
  .presentacion h3{padding-right: 0;}
  .disponibilidad .cal_mesos{width: 49%;}
  .home-thumbs, .home-highlights{border-bottom: 2px solid white;}

  .ht-img{background-position: center;background-size: cover;height: 80vh !important;}
  .ht-info{height: auto;}
  .pom{padding: 20px !important;}

  body{top: 0 !important;}
  .skiptranslate{display: none !important;}

}

@media only screen and (max-width: 48em){ /* 768 px */
  
  .header-logo{max-width: 300px;width: calc(100% - 120px);background-position: center;}
  .section{padding: 10%;}
  .menu-header .title-bar {margin-top: 5px !important;}
  .top-bar .google-link{display: none !important;}
  .home-header, .home-thumbs{display: none !important;}
  .dfto{display: none !important;}
  .home-highlights{border-bottom: 0;}


}

@media only screen and (max-width: 39.938em){/* 640 px */
  .br-small{display: none;}
  .header h1{font-size: 1.5rem;} 
  .home-header h1{padding-top: 10vh;font-size: 1rem;}
  .tabs-title{width: calc(50% - 20px);}
  .presentacion p{padding: 0;}
  .presentacion h3{margin-bottom: 10px;}
  .top-bar-menu{height: 80px;padding: 0;}
  .tbm-left{text-align: center;height: 40px;display: block;padding-top: 10px;}
  .tbm-right{float: none !important;display: block;height: 40px;}
  .tbm-right a{width: 100%;text-align: center;float: none;margin-top: 0;}
  .tbm-right a:before{display: none;}
  .sp-details{margin-left: 0;}
  .disponibilidad .cal_mesos{width: 100%;}
  .footer-logo{margin-bottom: 30px;display: block;}
  /*.precios table td{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
  .pom{padding: 1%;}

}

@media only screen and (max-width: 400px){
  .tabs-title{width: calc(100% - 20px);}
}

@media only screen and (max-width: 360px){
  .top-bar-menu {height: 105px;}
  .tbm-left {height: 65px;}
  .tbm-left a{display: block;margin: 3px;}
}