@font-face {
    font-family: 'futura';
    src: url('../fonts/futura-bold-condensed-bt-webfont.eot');
    src: url('../fonts/futura-bold-condensed-bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-bold-condensed-bt-webfont.woff') format('woff'), url('../fonts/futura-bold-condensed-bt-webfont.ttf') format('truetype'), url('../fonts/futura-bold-condensed-bt-webfont.svg#futura_bdcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'californian';
    src: url('../fonts/califr-webfont.eot');
    src: url('../fonts/califr-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/califr-webfont.woff') format('woff'), url('../fonts/califr-webfont.ttf') format('truetype'), url('../fonts/califr-webfont.svg#californian_fbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fff;
    font-size: 18px;
}

p {
    margin-bottom: 0.65rem;
}

/* */

#main-ctn {
    box-shadow: 0 0 10px #000;
}

.header-info {
    background: transparent url(../images/fondo-logo.jpg) round;
    min-height: 129px;
    color: #fff;
}

.box-menu {
    border-bottom: 7px solid #fff;
}

.box-menu nav {
    z-index: 999;
}

button.navbar-toggler {
    margin: 0 auto;
    border: 1px solid rgb(255, 255, 255) !important;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

#main-ctn-home button.navbar-toggler {
    margin: 0 auto;
    border: 1px solid rgb(93, 122, 164) !important;
}
#main-ctn-home .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(93, 122, 164, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}



#top-menu-navbar {
    font: 24px/25px futura;
}

#top-menu-navbar a {
    color: #fff;
}

#top-menu-navbar .nav-link {
    padding: 5px 10px;
}

#top-menu-navbar .nav-item {
    margin: 0 5px;
}

#top-menu-navbar a:hover,
#top-menu-navbar a:focus,
#top-menu-navbar a:active {
    background-color: #fff;
    color: rgb(0, 14, 55);
    border-radius: 5px;
}

#footer-menu-navbar li {
    padding: 0 5px;
    background: transparent url(../images/fm-line.jpg) no-repeat right center;
}

#footer-menu-navbar li:last-child {
    background: none;
}

#footer-menu-navbar a {
    font-size: 14.5px;
    color: rgb(93, 122, 164);
}

#footer-menu-navbar a:hover,
#footer-menu-navbar a:focus,
#footer-menu-navbar a:active {
    text-decoration: underline;
    color: #194364;
}

.logo-top {
    margin-top: -34px;
}

.address-info {
    margin-top: 10px;
}

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

.bg-blue-line {
    background: transparent url("../images/blue-line.jpg") repeat-x 0 center;
    /*background-color: #5275A0;
    height: 21px;
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;*/
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 10px;
    font-weight: 500;
}

h2 {
    font-size: 24px;
    color: #333;
}

.bg-blue-line h1,
.bg-blue-line h2,
.bg-blue-line h3 {
    margin: 10px 15px;
    padding: 10px 15px;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: rgb(24, 67, 101);
    background-color: #fff;
    min-width: 40%;
}

.bg-blue-line h3 {
    margin: 5px;
    padding: 10px 15px;
    font-size: 20px;
    color: #5275A0;
}

form h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #428BCA;
}

.hotel-close {
    color: #fff;
    background-color: #428bca;
}

.hotel-close p {
    margin: 0;
    padding: 20px 15px;
}

.hotel-close a,
.hotel-close a:hover,
.hotel-close a:focus,
.hotel-close a:active {
    color: #fff;
}

.advantage {
    margin-top: 25px;
    margin-bottom: 20px;
}

