#header {
    background: #001c28;
    top: 0;
    height: 150px;
}

#header .logo img {
    max-height: 137px;
    height: 137px;
}

#preloader:before {
    border: 6px solid #0f222d;
    border-top-color: #068ac7;
}

.nav-menu{
    margin-top: 58px;
}

.nav-menu > ul > li {
    padding: 10px 0 10px 10px;
}

#header .logo {
    margin-right: 25px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1235px !important;
}

.modal {
    z-index: 9999;
}

.nav-menu a {
    display: block;
    color: #fafbf9;
    font-size: 20.32px;
    letter-spacing: -0.001rem;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

.nav-menu .menulanguage a {
    color: #fafbf9;
    font-size: 15.24px;
    letter-spacing: 0.05rem;
    font-family: "Roboto_bold", sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: #068ac7;
}

.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .active > a:before {
    visibility: hidden;
}

#footer .footer-top {
    background: #001c28;
}

#footer {
    color: #ffffff;
    font-size: 15.24px;
    background: #001c28;
    padding: 0;
    font-family: "Roboto_medium", sans-serif;
}

#footer .footer-top .footer-contact p {
    font-size:  15.24px;
    line-height: 18.24px;
    letter-spacing: -0.005rem;
    font-family: "Roboto_medium", sans-serif;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer .footer-top .footer-contact h3 {
    font-size: 22.86px;
    font-family: "Roboto_medium", sans-serif;
    color: #9ac531;
    letter-spacing: -0.005rem;
    font-weight: normal;
}

.linegreeen{border-top: 2px solid #068ac7}

#footer .footer-top .footer-links ul li {
    padding-top: 0;
}

.section-title h2 {
    background: #fff;
    color: #0f222d;
    font-size: 35.56px;
    line-height: 35.56px;
    font-family: "Roboto_bold", sans-serif;
    text-transform: none;
    letter-spacing: -0.01rem;
    font-weight: normal;
}

.section-title h2 span {
    color: #068ac7;
}

body {
    font-family: "Roboto_medium", sans-serif;
    color: #4e4d4d;
    font-size: 22.86px;
}

.dropdown-menu {
    padding: .5rem .5rem;
    background-color: #001c28;
}

@media (min-width: 1024px){
    .section-title p {
        width: 62%;
    }
}

.pagepropia .section-title p {
    font-family: "Roboto", sans-serif;
}

.section-title p {
    font-size: 20.78px;
    line-height: 25.4px;
    letter-spacing: 0.025rem;
    font-weight: normal;
}

.pricing .box h3 {
    margin: -10px -20px 5px -20px;
    line-height: 30.4px;
    padding-bottom: 0px;
    font-size: 30.40px;
    font-weight: normal;
    color: #0f222d;
    letter-spacing: -0.01rem;
    background: none;
    font-family: 'Roboto_bold';
}

.boxprice p {
    font-family: 'Roboto_medium';
    font-size: 20.32px;
    line-height: 22.32px;
    color: #4e4d4d;
}

.boxprice p i{
    font-family: 'Roboto_black_italic';
    font-size: 17.72px;
    line-height: 17.72px;
    color: #4e4d4d;
}

.team .member {
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.68);
}

.php-email-form{
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.68);
    padding: 35px 55px;
}

.php-email-form input{
    font-family: Roboto_medium, sans-serif;
    font-size: 17.54px;
    color: #545454;
    letter-spacing: -0.0005rem;
    border-color: #9ac531;
    border-radius: 10px;
}

.php-email-form input[type="checkbox"], .php-email-form input[type="radio"]{
    position: absolute;
    right: 9000px;
}

/*Check box*/
.php-email-form  input[type="checkbox"] + .label-text:before{
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    speak: none;
    border: 2px solid #9ac531;
    border-radius: 50%;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1.3em;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}

.php-email-form  input[type="checkbox"]:checked + .label-text:before{
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    background: #9ac531;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1.3em;
    display: inline-block;
    margin-right: 5px;
}

