@import url('bootstrap.min.css');

/* global */

/* fonts*/
@font-face {
    font-family: 'FiraSansRegular';
    src: url(../fonts/Fira/FiraSans-Regular.ttf) format("opentype");
}

@font-face {
    font-family: 'FiraSansBold';
    src: url(../fonts/Fira/FiraSans-Bold.ttf) format("opentype");
}

@font-face {
    font-family: 'FiraSansItalic';
    src: url(../fonts/Fira/FiraSans-Italic.ttf) format("opentype");
}

@font-face {
    font-family: 'FiraSansLight';
    src: url(../fonts/Fira/FiraSans-Light.ttf) format("opentype");
}

@font-face {
    font-family: 'MartelRegular';
    src: url(../fonts/Martel/Martel-Regular.ttf) format("opentype");
}

@font-face {
    font-family: 'MartelBold';
    src: url(../fonts/Martel/Martel-Bold.ttf) format("opentype");
}

@font-face {
    font-family: 'MartelDemiBold';
    src: url(../fonts/Martel/Martel-DemiBold.ttf) format("opentype");
}

@font-face {
    font-family: 'MartelHeavy';
    src: url(../fonts/Martel/Martel-Heavy.ttf) format("opentype");
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

body{
    color:#2b3848;
    font-family:'FiraSansRegular','Open Sans',sans-serif;
}

/*input.form-control::placeholder {*/
/*    color: #b1753e;*/
/*    opacity: 1;*/
/*}*/


a,.blue{
    color:#3468A2;
}

.modal-header {
    min-height: 0px !important;
    padding: 15px 5px 0 !important;
    border-bottom: none !important;
}

.modal-header .close {
    margin-top: -20px;
    font-size: 30px;
}

.btn-primary{display:inline-block;color:#f1eabd;padding:6px 20px;text-transform:uppercase;font-size:11px;font-weight:700;background:#2b3848;border-color:transparent;border-radius:0}.btn-primary:hover{background:#314b6a;color:#fff}

.reservation h2{
    font-family: MartelDemiBold;
    font-size:15px;
    font-weight:700;
    position:relative;
    text-transform:uppercase;
}
.reservation h2.sm-space{
    margin:40px 0 15px 0;
}
.reservation h2.sx-space{
    margin:5px 0 15px 0;
}
.reservation h2 span{
    font-family: MartelDemiBold;
    display:inline-block;
    background:#fff;
    position:relative;
    padding:0 20px 0 0;
    z-index:1;
}
.reservation .in-row h2{
    margin:0 0 10px 0;
}
.reservation h2.without-border:after{
    display:none;
}

.in-row{
    margin-top:40px;
}

.reservation h3{
    font-size:18px;
    margin:47px 0 0 0;
}

.padding-0{
    padding: 0;
}

.big{
    font-size:1.15em;
}

.shadow{
    color: #1d1e28;
    font-size: 12px;
}
.secondaryColor{
    color:#bd1d1d;
}
.warning{
    color:#D2232A;
    font-weight:inherit;
}

.ta-right {text-align: right;}
.ta-left {text-align: left;}

.to-top {cursor: pointer;}

.to-top .glyphicon:before{
    font-size:9px;
    display:inline-block;
    padding:0 5px 0 0;
}
.a-arrow.to-left{
    padding-left:20px !important;
}
.a-arrow.to-left .glyphicon:before{
    content:'\e257\e257\e257';
    margin:-9px 0 0 -20px;
}
.a-arrow.to-right{
    padding-right:20px !important;
}
.a-arrow.to-right .glyphicon:before{
    margin:-9px 0 0 8px;
}
.a-arrow.padding-left{
    padding-left:15px;
}
.a-arrow.to-bottom .glyphicon:before{
    content:'\e114';
    letter-spacing:0;
}

.modal-content{
    border:none;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.col-sm-45,.col-sm-25{
    position:relative;
    padding-right:15px;
    padding-left:15px;
}
@media all and (min-width:768px){
    .col-sm-45,.col-sm-25{
        float:left;
    }
    .col-sm-45{
        width:37.46666666%;
    }
    .col-sm-25{
        width:20.83333333%;
    }

    .modal-content{
        -webkit-box-shadow:none;
        box-shadow:none;
    }

    #searching {position: absolute; width: 100%;}
}

.clickable{
    cursor:pointer;
}

.only-in-js{
    visibility:hidden;
}

.clear{
    clear:both;
}

ul.ul-dash,ul.ul-dash li{
    display:block;
    margin:0;
    padding:0;
}
ul.ul-dash li{
    padding:0 0 3px 10px;
}
ul.ul-dash li:before{
    content:'-';
    position:absolute;
    margin:0 0 0 -10px;
}

@media all and (max-width:990px){
    .text-right.xs-right{
        text-align:right;
    }
}

.form-control{
    background:#f6f6f6;
    border-color:#d2d3d3;
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.form-control:focus{
    border-color:#2b3848;
    background:#fff;
    outline:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

/* header */
.header{
    background:#fff;
    color:#9da3a6;
    padding:18px 0 0;
    font-size:12px;
    min-height:82px
}
.header h1{margin:0}
.header h1 a{display:block;color:#fff;text-decoration:none;font-size:21px}
.searchform{float:right;margin:0 10px 0 40px;font-size:15px}
.screen-reader-text{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.serch-icon{width:40px;float:right;border:none;background:url(../images/search.png) no-repeat center 11px;font-size:0;color:transparent;height:40px;cursor:pointer;margin:0 0 0 10px}
.serch-icon:hover{background-position:center -39px}
.search-inputs{float:left}
.searchform input{display:block;float:left;border:none;border-radius:0;height:40px;width:0;padding:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.searchform #s{background:#35404b;color:#fff}
.searchform #search-submit{background:url(../images/arrow-right.png) no-repeat right center #efe3c9;text-transform:uppercase;color:#293137;font-weight:700;font-size:14px}
.searchform #search-submit:hover{background-color:#f5dba2}
.searchform #s:focus,.search-inputs:hover #s{width:200px;padding:0 10px;outline:none;margin:0 0 0 15px}
.searchform #s:focus+#search-submit,.search-inputs:hover #search-submit{width:100px;padding:0 20px 0 0;margin:0 -50px 0 0}
.language{font-size:12px;padding-left:0;padding-top:10px}
.qtrans_language_chooser{height:25px;overflow:hidden;margin:0 0 -10px}
.qtrans_language_chooser:hover{height:auto}
.qtrans_language_chooser li{display:block;background:url(../images/header-bg.png) #1e272d}
.qtrans_language_chooser li a{color:#9da3a6;text-transform:uppercase}
.qtrans_language_chooser li a:hover{color:#fff}
.language .glyphicon{font-size:22px;position:absolute;margin:9px 0 0 -30px}
.basic-page .language .glyphicon{position:relative;margin:-6px 0 0}
.language .glyphicon span{font-size:0;color:transparent}
.language select{width:45px;font-size:16px;background:none;border:none;text-transform:uppercase;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance: none;padding-top: 3px}
.language select::-ms-expand{display:none}
.language select:hover,.language select:focus{color:#2b3848;outline:none}
.basic-page .language{margin-bottom:-20px}
.basic-page .language select:hover,.basic-page .language select:focus{color:#000}
.language option{background: #F0F0F0; color: #696D71;}.basic-page .language option{background: #F0F0F0; color: #696D71;}
aside.widget{
    display: inline-flex;
}

.widget img{
    width: 40px;
    margin-right: 5px;
}
.header-top .tel-anchor{
    position:relative;
    z-index:1;
    color:#9da3a6;
}
.header-top .tel-anchor:hover{
    color:#2b3848;
}

header{
    /*border-bottom: 5px solid #fcfcfc;*/
    box-shadow: 0 4px 8px 0 #f5f5f5, 0 6px 20px 0 #fefefe;
    margin-bottom: 35px;
}

.header-wrapper{
    /*border-bottom: 5px solid #f7f7f7;*/
}

/* navigation */
ul.navbar-nav{
    list-style-type: none;
    margin-left: 30px;
}

.navbar-nav li{
    padding: 15px 25px;
    text-transform: uppercase;
}

.navbar-nav li a{
    color: #313030;
}

/* footer */

.footer .availability a{color:#2b3848}
.footer .availability a:hover{color:#2d91ed}
.footer .availability.phone{}
.footer .availability.mail{
    text-decoration: underline;
}


.availability h2{margin:0;font-size:15px}
.availability h3{margin:0;font-weight:400;font-size:11px}

.footer{
    background: #1d1e28;
    padding: 100px 0 0;
    text-align: center;
}

.footer h2 {
    margin:0
}

.footer .availability{
    padding-bottom:10px;
    float:none;
}

.footer .availability a{
    color:#c7c7c7
}

.footer .availability a:hover{
    color:white;
    text-decoration: none;
}

.copyright{
    background: #292a35;
    color: #9da3a6;
    font-size: 12px;
    padding: 25px 0
}

.copyright div:first-child{
    color: white;
}
.copyright div:nth-child(2){
    float: right;
}

.copyright div:nth-child(2) a{
    float: right;
}

.copyright a{
    color:#9da3a6
}

.copyright a:hover{
    color:#fff;
    text-decoration:none
}

.share{
    padding: 50px 0;
}
.share a{
    display:inline-block;
    width:45px;
    height:34px;
    font-size:22px;
    padding: 0 10px;
    color: #c7c7c7
}

.share a.ss-tw{background-position:0 0}

.share a.ss-fb{background-position:-40px 0}

.share a.ss-gp{background-position:-80px 0}

.share a.ss-fr{background-position:-120px 0}

.share a.ss-pi{background-position:-160px 0}

.share a.ss-tw:hover{background-position:0 -40px; text-decoration: none}

.share a.ss-fb:hover{background-position:-40px -40px; text-decoration: none}

.share a.ss-gp:hover{background-position:-80px -40px; text-decoration: none}

.share a.ss-fr:hover{background-position:-120px -40px; text-decoration: none}

.share a.ss-pi:hover{background-position:-160px -40px; text-decoration: none}

.modal{z-index:10000}

.modal-content{padding:5px}

@media all and (max-width:1199px){
    .ohw-fi{display:block;float:left
    }

    .ohw-fw{display:block;width:990px;float:left}

    .ohw-sw{display:block;overflow:scroll;overflow-y:hidden}
}

@media all and (max-width:990px){
    .text-right{
        text-align:left;
        padding: 0;
    }

    .language.text-right{
        text-align:right
    }

    .share{
        margin:20px 0 0
    }
}

@media print{
    header,footer,.map,.map-header{
        display:none
    }

    .perex,.perex div{
        height:auto;
        padding:60px 0 0;
        position:relative;
        margin:0
    }

    .perex span{
        margin:0
    }
}

@media all and (max-width:329px){
    .availability h2{
        font-size:18px;
    }
}

/* process */

.row.process{
    border:1px solid #d2d3d3;
    margin-bottom: 35px;
}
.process .col-sm-3{
    padding: 15px 20px;
}
.process a,.process span{
    display:block;
    padding:5px;
    text-align:center;
    font-family: FiraSansLight;
}
.process a{
    color: black;
}
.process .active{
    font-weight:700;
    background:#1d1e28;
    color: white;
    border:1px solid white;
}
.process a:hover,.process .active a:hover{
    /*background:#f0f0f0;*/
    text-decoration:none;
}

@media all and (max-width:991px){
    .process{
        font-size:12px;
    }
}
@media all and (max-width:767px){
    .process{
        display:none;
    }
}

/* reservation */
.reservation{
    /*padding-right: 0;*/
    padding-bottom: 150px;
}

/* quickbooker */
.quickbooker-item{
    display: inline-flex;
    background: white;
    padding: 10px 15px;
    margin: 10px 0;
    border: 1px solid #ddd;
    width: 100%;
}

.quickbooker-item i{
    margin-top: 10px;
}

.basket-item{
    display: inline-flex;
    /*background: white;*/
    padding: 0 15px;
    margin: 0;
    /*border: 1px solid #ddd;*/
    width: 100%;
}

.basket-item:nth-child(3), .basket-item:nth-child(1){
    padding-top: 10px;
}

.price-table .text-left {
    padding-left: 20px;
}

#basket_summary{margin-top: 15px}
#basket_summary .form-control {color: #b1753e; border: 0; text-align: right; background: transparent; font-family: MartelRegular, 'Open Sans',sans-serif}
#basket_summary .form-group {
    margin-bottom: 0;
}
#basket_summary label {
    width: 100%;
    margin: 10px 0 2px;
    text-align: left;
}

#basket_summary input {
    cursor: default;
}

#basket_summary .price-table{
    padding: 20px 10px;
}

#basket_summary .price-table .xs-right{
    padding-right: 30px;
}

#basket_summary .room_price, #basket_summary .room_final_price{
    color: #b1753e;
    font-size: 14px;
    border: 0;
    text-align: right;
    font-family: MartelRegular, 'Open Sans',sans-serif;
}

#basket_summary .room_final_price{
    font-size: 15px;
}

#basket_summary .sum{
    border-top:1px solid #d2d3d3;
    font-weight:700;
}

.quickbooker-item i{
    margin-top: 10px;
}
/* sidebar */
.sidebar{
    padding-left: 0;
}

.sidebar section article{
    margin-bottom:30px;
    text-align: center;
}
.sidebar h1{
    font-family:  Martel;
    margin-top: 13px;
    margin-bottom: 0;
    font-size: 19px;
    color: #323b40;
}

.sidebar strong{
    font-size: 12px;
}

.searching article{
    background:#f3f4f4;
    padding:20px 20px 30px;
}
.searching img{
    display:block;
    margin:35px auto 10px auto;
    max-width: 100%;
    height: auto;
    max-height: 115px;
}

.searching img.calendar-icon{
    display: block;
    margin: 10px;
    max-width: 100%;
    height: auto;
    max-height: 16px;
}
.searching .values{
    margin:5px 0 0;
}
.searching .values .a-arrow{
    padding-left:14px;
}
.searching .btn{
    margin-top:40px;
}

.searching .price-table{
    margin-top:5px;
}
.searching .price-table.first{
    margin-top:20px;
}
.searching .sum{
    border-top:1px solid #d2d3d3;
    padding:10px 0 0 0;
    margin:15px 0 0 0;
    font-weight:700;
}
.searching .price-table .col-sm-7{
    padding-right:0;
}
.searching .price-table .col-sm-5{
    padding-left:0;
}

.sidebar section.review{
    background:#f8f1c2;
    padding:20px;
    margin-bottom:15px;
    border-radius:5px 5px 5px 0;
}
.review .name{
    display:block;
    margin-bottom:1px;
}
.review .rating{
    color:#2d91ed;
    margin-top:-7px;
}
.review .rating strong{
    font-size:20px;
}
.review p{
    font-style:italic;
    margin:20px 0 0;
}

.section-header{
    padding:10px 15px;
    margin:85px 0 -30px 0;
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
}
.section-header:hover{
    background:#f0f0f0;
    cursor:pointer;
}

.section-header.keepOpen:hover{
    cursor:default;
    background: #f3f4f4;
}

@media all and (max-width:991px){
    .sidebar{
        font-size:12px;
    }
    .sidebar h1{
        font-size:14px;
    }
    .searching article{
        padding:10px 10px 0;
    }
    .searching .text-center{
        margin-left:-10px;
        margin-right:-10px;
    }
    .searching .btn{
        padding-left:5px;
        padding-right:5px;
        display:block;
        width:100%;
        margin-top:40px;
    }
    .searching .price-table{
        margin-top:12px;
    }
    .searching .sum{
        padding:0 0 15px 0;
        margin:15px 0 0 0;
    }
    .sidebar section.review{
        padding:10px;
    }
    .review .rating strong{
        font-size:18px;
    }
    .sidebar .review .col-xs-6.text-right{
        padding-left:0;
    }

    .quickbooker-item{
        margin: 2px 0;
        padding: 3px 15px;
    }
}
@media all and (max-width:767px){
    .sidebar{
        margin-top:20px;
    }
    .mobile-hide{
        display:none;
    }
    .section-header{
        display:block;
    }
}

/* step header */

.hotel-detail h1{
    font-size:28px;
    margin:0 0 5px 0;
    font-weight:700;
}
.hotel-detail img{
    width:100%;
    max-width:262px;
    height:auto;
}
.hotel-detail span{
    display: block;
    margin: 5px 0 20px 20px;
    font-size: 12px;
}
.hotel-detail strong a,.tip .a-arrow{
    font-weight:400;
    font-style:normal;
    white-space:nowrap;
}
.hotel-detail strong a{
    padding-left:20px;
}
.hotel-detail .rating{
    background: white;
    font-size:12px;
    color:#848484;
    padding:10px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -o-linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -ms-linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -moz-linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -webkit-linear-gradient(to left, #392d78, #8e1c30) 1;
}
.hotel-detail .rating.clickable{
    cursor: pointer;
}

.benefit{
    padding:14px;
    text-transform:uppercase;
    font-weight:500;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -o-linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -ms-linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -moz-linear-gradient(to left, #392d78, #8e1c30) 1;
    border-image: -webkit-linear-gradient(to left, #392d78, #8e1c30) 1;
}
.hotel-detail .rating-number{
    color:#bd1d1d;
    font-size:18px;
    font-weight: 700;
    font-family: MartelRegular, 'Open Sans', sans-serif;
}
.benefit ul,.benefit ul li{
    display:block;
    margin:0;
    padding:0;
    font-size: 10px;
}
#benefits-mobile-container .benefit{
    margin-top:15px;
}
.benefit .gopass{
    color: black;
}
.benefit.clickable{
    -webkit-transition:border .3s ease-in-out;
    -moz-transition:border .3s ease-in-out;
    -ms-transition:border .3s ease-in-out;
    -o-transition:border .3s ease-in-out;
    transition:border .3s ease-in-out;
}
.benefit.clickable:hover{
    border-color:#bd1d1d;
}
.benefit.clickable.red:hover{
    border-color:#8e2538;
}

.more-benefits{
    display:block;
    font-size: 10px;
    margin:0;
    padding:30px 0 15px;
    text-align: center;
}
.more-benefits li{
    display: inline-block;
    padding: 0;
    width: 13.8%;
    vertical-align: top;
}
.more-benefits li i{
    display: block;
    font-size: 15px;
}

.more-benefits img {
    width: 35px;
    padding-bottom: 10px;
}

.room .more-benefits{
    text-align: left;
    padding: 10px 0 0 0;
    margin-top: -10px;
    font-size: 10px;
    font-weight: 700;
}

.to-hotelInfo{
    text-decoration: underline;
    display: block;
    color: #1d1e28;
    font-weight: 800;
    padding-top: 5px;
    cursor: pointer;
}


.tip{
    display:block;
    background-color:#f0f0f0;
    background-repeat:no-repeat;
    padding:18px 20px 18px 155px;
    font-size:16px;
    position:relative;
    color:#2b3848;
    outline:1px solid transparent;
    -webkit-transition:outline .3s ease-in-out;
    -moz-transition:outline .3s ease-in-out;
    -ms-transition:outline .3s ease-in-out;
    -o-transition:outline .3s ease-in-out;
    transition:outline .3s ease-in-out;
}
.tip:hover,a.tip:hover{
    text-decoration:none;
    color:#2b3848;
    outline:1px solid #23527c;
}
.tip strong{
    color:#cc2530;
    text-transform:uppercase;
    padding-right:5px;
}
.tip .a-arrow{
    color:#2d91ed;
    font-size:14px;
    padding-left:30px;
    font-weight:700;
}
.tip:hover .a-arrow{
    color:#23527c;
    text-decoration:underline;
}

@media all and (max-width:1199px){
    .tip{
        padding-left:145px;
        font-size:13px;
    }
    .tip .a-arrow{
        font-size:13px;
    }

    .quickbooker-item{
        padding: 10px;
    }

    .searching img.calendar-icon{
        margin: 10px 5px;
        padding: 0 !important;
    }
}

@media all and (max-width:991px){
    .hotel-detail h1{
        font-size:22px;
    }
    .benefit{
        font-size:12px;
    }
    .benefit .gopass:before{
        height:21px;
    }
    .more-benefits li{
        padding:0 20px 0 0;
    }
    .more-benefits li:before{
        font-size:10px;
    }
    .tip{
        padding:3px 5px 3px 175px;
        font-size:13px;
    }
    .tip strong,.tip a{
        display:block;
    }
    .tip a{
        padding-left:13px;
    }
}

@media all and (max-width:767px){
    .hotel-detail img,.hotel-detail .rating,.benefit{
        margin-bottom:15px;
    }
    .more-benefits{
        padding:15px 0;
    }
    .more-benefits li{
        display:inline-block;
        padding:0 0 5px 0;
    }
    .tip{
        padding:70px 15px 15px 15px;
        font-size:16px;
    }
    .tip strong{
        position:absolute;
        right:15px;
        top:20px;
    }
}

/* rooms */

.rooms{
    margin: 5px 0 0 0;
}
.rooms section{
    border:1px solid #d2d3d3;
    font-size:12px;
    margin:20px 0 0 0;
}
.rooms section.js-ready{
    border-right:none;
}
.rooms .text-14{
    font-size:14px;
}
.rooms .row.room{
    margin-right:-16px;
}
.rooms .foto{
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:left center;
    background-color:#f0f0f0;
    min-height:90px;
    margin:-1px 0;
}
.rooms .foto.clickable{
    -webkit-transition:background .3s ease-in-out;
    -moz-transition:background .3s ease-in-out;
    -ms-transition:background .3s ease-in-out;
    -o-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
}
.rooms .foto.clickable:hover{
    background-size:auto 120%;
}
.rooms .text{
    padding-top:13px;
    padding-bottom:13px;
}
.rooms .text-main{
    padding: 10px 5px;
}
.rooms h3{
    font-family: MartelHeavy;
    font-size:18px;
    font-weight:700;
    margin:0;
    height:30px;
    min-width: 350px;
    display:table-cell;
    vertical-align:middle;
}

.rooms .extraRoomMessage {
    font-weight: 700; font-size: 12px; color: #D2232A; display:block; margin-top:-5px;
}

.rooms .a-arrow{
    display: inline-block;
    font-size:11px;
    padding-right:10px;
    padding-top: 10px;
    text-decoration: underline;
    color: #2c2d36;
    font-weight: 500;
}
.rooms svg{
    top:4px;
    position:relative;
}
.rooms .btn.closeButton {
    text-transform: uppercase;
    background: #1d1e28;
}

.rooms .btn.btn-gray:hover{
    color:#f0f0f0;
    background-color: #36374a;
}
.rooms .btn{
    display: block;
    width: 100%;
    margin: -1px 0;
    background: #bd1d1d;
    color: #fff;
    padding: 10px 5px 10px 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0
}
.rooms .btn:hover{
    background:#ca1616;
}
.rooms .btn strong{
    display:block;
    text-transform:uppercase;
    font-size:16px;
}
.rooms .warning{
    white-space:nowrap;
    color: #1d1e28;
    font-weight: 700;
    padding-right: 10px;
    font-size: 11px;
}

.rooms .warning span{
    white-space:nowrap;
    color: #1d1e28;
    font-weight: 700;
    padding-right: 10px;
}
.rooms .personInfo{
    text-align: center;
    display: inline-block;
}

.personInfo .beds img{
    margin-right: -13px;
    padding-bottom: 9px;
}

.personInfo .addBeds img{
    margin-right: -8px;
    padding-bottom: 4px;
}

.personInfo .addBeds{
    padding-left: 5px;
}

.personInfo .beds, .personInfo .addBeds{
    display: inline-block;
}
.rooms del{
    color:#D2232A;
    font-size:14px;
    padding-right:10px;
}
.rooms .price{
    font-family: MartelBold;
    padding-top: 5px;
    line-height: 1.2;
}
.rooms .price strong{
    font-size: 25px;
}

.rooms .price span{
    color: #ababab;
    font-size: 11px;
}

.roomButtonsWrap{
    padding: 64px 30px;
    border-left: 1px solid #d2d3d3;
    background: linear-gradient(to right, #f6f7fa, transparent);
    background: -o-linear-gradient(to right, #f6f7fa, transparent);
    background: -ms-linear-gradient(to right, #f6f7fa, transparent);
    background: -moz-linear-gradient(to right, #f6f7fa, transparent);
    background: -webkit-linear-gradient(to right, #f6f7fa, transparent);
}

.roomButtonsWrap.open{
    background: white;
    border-right: 1px solid #d2d3d3;
}

.opened div.background{
    background: linear-gradient(to right, #f6f7fa, transparent);
    background: -o-linear-gradient(to right, #f6f7fa, transparent);
    background: -ms-linear-gradient(to right, #f6f7fa, transparent);
    background: -moz-linear-gradient(to right, #f6f7fa, transparent);
    background: -webkit-linear-gradient(to right, #f6f7fa, transparent);
    height: 160px;
    padding-right: 0;
}

.shortInfo{
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
    color: #828283;
    height: 40px;
}

div.background {
    height: 160px;
    padding-right: 0;
}

.rooms .roomActions{
    display: block;
    text-transform: lowercase;
    /*margin-top: 20px;*/
    margin-top: 15px;
    margin-bottom: 5px;
}

.roomActions span {
    padding: 9px 6px;
    border: 1px solid #ddd;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 12px;
    background: #f5f7fa;
    vertical-align: middle;
    cursor: pointer;
}

.roomActions .showRoomCalendar.calendarOpen{
    background: #bf9264;
    border-color: #bf9264;
    color: white;
}

.showRoomCalendar.calendarOpen img{
    filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(198deg) brightness(107%) contrast(100%);
}

.room-additionalInfo {margin: 5px 20px 20px;}

.room-offers{
    padding:0;
}
.room-offers.js-ready{
    padding:0;
}
.room-offers.js-ready.open{
    padding:20px 0 19px 0;
}

.rooms h4{
    font-size:12px;
    font-weight:700;
    margin:0 0 1px 5px;
    padding-top: 3px;
}

.rooms span{
    font-size:10px;
    font-weight:500;
}

.rooms img.packageIcon{
        width: 14px;
    margin-right: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.room-offer{
    border-top: 1px solid #d2d3d3
}

.offerInfo h5{
    font-family: FiraSansBold;
}

.offerInfo ul{
    padding-left: 15px;
}

.ssl{
    font-family: MartelBold;
}

.room-offer:hover .col-sm-3.room-offer-submit, .room-offer.selected .col-sm-3.room-offer-submit,.room-offer:hover .offerInfoRow .col-sm-3, .room-offer.selected .offerInfoRow .col-sm-3{
    background: linear-gradient(to right, #f5f6fa, white);
    background: -o-linear-gradient(to right, #f5f6fa, white);
    background: -ms-linear-gradient(to right, #f5f6fa, white);
    background: -moz-linear-gradient(to right, #f5f6fa, white);
    background: -webkit-linear-gradient(to right, #f5f6fa, white);
}

/*.room-offer:hover .col-sm-9, .room-offer.selected .col-sm-9{*/
/*    background: #f3f4f4;*/
/*}*/

.upgradeOffers{
    padding: 25px 30px 45px 30px;
    border-bottom: 1px solid #c7c7c9;
}

.room-offer .col-sm-9, .additionalInfo{
    width: 77.9%;
}

.additionalInfo{
    border-right: 1px solid #d2d3d3;
    padding: 10px 20px;
}

.additionalInfo p{
    margin: 0;
}

.room-additionalInfo{
    margin: 0;
    border-top: 1px solid #d2d3d3;
}

.room-offer .col-sm-3.room-offer-submit, .offerInfoRow .col-sm-3{
    width: 22.1%;
}

.offerInfoRow{
    display: flex;
    width: 100%;
}

.col-sm-9.room-offer-label{
    border-right: 1px solid #d2d3d3;
    min-height: 80px;
}
.room-offer:hover,.room-offer.selected{
    background:#f3f4f4;
}

.room-offer:hover .line.first{margin-left:0; margin-right:0;}
.room-offer:hover .line{margin-left:0; margin-right:0;}
.room-offer-submit{
    padding: 25px 30px 24px 35px;
}
.room-offer label{
    width: 100%;
    font-weight: 400;
    padding: 20px 0 10px 0;
    margin: 0;
    cursor: pointer;
    display: block;
    min-height: 51px;
    vertical-align: middle;
}
.room-offer label input{
    margin:9px 0 0 30px;
}
.rooms .room-offer .btn{
    display:block;
    text-transform:uppercase;
    padding: 10px 5px 10px 5px;
    min-height: 20px;
    position:relative;
    z-index:2;
}
.room-offer-submit-area{
    margin-right:-2px;
    margin-left:1px;
    height: 32px;
}
.room-offer-submit-area.js-ready{
    overflow:hidden;
}
.room-offer-submit-area.js-ready .btn{
/*    margin-left:100%;
    -webkit-transition:margin .3s ease-in-out;
    -moz-transition:margin .3s ease-in-out;
    -ms-transition:margin .3s ease-in-out;
    -o-transition:margin .3s ease-in-out;
    transition:margin .3s ease-in-out;*/
}

.room-offer:hover .room-offer-submit-area.js-ready .btn{
    /*margin-left:0;*/
}
.room-offer-submit-area.js-ready.show .btn{
    /*margin-left:0;*/
}
.room-offer-row{
    margin: 0;
}

.room-offer-row  .offerInfo {margin: 5px 20px !important; font-size: 13px;}
.room-offer-row  .offerInfo p.margin0, .room-offer-row  .offerInfo p.margin0 ul {margin: 0 !important;}

.room-offer-row .offerInfoButton h4 span{
    color: #ababab;
    font-weight: normal;
    padding-bottom: 40px;
}


.room-offer-row .debug{margin: 0 -15px 0 15px ;}
.room-offer-row .debug h4 {margin: 15px 0 5px;}
.room-offer-row .debug table {background: #FAFAFA; width: 100%;  text-align: left; margin: 0;}
.room-offer-row .debug table thead{  background: #065913; color: #ffffff;}
.room-offer-row .debug table tbody tr td { padding: 5px 0; font-size: 0.975em; border-bottom: 1px solid #065913;  }
.room-offer-row .debug table tfoot tr td { padding: 5px 0; font-size: 0.975em; font-weight: bold;}
.room-offer-row .debug table tfoot tr td,
.room-offer-row .debug table tbody tr td,
.room-offer-row .debug table thead tr th {padding-left: 1.5em;}
.room-offer-row .debug table thead tr th {padding-top: 4px; padding-bottom: 4px;}
.room-offer-row .debug table tbody tr td span.oldPrice { float: none; color: rgb(215, 42, 23); text-decoration: line-through; font-weight: 600; padding: 0;}
.room-offer-row .debug table tbody tr td.flexiTd{padding: 0 10px 0 0; text-align: right;}
.room-offer-row .debug table tbody tr td.surchargeTd{padding: 0 10px 0 0; text-align: right;}
.room-offer-row .debug table tbody tr td.flexiTd span, #content .rooms .room .offers .debug table tbody tr td.surchargeTd span {cursor: pointer}
.room-offer-row .debug table tbody tr td > table.innerTable tr td {border: none; width: 25px;}
.room-offer-row .debug table tbody tr td.surchargeTd.baseColor{border-left: white 5px solid;}
.room-offer-row .debug hr {border-color: #797979;}
.baseColor {background-color: rgb(255, 213, 213) !important;}
.flexiBedColor {background-color: rgb(255, 243, 186) !important;}
.adpColor {background-color: rgb(198, 249, 212) !important;}
.moreNightColor {background-color: rgb(198, 249, 212) !important;}
.packageColor {background-color: #E4E0F7 !important;}
.extraRoomColor {background-color: #CDEDFF !important;}

.marker {width: 15px; height: 15px; display: inline-block; margin: 5px 10px 0 0; border: 1px solid rgb(197, 197, 197);}
div.flexiLegend div {line-height: 16px; font-size: 12px; font-weight: bold;}
div.flexiLegend {background-color: rgb(250, 250, 250); border-top: 2px solid black; padding: 10px 15px;}


.loading{text-align: center;}

.summaryReservation{
    border: 1px solid #c7c7c9;
    padding: 10px 30px 30px;
}

.summaryReservation .row{
    margin-bottom: 5px;
}

.room-offer .line{
    background:#d2d3d3;
    margin-left:19px;
    margin-right:19px;
    height:1px;
    position:relative;
    z-index:1;
}
.room-offer .line.first{
    margin-bottom:-1px;
    margin-top:-1px;
}



.room-offer.selected .line{
    margin-left:0;
    margin-right:0;
}
.room-offer .warnings{
    font-size:12px;
    font-weight:700;
    padding:5px 0 0 0;
}
.room-offer .warnings del{
    font-weight:400;
}
.room-offer .warnings span,
.room-offer .warnings del{
    font-family: MartelBold;
    padding-right:5px;
}

.oldPriceSpan{
    display: block;
    font-size: 15px !important;
    text-decoration: line-through;
}
@media (max-width: 767px){
    .oldPriceSpan {
        text-align: right;
    }
}
.warning.warning-box{
    font-size:17px;
    border:1px solid #e71f2e;
    padding:20px;
    background:#fff;
    margin: 30px 0;
}

.LoyaltyPriceSections strong, .priceSections strong{
    font-family: MartelBold;
}


.warning.warning-box span { font-size: 1.15em !important;}

.room-offer .warning.warning-box{
    display:inline-block;
    font-size:12px;
    font-weight:400;
    border-color:#d2d3d3;
    padding:0 8px;
    border-radius:1px;
}
.room-offer .price{
    font-size:22px;
}

.modal-content h1{
    margin:0 0 20px 0;
    font-size:18px;
    font-weight:700;
}
.modal-content .lg-img img{
    width:100%;
    height:auto;
}
.thumbnails{
    padding-top:15px;
    position: relative;
    width: 100%;
}
.thumbnails img{
    display:block;
    float:left;
    margin:0 10px 10px 0;
    cursor:pointer;
    height:86px;
    width: calc((100%/6) - 10px);
}


.modal-content .thumbnails img{
    height:60px;
    opacity:.6;
    -webkit-transition:opacity .3s ease-in-out;
    -moz-transition:opacity .3s ease-in-out;
    -ms-transition:opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out;
}
.thumbnails img.selected{
    cursor:auto;
}
.thumbnails img:hover,.thumbnails img.selected{
    outline:1px solid #ccc;
    outline-offset:1px;
    opacity:1;
}

.upgradeOffers .roomName.activeTab{
    background: #1d1e28;
    color: white;
    padding: 10px 0;
}

.upgradeOffers .roomName{
    background: #363742;
    color: white;
    padding: 10px 0;
}

.upgradeOffers .roomImage{
    height:110px;
    background-position: center;
    background-size:cover;
}

.upgradeOffers .upgradeRow div{
    padding: 20px 10px;
}

.upgradeOffers .upgradeRow .upgradeCompare{
    padding: 9px 6px;
    border: 1px solid #ddd;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 12px;
    background: #f5f7fa;
    vertical-align: middle;
    cursor: pointer;
}

.upgradeOffers .upgradeRow .upgradeOffer{
    font-size:12px;
    background-color: #358d44;
    border-color: #358d44;
    color: white;
}

.upgradeOffers .upgradeRow .upgradeTitle{
    margin:0;
    display:inline-block;
    padding-bottom: 10px
}

.upgradeOffers .upgradeRow .upgradeSubtitle{
    margin: 0 0 6px;
    padding-bottom: 10px
}

.upgradeOffers .upgradeRow .upgradePrice{
    font-weight: 500;
    margin:0;
    padding-bottom: 10px
}
.upgradeOffers .upgradeRow .upgradePrice span {
    font-size: 18px
}

#comparePrices{
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 240px;
    display: none;
    z-index: 1000;
}

#comparePrices #loading{
    text-align: center;
    margin: 25px 0 40px;
    display:none;
    height: 40px;
    padding: 10px;
    border-radius: 25px;
}

#comparePrices #loading img{
    display:inline-block;
    width: 20px;
    height: 20px;
    float: right;
}

#comparePrices.loading{
    position: fixed;
    bottom: -120px;
    right: 30px;
    width: 240px;
    height: 240px;
}

#comparePrices #loading .loading-message{
    display:inline-block;
    color: white;
    float: left;
}

#comparePrices .content .compare-header{
    height: 50%;
    padding: 5px;
}

#comparePrices.no-result{
    height: 100px;
    bottom: 80px;
    right: 30px;
    width: 240px;
}

#comparePrices .close-comparator{
    float: right;
    color: white;
    margin-left: 100%;
    cursor: pointer;
    padding: 3px 4px;
    line-height: 100%;
    font-size: 12px;
    border-radius: 50%;
}

#comparePrices .price-message{
    padding: 0 10px;
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#comparePrices .date-range{
    color: white;
    text-align: center;
    font-size:12px;
    width:100%;
    padding-top: 10px
}

#comparePrices .web-price{
    background-color: white;
    color: #000;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%
}

#comparePrices .f-left{
    float: left;
}

#comparePrices .f-right{
    float: right;
}

#comparePrices .compare-body{
    height: 50%;
    padding: 5px;
    background-color: white
}

#comparePrices .partner-row{
    background-color: white;
    color: #000;
    padding: 0 10px 0;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
}

#comparePrices.short .compare-header, #comparePrices.no-result.short .compare-header{
    border-radius: 5px;
}

#comparePrices.short .just-price, #comparePrices.no-result.short .just-price{
    color: white;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 18px;
    display: block;
}

#comparePrices.short .compare-body, #comparePrices.short .web-price, #comparePrices.short .date-range, #comparePrices.no-result.short .compare-body, #comparePrices.no-result.short .web-price, #comparePrices.no-result.short .date-range{
    display: none;
}

#comparePrices.short .price-message, #comparePrices.no-result.short .price-message{
    text-align: left;
}

#comparePrices.short .close-comparator, #comparePrices.no-result.short .close-comparator{
    font-size: 20px;
    padding: 10px;
    border-radius: 50%;
    margin-top: 4px;
    margin-left: 0;
}


#comparePrices .just-price, #comparePrices.no-result .just-price{
    display: none;
}

#comparePrices, #comparePrices.short, .short{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#comparePrices.no-result.short{
    position: fixed;
    bottom: 14px;
    right: 30px;
    width: 240px;
    display: none;
}

.webColor1_background{
    background: #1d1e28;
}

.webColor2_background{
    background: #bd1d1d;
}

/*#upsell{*/
/*    padding: 25px 30px 45px 30px;*/
/*    border-bottom: 1px solid #c7c7c9;*/
/*}*/

@media all and (max-width:1199px){
   .rooms .price strong{
        font-size:22px;
    }
    .rooms h3{
        font-size:16px;
    }
    .room-offer label input{
        margin:9px 0 0 18px;
    }
    .rooms .col-sm-1.text.text-center{
        padding-left:0;
        padding-right:0;
    }
}
@media all and (max-width:991px){
    .rooms del{
        font-size:12px;
        padding-right:0px;
    }
    .rooms .price strong{
        font-size:19px;
    }
    .rooms h3{
        font-size:14px;
    }
    .rooms .a-arrow{
        font-size:11px;
    }
    .rooms .btn{
        font-size:9px;
        font-weight:400;
        line-height:1.4;
    }
    .rooms .btn strong{
        font-size:12px;
    }
    .rooms .room-offer .btn{
        font-size:14px;
    }
    .room-offer .price{
        font-size:17px;
    }
}

.showOnSmall{
    display:none;
}

@media all and (max-width:767px){

    .room-offer-row {
        border-bottom: 1px solid #d1d3d3;
    }
    .rooms .text-main {
        padding: 10px 15px;
    }

    .hideOnSmall{
        display:none;
    }
    .showOnSmall{
        display:block;
    }

    .rooms section,.rooms section.js-ready{
        border-bottom:none;
        border-right:1px solid #d2d3d3;
        border-left:1px solid #d2d3d3;
        font-size:12px;
        margin:10px 0 0 0;
    }
    .rooms .col-sm-45,.rooms .col-sm-25,.rooms .col-sm-1,.room-offers .col-sm-7,.room-offers .col-sm-2{
        padding-right:15px;
        padding-left:15px;
    }
    .room-offers .col-sm-2.room-offer-submit{
        padding-left:27px;
        padding-right:16px;
        padding-top:15px;
    }

    .rooms .btn,.rooms .room-offer .btn{
        padding:5px;
        min-height:43px;
    }


    .room-offer label input{
        margin:0 0 10px 1px;
    }
    .rooms h3{
        height:auto;
        display:block;
        margin:0 0 10px 0;
        font-size: 2.2rem;
    }

    .room-offers .room-offer-label .LoyaltyPriceSections {
        text-align: right;
        padding: 0 30px;
    }

    .room .roomCapacity {}
    .room .price {
        text-align: right;
        padding: 5px 30px 15px;
    }
}
.room .roomGalleryWrap {padding-right: 0}


@media(max-width:605px){
    .rooms .col-sm-45, .rooms .col-sm-25, .rooms .col-sm-1, .room-offers .col-sm-7, .room-offers .col-xs-2 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media all and (max-width:521px){
    .room-offers .room-offer-label .LoyaltyPriceSections {
        text-align: right;
        padding: 0 30px;
    }

    .room .text-main {clear: both; padding: 10px 35px 20px;}
    .room .roomGalleryWrap {width: 100%; clear: both;}
    ul.roomGallery li a > img {
        height: auto !important;
        width: 100% !important;
        left: initial !important;
        position: relative;
        transform: none !important;
    }
    ul.roomGallery li {
        position: relative;
        display: block;
        height: auto !important;
        overflow: hidden;
        float: none !important;
        margin: 0;
        padding: 0;
        width: 100% !important;
    }

    .room .roomCapacity {clear: both; width: calc((100% / 12) * 3)}
    .room .priceWrap {margin-top:20px;}
    .room .price {
        text-align: right;
        padding: 5px 30px 15px;
    }

    .rooms .roomActions {width: 250px;margin-top: 15px !important;}

}
@media all and (max-width:324px){
    .thumbnails img{
        height:75px;
    }
}

span.hotelFacilities > ul {
    display:block;
    margin: 20px 0;
    padding:0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

span.hotelFacilities > ul li {
    display: list-item;
    margin: 0;
    padding: 2px 15px 4px 0;
    margin-left: 20px;
    list-style-type: square;
}

/* step bottom */
ul.inline{
    display:block;
    margin:0;
    padding:0;
}
ul.inline li{
    display:inline-block;
    margin:0;
    padding:0 15px 5px 0;
}
.row-p .row{
    padding-bottom:30px;
}


/* hotels */
.hotel{
    display:block;
    border:1px solid #d2d3d3;
    font-size:12px;
    padding:0 15px;
    color:#323b40;
}

.hotel span.locality {
    font-family: FiraSansRegular;
    min-height: 25px;
    display: inline-block;
}

.hotelBox{
    font-family: MartelBold;
    min-height: 250px;
    text-align: center;
    margin-bottom: 130px;
}

.hotel:hover{
    color:#323b40;
    text-decoration:none;
}
.hotel-photo{
    margin:-1px -16px 15px -16px;
    height:170px;
    position:relative;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:center;
    background-color:#f0f0f0;
    -webkit-transition:background .3s ease-in-out;
    -moz-transition:background .3s ease-in-out;
    -ms-transition:background .3s ease-in-out;
    -o-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
}

.coverPhoto {
    width: 100%;
    height: 370px;
    background-size: cover;
    background-position: center center;
}

.plugin_header{
    padding-top: 50px;
}

.pluginWrap{
    margin-top: 10px;
    padding-left: 15px;
}

.plugin{
    font-family: MartelBold;
    text-align: center;
    margin-top: 130px;
}

.plugin_item{
    display:block;
    border:1px solid #d2d3d3;
    font-size:12px;
    padding:0 15px;
    color:#323b40;
    min-height: 195px;
    position: relative;
}

.plugin_item:hover{
    color:#323b40;
    text-decoration:none;
}

.plugin_image{
    margin:-1px -16px 15px -16px;
    height:170px;
    position:relative;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:center;
    background-color:#f0f0f0;
    -webkit-transition:background .3s ease-in-out;
    -moz-transition:background .3s ease-in-out;
    -ms-transition:background .3s ease-in-out;
    -o-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out;
}

.plugin_image{
    background-size:auto 110%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.plugin-active .plugin_image, .plugin_image:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.plugin .plugin-name{
    font-size:14px;
    font-weight:700;
    display: block;
    margin-top: 15px;
}

.plugin .plugin-title{
    font-size: 10px;
    padding: 5px;
    color: #323b40b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.plugin .plugin-title > *{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.plugin .row {
    padding: 10px 33px 15px 30px;
    font-size: 12px;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
}

.plugin .btn {
    font-family: FiraSansRegular;
    display: block;
    margin: 0 0 -1px 0;
    width: 100%;
    background: #bd1d1d;
    border-color: #bd1d1d;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: 1px 0 #bd1d1d;
}

.plugin .btn:focus, .plugin .btn:hover, .plugin .btn:active {
    background: #b71d1d;
    border-color: #b71d1d;
    color: #fff;
    box-shadow: 1px 0 #b21d1d;
}

.owl-nav .positionArrowLeft {
    position: absolute;
    top: 90px;
    left: -20px;
    font-size: 35px;
    z-index: 10;
    transition: 0.15s;
    background: white;
    padding: 5px 15px;
    border-radius: 50%;
    opacity: 0.5;
    margin-left: 15px;
}

.owl-nav .positionArrowRight {
    position: absolute;
    top: 90px;
    right: -20px;
    font-size: 35px;
    z-index: 10;
    transition: 0.15s;
    background: white;
    padding: 5px 15px;
    border-radius: 50%;
    opacity: 0.5;
    margin-left: 15px;
}

.positionArrowLeft:hover {
    transition: 0.15s;
}

.positionArrowRight:hover {
    transition: 0.15s;
}

.owl-dots{
    margin-bottom:15px;
}
.owl-dot:focus { outline: none; }

.hotel:hover .hotel-photo{
    background-size:auto 110%;
}
.hotel .review{
    font-family: MartelBold;
    position:absolute;
    right:0;
    top:0;
    color: white;
    background:transparent;
    padding:2px 10px 4px 10px;
    font-size:10px;
    margin-right: 70px;
    margin-top: 10px;
}
.hotel .review strong{
    font-size:12px;
}

.hotel .hotel-name{
    font-size:14px;
    font-weight:700;
    display: block;
    margin-top: 15px;
}

.hotel .availability .price{
    font-family: MartelBold;
    margin-top: 5px;
}

.hotel .availability .price strong{
    font-size: 13px;
}

.hotel .blue{
    font-size:14px;
    font-weight:700;
    display:block;
}
.hotel:hover .blue{
    color:#23527c;
}
.hotel .secondaryColor strong{
    font-size:20px;
}

.gopass-form .secondaryColor strong{
    font-family: MartelBold;
    font-size: 22px;
}

.hotel .row{
    height: 85px;
    padding: 10px 33px 10px 30px;
    font-size: 12px;
}
.hotel .col-lg-8{
    padding-right:0;
}
.hotel .col-lg-4{
    padding:0;
}

.hotel .btn{
    font-family: FiraSansRegular;
    display:block;
    margin:0 0 -1px 0;
    width:100%;
    background:#bd1d1d;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    -webkit-border-radius:0;
    border-radius:0;
    box-shadow:1px 0 #bd1d1d;
}
.hotel:hover .btn{
    background:#ca1616;
    box-shadow:1px 0 #ca1616;
}
@media all and (max-width:1199px){
    .hotel{
        margin-bottom:30px;
    }
    .hotel .col-lg-8{
        padding-right:0;
    }
    .hotel .col-lg-4{
        padding-left:0;
    }
    .hotel-photo{
        background-position:left;
    }
    .hotel .btn{
        box-shadow:1px 0 #bd1d1d,1px 0 #bd1d1d;
    }
    .hotel:hover .btn{
        box-shadow:1px 0 #ca1616,1px 0 #ca1616;
    }
}

/* additional offers */

.additional-offers .room-offer .line{
    margin-left:0;
    margin-right:0;
}
.additional-offers .col-sm-10.room-offer-label{
    padding-left:45px;
    margin-left:0;
}
.rooms.additional-offers .room-offer .col-sm-2 label{
    display:none;
}
.rooms.additional-offers .room-offer .col-sm-2 label.always-added{
    visibility:visible;
    display:block;
}
.rooms.additional-offers .room-offer .col-sm-2 label:hover .glyphicon{
    padding-top:2px;
}
.rooms.additional-offers .room-offer .col-sm-2 label:hover .glyphicon:before{
    content:'\e014';
    color:#e71f2e;
}
.rooms.additional-offers .room-offer .col-sm-2 label.always-added:hover .glyphicon{
    padding-top:0;
}
.rooms.additional-offers .room-offer .col-sm-2 label.always-added:hover .glyphicon:before{
    content:'\e013';
    color:#bd1d1d;
}
.additional-offers .room-offer .col-sm-2 label.js-ready,
.additional-offers .with-images .room-offer .col-sm-2 label.js-ready{
    display:inline-block;
    padding:0;
    min-height:32px;
    width:auto;
    margin-top:9px;
}
.rooms.additional-offers .room-offer .btn{
    display:inline-block;
    width:auto;
    font-size:14px;
    min-height:0;
    padding:8px 17px;
    margin:0;
}
.additional-offers .room-offer-row{
    margin-right:0;
}
.rooms.additional-offers .price{
    font-size:18px;
    display:block;
    padding:5px 0 0 0;
}
.additional-offers .glyphicon{
    font-size:24px;
}

.additional-offers .with-images{
    margin-top:27px;
}
.additional-offers .with-images .room-offer{
    margin-top:10px;
}
.additional-offers .with-images .col-sm-10.room-offer-label{
    padding-left:15px;
}
.additional-offers img{
    display:block;
    width:100%;
    max-width:120px;
    height:auto;
    margin:-25px 0 0 0;
    position:relative;
    z-index:3;
}
.additional-offers .with-images .room-offer label{
    padding:25px 0 0 0;
}
.rooms.additional-offers .with-images .price{
    padding:0;
}
.additional-offers .with-images .room-offer .col-sm-2 label.js-ready{
    margin-top:27px;
}

.additional-offers .only-without-js{
    margin:18px 0 0 0;
}
.additional-offers .with-images .only-without-js{
    margin:35px 0 0 0;
}
.additional-offers .only-without-js.js-ready{
    visibility:hidden;
    position:absolute;
}

.additional-offers .back{
    position:absolute;
}

.addition-offers-submit{
    background:#bd1d1d;
    color:#fff;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    padding:10px 10px 10px;
    line-height: 100%;
    margin:35px 0 130px 0;
    text-align:left;
    -webkit-border-radius:0;
    border-radius:0;
    text-align: center;
}

.addition-offers-submit span{
    font-size: 10px;
    font-weight: normal;
}

.addition-offers-submit:hover{
    color:#fff;
    background-color:#ca1616;
}
@media all and (max-width:1199px){
    .additional-offers .with-images .room-offer label{
        padding:15px 0 0 0;
    }
    .additional-offers img{
        margin:-15px 0 0 0;
    }

    .additional-offers .with-images .room-offer .col-sm-2 label.js-ready{
        margin-top:17px;
    }
}
@media all and (max-width:990px) and (min-width:768px){
    .additional-offers .text-right{
        text-align:right;
    }
    .additional-offers .col-sm-2.text-right{
        padding-left:0;
    }
    .rooms.additional-offers .room-offer .btn{
        font-size:12px;
        padding:6px 9px;
    }
    .additional-offers .with-images .room-offer label{
        padding:5px 0 0 0;
    }
    .additional-offers img{
        margin:-5px 0 0 0;
    }
    .additional-offers .col-sm-25{
        padding-right:0;
    }
    .additional-offers .with-images .room-offer .col-sm-2 label.js-ready{
        margin-top:14px;
    }
}

.calendar-picker{
    display:none;
}
@media all and (max-width:767px){
    .additional-offers .room-offer{
        margin-left:-15px;
        margin-right:-15px;
    }

    .additional-offers .col-sm-10.room-offer-label{
        padding-left:30px;
    }
    .additional-offers .room-offer .col-sm-2 label.js-ready{
        max-width:93px;
        display:block;
        margin:0 auto 10px auto;
    }
    .rooms.additional-offers .room-offer .btn{
        display:block;
        width:100%;
    }
    .additional-offers img{
        margin:0 0 10px 0;
    }
    .additional-offers .with-images .col-sm-5{
        padding-left:30px;
    }
}

#reservation_summary_detail{
    background: white;
}

#reservation_summary_detail .reservationSummary{
    margin-top: 0px;
    margin-bottom: 40px;
    background: #f9f9f9;
    padding: 40px 30px;
    border-top: 1px solid #cecece;
}

#reservation_summary_detail h4, #reservation_summary_detail strong{
    font-family: MartelHeavy;
    padding-right: 35px;
}

#reservation_summary_detail .reservationSummary span{
    padding-right: 10px;
}

#reservation_summary_detail .reservationDetail{
    padding: 40px 45px 40px 30px;
    margin: 0;
    border-top: 1px solid #cecece;
    border-bottom: 0;
}

#reservation_summary_detail .reservationDetail h3, #reservation_summary_detail .reservationDetail h3 span{
    font-family: FiraSansBold;
}

#reservation_summary_detail .reservationDetail .offerAndFlexiName{
    font-family: FiraSansItalic;
}

#reservation_summary_detail .reservationDetail .personsCountInfo{
    font-family: FiraSansRegular;
    margin-top: 10px;
}

#reservation_summary_detail strong.large{
    padding-right: 10px;
}

#reservation_summary_detail .reservationDetail .showRoomDetails{
    margin-top: 5px;
    background-color: white;
    color: #2B3848;
    /*padding: 3px 10px;*/
    font-size: 0.85em;
    text-decoration: underline;
    cursor: pointer;
}

/* 3.php */

.summary_message{
    margin: 0;
    padding: 15px 25px 25px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    background: #f3f4f4;
}

.summary{
    padding:24px 30px;
}

.summary{
    margin: 0;
}
.summary.last{
    background: #f9f9f9;
}
.summary h2{
    margin:0 0 5px 0;
    font-size:28px;
    text-transform:none;
}
.summary h2:after{
    display:none;
}
.summary h2.solo{
    margin:25px 0 5px 0;
    font-size:20px;
}
.summary.last strong.large{
    font-size:26px;
}

.summary.last .colTwo strong{
    display: inline-block;
    margin-top: 10px;
}

strong.large {
    font-size:32px;
    font-family: MartelBold, 'Open Sans',sans-serif;
}

.hidden-offers.js-ready{
    display:none;
}

.additional-offers .hidden-offers.only-without-js{
    margin:0;
}
.additional-offers .hidden-offers.only-without-js.js-ready{
    visibility:visible;
    position:relative;
}

.additional-offer{
    position:relative;
    border:1px solid #d2d3d3;
    font-size:12px;
    min-height:122px;
}

.additional-offer-area input{
    margin:10px;
}
.additional-offer-area input.js-ready{
    visibility:hidden;
}
.additional-offer-area label{
    font-weight:400;
    cursor:pointer;
    display:block;
}

.additional-offer:hover{
    border-color:#23527c;
}
.additional-offer-area input:checked+.additional-offer{
    border-color:#bd1d1d;
}

.additional-offer .row{
    margin-left:0;
    margin-right:0;
}
.additional-offer .col-sm-6{
    padding-left:0;
    padding-right:0;
}
.additional-offer .price{
    padding:3px 15px 0 0;
}
.additional-offer .price strong{
    display:block;
    font-size:18px;
}
.additional-offer img{
    width:100%;
    max-width:100px;
    height:auto;
    margin:-1px 0 0 -1px;
}
.additional-offer .blue{
    display:block;
    font-size:14px;
    font-weight:700;
    padding:15px;
    position:relative;
    padding-right:36px;
}
.additional-offer:hover .blue{
    color:#23527c;
}

.additional-offer .disable{
    display:none;
}

.additional-offer-area input:checked+.additional-offer .blue{
    color:#bd1d1d;
    padding-left:36px;
    padding-right:15px;
}
.additional-offer-area input:checked+.additional-offer .blue:before{
    position:absolute;
    display:block;
    color:#bd1d1d;
    content:'\e013';
    top:1px;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    font-size:22px;
    margin:24px 0 0 -29px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.additional-offer-area input:checked+.additional-offer .disable{
    display:block;
    position:absolute;
    top:-10px;
    right:-10px;
    width:24px;
    height:24px;
    padding:4px;
    text-align:center;
    font-size:10px;
    color:#777;
    background:#fff;
    border:2px solid #d2d3d3;
    cursor:pointer;
    border-radius:20px;
}
.additional-offer-area input:checked+.additional-offer:hover .disable{
    border-color:#cc2530;
    color:#cc2530;
}

@media all and (max-width:1199px){
    .additional-offer{
        font-size:10px;
        min-height:108px;
    }
    .additional-offer .blue{
        font-size:12px;
        padding-right:30px;
    }
    .additional-offer-area input:checked+.additional-offer .blue{
        padding-left:30px;
        padding-right:15px;
    }
    .additional-offer-area input:checked+.additional-offer .blue:before{
        font-size:18px;
        margin:24px 0 0 -24px;
    }
    .summary.last strong.large {font-size: 28px;}
}
@media all and (max-width:990px){
    .additional-offer{
        padding:15px;
        min-height:1px;
    }
    .additional-offer .blue{
        padding-left:0;
        padding-right:15px;
        padding-bottom:0;
    }
    .additional-offer-area input:checked+.additional-offer .blue{
        padding-left:15px;
        padding-right:0;
    }
    .additional-offer .col-sm-6.text-right{
        text-align:right;
    }
    .additional-offer-area input:checked+.additional-offer .blue:before{
        margin:14px 0 0 -24px;
    }
}
@media all and (max-width:767px){
    .additional-offer .col-sm-6.text-right{
        text-align:left;
    }
}

.gopass-form h2{
    font-size:15px;
    text-transform:none;
}
.gopass-form h2:after{
    display:none;
}
.gopass-area{
    padding:25px 200px 45px 30px;
    background: #f9f9f9;
    border-top: 1px solid #c7c7c9;
    border-bottom: 1px solid #c7c7c9;
}
.gopass-area img{
    width:100%;
    height:auto;
    max-width:100%;
    margin: 0;
}
.gopass-area input.form-control{
    width:100%;
    margin:0;
    float:left;
}

.gopass-area label.control-label{
    width:100%;
    margin:7px 0;
    float:left;
}

.gopass-area .btn{
    float:left;
    width: 100%;
    background:#8d1c30;
    font-size: 12px;
    padding: 7px;
    text-transform:uppercase;
    color:#fff;
    font-weight:700;
    -webkit-border-radius:0;
    border-radius:0;
}

.gopass-area .btn:hover{
    background: #9a1f35;
}

.gopass-area h2 {margin: 25px 0 5px;}

.reservationFormWrap{
    padding: 25px 30px 45px 30px;
    border-bottom: 1px solid #c7c7c9;
}

.reservationFormWrap .form-group{
    padding-right: 0;
}

.reservationFormWrap textarea{
    height: 83px;
    resize: none;
}

.reservationForm input[type="checkbox"], .reservationForm input[type="radio"]{
    display: inline-block;
    width: 25px;
}

.reservationFormWrap span.checkCouponSpan{
    font-weight: normal;
    display: inline-block;
    width: 90%;
    font-size: 11px;
    margin: auto 0;
}

.reservationFormWrap p{
    margin-bottom: 30px;
}

/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #f4f4f4;
    border: 1px solid #ceced0;
}

.checkmark .checkImage{
    display: none;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #f4f4f4;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    border: 0;
    background: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: url(../icons/check.svg);
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    /*display: block;*/
}

.customcheck input:checked ~ .checkmark .checkImage {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#insurancesOption{
    margin-top: 25px;
}

.insurancesBox{
    padding: 25px 30px 0px 30px;
    border-bottom: 1px solid #c7c7c9;
}

.onlineCheckinWrap{
    padding: 25px 30px 25px 30px;
    border-bottom: 1px solid #c7c7c9;
}

#guestsWrap{
    padding: 25px 30px 25px 30px;
    border-bottom: 1px solid #c7c7c9;
}

.paymentsBox{
    padding: 25px 30px 25px 30px;
    border-bottom: 1px solid #c7c7c9;
}

.paymentsBox .form-group{
    margin-bottom: 0;
}

.payment-method{
    margin-top: 25px;
    /*border-bottom:1px solid #a2acb3;*/
    /*padding-bottom:10px;*/
    /*margin-bottom:50px;*/
}

.payment-method input{
    margin-right:15px;
}
.payment-method label,.suhlas label{
    cursor:pointer;
    padding-top: 3px;
}
.payment-method label:hover,.suhlas label:hover{
    color:#23527c;
}

.insurancesWrap, #guestsWrap{
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.insurancesWrap input{
    margin-right: 15px;
    display: inline;
    vertical-align: middle;
}

.insurancesWrap .insuranceImage{
    max-width: 120px;
    margin-left: 10px;
}

.insurancesWrap span{
    vertical-align: middle;
}
#RoomsPlace{
    margin-top: 25px;
}
#guestsWrap .content {padding: 0px;}

#guestsWrap .roomWrap {
    padding: 10px 0;
    margin: 0;
}
#guestsWrap .roomWrap h4{
    font-family: FiraSansBold;
}
#guestsWrap .roomWrap:first-child{border-top: none;}
#guestsWrap .another-toggle h4 > span{display: block; margin: 1px 0; font-size: 14px;}
#guestsWrap .another-toggle h5 {margin: 10px 0 5px;font-size:12px;font-weight: bold;}
#guestsWrap input, #guestsWrap select {margin-bottom: 8px;}
guestsWrap .another-toggle-inner{
    padding-right: 35px;
}
#useOnlineCheckIn{margin-right: 10px;}

