@import url('bootstrap.min.css');
@import url('jquery-ui.min.css');
@import url('base.css');
@import url('colors_hotels.css');

/* CONTACTS COMMON ROWS */

.blue{
    color: #136D9F;
}

.orange{
    color: #C77700;
}

.green{
    color: #4F9527;
}

.vip{
    display: inline-block;
    background-color: #EFA931;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'glober_regular';
    padding: 5px;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    font-size: .8em;
    margin-right: 5px;
}

.row.under_nav .under_nav_col{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}

.row.under_nav h3{
    margin-top: -5px;
}

.row.under_nav ul#crumb{
    float: right;
    list-style-type: none;
    padding: 0;
}

.row.under_nav ul#crumb li{
    float: left;
    padding: 2px 3px;
}

.row.under_nav ul#crumb li.last{
    border: 0;
}

.row.under_nav ul#crumb li a{
    text-decoration: underline;
}

.row.under_nav ul#crumb li a:hover{
    text-decoration: none;
}

@media  (max-width: 767px) {

    .row.under_nav ul#crumb{
        float: none;
    }
}

/* CONTENT BLOCK */
#two_cols.row{
    margin-left: 0;
    margin-right: 0;
}

#two_cols.row .row_cell{
    padding: 20px 30px;
}

#two_cols.row .left_col{
    padding-left: 0;
    padding-right: 30px;
    border-right: 1px solid #D5D5D6;
}

#two_cols.row .right_col{
    padding-left: 30px;
    padding-right: 0;
}

@media (max-width: 991px) {
    #two_cols.row .left_col{
        border: 0;
        padding-right: 0;
    }

    #two_cols.row .right_col{
        padding-left: 0;
    }
}
/*
.row .title_row{
    margin-bottom: 20px;
}
*/
.title_row h3{
    margin-top: 0;
    line-height: 30px;
}

.title_row h3.blue{
    color: #136D9F;
}

.title_row h3.orange{
    color: #C77700;
}

.title_row h3.green{
    color: #4F9527;
}

.title_row .title_right{
    text-align: right;
    margin-top: 5px;
}

sup{
    position: relative;
    vertical-align: baseline;
    font-size: 1em;
    top: 0em;
}

.bold{
    font-family: 'glober_bold';
}

.m_top_20{
    margin-top: 20px;
}

/* STARS */
.icon_star_grey{
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    background: url("img/icon_star_grey.png");
}

/* SOCIAL ICONS */
.row .left_col .social{
    float: right;
    margin-top: 4px;
}

.row .left_col .social a{
    float: left;
    display: block;
    margin-left: 5px;
    padding: 0;
}

.row .left_col .social a:hover{
    color: #136D9F;
    background: none ;
}

.row .left_col .social a i{
    display: block;
    width: 27px;
    height: 20px;
    background: url("img/icons_social_detail.png") no-repeat;
    background-size: 75px 40px;
}

.ie8 .row .left_col .social a i{
    background: url("img/icons_social_detail_real_size.png") no-repeat;
}

.row .left_col .social a i.facebook{
    background-position: 5px 0;
}

.row .left_col .social a:hover i.facebook{
    background-position: 5px -20px;
}

.row .left_col .social a i.twitter{
    background-position: -22px 0;
}

.row .left_col .social a:hover i.twitter{
    background-position: -22px -20px;
}

.row .left_col .social a i.google_plus{
    background-position: -50px 0;
}

.row .left_col .social a:hover i.google_plus{
    background-position: -50px -20px;
}


/* LEFT COLUMN */
.carousel_cell{
    margin-top: 0;
    padding: 0 30px 0 30px;
}

.text_cell{
    padding: 0 0 15px 0;
    border-bottom: 1px solid #D5D5D6;
}

#slider_images{
    /*border-top: 1px solid #D5D5D6; */
    border-bottom: 1px solid #D5D5D6;
    padding-top: 10px;
    padding-bottom: 30px;
}

#slider_images .img_col{
    padding-left: 0;
    padding-right: 0;
}

#slider_images .prop_col{
    padding-left: 30px;
    padding-right: 0;
}

@media  (max-width: 1279px) {
    #slider_images .prop_col{
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }
}