.php-email-form h5 , .btn-wrap h5 {
    font-style: normal;
    font-size: 45.72px;
    letter-spacing: -0.005rem;
    line-height: 45.72px;
    color: #9ac531;
    text-align: center;
    font-family: "Roboto_black", sans-serif;
}

.php-email-form .validate {
    display: none;
    color: red;
    margin: 0 0 15px 0;
    font-weight: 400;
    font-size: 13px;
}

.php-email-form input[type="checkbox"]:disabled + .label-text{
    color: #aaa;
}

.php-email-form input[type="checkbox"]:disabled + .label-text:before{
    content: "\f0c8";
    color: #ccc;
}

.team .member .member-info p {
    font-style: normal;
    font-size: 15.24px;
    letter-spacing: -0.005rem;
    line-height: 20.24px;
    color: #010000;
}

.team .member .member-info h5 {
    font-style: normal;
    font-size: 22.86px;
    letter-spacing: -0.005rem;
    line-height: 22.86px;
    color: #0f222d;
    text-align: center;
    font-family: "Roboto_black", sans-serif;
}

.team .member .member-info p strong{
    font-family: "Roboto_black", sans-serif;
}

.team .btn-wrap {
    margin: -15px -20px -20px -20px;
    padding: 20px 15px;
    text-align: center;
}

.fondo{
    background-color: #0f222d;
}

.fondo .section-title h2 {
    background: none;
    color: #fff;
}

.fondo  p {
    color: #d5d4d4;
}

.pricing .btn-buy, .btn-buy, #wizardreserva .btn {
    background: #068ac7;
    display: inline-block;
    padding: 8px 35px 10px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 22.86px;
    letter-spacing: -0.005rem;
    line-height: 22.86px;
    font-family: "Roboto_medium", sans-serif;
    font-weight: normal;
    transition: 0.3s;
    width: 100%;
    max-width: 515px;
    border: none;
}

.btn-buy:hover, .pricing .btn-buy:hover, #wizardreserva .btn:hover {
    background: #001c28;
    color: #fff;
}

.formoscuro button:hover, .modal-body .btn-buy:hover {
    background: #fff;
    color: #001c28;
}

.stepy-step .input-group-text {
    color: #fff;
    background-color: #3c4787;
}

.contiene p {
    font-family: "Roboto_medium", sans-serif;
    color: #0f222d;
    font-size: 12.24px;
    text-transform: uppercase;
}

h5.precicio {
    color: #0f222d;
    font-family: "Roboto_black", sans-serif;
    text-align: center;
    font-size: 22px;
    margin-bottom: -25px;
    margin-top: 35px;
}

.contiene p strong {
    font-family: "Roboto_black", sans-serif;
    color: #068ac7;
}

.table-hover tbody tr:hover {
    background-color: rgba(97,120,251,.075);
}

.help-block{color: red}

.opacytitext{
    opacity: 0.73;
    filter: alpha(opacity=73);
}

.opacytitext52{
    opacity: 0.52;
    filter: alpha(opacity=52);
    text-align: center;
}

.firstmargin{margin-top: 150px}
.pricing .box {
    box-shadow:none;
}

#hero {
    background: url("../img/banner.jpg") no-repeat top center;
    -webkit-background-size: cover;           /* Safari 3.0 */
    -moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;           /* Opera 9.5 */
    background-size: cover;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */

    -moz-border-image: url(../img/banner.jpg) 0;    /* Gecko 1.9.1 (Firefox 3.5) */
}

#hero:before {
    content: none;
}

@media (min-width: 1024px){

    #hero {
        background-attachment: fixed;
    }
}


#hero h1, .modal-title {
    letter-spacing: -0.01rem;
    font-size: 32.56px;
    line-height: 35.56px;
    color: #fafbf9;
    margin-bottom: 15px;
    font-family: "Roboto_bold", sans-serif;
}