.roomWrap h4{
    cursor: pointer;
    padding-bottom: 10px;
}

#insurancesOption .product {
    margin-bottom: 20px;
    /*border-bottom: 1px dashed #cccccc;*/
    padding-bottom: 20px;
}

.descriptionWrapper {padding: 10px 0 10px 15px; border:1px solid transparent;}

.descriptionWrapper.selected{
    background: #fcda80;
}

.descriptionWrapper .col-md-4{
    padding-top: 10px;
}

.descriptionWrapper .paymentDescription {
    clear:both; padding: 10px 20px 5px 44px;
}

.bank-transfer{
    background:#f8f1c2;
    font-size:12px;
    border:1px solid #d2d3d3;
}
.bank-transfer label{
    font-size:14px;
}
.bank-transfer p{
    padding:10px 0 0 28px;
}
.bank-transfer.js-ready{
    background:#fff;
    border-color:transparent;
}
.bank-transfer.js-ready p{
    display:none;
}
.bank-transfer.js-ready.selected{
    background:#f8f1c2;
    border-color:#d2d3d3;
}
.bank-transfer.js-ready.selected p{
    display:block;
}

.importantNotification {
    font-size: 12px;
    margin-top: 25px;
}

.suhlas{
    padding: 30px;
    border-bottom: 1px solid #c7c7c9;
    font-size: 12px;
}

