* {margin: 0;padding: 0;border: 0;}       
body {text-align: left;color: #000;font: 11px 'Times New Roman', verdana, arial, tahoma, sans-serif;background: #fff; overflow-x:hidden;}
a {text-decoration: none;color: #289bdc;}              
a:hover {text-decoration: underline;}
ul {list-style: none;}       
.clear {display: block;clear: both;height: 0px;}
.bg {background: url('../img/bg2.jpg') no-repeat center 0,  url('../img/bg1.jpg') repeat-y center 0;}
.menu {background: url('../img/menu.png') no-repeat center 0; height: 70px;}
.menu ul {text-align: center; padding-right: 5px; width: 100%;}
.menu li {display: inline-block; padding-left: 5px; background: url('../img/menu_sep.png') no-repeat -2px 10px; overflow: hidden;}
.menu li:last-child {background: url('../img/menu_sep.png') no-repeat -2px 10px, url('../img/menu_sep.png') no-repeat right 10px; padding-right: 5px;}
.menu a {display: inline-block; height: 35px; font-size: 13px; font-weight: bold; color: #28201c; text-transform: uppercase; padding: 15px 49px 0;}
.menu a.home {text-indent: -10000px; background: url('../img/home.png') no-repeat center 15px; width: 12px;}
.menu a.mail {text-indent: -10000px; background: url('../img/mail.png') no-repeat center 18px; width: 12px;}
.head {height: 250px; text-align: center; text-indent: -1000000px; overflow: hidden; background: url('../img/head.png') no-repeat center 0; position: relative; z-index: 9;}
.slider {width: 1200px; margin: -10px auto 55px;}
.slides {height: 340px; position: relative;}
.slides .slick-list {width: 1200px; margin: auto; overflow: hidden; position: relative; z-index: 9;}
.slide {float: left; }
.slide .frame {display: block; background: url('../img/frame1.png') no-repeat center 30px; height: 287px; padding-top: 53px; position: relative; z-index: 2;}
.slide.slick-center .frame {background: url('../img/frame2.png') no-repeat center 0; height: 315px; padding-top: 25px;}
.slide .frame img {width: 295px; display: block; margin: auto;}
.slide.slick-center .frame img {width: 370px;}
.slide .light {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/light1.png') no-repeat center 53px;}
.slide.slick-center .light {background: url('../img/light2.png') no-repeat center 25px;}
.slick-prev, .slick-next, .slick-prev:active, .slick-next:active {position: absolute; top: 130px; width: 66px; height: 62px;cursor: pointer; text-indent: -100000px; outline: none;}
.slick-prev {left: -5px; background: url('../img/prev.png') no-repeat 0 0;}
.slick-next {right: -10px; background: url('../img/next.png') no-repeat 0 0;}
.slick-prev:before, .slick-next:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99}
.slider .slick-dots {text-align: center; padding-top: 10px;}
.slider .slick-dots li {display: inline-block; width: 14px; height: 13px; background: url('../img/nav.png') no-repeat 0 0; overflow: hidden; text-indent: -10000px; margin: 0 15px; cursor: pointer;}
.slider .slick-dots li.slick-active {background-position: 0 bottom;}
.slider .slick-dots button {display: block; width: 14px; height: 13px; opacity: 0; cursor: pointer;}
.content {background: url('../img/woodbox.jpg') repeat 0 0; width: 1080px; margin: 0 auto 35px; border: 1px solid #6f6863; padding: 30px 59px 20px; box-shadow: 0 0 40px 10px #000; text-align: center;}
.content h3 {color:#e5dfd3; font-size: 48px; font-family: 'Marck Script', cursive; font-weight: normal; text-shadow: -1px -1px #000; padding-bottom: 20px;}
.content h3.welcome {overflow: hidden; text-indent: -100000px;background: url('../img/welcome.png') no-repeat center 0;}
.content .sep {display: block; margin: 0 auto 20px; width: 23px; height: 5px;background: url('../img/sep.png') no-repeat 0 0; }
.content p {color:#e5dfd3; font-size: 18px;font-style: italic; line-height: 30px; text-shadow: -1px -1px #000; padding-bottom: 20px;}
.btn1 {display: block; width: 161px; height: 53px;background: url('../img/btn1.png') no-repeat 0 0; cursor: pointer; color: #fff; padding: 30px 0 0 30px; text-align: center; font-weight: bold; font-size: 13px; text-shadow: 1px 1px #000;}
.btn2 {display: block; width: 162px; height: 55px;background: url('../img/btn2.png') no-repeat 0 0; cursor: pointer; color: #fff; padding: 9px 0 0 0; text-align: center; font-weight: bold; font-size: 13px; text-shadow: 1px 1px #000;}
.content .more {margin: auto; position: relative; left: -20px;}
.footer {height: 163px; background: url('../img/footer.png') no-repeat center 0; text-align: center;text-shadow: 1px 1px #000;font-size: 13px; font-weight: bold;}
.links {padding: 50px 0 15px;}
.links li {display: inline; margin: 0 10px;}
.links a {color:#fcfafa;}
.links a:hover {color:#91c105; text-decoration: none;}
.footer p {color: #bda489; padding-bottom: 15px;}
.footer p a {color: #ebd0b5;}
.footer p span {color: #91c105;}
.rooms {overflow: hidden; width: 1240px; padding-bottom: 70px; margin: -10px auto 0;}
.rooms .item {float: left; width: 413px; height: 310px;}
.rooms .item .frame {display: block; background: url('../img/frame4.png') no-repeat center center; height: 275px; padding-top: 35px; position: relative; color: #28201c;}
.rooms .item img {width: 340px; display: block; margin: 0 auto 15px;}
.rooms .item .light {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/light4.png') no-repeat center 35px;}
.rooms .item .text {display: block; text-align: center; font-weight: bold; font-size: 16px; text-transform: uppercase;}
.room {width: 1226px; margin: -135px auto 0; padding: 0 0 50px;}
.room .prev {float: left; margin: 135px 0 0 70px;}
.room .next {float: right; margin: 114px 70px 0 0;}
.room h3 {height: 82px; width: 450px;  margin: auto; background: url('../img/title.png') no-repeat center 0; text-align: center; padding: 145px 0 0 0; font-weight: bold; font-size: 22px; color:#381403; text-transform: uppercase; text-shadow: 1px 1px #b79a80;}
.gallery {clear: both; overflow: hidden;}
.gallery .item {float: left; width: 25%; height: 210px;}
.gallery .item .frame {display: block; background: url('../img/frame3.png') no-repeat center center; height: 186px; padding-top: 24px; position: relative;}
.gallery .item img {width: 255px; display: block; margin: auto;}
.gallery .item .light {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/light3.png') no-repeat center 24px;}
.bigg {color: #e5dfd3; font-size: 48px; font-family: 'Marck Script', cursive; font-weight: normal; text-shadow: -1px -1px #000;}
.mob {display: none;}
.contact_input
{

margin-top: 3px;
width: 100%;
padding: 5px;
margin-bottom: 10px;
background: #37291d;
border: 1px solid #6f6863;
color: #e5dfd3;
}

@media only screen and (max-width: 768px)
{
        .mob
        {
                display: block;
        }
        
        .des
        {
                display: none;
        }
        
        .head
        {
                display: none;
        }
        
        .bigg
        {
                font-size: 36px;
        }
        
        .room
        {
                width: 100% !important;
        }
        
        .room h3
        {
                margin-top: 105px;
                margin-left: -45px;
        }
        
        .content
        {
                width: 90% !important;
                padding-left: 0px;
                padding-right: 0px;
                padding: 20px 10px 10px 10px;
        }
        
        .gallery
        {
                width: 100% !important;
                text-align: center;
        }
        
        .gallery .item 
        {
                float: none;
                width: 100%;
        }
        
        .slick-prev, .slick-next
        {
                display: none !important;
        }
        
        .slick-dots
        {
                display: none !important;
        }
        
        .content h3
        {
                font-size: 36px;
        }
        
        .menu a
        {
                padding: 15px 30px 0;
        }
        
        .submenu
        {
                margin-top: 30px;
                padding-bottom: 1px;
                font-size: 12px;
                color: #e5dfd3;
                display: none;
        }
        
        .submenu a
        {
                color: #e5dfd3;
        }
        
        .submenu .content
        {
                padding: 12px 10px 10px 10px;
                margin-bottom: 20px;
                
        }
        
        .content input, .content textarea
        {
                width: 97% !important;
        }
        
        .rooms
        {
                width: 100% !important;
        }
        
        table
        {
                border: 0;
                min-width: 100% !important;
                display: table;
        }
  
        table thead
        {
                border: none;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
        }
  
        table tr
        {
                
                display: block;
                width: 100% !important;
        }
  
        table td
        {
                
                display: block;
                width: 100% !important;
                padding-right: 15px !important;
                text-align: left !important;
        }
        
}