body {
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}
.container { 
/*    width: 960px;
*/    margin: 0 auto 0;
    background: #FFF
}

h1, h4{
    color: #357EBD;
    border-bottom: 1px solid #357EBD;
    font-weight: normal;
    margin-top: 10px
}
h1, .h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    padding-bottom: 3px
}
h2, .h2 {
    font-size: 21px;
    margin: 3px 0 10px;
    font-weight: normal
}
h3, .h3 {
    font-size: 1.3em;
    margin: 30px 0 25px
}
h4, .h4 {
    font-size: 1.2em;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 9px;
    font-weight: bold;
}

a{
    color: #333
}
a:hover, a:focus{
    color: #777;
    text-decoration: none
}

h5.red{
    font-size: 13px
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 100%;
    color: #666666
}
.radio, .checkbox{
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
}

code, kbd, pre, samp {
    color: #333333;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    white-space: normal;
}
p, pre {
    margin: .9em 0;
}

.ui-widget{
    font-family: 'Ubuntu', sans-serif;
}

#details button,
#checkout button{
    margin-top: 12px;
    margin-bottom: 5px
}

#checkout button {
    margin-bottom: 25px;
}

#details .x_spacer,
#checkout .x_spacer2{
    margin-top: 17px;
}
#checkout .x_spacer{
    margin-top: 8px;
}
#checkout #notice{
    height: 80px;
    max-height: 80px;
    min-height: 80px;
    width: 435px;
    min-width: 435px;
    max-width: 435px
}
#checkout .x_pricelist{
    margin: 15px 0 0
}
#checkout .x_pricelist th:last-child,
#checkout .x_pricelist td:last-child{
    text-align: right
}
.red{
    color: #DD0000
}

#index button{
    margin-top: 15px;
    margin-bottom: 20px
}

label{
    font-size: 12px ;
    margin-bottom: 1px
}

.form-control {
    border: 1px solid #CECECE;
    border-radius: 4px;
    color: #333333;
    font-size: 12px;
    height: 30px;
    padding: 6px 8px;
    width: 100%;
    border-radius: 0;
}
.btn{
    padding: 3px 23px;
    text-transform: uppercase;
    border-radius: 0;
}

#check_in, #check_out{
    background: #F7F7F7
}

#x_room_list .checkbox, #x_room_list .x_days, #x_room_list .x_price {
    float: left;
    font-weight: bold;
}
#x_room_list .checkbox label, #x_room_list .x_days, #x_room_list .x_price {
    font-size: 13px;
}
#x_room_list .checkbox label{font-weight: bold;}
#x_room_list .x_days, #x_room_list .x_price {
    margin-top: 5px
}
#x_room_list .x_price {
    text-align: right;
    width: 119px;
}
#x_room_list .x_price span {
    color: #357EBD;
}
#x_room_list .x_days {
    width: 57px;
}
#x_room_list .checkbox {
    width: 253px;
}
#x_room_list .checkbox input{
    margin-right: 1px
}

.x_info {
    border-top: 1px solid #E6E6E6;
    clear: both;
    margin-top: 15px;
    padding: 4px 0;
}

.x_rooms .x_inner {
    background: #F2F2F2;
    color: #323232;
    padding: 10px 20px 1px;
}
.col-xs-first{
    padding: 5px 30px 0 20px
}
.col-xs-rooms{
    padding-left: 0;
    padding-right: 0
}