/* CAROUSEL */
.carousel {
    max-width: 600px;
}

.carousel-inner {
    border-radius: 6px;
}

.carousel-control.left {
      background-image: none;
      filter: none;
}

.carousel-control.right {
    background-image: none;
    filter: none;
}
/* END CAROUSEL */

/* HOTEL EXTRAS */
.grey_block{
    background-color: #F2F2F5;
    border-radius: 6px;
    padding: 15px;
    border-top: 1px solid #ccccce;
    margin-right: 0px;
    min-height: 325px;
}

.hotel_extras_title{
    font-family: 'glober_bold';
    color: #636366;
    padding-bottom: 5px;
}

ul.hotel_extras{
    padding: 10px 0;
    border-top: 1px solid #D4D4D5;
    list-style-type: none;
    margin-bottom: 0;
}

ul.hotel_extras.last{
    padding-bottom: 0;
}

ul.hotel_extras li{
    color: #4F9527;
    vertical-align: middle;
    padding: 3px 0;
}

ul.hotel_extras li i{
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url("img/icons_hotel_profile.png") no-repeat;
    background-size: 120px 20px;
    margin-right: 5px;
}

.ie8 ul.hotel_extras li i{
    background: url("img/icons_hotel_profile_real_size.png") no-repeat;
}

ul.hotel_extras li i.free_wifi{
    background-position: 0 center;
}

ul.hotel_extras li i.free_parking{
    background-position: -40px center;
}

ul.hotel_extras li i.indoor_swimming_pool{
    background-position: -60px center;
}

ul.hotel_extras li i.spa_wellness_center{
    background-position: -80px center;
}

ul.hotel_extras li i.city_hotel{
    background-position: -100px center;
}

ul.hotel_extras li i.shopping{
    background-position: -20px center;
}

/* END HOTEL EXTRAS */

/* PRICES TABLE */
.table_prices{
    padding: 0 15px 30px 15px;
    border-bottom: 1px solid #D5D5D6;
}

.title_cont{
    background-color: #D3E4C9;
    border: 1px solid #ffffff;
    border-top: 1px solid #7DA165;
    border-radius: 8px;
    padding: 9px;
    color: #4F9527;
}

.item_row{
    margin-top: 1px;
}

.item_cont{
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 5px 10px;
    color: #464649;
    min-height: 75px;
}

.item_cont.odd{
     border-top: 1px solid #CBCBCD;
     background-color: #F7F7F8;
 }

.item_cont.even{
    background-color: #E9E9EA;
    border-top: 1px solid #CBCBCD;
}

.one_row_centered{
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
}

.room_title{
    /*font-family: 'glober_bold'; */
    color: #4F9527;
    font-size: 1.1em;
    margin-top: 0;
}

.room_text{
    font-size: 0.9em;
}

.hotel_price_thumb{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    border-radius: 4px;
}

a.more_for_room,
a.more_for_room:active{
    color: #4F9527;
    font-style: italic;
    text-decoration: none;
}

a.more_for_room:hover{
    text-decoration: underline;
}

.room_extras_left,
.room_extras_right
{
    padding: 10px;
}

.room_extras_left{
    /*border-right: 1px solid  #CBCBCD;*/
}

.room_extras_right{
    color: #4F9527;
    border-left: 1px solid  #CBCBCD;
    display: table-cell;
}

.equalheight_col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
/*    background-color:#efefef; */
}

.equalheight {
    overflow: hidden;
}

.bgr_block{
    background-color: #F2F2F5;
    border-radius: 6px;
    padding: 15px;
    border-top: 1px solid #ccccce;
    margin-bottom: 30px;
}

/* HOTEL OFFER BLOCK */
.bgr_block.pink {
    background-color: #FBEDD5;
    border-top: 1px solid #E8C898;
}

/* CAROUSEL ROOM */
.carousel_room {
    margin: 0px auto;
    width: 300px;
}
.carousel_room .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.carousel_room .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
.carousel_room .carousel-indicators li img {
    display: block;
    opacity: 0.5;
    border-radius: 4px;
}
.carousel_room .carousel-indicators li.active img {
    opacity: 1;
}
.carousel_room .carousel-indicators li:hover img {
    opacity: 0.75;
}
.carousel_room .carousel-outer {
    position: relative;
}
/* END CAROUSEL ROOM */

