.bgnd {
background-attachment: fixed;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 1200px;
    min-height: 200px;
}

@media only screen and (max-width: 500px) { 
.bgnd{background-size:cover}
}

.b1 {background-image: url(../paralax/b1.jpg);}
.b2 {background-image: url(../paralax/b2.jpg);}
.b3 {background-image: url(../paralax/b3.jpg);}
.b4 {background-image: url(../paralax/b4.jpg);}
.b5 {background-image: url(../paralax/b5.jpg);}
.b6 {background-image: url(../paralax/b6.jpg);}

.b11top {background-image: url(../paralax/b11top.jpg);}
.b12top {background-image: url(../paralax/b12top.jpg);}

.f4 {background-image: url(../paralax/bgf4.jpg);height:10vh}
.f5 {background-image: url(../paralax/bgf5.jpg);height:10vh}
.f6 {background-image: url(../paralax/bgf6.jpg);height:10vh}
.bgnd-footer { 
    background-image: url(../gfx/bg.jpg);height: 46vh;
}
 
.bgnd-3 {
    background-image: url(../img/03.jpg);
}


header + .bgnd {
    height: 92vh;
}
##.home1 {background-image: url(paralax/home1.jpg);height: 82vh;background-size: cover;}
##.home2 {background-image: url(paralax/home2.jpg);height: 82vh;background-size: cover;}
##.home3 {background-image: url(paralax/home3.jpg);height: 82vh;background-size: cover;}
##.home4 {background-image: url(paralax/home4.jpg);height: 82vh;background-size: cover;}
##.home5 {background-image: url(paralax/home5.jpg);height: 82vh;background-size: cover;}
##.home6 {background-image: url(paralax/home6.jpg);height: 82vh;background-size: cover;}


