body {
  background:#fcffdb url(/templates/hot_hotel/images/bg1.jpg) no-repeat fixed top center;
  color:#EEEEEE;
    background-size: cover;
}
*{
    box-sizing: border-box;
}
.logo img {background:url(/templates/hot_hotel/images/logo.png) no-repeat;}
a:link, a:visited { color:#FFFFFF;}
.main_container {
    max-width:1200px;
    width: 100%;
    background:#8E8A80 url(/templates/hot_hotel/images/content_bg1.png);
    -mox-box-shadow:0 0 30px #000000;
    -webkit-box-shadow:0 0 30px #000000;
    box-shadow:0 0 30px #000000;
}

#slider {
    position:relative;
    padding:0;
    margin:0;
    width:920px;
    height:360px;
}

.copyright_area {
    max-width:1200px;
    width: 100%;
}

.column_left {
    width:280px;
}

.column_right {
    width:172px;
}


.content_wrap, .content_wrap_noright, .content_wrap_noleft, .content_wrap_noleft_noright {
    max-width:1200px;
    width: 100%;
}

h1 {
    color:#1E2A29;
}

h2 {
    color:#FFFFFF;
}

.advert_content, .footer_content, .user59_content {
    max-width:1200px;
    width: 100%;
    margin:0 auto;
    line-height:20px;
}

.advert_content2 .module_padding {
    width:px;
    padding:20px 10px;
}

.user59_content .module_padding {
    width:266px;
}

.footer_content .module_padding {
    width:266px;
}

.hotcopyright, .hotcopyright a, .footer_content ul.menu a, .footer_content, .footer_content div.moduletable h3, .copyright_area, .copyright_area_wrap, .copyright_area_wrap a {
    color:#AAAAAA !important;
}

.footer_wrap .readmore, .footer_wrap a, .footer_wrap h4 {
    color:#FFFFFF !important;
}

#nav a {
    color:#1e2a29;
}

#nav li#current a ,#nav a:hover {
    color:#FFFFFF;
}

#nav li:hover, #nav li:hover a, #nav > li.active a {
    color:#FFFFFF;
}

#nav li ul, #nav li:hover {
    background:#333333;
}

#nav li ul a {
    color:#CCCCCC !important;
}

#nav li ul a:hover {
    color:#FFFFFF !important;
}

.user59_content div.moduletable h3, .advert_content2 div.moduletable h3 {
    color:#EEEEEE;
}

.user59_content, .advert_content2 {
    color:#EEEEEE;

    font-size: 20px;
}

.user59_content a:link, .user59_content a:hover, .user59_content a:visited,
.advert_content2 a:link, .advert_content2 a:hover, .advert_content2 a:visited {
    color:#EEEEEE;
}-->
#topmenu_pad{
    padding: 0 !important;
    display: flex;
    justify-content: center;
    padding-top: 5px !important;
}
ul#nav{
    position: relative;
}
.advert_content{
    display: flex;
    justify-content: center;
}
.logo_pad img{
    max-width: 100%;
}

.logo img{
  background-size: contain ;
}

.user59_content{
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.footer_content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}
h1{
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 0 10px 0;
}
#system-message-container{
    padding: 20px;
    background: #00000040;
    border-radius: 10px;
    font-size: 20px;
    line-height: 25px;
}
.flex-room img{display: block}
.room-item>div{background: #00000040; padding: 10px 5px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;}
.flex-room a{display: block}
.flex-room a:hover{background: #00000030; text-decoration: none}
.flex-room a:hover img{filter: brightness(1.1)}
.flex-room{
    display: flex;
    gap: 40px;
    justify-content: center;
    padding: 40px 0;
    text-align: center;
    flex-wrap: wrap;
}
.contact-block{
    display: flex;
    justify-content: space-between;
}
.contact-text{
    max-width: 260px;
    width: 100%;
}
.contact-map{
    width: 100%;
    min-width: 260px;
}
@media screen and (max-width: 880px){
    .contact-block { flex-wrap: wrap;}
}
@media screen and (max-width: 580px){
.footer_content img,
.footer_content .inputbox,
.footer_content textarea,
.footer_content .module_padding,
.user59_content .module_padding{width: 100%}
    .article_pad{
        padding-left: 0px;
        padding-right: 0px;
    }
    .main_area{
        padding-left: 3px;
        padding-right: 3px;
    }

    #topmenu{
        height: 110px;
        background-size: cover;
    }
    ul#nav{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}