/* HOTEL OFFER */
.hotel_offer_wrapper{
    padding: 0;
    border-bottom: 1px solid #D5D5D6;
}

.hottel_offer .offer_thumb{
    border-radius: 8px;
}

.hottel_offer h4{
    margin-top: 0;
}

.hottel_offer ul{
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
}

.hottel_offer ul li{
    font-style: italic;
    margin-top: 5px;
}

.hottel_offer ul li .glyphicon{
    margin-right: 5px;
}

.hottel_offer .row{
    position: relative;
}

.hottel_offer .price_col{
    position: absolute;
    right: 0;
    bottom: 5px;
}

.hottel_offer .price{
    color: #C77700;
    font-style: italic;
    font-size: 2.8em;
    line-height: 48px;
    text-align: right;
}

.hottel_offer .btn_res_cont{
    text-align: right;
}

.hottel_offer .btn_reserve{
    background-color: #313134;
    color: #fff;
    padding: 2px 5px;
}

@media  (max-width: 767px) {
    .hottel_offer h4{
        margin-top: 15px;
    }

    .hottel_offer .btn_res_cont{
        text-align: left;
    }

    .hottel_offer .price{
        text-align: left;
    }
}

@media  (max-width: 1279px) {
    .hottel_offer .price_col{
        position: relative;
        bottom: 0;
    }

    .hottel_offer .price{
        text-align: left;
    }

    .hottel_offer .btn_res_cont{
        text-align: left;
    }
}


/* RESERVATION ROW */
.reservation_wrapper{
    padding: 0;
    border-bottom: 1px solid #D5D5D6;
}

.reservation_col_left{
    padding-right: 30px;
}

.reservation_col_right{
    padding-left: 30px;
    border-left: 1px solid #CBCBCD;
}

.reservation_col_left .contact_label{
    font-family: 'glober_bold';
    border-bottom: 1px solid #CBCBCD;
    padding: 5px 0;
}

.reservation_col_left .contact_text{
    color: #4F9527;
    padding: 5px 0 42px;
}

/* CONTACT FORM */
form#contact_form .form-control{
    color: #A9A9AC;
    background-color: #F2F2F5;
    background-image: none;
    border: 0;
    border-top: 1px solid #CBCBCD;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

form#contact_form .form-control:focus {
    border-color: #CBCBCD;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form#contact_form .btn_publish,
form#contact_form .btn_publish:hover{
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 14px 5px;
    font-size: 1em;
}

form#contact_form .first_row_cols{
    padding-right: 0;
}

form#contact_form .first_row_cols.last{
    padding-right: 15px;
}

form#contact_form .captcha_cols{
    padding: 0;
}

form#contact_form .captcha_cols a.gen_new_code{
    font-size: 0.85em;
}

form#contact_form .captcha_cols.first{
    padding-right: 15px;
}

form#contact_form .captcha_cols.last{
    padding-left: 10px;
}

@media (max-width: 767px) {
    .reservation_col_left{
        padding-right: 15px;
    }

    .reservation_col_right{
        padding-left: 15px;
        border-left: 0;
    }

    form#contact_form .first_row_cols{
        padding-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reservation_col_left{
        padding-right: 30px;
    }

    .reservation_col_right{
        padding-left: 30px;
        border-left: 1px solid #CBCBCD;
    }

    form#contact_form .first_row_cols{
        padding-right: 15px;
    }

    .reservation_wrapper{
        padding-bottom: 25px;
    }

}

@media (min-width: 992px) and (max-width: 1279px) {
    .reservation_col_left{
        padding-right: 15px;
    }

    .reservation_col_right{
        padding-left: 15px;
        border-left: 0;
    }

    form#contact_form .first_row_cols{
        padding-right: 15px;
    }
}

@media (max-width: 1279px) {
    form#contact_form .captcha_cols.last{
        padding-left: 0;
    }

    form#contact_form .captcha_cols{
        margin-top: 10px;
    }
}


/* HOTEL CONVENIENCES, TERMS AND CONDITIONS*/

.hotel_therms_row{
}

.hotel_therms_wrapper{
    padding: 0 0 30px 0;
    border-bottom: 1px solid #D5D5D6;
}

