@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    background-image: url("images/161221_bg.png");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

/*body > div.container {*/
/*    min-height: 100vh;*/
/*    background-position: center center;*/
/*    background-size: cover;*/
/*    background-image: url("images/161221_bg2.png");*/
/*    background-attachment: scroll;*/
/*    background-repeat: no-repeat;*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Baloo 2", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

h1 {
    font-size: 54px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 30px;
}

h4,
h4.panel-title {
    font-size: 20px;
}

label,
#type_of_payment div.termspay {
    color: #fff;
}

button,
.btn,
.grouped-article .btn.article-select-btn,
#finished-booking-btn,
.btn.btn-success.btn-full-width {
    text-transform: uppercase;
    color: #297d9d;
}

.btn.article-select-btn.btn-danger,
button#promoinput_btn {
    color: #fff;
}

.nav-justified > li > a,
.nav > li.disabled > a,
.nav-pills > li.disabled > a:hover,
.nav-pills > li.disabled > a:focus {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
    border-color: #fff;
    border-radius: 300px;
    background-color: rgb(254, 222, 41);
    background-image: none;
}

ul.nav li.nav-logo img {
    height: 150px;
    display: inline-block;
    margin: 2em;
}

.nav-pills > li.disabled > a:hover,
.nav-pills > li.disabled > a:focus {
    background-color: transparent;
}

h4#house_name {
    display: none;
}

#booknow_row,
#hostelinfobox,
.house-info-left {
    border: 0 none;
    background: transparent;
    color: #fff;
}

div.container a,
div.container a:hover,
div.container a:focus,
div.container a:active,
a.article-select-btn,
.grouped-article .article-select-btn {
    color: #fede29;
}

#paFinderContainer .panel {
    border-color: #fede29;
}

#paFinderContainer .panel-heading {
    background-color: #fede29;
}

#paFinderContainer h4.panel-title,
#paFinderContainer h4.panel-title a,
#paFinderContainer h4.panel-title a:hover,
#paFinderContainer h4.panel-title a:focus {
    color: #297d9d;
    text-decoration: none;
}

#pafinder_calendar td div.mprice {
    font-size: 0.75em;
}

h2#crs4-booker-title,
h3.overnight_title {
    color: #fede29;
}

.grouped-articles {
    border: 0 none;
    color: #fff;
    border-top: 2px solid #fff;
}

h4.grouped-article-name {
    color: #fede29;
}

.grouped-articles .col-md-4 .media-left a.more-info.hasImage div {
    background-color: #fff;
    padding: 22px 15px;
}

.grouped-articles .grouped-article {
    border: 0 none;
    background-color: rgba(255, 255, 255, .2);
}

h5 span del {
    font-weight: 400;
}

div.row.grouped-articles > div.col-md-4 {
    padding-left: 0;
}

.extra.panel {
    border: 0 none;
    background: transparent;
    color: #fff;
}

.extra.panel .panel-heading {
    background: transparent;
}

.extra.panel .panel-body {
    background-color: rgba(255, 255, 255, .2);
}

div.secureConnectionHint,
span.help,
p.explanation {
    color: #fff;
}

#summary_final_box,
#mybookings_input label{
    color: #297d9d;
}

.modal-content .modal-header,
.modal-content .modal-footer {
    background: #297d9d;
    border-bottom-color: #297d9d;
}

.modal-content .modal-header button.close,
.modal-content .modal-header button.close:hover,
.modal-content .modal-header h4.modal-title,
.modal-content .modal-header h3.modal-title {
    color: #fede29;
}

.modal-content .modal-body {
    color: #297d9d;
}

.modal-content .modal-footer button.btn,
.modal-content .modal-footer button.btn:hover {
    background-color: #fede29;
    color: #297d9d;
}

.modal-backdrop.in {
    opacity: .8;
}

.article_price_converted .article_currency {
    font-size: .8em;
    color: #fede29;
}

.article_price_converted .article_price {
    font-size: 1em;
    color: #fede29;
}

.panel-footer h4 .article_price_converted .article_currency {
    font-size: .6em;
    color: #297d9d;
}

.panel-footer h4 .article_price_converted .article_price {
    font-size: .8em;
    color: #297d9d;
}