@media only screen and (max-height: 600px) { 
header + .bgnd{height:90vh;}
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 
body {background: #333;
}
 
.pic {float: left;
  width: 100%;height:100%;
  overflow: hidden;
  
  -webkit-box-shadow: 0px -5px 35px rgba(0,0,0,0.4);
          box-shadow: 0px -5px 35px rgba(0,0,0,0.4);  
}




.grow img {
  height: 100%;

 
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.grow img:hover {margin:-5% 0px 0px -10%;
  width: 120%;height:120%;filter:contrast(200%);filter:saturate(150%)

}




.ease{transition: all 0.3s ease;}


html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
body{font-family:'Taviraj',Spectral,Lato,Arial;color:#282828;font-weight:400;font-size:1.1em;line-height:1.7em;margin:0px;padding:0px;background:url(gfx/bXg.jpg) no-repeat top;background-size:contain;}
*:focus {outline:none}
.w10{display:block;float:left;width:10%;}
.w15{display:block;float:left;width:15%;}
.w25{display:block;float:left;width:25%;}
.w30{display:block;float:left;width:30%;}
.w35{display:block;float:left;width:35%;}
.w33{display:block;float:left;width:33.33%;text-align:center;padding:10px;font-size:17px}
.w33 p{margin:0px 0px 26px 0px}
.w50{display:block;float:left;width:50%;text-align:right;padding:0px 20px 0px 20px;font-size:17px;margin:20px 0px 20px 0px}
.w50 b{font-size:20px;}
.w50 > img{border-radius:50% 50%;border:5px solid #cccccc;}
label{padding:5px 10px 5px 10px;font-size:0.8em;display:block}
.l{text-align:left}
.r{text-align:right;border-right:1px solid #e5d6cc}
.center{text-align:center}
.w50img{float:left;width:50%;padding:20px 20px 20px 20px;font-size:17px}
input[type="text"], input[type="password"], input[type="date"],input[type="submit"],input[type="email"], select,textarea {box-sizing:border-box;width:100%;border-radius:3px;color:#000000;padding:11px 9px 9px 15px;font-size:1em;border:1px solid #dbdbdb;font-family:'Taviraj',Lato,Arial;}
input[type="text"]:hover, input[type="password"]:hover {border:1px solid #ff0000}
p{margin:0px 0px 10px 0px;padding:0px}
form{margin:0px;padding:0px}
hr{background:transparent;border:0;border-bottom:1px solid #f1f1f1;color:#f1f1f1}
a{color:#282828;text-decoration:none}
ol li{margin:0px 0px 15px 0px}
img { border: 0px }
h1{font-size:4.3em;line-height:0.6em;font-weight:300;}
h2 { font-size: 20px; font-weight: lighter; margin-bottom: 9px; margin-top: 10px; margin-left: -1px; color: #ffffff; text-transform: uppercase }
h3{font-size:20px;font-weight:500}
h4 { font-size: 17px; color: #ffffff; font-weight: bolder; margin-bottom: 3px; margin-top: 3px }
sup{padding:0px;margin:0px;vertical-align: baseline;vertical-align:baseline;position:relative;top:-0.4em}
.frame2 { border: 1px solid #ececec; background: #f5f5f5 }

.clear{clear:both;padding:0px;margin:0px;border:0px}
.all{width:85%;margin:0px auto;text-align:left}
.small{font-size:13px}
.bg{background:url(../gfx/bg.jpg) no-repeat bottom;background-size:cover}

.bgsu{background:url(../gfx/bgsub.jpg) no-repeat top #f1e0db;background-size:contain}

.more{margin-top:10px;background:#ffffff;text-align:right;text-transform:uppercase;display:inline-block;padding:10px 15px 10px 15px;color:#400526;font-weight:900;font-size:0.90em}
.more:hover{background:#f7a301;color:#400526;text-shadow:none;padding:10px 26px 10px 26px;}

.ease {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.ease2 {-webkit-transition: all 0.12s ease-in-out; -moz-transition: all 0.12s ease-in-out; -o-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; }

.round {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

#top{background:rgba(255,255,255,0.9);font-size:13px;position:relative;z-index:5;padding:25px 0px 10px 0px;text-align:center;box-shadow:0px 20px 20px rgba(0,0,0,0.3);z-index:5}
#top .lang{float:left;width:35%;padding:20px 0px 0px 0px}
#top .lang img{width:18px;opacity:0.6;filter:saturate(10%);transition: all .15s ease;margin:0px 10px 0px 0px;border-radius:1px}
#top .lang a:hover img{opacity:1;filter:saturate(100%);transition: all .15s ease}
#top .logo{float:left;width:30%;text-align:center}
#top .contact{float:left;width:35%;padding:0px 0px 0px 0px;line-height:1.7em}
#top .phone{float:right;display:block;text-align:right;font-size:1.7em;line-height:0.5em;margin:5px 0px 10px 0px;font-weight:700;width:180px}
#top .phone a{padding:0px;margin:0px}
#top .phone img{width:1.2em;height:1.2em;vertical-align:middle;margin:0px 5px 0px 0px;display:inline-block;position:relative;top:-3px;filter: invert(45%) sepia(62%) saturate(2477%) hue-rotate(348deg) brightness(100%) contrast(95%);}
#top .mail{display:block;font-size:0.6em;margin:10px 0px 5px 0px}
#top .mail a:hover{color:#f66322;text-decoration:underline}
#top .address{float:right;padding:21px 15px 0px 23px;line-height:1.44em;background:url(../gfx/top-location5.png) no-repeat left }

#fb{position:fixed;right:10px;top:100px;background:#ffffff;display:block;z-index:999;width:40px;height:46px}

a {text-decoration: none }
a:hover { color: #EF3E33; text-decoration: none }

#topleft { float: left; text-align: right }
#topright { padding: 10px; float: left; color: #2C2C2C }

#breadcrumb {padding:10px;position:relative;z-index:99;font-size:11px;font-weight:400;color:rgba(255,255,255,0.5);text-align:right;text-transform:lowercase}
#breadcrumb a {font-size:9px;color:rgba(255,255,255,0.5)}
#breadcrumb a:hover{color:rgba(255,255,255,1)}

##promo{background:#ffcc00;padding:13px 15px 12px 20px;border-radius:2px;color:#3f0024;margin:15px 0px 15px 0px}
##promo > .left{float:left;color:#3f0024;font-weight:700;font-size:33px;padding:0px 20px 0px 0px}
##promo > .right{float:left;color:#3f0024;font-size:18px;padding:10px 10px 0px 0px}
##promo2{text-align:center;background:url(../gfx/bg-promo2.png) no-repeat left rgba(0,0,0,0.4);padding:12px;border-radius:2px;color:#ffffff;width:80%;margin:0px auto;margin-top:20px}
##promo2 a{color:#ffffff}
##promo2 a:hover{color:#f76322}

#reservation{width:65%;margin:0 auto;text-align:center;padding:0px 15px 10px 15px;position:relative;top:-60px;background:rgba(255,255,255,0.6);border-radius:2px;}
#reservation .w25,#reservation .w15,#reservation .w35{padding:5px;text-align:left;}
#reservation input, #reservation select{}
#reservation input[type=submit]{border:0px;padding:13px;cursor:pointer;font-size:0.9em;background:#f96421;color:#ffffff}
#reservation input[type=submit]:hover{background:#e85818}

#home{color:#ffffff;display:block;padding:12vh 0px 20vh 0px;text-shadow:0px 3px 3px rgba(0,0,0,0.2)}
#home > .left{float:left;width:50%;padding:0px 20px 20px 20px;text-align:right}
#home > .right{float:left;width:50%;padding:20vh 20px 30px 20px;text-align:left;font-size:2em;font-weight:500;border-left:1px solid rgba(2255,255,255,0.4)}
#home > .left > h1{display:inline-block;font-size:6.5em;line-height:0.6em;font-weight:100;text-transform:none;margin:0px}
#home > .left > h1 > span{letter-spacing:0px;display:block;text-align:right;font-size:0.4em;font-weight:700;margin:0px 3px 0px 0px}
#home #reservation{top:0px;text-shadow:none;color:#282828}

#center{background:rgba(255,255,255,0.7);padding:20px}
#center2{width:80%;margin:0px auto;text-align:center}
#submenu2{text-align:center;width:75%;margin:0 auto;padding:0px 0px 20px 0px}
#submenu2 a{padding:5px 15px 4px 15px;font-size:0.75em;margin:0.2%;display:inline-block;border:1px solid #cccccc;border-radius:2px;transition:all 0.2s ease}
#submenu2 a:hover{background:#f76422;border-color:#f76422;color:#ffffff;transition:all 0.2s ease}


#sub{display:block;padding:20px 0px 55px 0px;color:#ffffff;text-shadow:0px 3px 3px rgba(0,0,0,0.2)}

#sub > .left{float:left;width:50%;padding:0vh 20px 20px 20px;text-align:right}
#sub > .right{float:left;width:50%;padding:12vh 20px 4vh 20px;text-align:left;font-size:1.8em;font-weight:500;border-left:1px solid rgba(2255,255,255,0.6)}

.intro{text-align:center;font-size:1.4em;line-height:1.4em;position:relative;top:-20px;padding:0px 12% 10px 12%}

#details{text-align:center;padding:10px 0px 30px 0px}
.details{margin:3px;display:inline-block;padding:7px 8px 4px 8px;background:#f76422;color:#ffffff;font-size:0.7em;border-radius:3px}
.details img{width:1.8em;height:1.8em;display:block;float:left;vertical-align:middle;position:relative;top:3px;margin:0px 10px 0px 0px;filter: invert(96%) sepia(26%) saturate(239%) hue-rotate(226deg) brightness(117%) contrast(100%);}
.details sup{padding:0px;margin:0px;vertical-align:baseline;position:relative;top:-0.4em;}

#left{width:25%;float:left;line-height:24px;padding:10px 25px 10px 0px}
#left .menu{background:#2c031a;border-radius:3px;padding:15px}
#left .menu a {display:block;padding: 10px 10px 10px 40px;background:#3f0024;margin:0px 0px 1px 0px;color: #6E5C67 }
#left .menu a:hover { color: #ffffff }
#left .menu .promo{}

#right {font-size:18px;font-weight:500;width:75%;padding:0px 15% 0px 10px;float:left;line-height:28px;text-align:justify;text-shadow:0px 1px 1px rgba(255,255,255,1)}
#right h1 { font-size: 24px; padding: 0px }
#right p{margin-bottom:15px}

.apartamenty{position:relative;float:left;text-align:center;width:33.33%;padding:25px 5px 5px 5px;min-height:560px;border-top:1px solid #f1f1f1}
.apartamenty img{width:100%;transition:all 0.2s ease;position:relative;z-index:3;top:0px;border-radius:5px}
.apartamenty a:hover img{opacity:0.6;transition:all 0.2s ease}
.apartamenty > a > strong{display:block;position:relative;min-height:1.5em;font-size:1.6em;line-height:0.6em}
.apartamenty .info{position:absolute;left:50%;top:100px;transform:translate(-50%, -50%);display:block;width:100%;z-index:5;text-align:center}
.apartamenty .price{position:relative;padding:1px 7px 0px 7px;background:#f76322;display:inline-block;z-index:99;color:#ffffff;font-size:0.8em;border-radius:2px;margin:0px 0px 0px 5px}
.apartamenty .opis{padding:15px;font-size:1em;line-height:1.4em}
.apartamenty > a > .info > .price > img{position:relative;width:1em;height:1em;top:-1px;vertical-align:middle;margin:0px 10px 0px 3px;opacity:0.9;filter:invert(100%) sepia(98%) saturate(0%) hue-rotate(10deg) brightness(103%) contrast(103%);}
.apartamenty > a > .price{padding:0px 5px 0px 5px;background:#f76322;display:inline-block;position:relative;top:55px;color:#ffffff;font-size:0.9em;border-radius:2px}

.atrakcje{position:relative;float:left;vertical-align:top;text-align:center;width:33.33%;min-height:470px;padding:25px 5px 5px 5px;border-top:1px solid #f1f1f1}
.atrakcje b{display:block;min-height:1.6em;font-size:1.5em;line-height:0.6em}
.atrakcje img{display:block;margin:0px 0px 10px 0px;text-align:center;width:100%;border-radius:5px;transition: all 0.2s ease}
.atrakcje a:hover img{opacity:0.6;transition:all 0.2s ease}
.atrakcje .opis{padding:15px;font-size:1em;line-height:1.4em}

#gallery img{width:160px;border-radius:50% 50%;border:5px solid #dfc1b2;margin:10px;transition: all 0.2s ease}
#gallery img:hover{border:5px solid #3a1503;transition: all 0.2s ease}
#gallerynew{text-align:center;line-height:10px;padding:20px 0px 30px 0px}
#gallerynew strong, #pricelist strong{display:block;padding:20px 0px 10px 0px;font-size:1.3em}
#gallerynew a{display:inline-block;border:0px;padding:0px;width:23%;margin:1%}
#gallerynew a:hover img{opacity:0.6;transition: all 0.2s ease;}
#gallerynew img{width:100%;transition: all 0.2s ease;display:block;border-radius:3px}
#gallerynew .bottom{padding:20px;font-size:1.2em;text-align:center}
#gallerynew .bottom{text-align:center}
#gallerynew .bottom img, #gallerynew strong img, #pricelist strong img{width:4em;height:4em;opacity:0.3;display:inline-block;padding:0px 0px 25px 0px}

.indexbottom{float:left;text-align:center;width:33.33%;padding:15px 0px 20px 0px;font-size:13px;line-height:27px;border-bottom:3px solid #ffffff;margin-bottom:25px}
.indexbottom strong {font-size:17px;color:#ffffff;font-weight:700;text-transform:uppercase;display:block;padding:5px 0px 15px 0px;text-shadow:0px 3px 3px rgba(0,0,0,0.2)}
.indexbottom img {width:100%}
.indexbottom:hover{border-bottom:3px solid #e6dcd5}

#indexpromo{font-size:1.5em;position:relative;margin-top:-120px;z-index:9}
#indexpromo .title{display:block;padding:30px 15px 15px 15px;font-size:19px;text-align:center;font-weight:700}
.indexpromosmall a{min-height:45px;display:inline-block;font-size:17px}
.indexpromosmall{float:left;width:33.33%;padding:25px 15px 30px 15px;text-align:center;line-height:23px;border-top:1px solid #e6dcd5}
.indexpromosmall > .price{padding:0px 5px 0px 5px;background:#f76322;display:inline-block;position:relative;top:-12px;left:-3px;color:#ffffff;font-size:11px;border-radius:2px}
.indexpromosmall img {width:100%;border:1px solid #ffffff}
.indexpromosmall p{min-height:35px;margin:0px}

.subsmall { float: left; width: 340px; padding-right: 10px }
.subsmalltxt { padding: 0px 20px 5px 20px; line-height: 18px }
.indextxt{display:block;padding:25px 15px 5px 15px;line-height:25px;font-size:17px}

#gallery{padding:20px;text-align:center;border-top:1px solid #e5d6cc;border-bottom:1px solid #e5d6cc;margin:0px 0px 15px 0px}
#gallery strong{display:block;padding:0px 0px 10px 0px}
#gallery a{display:inline-block}
#gallery img{width:140px;border-radius:50% 50%;border:5px solid #dfc1b2;margin:6px;transition: all 0.2s ease}
#gallery img:hover{border:5px solid #3a1503;transition: all 0.2s ease}

#pricelist{padding:20px;text-align:center;width:75%;margin:0 auto;margin-bottom:15px}
#pricelist .header{box-sizing:border-box;display:inline-block;width:25%;font-size:0.8em;padding:9px;border-left:1px solid #e5d6cc;left:-1px;}
#pricelist .price{box-sizing:border-box;display:inline-block;width:25%;font-size:1.2em;padding:9px;border-top:1px solid #e5d6cc;border-left:1px solid #e5d6cc}
#pricelist .first{border-left:none}

table{border-collapse:collapse;border-top:1px solid #f6edeb;margin:35px 0px 30px 0px}
.cennik{width:100%;background:#f6edeb;margin:10px 0px 10px}

.cennik td{padding:10px;border-top:1px solid #e7d7d5;background:#f6edeb}
.cennik th{font-size:11px;background:#ffffff;border:none;padding:15px}
.cenniktop { }

#footer{padding: 0px 0px 0px 0px;background: url(../gfx/footer.jpg) center top no-repeat #e9e9e9;background-size:cover}
#footermenu {font-size:11px;text-transform:uppercase;font-weight:700;padding:0px 0px 15px 0px;text-align:center;margin-top:-1px}
#footermenu a{display:inline-block;color:#180902;padding:20px 12px 20px 12px}
#footermenu a:hover{background:#ffffff}

#footersocial{padding: 80px 0px 15px 0px;text-align:center}
#footersocial img{padding:10px;width:45px;background:rgba(0,0,0,0.2);border-radius:2px;transition: all 0.3s ease;margin:3px 10px 3px 10px}
#footersocial .facebook img:hover{background:#3b5998}
#footersocial .twitter img:hover{background:#5ea9dd}
#footersocial .pinterest img:hover{background:#bd081b}

#bottom{background:#ffffff;font-size:0.9em;line-height:1.4em;padding:15px 0px 150px 0px}
#bottom .left{float:left;width:50%;padding:20px;text-align:right}
#bottom .right{float:left;width:50%;padding:20px;text-align:left}
#bottom .center{width:100%;text-align:center;padding:20px 20% 20px 20%}
#bottom .info{padding:20px 25% 10px 25%;background: url(../gfx/logo.png) no-repeat center bottom;background-size:175px;border-top: 1px solid #f1f1f1;}
#bottom .info span {font-size:27px;font-weight:700;position:relative;top:3px;margin: 0px 0px 0px 4px;}
#bottom .info a{text-decoration:none;font-weight:700}
#bottom .info a:hover{color:#ff7f27}
#bottom .info img {
    width: 2.3em;
    height: 2.3em;
    position: relative;
    top: 12px;
    margin: 0px 4px 0px 0px;
    filter: invert(62%) sepia(74%) saturate(5004%) hue-rotate(347deg) brightness(99%) contrast(96%);
}
#footer2{font-size:12px;border-top: 1px solid #5C2644;color:#45323A}

.footerinfo { width:45%;float: left; padding: 15px 20% 15px 15px; border-right: 1px solid #5C2644; color: #7C3C60 }
.footeraddress { float: left; padding: 15px; border-right: 1px solid #5C2644; color: #7C3C60 }
.footercontact { float: left; padding: 15px; color: #7C3C60  }

##footernewsa { float: left }
##footernewsb { float: left }
#projekt{padding:15px;font-size:11px}



@media only screen and (max-width: 1440px) { 
#home{padding:10vh 0px 16vh 0px}
h1{font-size:3.7em;line-height:0.6em;font-weight:300;}
#reservation{width:85%}
#submenu2{width:100%;padding:0px 0px 20px 0px}
}

@media only screen and (max-width: 1280px) { 
#home{padding:9vh 0px 16vh 0px}
#home > .left > h1{font-size:5.4em}
#home > .right{font-size:1.6em}

}







@media only screen and (max-width: 800px) {
.all {width:98%}
#top{padding:5px 0px 0px 0px}
#top .lang{display:none}
#top .logo{width:45%;padding:3px 0px 0px 45px;text-align:center}
#top .logo img{width:100%}
#top .contact{width:55%}
#top .phone{width:50%;text-align:left;float:left;font-size:1.5em;padding:0px 5px 0px 5px;margin-top:1px}
#top .phone img{width:2em;margin:0px 0px 0px 0px}
#top .address{width:50%;float:left;font-size:1.1em;line-height:1.4em;padding:17px 10px 0px 0px;text-align:right;background-image:none}
#top .mail{font-size:0.6em;line-height:0.9em;padding:0px;margin:4px 0px 5px 10px;font-weight:400}
#breadcrumb{display:none}
.container{padding-top:25px;}
#promo2{background-image:none;width:95%;margin-top:0px}

#reservation{width:100%;top}
#reservation .w15,#reservation .w25,#reservation .w35{width:50%}
#reservation input[type="submit"]{font-size:0.75em;padding:16px 12px 16px 12px}
#home{padding:16vh 0vh 9vh 0vh}
#home > .left{width:100%;padding:0px}
#home > .left > h1{display:block;font-size:2.7em;text-align:center;font-weight:500;padding:10px;}
#home > .left > h1 > span{font-size:0.75em;text-align:center;margin:0.5em 0px 0px 0px;font-weight:500}

#sub > .left > h1{font-size:2em;line-height:1em;font-weight:700;margin:0px;padding:0px}
#sub > .right {font-size:1.3em;width:100%;text-align:center;padding:5px 5px 50px 5px;border:0px}

.intro{font-size:1.1em;padding:0px 2% 10px 2%}

.apartamenty{width:98%;margin:0px 1% 0px 1%;padding:30px 5px 5px 5px;min-height:auto}
.apartamenty .price{font-size:0.7em}
.apartamenty .opis{padding:15px 0px 10px 0px}
.atrakcje{width:98%;margin:0px 1% 0px 1%;}

#center2{width:96%}
#submenu2 a{width:49%;line-height:13px;min-height:30px}

#pricelist{padding:0px;width:100%;}
#pricelist .header{width:23%;padding:0px;font-size:0.5em}
#pricelist .price{width:23%;padding:0px;font-size:0.8em}
#gallery{padding:0px}
#gallerynew a{width:48%}
#footer{padding:15px 0px 0px 0px}
#bottom .center{padding:15px}
#bottom .info{padding:15px}
}


@media only screen and (max-width: 500px) { 
#fb{display:none}
.w50{width:100%;text-align:center;font-size:15px}
.r{text-align:center}
.l{text-align:center}

#top .logo{width:100%;text-align:right}
#top .logo img{width:250px}
#top .contact{width:100%}
##top .phone{float:left;width:50%;font-size:14px;padding:0px 0px 8px 10px;text-align:left}
#top .address{float:left;width:50%;font-size:12px;padding:0px 10px 8px 15px;}
#menu, #navigation, #left, #footermenu{display:none}


##home > .left{width:100%;padding:0px}
##home > .left > h1{display:block;font-size:55px;text-align:center;font-weight:500;padding:10px;}
##home > .left > h1 > span{font-size:28px;text-align:center;margin:-20px 0px 0px 0px;font-weight:500}

#home > .right{width:100%;padding:25px 22% 40px 22%;text-align:center;font-size:22px;line-height:23px}
.indexbottom{width:100%}

#sub > .left{width:100%;text-align:center;padding:10px 0px 0px 0px}

##sub > .right{width:100%;text-align:center;font-size:16px;padding:0px 0px 20px 0px}








.indexpromosmall {width:100%}
.indexpromosmall img {width:100%}
#bottom .left{text-align:center;padding:10px 0px 30px 0px;width:100%}
#bottom .center{width:100%}
#bottom .right{display:none}

}



























#cssmenu{z-index:1000000}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {font-size:13px;font-family:'Taviraj',Arial;font-weight:700;margin:0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu a.sel { background: url(../gfx/bg-menu-sel.gif) repeat-x #4ab24f; color: #ffffff }
#cssmenu a.res{padding:15px 17px 15px 43px;background-color:rgba(0,0,0,0.5);background-image:url(../gfx/menu-reservation.png);background-repeat:no-repeat;background-position:left}
#cssmenu a.res:hover{background-image:url(../gfx/menu-reservation.png);background-repeat:no-repeat;background-position:left}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul{;border-bottom:1px solid rgba(255,255,255,0.25)}
#cssmenu > ul > li {float:left}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {text-transform:uppercase;color:#ffffff;padding:20px;text-decoration:none;font-weight:700;}
#cssmenu > ul > li:hover > a {background:rgba(255,255,255,1);color:#321c0a}
#cssmenu > ul > li:hover > ul{}
#cssmenu > ul > li.has-sub > a {padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position: absolute;top:23px;right:10px;width:7px;height:2px;display: block;background:#f76322;content: '';-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:21px;right:16px;display:block;width:2px;height:7px;background: #f76322;content: '';-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#cssmenu > ul > li.has-sub:hover > a:before {height:7px}

#cssmenu.align-right ul ul {text-align: right;transition: all .25s ease}
#cssmenu ul ul li {height:0;transition: all .25s ease;}

##cssmenu li:hover > ul {left: auto;}
#cssmenu li:hover > ul {left:-150px;}

#cssmenu li:hover > ul.normal{left:0px;}


#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;transition: all .25s ease
}
##cssmenu li:hover > ul > li {height: 44px;}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}

#cssmenu ul ul {width:600%;text-transform:none;background:rgba(255,255,255,1);padding:10px 10px 20px 10px;position:absolute;z-index:9999999999999;left:-9999px;border-bottom:1px solid #cccccc}
#cssmenu ul ul.normal{width:320px;padding:10px 20px 20px 10px;}
#cssmenu ul ul.normal li{width:100%;min-height:37px;margin:1.5%;}
#cssmenu ul ul .menutitle{display:block;padding:17px;font-size:1.3em;opacity:0.6}
#cssmenu ul ul li{width:32.33%;margin:0.5%;display:block;float:left;min-height:54px;}
#cssmenu ul ul li a {font-size:1.2em;display:block;border-top:1px solid #ebebeb;padding:15px;text-decoration:none;color:#321c0a;font-weight:700}
#cssmenu ul ul li a .small{display:block;padding:5px 0px 0px 0px;font-size:0.8em;font-weight:500;opacity:0.75}




##cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {border-bottom: 0;}

#cssmenu ul ul li a:hover {background:#ebebeb}

#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 20px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;

  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 17px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;

  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}











@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {position:fixed;top:2px;width:100%;height:0px;border:0px;left:0px;transition: all .25s ease;}
##cssmenu .sel{display:none}

  #cssmenu ul {width:94%;display:none;margin:13px 3% 0px 3%;background:rgba(0,0,0,0.9);transition: all .25s ease;}
  #cssmenu.align-center > ul {text-align:left}
  #cssmenu ul li{width:100%}
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;transition: all .25s ease;
  }
#cssmenu ul ul .menutitle{padding:20px 20px 15px 25px}
#cssmenu li:hover > ul{left:0px}
#cssmenu ul ul .menutitle{padding:20px}
#cssmenu ul ul li{float:none;width:100%}
#cssmenu ul li a{font-size:1.1em;padding:20px}
#cssmenu ul li a,
#cssmenu ul ul li a {width:100%;border-bottom:0;color:#ffffff}
#cssmenu > ul > li {float:none;}
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {color: #000000;background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {color:#000000}
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {background:#000000;top:14px;width:50px;left:3%;border-radius:3px;
    display: block;
    padding: 12px;height:48px;
    color: #dddddd;
    cursor: pointer;

  }


#cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 8px;
    display: block;
    height: 15px;
    width: 33px;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    content: '';transition: all .25s ease;
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 11px;
    right: 8px;
    display: block;
    height: 4px;
    width: 33px;
    background: #ffffff;
    content: '';transition: all .25s ease;
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 20px;
    border: 0;
    height: 4px;
    width: 31px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);transition: all .25s ease;
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 20px;
    background: #ffffff;
    width: 31px;height:4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);transition: all .25s ease;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;

    height: 47px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background:rgba(255,255,255,0.6);color:#000000
  }

  #cssmenu ul ul .submenu-button {
    height: 35px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 16px;
    width: 8px;
    height: 2px;
    display: block;
    background: #f76322;content: '';-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #000000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 24px;
    display: block;
    width: 2px;
    height: 8px;
    background: #f76322;content: '';-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    background: #000000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  }
}