.hotel_therms_cont{
    padding: 5px 15px;
    color: #464649;
}

.hotel_therms_left_col{
    color: #A9A9AC;
}

.hotel_therms_right_col{
    border-left: 1px solid #CBCBCD;
    padding-left: 20px;
}

.hotel_therms_cont i{
    display: inline-block;
    float: left;
    width: 25px;
    height: 20px;
    background: url("img/icons_hotel_profile_grey.png") no-repeat;
    margin-right: 5px;
    background-position: -50px center;
}

.hotel_therms_cont i.free_wifi_grey{
    background-position: 0 center;
}

.hotel_therms_cont i.free_parking_grey{
    background-position: -25px center;
}

@media (max-width: 767px) {
    .hotel_therms_right_col{
        border-left: 0;
        padding-left: 15px;
    }
}

/* NAVIGATON BOTTOM */

.bottom_nav_detail{
    border-bottom: 1px solid #D4D4D5;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}

.bottom_nav_detail div{
    padding-left: 0;
    padding-right: 0;
}

.bottom_nav_detail div a{
    color: #4F9527;
    text-decoration: underline;
    padding: 2px 5px;
}

.bottom_nav_detail div a:hover{
    text-decoration: none;
    border-radius: 4px;
    color: #fff;
    background-color: #4F9527;
}

.bottom_nav_detail div .glyphicon-chevron-left,
.bottom_nav_detail div .glyphicon-chevron-up,
.bottom_nav_detail div .glyphicon-chevron-right{
    font-size: 0.8em;
}

@media (max-width: 767px) {
    .bottom_nav_detail div{
        margin-bottom: 10px;
    }
    .bottom_nav_detail div.text-center,
    .bottom_nav_detail div.text-right{
        text-align: left;
    }
}

/* SIGHTSEEINGS NEARBY */

.sightseeings_wrapper{
    padding: 0 0 15px 0;
    border-bottom: 1px solid #D5D5D6;
}

.sightseeings_item{
    margin-bottom: 15px;
}

img.sightseeings_thumb{
    border-radius: 6px;
    float: left;
    margin-right: 10px;
}

.sightseeings_title{
    line-height: 1.2em;
    font-size: 1em;
    margin-bottom: 5px;
}

.sightseeings_region{
    font-size: 0.9em;
    color: #A9A9AC;
    padding-top: 0;
    margin-top: 0;
}


/* HOTELS NEARBY */

.hotels_nearby_wrapper{
    padding: 0 0 30px 0;
}

.hotels_nearby_item{
    /*width: 390px;  */
    margin: 10px 0;
}

.hotels_nearby_item img{
    display: block;
    float: none;
    clear: both;
    border-radius: 10px;
}

.hotels_nearby_item .hotel_stars{
    width: 120px;
    margin-top: 5px;
    text-align: center;
}

.hotels_nearby_item .short_text{
    color: #313134;
    font-size: 1.1em;
}

.hotels_nearby_item .price{
    color: #4F9527;
    font-family: 'glober_regular_italic';
    font-style: italic;
    font-size: 2.2em;
    line-height: 48px;
    text-align: right;
}

.hotels_nearby_item .btn_res_cont{
    text-align: right;
}

.hotels_nearby_item .btn_reserve{
    background-color: #313134;
    color: #fff;
    padding: 0px 15px;
}

@media  (max-width: 767px) {
    .hotels_nearby_item .btn_res_cont{
        text-align: left;
    }

    .hotels_nearby_item .price{
        text-align: left;
    }

    .hotels_nearby_item{
        width: auto;
    }
}

.hotels_nearby_item .item_cols{
    padding-left: 0px;
    padding-right: 0px;
}

/* END TICKETS_PROMOTIONS ROW */


/* END LEFT COLUMN */

/* ######################################## */

/* RIGHT COLUMN */

.banner_right{
    margin-bottom: 30px;
}

.right_block_wrapper{
    padding: 0 0 30px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #D5D5D6;
}

.right_block_wrapper.no_border{
    border: 0;
    margin: 0;
}

.right_block{
    background-color: #F2F2F5;
    border-radius: 6px;
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #ccccce;
}

.right_block.green {
    background-color: #B8D4A8;
    border-top: 1px solid #7DA165;
}

#map_canvas {
    height: 317px;
}