.x_policies {
    margin-top: 5px;
}
.x_policy {
    border-bottom: 1px dotted #E0E0E0;
    padding: 5px 0;
}
.object_polices .x_policy {
    border-bottom: 1px dotted #E0E0E0;
    border-bottom: 0;
    padding: 1px 0;
}
.object_polices .x_policy:last-child{
    border-bottom: 0
}
.object_polices{
    margin-bottom: 15px
}
.x_policy > .x_col {
    float: left;
}
.x_policy > .x_col.x_first {
    font-weight: bold;
    width: 39%;
}
.x_policy > .x_col.x_last {
    width: 61%;
}
.x_facility p {
    margin-top: 5px;
}
.x_image {
    margin-top: 15px;
    position: relative;
}
.x_image span {
    background: url("../img/box-A_link.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-weight: bold;
    height: 17px;
    padding-left: 25px;
    position: absolute;
    right: 10px;
}
.x_loader {
    background: url("../img/loading.gif") no-repeat scroll center center #FFFFFF;
    height: 230px;
    width: 100%;
}
.x_pricelist table {
    width: 100%;
}
.x_pricelist table th {
    background:  #357EBD;
    border-bottom: 3px solid #CCC;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
.x_pricelist table tr:nth-child(2n+2) td {
    background: #E0E0E0;
}
.x_service_info {
    color: #357EBD;
    font-size: 17px;
    font-weight: normal;
    margin: 15px 0 5px;
    padding: 0;
}
.x_pricelist table td {
    border-bottom: 1px solid #CCC;
    color: #000000;
    padding: 5px;
    text-align: left;
}
.x_pricelist table {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

#calendar_wrap h2 {
    border-bottom: 1px solid #333333;
    color: #333333;
    padding-bottom: 5px;
    text-transform: uppercase
}
.x_popup {
    display: none;
}
#colorbox h1{
    margin-bottom: 20px
}
#colorbox .x_inner{
    padding: 20px 20px;
    max-width: 600px;
    min-width: 600px;
    max-height: 450px;
    min-height: 200px
}

#colorbox .x_inner_cal{
    padding: 20px 20px;
    max-width: 720px;
    min-width: 720px;
    max-height: 530px;
    min-height: 530px
}

#checkout .x_pricelist td:first-child {
    font-weight: bold;
}

.x_cancellation{
    margin: 25px 0 20px
}

.x_cancellation a {
    background: url("../img/star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-weight: bold;
    height: 17px;
    margin: 10px 20px 0 0;
    padding-left: 25px;

}
.ll-skin-latoja {
    font-size: 119%;
}

.ui-datepicker-trigger{
    bottom: 5px;
    position: absolute;
    right: 20px;
}

/*
Facilities
______________________________________________________________________*/
#x_facilities ul{
    padding: 10px 0 0 0
}
#x_facilities ul li{
    float: left;
    width: 45%;
    margin-right: 20px;

    background: url("../img/icon_li.png") no-repeat 0 5px transparent;
    list-style-type: none;
    padding: 0 0 0 15px;
}

/*
Gallery
______________________________________________________________________*/
ul.photos{
    margin: 10px 0 0 0;
    padding: 0;
    display: none
}
ul.photos li{
    list-style-type: none;
    float: left;
    margin: 0 0 10px 10px
}

ul.photos li:nth-child(5n+1) {
    margin-left: 0;
}
.pp_social{
    display: none
}
div.pp_overlay{
    background: transparent
}
/*
Form validation
______________________________________________________________________*/
input.error, select.error {
    background: url("../img/error-bg.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: 1px solid #DD0000 !important;
    transition: none 0s ease 0s !important;
}
input#birth_date.error {
    background: url("../img/error-bg-clean.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#x_room_list em.error {
    color: #DD0000;
    display: block !important;
    float: right;
    font-style: normal;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 15px
}
#room_form{
    position: relative
}
#checkout em.error {
    display: none !important
}
ul.x_radios{
    padding-left: 0
}
ul.x_radios li{
    list-style-type: none
}
.x_advance_payment{
    display: none
}
/*
Loadmask
______________________________________________________________________*/
.loadmask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    background-color: #FFF;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    left: 0;
    background: none;
    padding: 2px;
    border: 3px solid #357EBD;
    border-radius: 3px;
}