.advantage h3 {
    margin-bottom: 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.advantage-info {
    padding: 20px 15px 15px;
    background-color: #f7f7f7;
}

.page-content:last-child {
    margin-bottom: 40px;
}

.footer-info {
    padding: 0 12px 26px;
    background-color: #f7f7f7;
}

.footer-info h3 {
    margin: 0 0 8px;
    font-size: 16px;
    color: #aaa;
    text-align: center;
}

.footer-info img {
    margin: 0 8px;
    max-height: 30px;
    opacity: 0.5;
}

.footer-info img:hover,
.footer-info img:focus,
.footer-info img:active,
.footer-info a:hover img,
.footer-info a:focus img,
.footer-info a:active img {
    opacity: 1;
}

.footer {
    padding-top: 7px;
    padding-bottom: 10px;
}

.footer p.copyright {
    margin-bottom: 0;
    text-align: center;
    color: #999;
    font-size: 13px;
}

/* */
.bg-blue-htr {
    background-color: #6679A1 !important;
}

/* override bootstrap */
.alert {
    font-size: 15px;
}

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

.input-group button,
.form-control {
    border: 1px solid #428BCA;
}

input.form-control.is-invalid[type="checkbox"],
input.form-control.is-invalid[type="radio"]{
    display: inline-block;
    width: auto;
}

.form-check.form-control.is-invalid .form-check-label {
    margin-left: 15px;
}

.btn-primary {
    background-color: rgb(82, 117, 160) !important;
    border: 1px solid rgb(106, 118, 155);
}

button.btn-primary:active,
button.btn-primary:hover,
button.btn-primary:focus,
a.btn-primary:active,
a.btn-primary:hover,
a.btn-primary:focus {
    border: 1px solid rgb(106, 118, 155);
}

/* end override bootstrap */

/* TODO: Fix in html code */
.fg-agree-terms {
    position: relative;
}

.fg-agree-terms label {
    font-weight: 700;
    color: #000;
}

a.agree-terms {
    display: inline-block;
    position: absolute;
    left: 120px;
    bottom: 0;
}

a.agree-terms.is-invalid {
    bottom: 31px;
}

form.newsletter .form-control,
form.newsletter [type="submit"] {
    border-radius: 0;
    height: 34px;
    font-size: 14px;
}

form.newsletter [type="submit"] {
    width: 120px;
    height: 34px;
    color: #fff;
    background-color: #777;
}

.box-haz-tu-reserva {
    margin: 0 0 0 15px;
    padding: 0 15px;
    background-color: #fff;
    width: 300px;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1030;
    box-shadow: -1px -1px 3px #333, 1px 1px 3px #333;
    font-size: 14px;
}

.box-htz-info {
    margin: 0 0 15px -15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgb(82, 117, 160);
    color: #fff;
    font-size: 14px;
    width: 300px;
}

.box-htz-info a {
    color: #fff;
}

.box-haz-tu-reserva .form-control,
.box-haz-tu-reserva [type="submit"],
.box-haz-tu-reserva button {
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #6A769B;
}

.box-haz-tu-reserva button {
    color: #fff;
    background-color: #6A769B;
}

.box-haz-tu-reserva .btn.btn-block {
    font-size: 18px;
    background-color: #5275A0;
}

#bid {
    background: #fff url(../images/botones-reserve_07.gif) no-repeat right center;
    height: 35px;
}

#ui-datepicker {
    z-index: 9999 !important;
}

#ui-datepicker-div.ui-widget {
    font-size: 0.87em;
}

.room-view {
    margin-top: 25px;
    margin-bottom: 35px;
}

h2.room {
    margin: 5px 0;
    padding-left: 5px;
    font-size: 22px;
    color: #036;
    text-transform: uppercase;
    border-top: 3px solid #C8CCD3;
    border-bottom: 3px solid #C8CCD3;
    line-height: 40px;
}

.c-room-b {
    min-height: 280px;
}

.c-room-b p {
    margin: 0;
    padding: 5px;
    color: #333;
    font-size: 16px;
    line-height: 20px;
}

/*button.btn.btn-pws,*/
.room-view a.btn {
    margin: 15px 15px 15px 0;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #5275A0;
    border-radius: 0;
    color: #fff;
}

.modal-content {
    border-radius: 0;
}

.breadcrumb {
    padding-top: 25px;
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
    font-size: 15.3px;
    color: rgb(66, 139, 202);
}