.sub_title{
    font-size: 1.2em;
    margin-bottom: 10px;
}

ul.useful_links,
ul.right_block_links{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.right_block_links.padding_left{
    padding-left: 8px;
}

ul.right_block_links.padding_right{
    padding-right: 8px;
}

ul.useful_links li{
    margin: 0 0 15px 0;
}

ul.useful_links li.last{
    margin-bottom: 0;
}

ul.right_block_links li{
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid #D5D5D6;
}

ul.right_block_links li.first{
    padding-top: 0;
}

ul.right_block_links li.last{
    border: 0;
    padding-bottom: 0;
}

ul.right_block_links li.first_middle{
    padding-top: 0;
}

ul.right_block_links li.last_middle{
    border: 0;
    padding-bottom: 0;
}


ul.useful_links li i{
    display: inline-block;
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    background: url("img/icons_useful.png") no-repeat;
    background-size: 69px 23px;
}

ul.useful_links li i.star{
    background-position: 0 0;
}

ul.useful_links li i.envelope{
    background-position: -23px 0;
}

ul.useful_links li i.attention{
    background-position: -46px 0;
}

.right_block.green ul.right_block_links li{
    border-bottom: 1px solid #93B17F;
}

.right_block.green ul.right_block_links li.last{
    border: 0;
}

.right_block.green ul.right_block_links li a{
    color: #276300;
}

.right_block .hotels_last_viewed h5{
    margin-top: 0;
    margin-bottom: 3px;
}

.right_block .hotels_last_viewed img{
    border-radius: 4px;
    margin-top: 3px;
    margin-right: 10px;
}

.right_block .hotels_last_viewed .hotel_city{
    line-height: 1em;
}

.right_block .hotels_last_viewed .hotel_item{
    margin-bottom: 10px;
}

.right_block .hotels_last_viewed .hotel_item.last{
    margin-bottom: 0;
}

@media (max-width: 767px){
    ul.right_block_links li.first_middle{
        padding-top: 10px;
    }

    ul.right_block_links li.last_middle{
        border-bottom: 1px solid #D5D5D6;
        padding-bottom: 10px;
    }

    ul.right_block_links.padding_left{
        padding-left: 0;
    }

    ul.right_block_links.padding_right{
        padding-right: 0;
    }
}


@media (min-width: 992px) and (max-width: 1279px) {
    ul.right_block_links li.first_middle{
        padding-top: 10px;
    }

    ul.right_block_links li.last_middle{
        border-bottom: 1px solid #D5D5D6;
        padding-bottom: 10px;
    }

    ul.right_block_links.padding_left{
        padding-left: 0;
    }

    ul.right_block_links.padding_right{
        padding-right: 0;
    }
}


/* SUBSCRIPTION BLOCK */
.right_block.subscription{
    background: none;
    border: 0;
    padding: 0;
}

.right_block.subscription .subscr_form_row{
    margin-left: 0;
    margin-right: 0;
}

.right_block.subscription .subscr_form_items{
    padding-left: 0;
    padding-right: 0;
}

.right_block.subscription .subscr_form_items input[type="text"]{
    background-color: #E6E6E9;
    border: 0;
    border-top: 1px solid #A9A9AC;
    border-radius: 4px;
    color: #464649;
}

.right_block.subscription .subscr_form_items input[type="text"]:focus{
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.right_block.subscription .subscr_form_items .btn_subscription{
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
    padding: 4px 12px;
    margin-left: 3px;
}

.right_block.subscription .subscr_form_items .btn_subscription i.envelope{
    display: inline-block;
    width: 21px;
    height: 15px;
    background: url("img/icon_envelope.png") no-repeat;
    background-size: 21px 15px;
}

.ie8 .right_block.subscription .subscr_form_items .btn_subscription i.envelope{
    background: url("img/icon_envelope_real_size.png") no-repeat;
}

.right_block.subscription .subscr_text{
    margin-top: 10px;
    color: #7C7C7F;
    line-height: 1em;
    font-size: .9em;
}

/* END RIGHT COLUMN */

form .error {
    color: red;
    font-size: 0.85em;
    font-weight: 400;
}