.infoWrap{
    padding: 30px;
    border-bottom: 1px solid #c7c7c9;
}

.importantNotification small strong {
    font-size: 16px;
}

.importantNotification ul{
    padding-left: 15px;
}

.importantNotification li {
    line-height: 1;
    padding-bottom: 10px;
}

.suhlas input{
    margin-right:15px;
}
.suhlas .col-md-10{
    margin-bottom:10px;
}
#newsletter{
    position:absolute;
    margin:11px 0 0 0;
}
.newsletter{
    margin:0 0 0 28px;
}
.newsletter label{
    text-align:left !important;
    font-weight:400 !important;
}

.summary .addition-offers-submit{
    margin:0;
    width:75%;
}
@media all and (max-width:1199px){
    .summary .addition-offers-submit{
        text-align:center;
        background-image:none;
        padding:15px 3px;
    }
}
@media all and (max-width:991px){
    .summary .addition-offers-submit{
        /*background-image:url(../images/arrow-btn.png);*/
    }

    .calendar-picker{
        position:fixed;
        background-color:#bd1c1d;
        bottom:30px;
        right:30px;
        width:50px;
        height:50px;
        border-radius:50%;
        z-index:100000;
    }

    .offerPrice strong.secondaryColor{
        margin-left:60px;
    }

    .gopass-offer img{
        margin-left:60px;
    }
}