.breadcrumb-item.active {
    color: #333;
}

.breadcrumb a {
    color: rgb(66, 139, 202);
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
    color: #2a6496;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "»";
}

.ekko-lightbox .modal-header {
    padding-bottom: 0;
    border-bottom: none;
}

.ekko-lightbox h4.modal-title {
    font-size: 17px;
}

.lSSlideOuter .lSPager.lSGallery li {
    border: 1px solid #fff;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:active,
.lSSlideOuter .lSPager.lSGallery li:hover,
.lSSlideOuter .lSPager.lSGallery li:focus {
    border: 1px solid rgba(0,0,0,.7);
    border-radius: 0 !important;
}

.p-info-view a {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px #333, 1px 1px 1px #333;
    display: block;
    height: 100%;
}

.p-info-view a:focus strong,
.p-info-view a:active strong,
.p-info-view a:hover strong,
.p-info-view a:focus,
.p-info-view a:active,
.p-info-view a:hover {
    text-decoration: none;
    color: #FC3;
}

.p-info-view a:focus img,
.p-info-view a:active img,
.p-info-view a:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}


.p-info-view strong {
    margin-top: -35px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: block;
    line-height: 15px;
    height: 35px;
    position: relative;
}

.lSAction > a {
    opacity: 0.65 !important;
    background-color: #fff;
    border-radius: 18px;
    border: 1px solid #fff;
}
.lSAction > a:hover {
    opacity: 1 !important;
}

.ekko-lightbox i.fa {
    color: #428BCA;
    background-color: #fff;
    border-radius: 18px;
    border: 1px solid #fff;
}

.slider-container img {
    max-height: 500px;
}

/* home page */
#main-ctn-home {
    border: solid rgb(93, 122, 164);
    border-width: 1px 3px;
    height: 100%;
}

#main-ctn-home #top-menu-navbar .nav-item {
    margin: 0 15px;
}

#main-ctn-home #top-menu-navbar a {
    /*font-family: 'Yanone Kaffeesatz', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: rgb(93, 122, 164);
    text-transform: uppercase;
    padding: 5px 7px;
}

@media (max-width: 1449px) {
    #main-ctn-home #top-menu-navbar a {
        font-size: 18px;
        padding: 5px 0;
    }
    #main-ctn-home #top-menu-navbar .nav-item {
        margin: 0 10px;
    }
}
@media (min-width: 1500px) {
    #main-ctn-home #top-menu-navbar a {
        font-size: 20px;
    }
}
@media (min-width: 1600px) {
    #main-ctn-home #top-menu-navbar a {
        font-size: 23px;
    }
}

#main-ctn-home #top-menu-navbar a:hover,
#main-ctn-home #top-menu-navbar a:focus,
#main-ctn-home #top-menu-navbar a:active {
    background-color: #fff;
    color: rgb(0, 14, 55);
    border-radius: 5px;
}


#main-ctn-home .slider-container img {
    max-height: 700px;
}

.slider-logo {
    margin-top: -220px;
    padding: 0;
    width: 45%;
    max-height: 246px;
    position: absolute;
    z-index: 100;
}

#main-ctn-home .carousel-caption {
    text-shadow: 1px 2px #000;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

/* end home page*/
/* fix carousel blank space */

.carousel-item {
    opacity: 0;
    transition: opacity 0.9s ease !important;
}

.carousel-item-next,
.carousel-item-prev {
    left: 0 !important;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: none;
    transform: none;
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: none;
    transform: none;
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: none;
    transform: none;
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel-inner .carousel-item,
.carousel-inner .active.carousel-item-left,
.carousel-inner .active.carousel-item-right
{
   opacity:0;
}

.carousel-inner .active,
.carousel-inner .carousel-item-next.carousel-item-left,
.carousel-inner .carousel-item-prev.carousel-item-right
{
    opacity: 1;
}
/* carousel fade */

#main-ctn-home .slider-container .carousel-caption img {
    max-height: none;
}

legend.col-form-legend {
    font-size: 18px;
}