#hero p, .modal-body p{
    letter-spacing: 0.025rem;
    font-size: 16.78px;
    line-height: 22.4px;
    color: #fafbf9;
}

#hero h1 span, #hero p span, .modal-title span {
    color: #068ac7;
}

.formoscuro{
    background: #001c28;
    padding: 30px;
    width: 100%;
    max-width: 550px;
    border-radius: 10px;
}

.formoscuro.habitacion {
    background: transparent;
    max-width: 555px;
    margin: 0 auto;
}

.linewhite{
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #fafbf9;
}

.linewhite label{
    letter-spacing: 0.025rem;
    font-size: 12.7px;
    line-height: 14.4px;
    color: #fafbf9;
    font-family: "Roboto_medium", sans-serif;
}

.linewhite input, .linewhite select{
    letter-spacing: 0.025rem;
    font-size: 20.86px;
    line-height: 23.4px;
    color: #fafbf9;
    font-family: "Roboto_medium", sans-serif;
    background: #001c28;
    border: none;
    height: 30px;
    padding: 5px 0;
}

.linewhite select{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #010000;
    background-image: url("../img/arrowselect.png");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
}

.team .member .member-img {
    padding: 0 15px;
}

.testimonial-item {
    padding: 5px 5px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    font-size: 176px;
    position: absolute;
    top: 20%;
    color: #626262;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -70px;
}

.owl-carousel .owl-nav button.owl-next {
    right: -70px;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    background-color: #6178fb;
}

.datepick-month th, .datepick-month th a {
    background-color: #010000;
}

.datepick-nav, .datepick-ctrl {
    background-color: #6178fb;
}

.datepick-month td .datepick-today {
    background-color: #6178fb;
}

.datepick-ctrl .datepick-cmd:hover, .datepick-cmd:hover{
    background-color: #6178fb;
    color: #fff;
}

.datepick-month td .datepick-selected {
    background-color: #010000;
}

.datepick-month td .datepick-highlight {
    background-color: #6178fb;
    color: #fff;
}

.owl-carousel .owl-dots, .owl-carousel .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.mobile-nav-toggle i {
    color: #fff;
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #010000;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}



.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background: #3c4787;
}

.mobile-nav {
    background: #010000;
}

.mobile-nav a {
    color: #fff;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
    color: #3c4787;
}

.modal-content {
    background-color: #001c28;
    border-radius: 10px;
}

.close {
    color: #fff;
}

.modal-title {
    margin-bottom: 0;
}

.modal-body .btn-buy {
    height: 70px;
}

.modal-header{border: none}

.datepick-popup {
    z-index: 990;
}

.modal-open .datepick-popup {
    z-index: 99999;
}

.modal-footer {
    border: none
}

.comofue .row{margin-bottom: 55px}
.comofue h5{
    font-size: 25.4px;
    line-height: 25.4px;
    letter-spacing: 0.025rem;
    color: #fafbf9;
    font-family: "Roboto_bold", sans-serif;
}

#header li.menulanguage{
    margin-left: 10px;
}

#header li.menulanguage ul > li, .mobile-nav li.menulanguage ul > li{
    display: block;
}

.owl-carousel .owl-item img, .member-img img {
    /*height: 230px;*/
    object-fit: contain;
    -o-object-fit: contain;
}

tr.info {
    background: #3c4787;
    color: #fff;
}