ul.roomGallery {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

ul.roomGallery li {
    position: relative; display: block; height: 160px; overflow:hidden; float: left; margin: 0; padding: 0; display: none;
}

ul.roomGallery li:first-child{display: block;}

ul.roomGallery li a > img {height: 100%; width: auto; left: 50%;
    position: relative;
    transform: translateX(-50%);}

.searchPanel {margin: 20px 0;}
.searchPanel label {width: 100%; margin: 10px 0 2px;text-align: left}
.searchPanel .dateLabel {width: auto; margin: 10px 0 2px;text-align: left}
.searchPanel select {width: 50%; float: left; margin: 1%; padding: 2px 4px;}
.searchPanel input {padding: 2px 4px;}
.searchPanel .btn {background-color: #1d1e28; color: white; padding: 15px 10px; width: 100%; margin-top: 15px; border-radius: 0; }

.fullwidth {width: 100%;}

h1.small {font-size: 0.99em; font-weight: 700;}
span.sideText {font-size: 13px;}

.reservation_successBox {background: green; padding: 30px 30px; margin: 30px 0 0;}
.reservation_errorBox h3, .reservation_successBox h3, .reservation_warningBox h3 {color: white; margin: 14px 0 5px 0; font-size: 24px; text-transform: none; border: none;}
.reservation_errorBox p, .reservation_successBox p {color: white}

.reservation_errorBox {background: #BF1717; padding: 30px 30px; margin: 30px 0 0;}
.reservation_warningBox {background: #f26e3b; padding: 30px 30px; margin: 30px 0 0;}
.summary.last.hideOrder{
    margin-top: 0;
}

.summaryReservation {font-size: 1.0em;}
.summaryReservation span {padding: 5px 0 0;}
.summaryReservation span.bold {font-weight: 500;}

.btn-res {    padding: 16px 14px;
    border-radius: 0;
    background-color: #E0E0E0;
    font-weight: 700;
    margin: 10px;
    font-size: 1.1em;
    color: #565656;
    border: 1px solid #D4D4D4;
}
    .btn-res:hover{background-color: #FFF08E}


input.ronly:-moz-read-only { /* For Firefox */
    cursor: not-allowed;
    background-color: #E4E4E4 !important;
}

input.ronly:read-only {
    cursor: not-allowed;
    background-color: #E4E4E4 !important;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.summaryWrap {margin-top: -15px;}
.summaryDetails {
    /*display: none;*/
    color: #4E4E4E;
}
.reservationDetail {margin: 15px; padding-bottom: 10px; border-bottom: 2px dashed silver;}
.reservationDetail h3 {margin: 0; font-weight: 700;}
.reservationDetail div.offerAndFlexiName { font-weight: 700; margin: 5px 0;}
.reservationDetail .showRoomDetails{
    margin-top: 5px;
    background-color: white;
    color: #2B3848;
    /*padding: 3px 10px;*/
    font-size: 0.85em;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
}
.reservationDetail .roomDetails {/*margin-top: 15px;*/ /*display: none;*/}
.reservationDetail .priceInclude {margin-top: 15px; display: none;}
.reservationDetail .cancelConditions {margin-top: 15px; display: none;}
.reservationDetail .roomPrice {font-size: 18px; line-height: 18px; float: right; text-align: right; width: 100%;font-family: MartelBold;}
.reservationDetail .deleteUpsell{ margin: 5px 0 0; cursor: pointer;}
.reservationDetail .subHeadText {font-weight: 700; font-size: 14px; padding-bottom: 10px;}
.reservationDetail .conditions{display: inline-block; margin-left: 20px;}
.reservationDetail h3.upsellName {font-size: 14px;}
.reservationDetail h3.upsellName span span {font-weight: normal;}
a.showSummaryDetails {
    margin-top: 5px;
    background-color: white;
    color: #2B3848;
    /*padding: 3px 10px;*/
    font-size: 0.85em;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
}

.reservationSummaryDetails .reservationDetail {margin: 0 15px 20px; padding: 0 0 5px;}
.reservationSummaryDetails .reservationDetail:first-of-type {border-top: none;}

ul.room_tabs {width: 100%; display: table; margin: 20px 0 0; padding: 0;}
ul.room_tabs li{width: auto; display: table-cell; list-style: none; text-align: center;  color: #2B3848; padding: 6px 0; background-color: #f3f4f4; font-size: 12px;}
ul.room_tabs li.active{ background-color: #1d1e28; color: white;}
ul.room_tabs li.active + li{ background-color: #dddddf; color: #2B3848;}
img.breadcrumbSeparator {margin-left: 5px; margin-bottom: 2px;}
#roomLoading {display: none; margin: 60px 0 20px; text-align: center;}

.roomSelector {position: relative; width: 100%; clear: both; margin: 15px 0 5px;}
.roomSelector ul{width: 100%; padding: 0; margin: 0;}
.roomSelector ul li{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; display: inline-block; width: 33.33333333333333%; background-color: #D8D8D8; list-style: none; padding: 6px; margin-bottom: 2px; box-sizing: border-box; float: left; text-align: center; color: #2B3848; border: 1px solid #F0F0F0;}
.roomSelector ul li.active {background-color: #2B3848; color: white;}
.roomSelector ul li:hover {background-color: #2B3848; color: white; cursor: pointer;}


.roomSelector ul li.removeNextRoom {background-color: transparent; color: #E05E63; font-weight: 700; display: block; float: left; width: 50%; box-sizing: border-box; text-transform: uppercase; text-align: left; font-size: 12px;}
.roomSelector ul li.removeNextRoom:hover {color: #D2232A;}

.roomSelector ul li.addNextRoom {background-color: transparent; color: #3468A2; font-weight: 700; display: block; float: right; width: 50%; box-sizing: border-box; text-transform: uppercase; text-align: right; font-size: 13px;}
.roomSelector ul li.addNextRoom:hover {color: #2B3848;}
.roomSelector ul li.addNextRoom.disable {color: #C5C5C5; cursor: not-allowed;}

.roomSelector ul li.tabShow {display: inline-block;}
.roomSelector ul li.tabHide {display: none;}

.roomSelector ul li.clearTab { background-color: transparent; width: 100%; clear: both; margin: 0; padding: 0;}

.roomSelector ul li.room_1, .roomSelector ul li.room_2, .roomSelector ul li.room_3 {width: 33.33333333333333%;}
.roomSelector ul li.room_4 {width: 100%;}

.searchPanel .roomBox {display: none;}
.searchPanel .roomBox.room_1 {display: block;}

#asideSummaryDetailsButton {
    background-color: #1d1e28;
    color: white;
    padding: 15px 10px;
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
}

.personsCountInfo {margin-top: -5px;}
.personsCountInfo span{margin-left: 10px;}
.personsCountInfo span:first-child{margin-left: 0;}

@media (max-width: 992px){
    .searching img {max-width: 100%; height: auto;}
    .summary.last .colTwo {text-align: right !important;}
}

@media (max-width: 768px){
    .roomSelector ul li{padding: 10px 0;}
    .roomSelector ul li.addNextRoom {font-size: 15px;}
    #gopass-login2 .gopassCard {text-align: center; margin-bottom: 30px;}
    #gopass-login2 .gopassCard img {max-width: 200px !important;}
}

#upsell {margin: 20px 0;}
#upsell .upsellCategory {padding: 5px;height: 200px}
#upsell .upsellCategory .image {width: 100%; height: 185px; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#upsell .upsellCategory .wrap {padding: 10px 5px; border: 1px solid #F0F0F0;  border-top: 0; width: 100%; display: inline-block; cursor: pointer;min-height: 70px}
#upsell .upsellCategory .wrap > div {padding: 0;}
#upsell .upsellCategory .wrap > div span {font-size: 12px;}
#upsell .upsellCategory .wrap .btn-upsell{border-radius: 0; color: white; float: right; background-color: #8d1c30; font-size: 12px; font-weight: 700;}
#upsell .upsellCategory .wrap .btn-upsell:hover{background: #9a1f35;}

#upsell .upsellCategory h2 {padding: 0 0 2px 0; margin: 0; font-size: 13px;}
#upsell .upsellCategory h2:after{content: none;}
#upsell .upsellCategory span p {padding: 0; margin: 0;}

.upsells{
    padding: 25px 30px 45px 30px;
    border-bottom: 1px solid #c7c7c9;
}

.upsells .pluginWrap{
    margin-top: 0;
    padding-left: 0;
}

.upsellModalBody {display: inline-block; width: 100%; padding: 0 20px;font-family: FiraSansRegular;}
.upsellModalBody img {max-width: 100%;}
.upsellModalBody h2.categoryName { margin-top: 0;}
.upsellModalBody .category_desc { font-size: 13px;}
.upsellModalBody .items {margin: 20px 0;}
.upsellModalBody .items .item select.upsellCounter {float:right; padding: 3px 5px; margin-top: 3px; margin-left: 15px; width: 50px; box-sizing:border-box;}
.upsellModalBody .items .item {padding: 5px 0; border-bottom: 2px solid #F0F0F0; font-weight: 500; float: left; width: 100%;}
.upsellModalBody .items .item:first-child{ border-top: 2px solid #F0F0F0;}
.upsellModalBody .items .item .btn-upsell{border-radius: 0; color: white; margin-left: 20px; background-color: #8d1c30; float: right; text-transform: uppercase; padding: 5px 15px; font-weight: 500;}
.upsellModalBody .items .item .btn-upsell.add {background-color: #8d1c30;}
.upsellModalBody .items .item .btn-upsell.remove {background-color: #8d1c30;}
.upsellModalBody .items .item .name{float: left; font-weight: 500; padding: 7px 0;}
.upsellModalBody .items .item .name span{font-weight: 400;}
.upsellModalBody .items .item .conditions{float: left; font-weight: 500; padding: 7px 0; margin-left: 20px;}
.upsellModalBody .items .item .price{float: right; font-weight: bold; padding: 7px 0; margin-left: 20px;}
.upsellModalBody .items .item .oldPrice{float: right; color: red; text-decoration: line-through; padding: 7px 0; margin-left: 20px;}
.upsellModalBody .items .item .item-info{margin-top: 35px;}

.upsellModalBody.noCategories {padding: 0;}
.upsellModalBody.noCategories .items {margin: 0;}
.upsellModalBody.noCategories .items .item:first-child{ border-top: 0;}
.upsellModalBody.noCategories .items .item .price{float: right; font-weight: bold; padding: 7px 0; margin-left: 20px;font-family: MartelRegular;}
.upsellModalBody.noCategories .items .item .oldPrice{float: right; color: red; text-decoration: line-through; padding: 7px 0; margin-left: 20px;font-family: MartelRegular;}

#gopass-login .modal-body {padding: 5px 5px 40px;}
#gopass-login button.close{
    background-color: #8e2538;
    color: white;
    padding: 7px 13px;
    z-index: 999999;
    opacity: 1;
    font-weight: 500;
}

#gopass-login .head .gopassLogo {margin: 5px 5px 0; height: 35px;}
#gopass-login .head .up {float: right; color: black;}
#gopass-login .head .up a {color: black;}
#gopass-login .head .up > span{margin: 10px 30px; display: inline-block; font-size: 90%;}
#gopass-login .login-form {margin: 25px 10%;}
#gopass-login .login-form input {width: 100%;}
#gopass-login .login-form button {float: right; padding: 5px 10px; margin-top: 0px; text-transform: uppercase; background: #bd1d1d; color: white; border-radius: 0;}

@media all and (max-width:768px){
    .gopass-wrap{
        text-align: center;
        float: right !important;
    }
    .gopass-wrap img {
        height: 16px !important;
        margin-bottom: 0px !important;
    }
    .gopass-wrap > div:first-of-type {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 4px;
    }

    .language select {width: 32px;}
    .gopassUserImage {display: none;}
}


#gopass-offer-login .modal-body {padding: 5px 5px 40px;}
#gopass-offer-login button.close{
    background-color: #8e2538;
    color: white;
    padding: 7px 13px;
    z-index: 999999;
    opacity: 1;
    font-weight: 500;
}

#gopass-offer-login .head .gopassLogo {margin: 5px 5px 0; height: 35px;}
#gopass-offer-login .head .up {float: right; color: black;}
#gopass-offer-login .head .up a {color: black;}
#gopass-offer-login .head .up > span{margin: 10px 30px; display: inline-block; font-size: 90%;}
#gopass-offer-login .login-form {margin: 25px 10%;}
#gopass-offer-login .login-form input {width: 100%;}
#gopass-offer-login .login-form button {float: right; padding: 5px 10px; margin-top: 0px; text-transform: uppercase; background: #bd1d1d; color: white; border-radius: 0;}#gopass-offer-login .login-form button.continueNoLogin {float: right; padding: 5px 10px; margin-top: 10px; text-transform: uppercase; background: #bd1d1d; color: white; border-radius: 0;}

.gopass-offer span.loyaltyDiscount{
    background-color: #bd1d1d;
    color: white;
    line-height: 20px;
    border-radius: 50%;
    padding: 4px;
    font-size: 11px;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    font-family: MartelBold;
}

.offerPrice{
    padding-top: 5px;
}

.room-offer-label .gopass-offer span.loyaltyDiscount{
    padding: 4px;
    font-size: 8px;
    height: 28px;
    width: 28px;
}

.gopass-offer img{
    margin-right: 10px;
    height: 12px;
    margin-top: 9px
}
.gopass-offer{
    margin-right: -20px;
    padding-top: 15px;
}

.room-offer-label .gopass-offer{
    margin-right: -10px;
    padding-top: 0px;
    /*float: left;*/
}

.priceWrap{
    padding-left: 0;
}

.tileHeader{
    font-family: MartelBold;
    width: 100px;
    margin: -20px auto 0px;
    text-align: center;
    background: white;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    color: #bd1d1d;
}

.tileHeader img{
    padding: 0 10px;
}

.rating .tileHeader{
    font-family: MartelBold;
    color: black;
    font-size: 10px;
    margin-bottom: 10px;
}

.tilesRow{
    margin: 15px 40px 0 20px;
}

.tilesRow .col-sm-4{
    height: 60px;
}

.tilesRow .col-sm-4 .benefit, .tilesRow .col-sm-4 .rating{
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 85%;
}

.tilesRow .tileText{
    font-family: MartelBold;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    position: absolute;
    padding: 15px 11px 0 11px;
    /*bottom: 5px;*/
    top:50%;
    transform: translate(0,-50%);
    left: 0;
}

.roomNumber{
    color: #b1753e;
}

article.mapWrap{
    position: relative;
    margin-bottom: 25px;
}

div.gradient-overlay{
    height: 430px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, white, transparent);
    background: -o-linear-gradient(to bottom, white, transparent);
    background: -ms-linear-gradient(to bottom, white, transparent);
    background: -moz-linear-gradient(to bottom, white, transparent);
    background: -webkit-linear-gradient(to bottom, white, transparent);
}

.crosselContainer{
    margin-bottom: 70px;
    margin-top: 50px;
}

span.medium strong{
    padding-right: 10px;
}

.white-owerlay{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    background: white;
    opacity: 0.7;
}

.occupied .white-owerlay{
    display: block;
}

.occupied .hotel-name, .occupied .locality{
    opacity: 0.3;
}

.occupied a{
    border-color:#bd1d1d;
    min-height: 164px;
}

#crossel{
    margin-top: 170px;
}

.header .gopass-wrap {
    background: white;
    padding: 7px 5px;
    float: left;
    text-align: center;
}

.review-owerlay{
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
    background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
    background: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
}

.hideOrder{
    border: 1px solid #c7c7c9;
    margin-top: 35px;
    padding: 0;
}

#gopassLoginForm .loginWrap{
    padding-left: 25px;
}

.pulse{
    display:none;
}

.adult-count, .children_count{
    max-width: 40px;
}

@media all and (max-width:1199px) {
    .tilesRow .col-sm-4 {
        height: 80px;
    }

    .tileHeader {
        width: 80px;
    }

    .navbar-nav li {
        padding: 15px 5px;
    }

    .header .gopass-offer {
        width: 190px;
    }

    .header-info {
        padding: 0;
        margin-left: -40px;
    }

    .language {
        margin-left: 40px;
    }

    .roomButtonsWrap {
        padding: 64px 15px;
    }

    .rooms .roomActions {
        display: block;
        margin-top: 5px;
    }

    .room-offer .col-sm-9, .additionalInfo {
        width: 78.4%;
    }

    .room-offer .col-sm-3.room-offer-submit, .offerInfoRow .col-sm-3 {
        width: 21.5%;
    }

    .hotel .review {
        margin-right: 40px;
    }

    .more-benefits li {
        width: 24%;
        min-height: 100px;
    }
}


@media (max-width: 991px) {
    .hotel {
        margin-bottom: 90px;
        min-height: 203px;
    }

    .hotelBox{
        margin-bottom: 60px;
    }

    .hotel .row {
        padding: 37px 33px 0 30px;
        font-size: 12px;
    }

    .occupied a {
        min-height: 203px;
    }

    .pulse {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #bd1d1d;
        cursor: pointer;
        box-shadow: 0 0 0 rgba(204,169,44, 0.4);
        animation: pulse 2s infinite;
    }
    .pulse:hover {
        animation: none;
    }

    .Zebra_DatePicker.dp_visible{
        z-index: 100000000;
        position: absolute;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(189,29,29, 0.4);
        }
        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(189,29,29, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(189,29,29, 0);
        }
    }
    @keyframes pulse {
        0% {
            -moz-box-shadow: 0 0 0 0 rgba(189,29,29, 0.4);
            box-shadow: 0 0 0 0 rgba(189,29,29, 0.4);
        }
        70% {
            -moz-box-shadow: 0 0 0 10px rgba(189,29,29, 0);
            box-shadow: 0 0 0 10px rgba(189,29,29, 0);
        }
        100% {
            -moz-box-shadow: 0 0 0 0 rgba(189,29,29, 0);
            box-shadow: 0 0 0 0 rgba(189,29,29, 0);
        }
    }

    #crossel .availability .price {
        text-align: center;
    }

    .hotel .col-lg-8 {
        padding: 0;
    }

    .hotel .review {
        margin-right: 65px;
    }

    .searching .text-center {
        margin-left: 0px;
    }

    .rooms .roomActions span {
        display: inline-block;
    }

    .rooms .roomActions {
        width: 250px;
        margin-top: 25px;
    }

    .room-offer-submit {
        padding: 13px 20px 23px 20px;
    }

    .process .col-sm-3 {
        /*padding: 0 20px;*/
    }

    .process .col-sm-3.active {
        padding: 15px 20px;
    }

    .room-offer .col-sm-9, .additionalInfo {
        /*width: 79.3%;*/
    }

    .room-offer .col-sm-3.room-offer-submit, .offerInfoRow .col-sm-3 {
        width: 20.7%;
    }

    .shortInfo {
        display: none;
    }

    .header .gopass-wrap {
        background: white;
        /*padding: 9px 40px;*/
        float: left;
        text-align: center;
    }



    #basket_summary_detail .price{
        margin-left: 15px;
    }

    form#gopassLoginForm .col-sm-12 {
        margin-bottom: 10px;
    }

    form#gopassLoginForm .col-sm-12:last-child {
        margin-bottom: 10px;
    }

    form#gopassLoginForm .loginWrap{
        padding-left: 15px;
    }

    .gopass-area{
        padding-right: 30px;
    }

    .descriptionWrapper{
        height: 90px;
    }

    .summary .addition-offers-submit{
        width: 100%;
    }

    .colThree{
        margin-top: 15px;
    }

    #reservation_summary_detail h4, #reservation_summary_detail strong, #reservation_summary_detail .price{
        text-align: center;
    }

    .regionTitle{
        padding-bottom: 130px;
    }

    .region{
        margin-top: -180px;
    }
}
@media (max-width: 768px) {
    ul.navbar-nav{
        width: 100%;
    }

    .navbar-nav li {
        padding: 15px 5px;
        display: inline-block;
    }

    .gopass-wrap > div:first-of-type{
        float: right !important;
        margin-left: 0 !important;
    }

    .hotel .review {
        margin-right: 35%;
    }

    .hotel {
        margin-bottom: 100px;
    }

    .roomButtonsWrap{
        border: 0;
        border-bottom: 1px solid #d2d3d3;
    }

    .opened div.background {
        margin-left: 0;
        background: transparent;
    }
    .roomButtonsWrap {
        background:#fff !important;
        border-right:1px solid #d2d3d3;
        padding: 11px 30px;
    }

    .offerPrice strong{
        padding-top:0px;
        font-size:12px !important;
    }

    .rooms .btn {
        font-size:12px;
        padding-top:12px;
    }

    .room-offer-label .gopass-offer {
        margin-right: -10px;
        padding-top: 0;
        /*float: left;*/
    }

    ul.roomGallery li a > img {
        height: auto !important;
        width: 98% !important;
        left: initial !important;
        position: relative;
        transform: none !important;
    }

    .searching .btn {
        padding-left: 5px;
        padding-right: 5px;
        display: block;
        width: 98%;
        margin-top: 40px;
    }

    ul.roomGallery li {
        position: relative;
        display: block;
        height: auto;
        overflow: hidden;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .tilesRow {
        margin: 20px auto;
        /*margin: 40px 40px 0 80px;*/
    }

    .tilesRow .col-sm-4{
        width: 32%;
        display: inline-block;
    }

    .hotel-detail img {
        max-width: 98%;
    }

    .rooms{
        /*margin-right: 15px;*/
    }

    .sidebar section article {
        margin-left: 15px;
    }

    .crosselContainer {
        margin-right: 15px;
    }

    .colOne, .colTwo{
        text-align: center !important;
    }

    .summary.last .colTwo{
        text-align: center !important;
    }
}

@media only screen and (max-width: 1700px)
{
    #comparePrices{
        right: auto;
        left: 30px;
    }
}

@media only screen and (max-width: 992px)
{
    #comparePrices{
        right: 0 !important;
        left: 0  !important;
        bottom: 0  !important;
        width: 100% !important;
        opacity: 9999;
    }

    #comparePrices.no-result{
        bottom: 24px  !important;
    }
}

.hideOnMD{
    display:none;
}

@media(min-width:992px){
    .sidebar{
        display:block !important;
    }
}

@media(max-width:991px){
    .sidebar{
        display:none;
    }

    .hideOnMD{
        display:block;
    }

    .sidebar{
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        padding-right:0;
        z-index:100000000;
    }

    .sidebar{
        max-height: calc(100vh - 50px);
        overflow: scroll;
    }
    .sidebar section article{
        margin:0;
        padding:0;
    }
    .searchPanel {
        margin-bottom:0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .searchPanel strong{
        font-size: 16px;
    }
    section.searching article div.col-sm-12 h1,section.searching article div.col-sm-12 strong {
        display: none;
    }
    section.searching article img {
        display: none;
    }

    .ssl{
        display:none;
    }

    section.searchPanel div.col-xs-12 img{
        display:none;
    }

    .regionTitle{
        margin-top:0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 130px;
    }
    .hotel .review {
        margin-right: 0 !important;
    }
}
.descriptionOutside{
    display:none;
}

@media(max-width:1199px){
    .descriptionInRow{
        display:none;
    }
    .descriptionOutside{
        display:block;
    }
    .hotel-detail span{
        margin: 0;
    }
}

.smallImage{
    display:none;
    margin-bottom:20px;
}

@media(max-width:767px){
    .longImage{
        display:none;
    }
    .smallImage{
        display:block;
    }

    .offerPrice strong.secondaryColor{
        margin:0;
    }

    .gopass-offer img{
        margin-left:0;
    }
}

.showonNNO{
    display:none;
}
.gopass-wrap{
    margin-top: 5px !important;
}

@media(max-width:991px){
    .language{margin-top: 13px;}

    .showonNNO{
        display:block;
    }
    .googleMapEmbed{
        display:none;
    }
    #asideSummaryDetailsButton{
        display:none;
    }
}

@media (max-width:533px){
    .header h1 img {
        width:100px;
        height:auto;
    }
}

@media (max-width: 767px){
    .rooms .btn, .rooms .room-offer .btn {
        font-size: 10px !important;
    }
    .room-offer label {
        padding: 25px 0 0 0;
    }
}

@media(max-width:500px){
    .rooms .col-sm-45, .rooms .col-sm-25, .rooms .col-sm-1, .room-offers .col-sm-7, .room-offers .col-xs-2 {
        padding-left: 10px;
        padding-right: 5px;
    }

    .offerPrice strong{
        padding-right: 10px;
    }

    .priceSections, .priceSections .offerPrice strong{
        padding: 0 !important;
    }

    .room-offer .price {
        font-size: 0.9em;
    }

    .room-offer-submit {
        padding: 13px 5px 23px 5px !important;
    }

    .header .gopass-wrap{
        margin-top: 55px !important;
    }

    .language{
        margin-left: 0 !important;
    }

    .background{
        margin-bottom: 40px;
    }

    .room .price {
        padding: 10px 20px 15px;
    }

    .rooms h3{
        min-width: 250px;
    }

    .offerPrice {
        /*padding-top: 30px;*/
    }

    .rooms h3 {
        font-size: 1.9rem;
    }
}

@media(max-width:720px){
    .room-offer .price {
        font-size: 0.9em;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .roomButtonsWrap{
        border-bottom: 0;
        margin-top: 50px;
    }

    .rooms .btn{
        font-size: 10px !important;
    }

    .Zebra_DatePicker.dp_visible{
        z-index: 100000000;
        position: absolute;
    }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .roomButtonsWrap{
        border: 0;
        border-bottom: 0;
        margin-top: 50px;
    }

    .rooms .btn{
        font-size: 10px !important;
    }

    .Zebra_DatePicker.dp_visible{
        z-index: 100000000;
        position: absolute;
    }
}