.loadmask-msg div {
    padding: 8px 10px 5px 25px;
    background: #fbfbfb url('../img/load_mask/loading.gif') no-repeat 5px 8px;
    line-height: 16px;
    color: #333;
    cursor: wait;
    text-shadow: none;
    font-weight: normal;
    font-size: 14px;
}

.masked-relative {
    position: relative !important;
}

.masked-hidden {
    visibility: hidden !important;
}
/*
thanks
______________________________________________________________________*/
#reservation .wrap.container {
    padding: 5px 20px 43px
}
/*
ages
______________________________________________________________________*/
.ages>.x_hold>div{
    float: left;
    width: 12%;
    margin-right: 10px
}
.ages {
    display: none;
}

/*
Form error
______________________________________________________________________*/
#x_search_form  .x_info{
    position: relative
}

#x_search_form .error {
    bottom: 15px;
    color: #DD0000;
    float: right;
    font-style: normal;
    font-weight: bold;
    right: 0;
    position: absolute;
    display: none
}


/*
Theme i frame
______________________________________________________________________*/

.container {
/*    width: 1000px;
*/}

h1, h4,
#x_room_list .x_price span,
.x_service_info{
    color: #caa35e
}

h1, h4, .btn-primary {
    border-color: #caa35e;
}

.btn-primary,
.x_pricelist table th{
    background-color: #caa35e;
    color: #fff;
    font-weight: 400;
    line-height: 13px;
}

.btn-primary{
    line-height: 16px;
}

.x_pricelist table th:first-child,
.x_pricelist table th:nth-child(2){
    line-height: 17px;
}

.x_cancellation a {
    background-image: url(../img/star_hotelmb.png)
}

#x_facilities ul li {
    background-image: url(../img/li_hotelmb.png)
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary.disbaled{
    background-color: #a7803b;
    border-color: #a7803b;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
    background-color: #a7803b;   
    border-color: #a7803b;
}

.x_banner{   
    margin: 20px 0 20px;
}
.table-scroll{ max-width:100%; overflow-x:scroll;}

.container iframe {
    margin: 0;
    min-height: 550px;
    padding: 0;
    width: 100%;
}

.container .wrap.container{width:100%!Important; padding:0!important;}
.top-footer .container::before {    background: #000 none repeat scroll 0 0;    border-radius: 0 0 100% 100%;    box-shadow: 0 2px 40px 2px rgba(0, 0, 0, 0.4);    content: "";    display: block;    height: 20px;    left: 0;    position: absolute;    top: 20px;    width: 100%;    z-index: -1;}
.carousel, .carousel-inner .item, .carousel-inner .active, .carousel-inner .fill{ background-size:100% 523px;}

@media screen and (max-width:991px){
#checkout #notice{min-width:100%; width:100%;}
.btn-primary, .x_pricelist table th {    background-color: #caa35e;    color: #fff;    font-size: 10px;}
.x_pricelist table td{ font-size:10px; text-align:center;}
.table-scroll{ max-width:100%; overflow-x:scroll;}
.x_image.clearfix img{ max-width:100%;}
}

@media screen and (max-width:768px){
#colorbox,#cboxWrapper,#cboxTopCenter,#cboxContent,#cboxLoadedContent{ max-width:100%!important; box-sizing:border-box!important;}
#colorbox .x_inner_cal,#calendar .ui-datepicker{ min-width:320px!important; max-width:100%!important; box-sizing:border-box!important;}
#cboxLoadedContent{ box-sizing:content-box!important;}
#calendar .ui-datepicker-group{ margin:30px auto; float:none;}
#calendar .ui-datepicker-group:nth-child(3n+1){ margin:30px auto!important;}
#calendar .ui-datepicker-group {    float: none !important;    margin-left: auto !important;    margin-right: auto !important;    width: 250px;}
#colorbox .x_inner{ max-width:100%; min-width:320px;}
}
@media screen and (max-width:360px){
#cboxLoadedContent{ box-sizing:border-box!important;}

}