.stepy-header {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    padding-left: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #3c4787;
    margin-bottom: 32px;
}
.stepy-header li {
    display: table-cell;
    cursor: pointer;;
    line-height: 1.2;
    color: #616161;
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 700;
}
.stepy-header li small,
.stepy-header li .small {
    font-weight: normal;
    line-height: 1;
    color: #bdbdbd;
}
.stepy-header li small,
.stepy-header li .small {
    font-size: 75%;
}
.stepy-header li div {
    line-height: 1.2;
    color: #616161;
    font-size: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.stepy-header li div small,
.stepy-header li div .small {
    font-weight: normal;
    line-height: 1;
    color: #bdbdbd;
}
.stepy-header li div small,
.stepy-header li div .small {
    font-size: 65%;
}
.stepy-header li span {
    font-size: 12px;
}
.stepy-header li:not(.stepy-active) {
    opacity: 0.3;
}
.stepy-header li:not(.stepy-active):hover {
    opacity: 0.7;
}
.stepy-header.stepy-navigator.panel-footer {
    margin: 0 -16px -16px;
    padding: 16px;
}
.stepy-navigator.panel-footer {
    margin: 0 -16px -16px;
    padding: 16px;
}
.stepy-navigator.panel-footer .btn {
    margin-left: 8px;
}
.stepy-step legend {
    padding-bottom: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
}

.stepy-navigator.panel-footer {
    overflow: hidden;
}

.pull-right .btn-primary {
    float: right !important;
}

.pull-right .btn-default {
    float: left !important;
}

#wizardreserva .finish {
    float: right;
}
.card-header {
    background-color: #068ac7;
    border: 1px solid #001c28;
}


.accordion .card-header:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float: right;
    margin-top: -35px;
    color: #fafbf9;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

@media (max-height: 660px){
    #hero {
        height: 100vh;
    }

    #header .logo img {
        max-height: 135px;
        height: 135px;
    }
}

@media (max-height: 660px){
    #hero {
        height: 110vh;
    }

    #header .logo img {
        max-height: 137px;
        height: 137px;
    }
}

@media (max-width: 1200px){

    .btn-buy, #wizardreserva .btn {
        max-width: 360px;
    }
}

@media (max-width: 1195px){

    .nav-menu > ul > li {
        padding: 10px 0 10px 10px;
    }

    .nav-menu a {
        font-size: 18.32px;
    }
}

@media (max-width: 998px){

    #hero h1 {
        font-size: 30.56px;
        line-height: 30.56px;
    }

    .linewhite input, .linewhite select {
        font-size: 18.86px;
        line-height: 20.4px;
        height: 30px;
    }
}


@media (max-width: 991px) {
    #header {
        height: 55px;
    }

    #header .logo {
        margin-top: -15px;
    }

    #header .logo img {
        max-height: 98px;
        height: 95px;
    }

    .btn-buy, #wizardreserva .btn {
        max-width: 280px;
    }
}


@media (max-width: 768px){

    .footer-links{margin-top: 20px}
    section {
        padding: 25px 0;
    }

    .team {
        padding: 25px 0;
    }

    .team .member {
        margin: 0 auto 20px;
    }
    .firstmargin {
        margin-top: 95px;
    }

    #hero {
        height: auto;
    }

    .datepick {
        font-size: 105%;
    }

    .datepick-nav, .datepick-ctrl {
        font-size: 105%;
    }

    #header .logo img {
        max-height: 80px;
        height: 80px;
    }

    .btn-buy, #wizardreserva .btn {
        max-width: 90%;
    }

    #wizardreserva .finish {
        max-width: 250px;
    }
}

@media only screen and (max-width: 365px) {
    .datepick {
        width: 315px !important;
    }

    .datepick-month {
        width: 315px !important;
    }
}


@media (max-width: 499px){

    #wizardreserva .finish {
        margin-top: 15px;
    }
}

@media (max-width: 460px){

    #wizardreserva .finish {
        max-width: 250px;
    }
}

@media (max-width: 415px){

    #wizardreserva .btn {
        margin-bottom: 15px;
    }

    #wizardreserva .finish {
        margin-top: 0px;
    }
}

.linewhite input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fafbf9;
}
.linewhite input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fafbf9;
    opacity:  1;
}
.linewhite input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fafbf9;
    opacity:  1;
}
.linewhite input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #fafbf9;
}
.linewhite input::-ms-input-placeholder { /* Microsoft Edge */
    color:    #fafbf9;
}

.linewhite input::placeholder { /* Most modern browsers support this now. */
    color:    #fafbf9;
}