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




* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 
 .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;
  }

html{overflow-y:scroll;scroll-behavior:smooth;}
body{font-family:Montserrat,Spectral,Lato,Arial;color:#1b3664;font-weight:400;font-size:15px;line-height:28px;margin:0px;padding:0px;letter-spacing:1px;background:#ffffff}
h1,h2,h3{font-family:Cardo,Arial}

.w33{float:left;width:33.33%;text-align:center;padding:10px;font-size:17px}
.w33 p{margin:0px 0px 26px 0px}

.w50{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;}
.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}
.info{padding:15px;margin:10px 0px 10px 0px;background:#e1e4fa;color:#4e5896;border:1px solid #8690d1;border-radius:2px}
.info input[type="text"]{width:30%}
.ok{padding:20px;background:#e9f8ee;color:#21a449;border:1px solid #68d78a;border-radius:2px}
p{margin:0px 0px 10px 0px;padding:0px}
form{margin:0px;padding:0px}
hr { background: transparent; border:0; border-bottom:1px solid #5C2644; color:#5C2644}
a{color:#1b3664;text-decoration:none}
a:hover{color:#EF3E33;text-decoration:none;transition: all 0.3s ease}

select{font-family:Montserrat,Arial}

input[type="text"]{font-family:Montserrat,Arial;padding:10px;border:1px solid #8690d1;border-radius:2px}
button{font-family:Montserrat,Arial;letter-spacing:2px;font-size:11px;font-weight:500;text-transform:uppercase;display:inline-block;padding:15px;margin:10px;border:1px solid #8690d1;color:#ffffff;background:#8690d1;cursor:pointer;border-radius:2px}
button:hover{border-color:#1b3664;background:#1b3664;color:#ffffff}
button i{font-size:19px;position:relative;top:2px;margin:0px 10px 0px 0px}
*, input, select, textarea, option, button {outline: none!important}

.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{transition: all 0.3s 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,1);font-size:14px;letter-spacing:1px;position:fixed;z-index:999999;width:100%;padding:10px 0px 0px 0px;text-align:center;box-shadow:0px 20px 20px rgba(27,54,100,0.3);transition: all 0.5s ease}
#top .contact{float:left;display:block;width:35%;text-align:right;padding:40px 40px 20px 30px;transition: all 0.5s ease}
#top .contact img{width:18px;display:inline-block;position:relative;top:1px;}
#top .mail{display:inline-block;margin-top:-5px;padding:2px 0px 3px 0px}
#top .mail a:hover{color:#f66322}
#top .mail i{display:block;float:left;position:relative;margin:9px 7px 0px 0px;font-size:12px;}
#top .phone{display:inline-block;font-size:15px;font-weight:500;padding:0px 15px 0px 0px}
#top .phone i{display:block;float:left;position:relative;margin:5px 7px 0px 0px;font-size:16px;}

#top .facebook{position:relative;float:right;z-index:999;display:block;right:40px;top:70px;width:37px;height:38px;background:rgba(255,255,255,1);color:#1b3664;padding:5px;font-size:30px;transition:all 0.5s ease}
#top .facebook:hover{background:rgba(255,255,255,0.8)}
#top .instagram{position:relative;float:right;z-index:999;display:block;right:3px;top:108px;width:37px;height:38px;background:rgba(255,255,255,1);color:#1b3664;padding:5px;font-size:30px;transition:all 0.5s ease}
#top .instagram:hover{background:rgba(255,255,255,0.8)}

#top .logo{float:left;width:30%;display:block;text-align:center}
#top .logo img{height:125px;transition: all 0.5s ease}
#top .reservation{float:left;width:35%;text-align:left;padding:40px 30px 20px 40px;transition: all 0.3s ease}
#top .reservation i{position:relative;margin:2px 10px 0px 0px;font-size:15px}
#top .reservation a{border:1px solid #c8cfda;border-radius:2px;padding:6px 12px 4px 12px;transition: all 0.3s ease;}
#top .reservation a:hover{color:#ffffff;background:#1a3563;border:1px solid #1a3563;transition: all 0.3s ease;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
#top .reservation a:hover i{color:#ffffff}

#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)}

#home{height:96vh;margin:0px 0px 80px 0px;color:#ffffff;display:block;padding:0px;text-shadow:0px 3px 3px rgba(0,0,0,0.2);background:#1b3664}
#home .title > h1:after,
#home .title > h2:after,
#home .title > h3:after {content: "";display: block;width:70%;margin:1px auto 0;padding:15px 0px 0px 0px;height:1px;border-bottom: 1px solid #ffffff;opacity:0.3}

#reservation{z-index:3;width:70%;margin:0px auto;padding:5px 5px 15px 5px;background:rgba(255,255,255,0.2);box-shadow: 0px 2px 5px rgba(0,0,0,0.3);}
.rhome{position:absolute;z-index:999;top:74%;left:50%;transform: translate(-50%, -74%);}

#reservation select{font-size:13px;letter-spacing:1px;width:25%;float:left;padding:20px 20px 20px 20px;margin:0px 4px 0px 2px;background:#ffffff;border:0px}
#reservation select:focus{outline:none;background:#e6e8ed}

#reservation input[type="submit"],#reservation input[type="date"], #reservation select{display:block;width:24%;float:left;border:0px;border-radius:0px;padding:20px;height:56px;background:#ffffff;text-transform:uppercase;letter-spacing:1px;font-family:Montserrat,arial,tahoma;font-size:13px;cursor:pointer;transition: all 0.3s ease;-webkit-appearance: none}
#reservation input[type="submit"]:hover,#reservation input[type="date"]:hover, #reservation select:hover{color:#ffffff;background:#1b3664;transition: all 0.3s ease}
#reservation input[type="date"]{width:25%;margin:0px 4px 0px 0px}
##reservationsub{position:relative;z-index:888;width:70%;margin:0px auto;margin-top:-10px;padding:5px;background:rgba(255,255,255,0.2);box-shadow: 0px 2px 5px rgba(0,0,0,0.3);}
#reservationsub select{font-size:13px;letter-spacing:1px;width:25%;float:left;padding:16px;margin:1px 4px 0px 1px;background:#ffffff;border:0px}
#reservationsub select:focus{outline:none;background:#e6e8ed}
#reservationsub input[type="submit"]{display:block;width:23%;float:left;border:0px;border-radius:0px;padding:18px;margin:1px 0px 1px 0px;background:#ffffff;text-transform:uppercase;letter-spacing:1px;font-family:Montserrat,arial,tahoma;font-size:11px;cursor:pointer;transition: all 0.3s ease}
#reservationsub input[type="submit"]:hover{color:#ffffff;background:#1b3664;transition: all 0.3s ease}

#reservation2{padding:15px 10% 15px 10%;margin-top:20px;background:#e7eaef;display:inline-block;margin:0 auto;text-align:center;font-size:17px}
#reservation2 button{background:#1b3664;border:0px;font-size:15px;font-weight:700}
#reservation2 button i{position:relative;top:1px}
#reservation2 button:hover{background:#345388}
#homeintro{padding:25px 0px 25px 0px;text-align:center}
#homeintro strong{font-size:28px;font-weight:700;font-family:Cardo,Arial;display:block;padding:0px 0px 15px 0px;margin:0px 0px 15px 0px;border-bottom:1px solid #c8cfda;}

.colmain {
    display: flex;
    flex-wrap: wrap;justify-content: space-between;
}

.col {
flex-grow: 1;
    flex-basis: 50%;}

.descleft{width:50%;padding:5% 5% 5% 10%;text-align:center}
.imageright{width:50%;background:url(../gfx/home-morze.jpg) no-repeat #cccccc;background-size:cover;background-position: 50% 50%}
.descright{float:right;width:50%;padding:5% 10% 5% 5%;text-align:center}
.imageleft{width:50%;background:url(../gfx/home-jezioro.jpg) no-repeat #cccccc;background-size:cover;background-position: 50% 50%}

#homecenter{}
#homecenter > .left{min-height:300px;color:#ffffff;text-shadow:0px 2px 4px rgba(0,0,0,0.2);margin:3%;width:27%;background:url('../gfx/home-left.jpg') #cccccc;background-position:50% 50%;background-size:cover;float:left;text-align:right;padding:30px 20px 30px 0px;vertical-align:top;box-shadow: inset 0px 64px 72px -9px rgba(0,0,0,0.41);}
#homecenter > .center{margin:2%;width:29%;float:left;text-align:center}
#homecenter > .center > strong{font-family:Cardo,Arial;font-size:4vh;display:block;padding:20px 0px 25px 0px}
#homecenter > .right{min-height:300px;color:#ffffff;text-shadow:0px 2px 4px rgba(0,0,0,0.2);margin:3%;width:27%;background:url('../gfx/home-right.jpg') #cccccc;background-position:50% 50%;background-size:cover;float:left;padding:30px 20px 30px 20px;box-shadow: inset 0px 64px 72px -9px rgba(0,0,0,0.41);}

#homecenter > .left > b, #homecenter > .right > b{font-family:Cardo,Arial;font-size:23px}
#homecenter > .left > span, #homecenter > .right > span{display:block;font-size:15px}

#center{background:rgba(255,255,255,0.7);padding:20px}
#center2{width:80%;margin:0px auto;text-align:center;padding:0px 0px 20px 0px;list-style-position: inside;}
#center2 .location{font-size:20px;font-weight:700}
#center2 .phone{display:block;font-size:17px;padding:10px 0px 5px 0px}
#center2 li{padding:0px 0px 20px 10px}
#submenu2{text-align:center;}
#submenu2 a{padding:15px;font-size:13px;background:#3a1503;color:#ffffff;width:17%;margin:0px 1px 1px 0px;display:inline-block;border-radius:2px;transition:all 0.2s ease}
#submenu2 a:hover{background:#6d3418;transition:all 0.2s ease}

#sub{display:block;padding:250px 0px 25px 0px;color:#ffffff;text-shadow:0px 3px 3px rgba(0,0,0,0.2);background-color:#1b3664;background-size:cover}
#sub > .title{display:block;padding:20px;text-align:center;line-height:7vh}
#sub > .title > h1{font-size:48px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:0px}
#sub > .subtitle{display:block;margin:0px auto;padding:0px 20px 40px 20px;text-align:center;font-family:Cardo,Arial,Tahoma;font-size:4.8vh;font-weight:400;}
#sub > .title > h1:after { content: "";display: block;width:50%;margin:1px auto 0;border-bottom: 1px solid #ffffff;opacity:0.3;margin-top:13px}

.intro{text-align:center;font-size:18px;padding:0px 12% 10px 12%}

#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{float:left;text-align:center;width:33.33%;padding:10px;font-size:14px;min-height:350px}
.apartamenty img{width:175px;border-radius:50% 50%;border:5px solid #dfc1b2;margin:10px;transition: all 0.2s ease}
.apartamenty img:hover{border:5px solid #3a1503;transition: all 0.2s ease}
.apartamenty > a > strong{display:inline-block}
.apartamenty > a > .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}


#attractions .desc{padding:10px;font-size:12px}
.attraction{float:left;vertical-align:top;text-align:center;width:25%;padding:10px 0px 10px 0px;font-size:12px;letter-spacing:0.8px;min-height:250px}
.attraction .img{display:block;height:250px;background-size:cover;margin:5px 0px 5px 0px;position:relative}
.attraction .img:hover{filter: saturation(120%);}
.attraction .img span{font-size:9px;display:block;position:absolute;bottom:0px;width:100%;text-align:right;color:#ffffff;opacity:0.4;padding:0px 10px 2px 0px;}

.attraction b{display:block}
#equipment{padding:5px 20px 20px 20px}
#equipment strong{display:block;padding:10px 0px 20px 0px}
#equipment img{height:24px;margin:0px 15px 0px 10px;vertical-align:middle;opacity:0.9}
#equipment li{padding:5px;display:block;float:left;text-align:left;padding:10px 0px 10px 0px;width:25%;white-space:nowrap}

#gallery{padding:20px 0px 20px 0px;text-align:center;border-top:1px solid #c8cfda;margin:0px 0px 15px 0px}
#gallery strong{display:block;padding:0px 0px 10px 0px}

##gallery .image{position:relative;width:25%;float:left;display:block}
#gallery .image a{margin:0px;padding:0px}
#gallery img{display:block;width:100%;transition: all 0.2s ease;border-bottom:0px solid #ffffff;border-right:0px solid #ffffff;margin:0px;padding:0px}
#gallery img:hover{transition: all 0.2s ease;opacity:1;filter:saturate(120%);filter:contrast(120%)}

#gallery a:nth-child(4) img {border-right:0px solid #ffffff}

.imageblock {
  position: relative;
  width: 25%;float:left;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,0.5);color:#ffffff;opacity:0.9;font-size:12px;line-height:15px;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.overlay i{display:block;font-size:16px;padding:0px 0px 10px 0px}
.text{padding:10px;}
.imageblock:hover .overlay {
  height: 30%;
}

#pricelist{padding:20px;text-align:center;margin:0px 0px 15px 0px}
#pricelist .header{display:inline-block;width:20%;padding:9px;border-left:1px solid #e5d6cc;font-size:13px}
#pricelist .price{display:inline-block;width:20%;padding:9px;border-top:1px solid #e5d6cc;border-left:1px solid #e5d6cc;font-size:19px}
#pricelist .first{border-left:none}
#pricelist strong{display:block;padding:0px 0px 10px 0px}
#pricelist img{width:170px;border-radius:50% 50%;border:5px solid #cccccc;margin:5px}

##img { border: 0px }

##.frame2 { border: 1px solid #ececec; background: #f5f5f5 }
table{border-collapse:collapse;margin:35px 0px 30px 0px;width:100%}
##.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 { }

#promo{border-top:1px solid #c8cfda;text-align:center;margin:20px 0px 20px 0px}
#promo > .all > .title{display:block;padding:15px;text-align:center;font-family:Cardo,Arial;font-size:4vh;font-weight:700;}
#promo > .all > .description{width:40%;margin:0 auto;padding:10px;text-align:center}
#promo > .all > .promo{float:left;width:31%;margin:1%;text-align:center}

#promo > .all > .promo > a .price{display:inline-block;margin:0px auto;position:relative;z-index:4;background:#ffffff;padding:7px;top:40px}
#promo > .all > .promo > a > .image{background:#f1f1f1;min-height:250px;background-size:cover;background-position:50% 50%;box-shadow: inset 0px 64px 72px -9px rgba(0,0,0,0.41);}
#promo > .all > .promo > .description{font-size:12px;padding:5px 20px 10px 20px}
#promo > .all > .promo > .description > a > strong{font-size:18px;display:block;padding:5px}

#socialbottom{border-top:1px solid #c8cfda;padding:20px;text-align:center;font-size:35px;letter-spacing:1px}


#contact{border-top:1px solid #c8cfda;padding:20px;text-align:center;font-size:15px;letter-spacing:1px}
#contact i{margin:0px 5px 0px 5px}

#footer{font-size:12px;width:100%;padding:0px;background: url(../gfx/footerbg.jpg) center top no-repeat #edf2fb;background-size:cover;background-position:50% 50%;color:#ffffff}

#footermenu {text-transform:uppercase;font-weight:400;padding:10px 0px 10px 0px;text-align:center;margin-top:-1px}
#footermenu a{display:inline-block;color:#ffffff;opacity:0.6;padding:15px;border-bottom:1px solid transparent;transition:all 0.3s ease}
#footermenu a:hover{border-bottom:1px solid rgba(255,255,255,0.3);opacity:1}

#bon{opacity:1;box-shadow:0px 3px 8px rgba(0,0,0,0.3);border-radius:2px;display:block;overlay:hidden;position:fixed;bottom:50px;padding:10px 10px 10px 10px;z-index:999999;text-align:center;left:30px;width:150px;height:55px;background:#ffffff;transition: all 0.3s ease;font-size:11px;line-height:13px}
#bon:hover{opacity:1;left:30px;width:150px;height:110px;bottom:50px;transition: all 0.3s ease}

#bon .infos{opacity:0;transition: all 0.3s ease;overflow:hidden}
#bon:hover .infos{opacity:1;transition: all 0.3s ease}

#bon .mark{position:absolute;top:-10px;left:-10px;background:#ff0000;border-radius: 50% 50%;height:24px;width:24px;color:#ffffff;font-size:22px;font-weight:bolder}
#bon .mark span{position:relative;top:5px;left:0px}
#bon img{padding:0px 0px 10px 0px}
#bottom{text-align:center;font-size:12px;line-height:24px;padding:15px 0px 20px 0px}
#bottom .summary{padding:0px 20% 20px 20%;text-align:center;color:rgba(255,255,255,0.4)}
#bottom .summary img{width:200px;padding:0px 0px 30px 0px}
#bottom .summary .location{font-size:16px;color:rgba(255,255,255,0.6);padding:0px 0px 10px 0px}
#bottom .summary .location i{margin:0px 10px 0px 0px}

##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 }

#design{padding:100px 15px 15px 15px;font-size:11px;color:rgba(255,255,255,0.4)}
#design a{color:rgba(255,255,255,0.4)}
#design a:hover{color:#ffffff}
@media only screen and (max-width: 800px) { 
.all {width:98%}
.fix{height:110px}
.fix2{height:160px}

.info input[type="text"]{width:70%;margin:15px 0px 15px 0px}

#top{font-size:11px;letter-spacing:1px;position:fixed;z-index:999;width:100%;text-transform:uppercase;padding:15px 0px 10px 0px;text-align:center;box-shadow:0px 20px 20px rgba(27,54,100,0.3);transition: all 0.3s ease}
#top .contact{float:left;display:block;width:30%;text-align:right;padding:40px 20px 20px 30px;transition: all 0.3s ease}
#top .contact img{width:18px;display:inline-block;position:relative;top:1px;}
#top .mail{display:inline-block;margin-top:-5px;padding:2px 15px 3px 0px}
#top .mail a:hover{color:#f66322}
#top .mail i{display:block;float:left;position:relative;margin:2px 7px 0px 0px;font-size:13px;}
#top .phone{display:inline-block;font-size:14px;font-weight:500}
#top .phone i{display:block;float:left;position:relative;margin:2px 7px 0px 0px;font-size:17px;}
#top .logo{float:left;width:40%;display:block;text-align:center}
#top .logo img{height:120px;transition: all 0.3s ease}
#top .reservation{float:left;width:30%;text-align:left;padding:40px 30px 20px 20px;transition: all 0.3s ease}
#top .reservation i{position:relative;margin:2px 10px 0px 0px;font-size:15px;}
#top .reservation a{border:1px solid #c8cfda;border-radius:2px;padding:6px 12px 4px 12px;transition: all 0.3s ease;}
#top .reservation a:hover{color:#ffffff;background:#1a3563;border:1px solid #1a3563;transition: all 0.3s ease;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
#top .facebook{position:fixed;right:15px;top:12px;width:40px;height:40px;font-size:35px}
#top .instagram{position:fixed;right:15px;top:55px;width:40px;height:40px;font-size:35px}

#reservation{width:95%;}
#reservation select, #reservation input[type="date"], #reservation input[type="submit"]{width:49%;margin:0.5%}
.rhome{position:absolute;z-index:999;top:90%;}
#reservation2{font-size:14px}
#breadcrumb{display:none}

#home .title{min-height:110px}
#home .title > h1:after,
#home .title > h2:after,
#home .title > h3:after {content: "";display: block;width:80%;margin:1px auto 0;border-bottom: 1px solid #ffffff;opacity:0.3;padding-top:20px}

#sub{background-position:center}
#sub > .left > h1{font-size:26px}
#sub > .right {font-size:14px;padding:50px 0px 0px 15px;border:0px}
.intro{font-size:15px;padding:0px 2% 10px 2%}
#center2{width:96%}
#submenu2 a{width:49%;line-height:13px;min-height:30px}
#pricelist .price{font-size:16px}
#equipment li{width:50%;font-size:13px;letter-spacing:0px}
#gallery{padding:0px}
.imageblock{width:50%}
.atrakcje{width:50%}
.attraction{width:100%;padding:10px 0px 10px 0px;font-size:12px;letter-spacing:0.8px;min-height:250px}

#footer{padding:15px 0px 0px 0px}
#bottom .center{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}
.rhome{top:90%}

#top .reservation, #top .contact{display:none}
#top .logo{width:100%}
#top .contact{width:100%;text-align:center}

.descleft{display:block;width:100%;padding:5% 5% 5% 5%;text-align:center}
.imageright{float:left;display:block;width:100%;min-height:400px}
.descright{display:block;width:100%;padding:5% 5% 5% 5%;text-align:center}
.imageleft{display:block;width:100%;float:right;min-height:400px}
.col{display:block;width:100%;flex-basis:100%}

#homecenter{top:30px}
#homecenter > .left{float:right;width:100%;margin:0%;text-align:center;padding:20px}
#homecenter > .center{width:100%;margin:0%;padding:20px}
#homecenter > .center > strong{font-family:Cardo,Arial;font-size:4vh;display:block;padding:20px 0px 25px 0px}
#homecenter > .right{width:100%;margin:0%;float:right;text-align:center;padding:20px}

#homecenter > .left > b, #homecenter > .right > b{font-family:Cardo,Arial;font-size:23px}
#homecenter > .left > span, #homecenter > .right > span{display:block;font-size:15px}

#sub{padding:190px 0px 15px 0px;}
#sub > .title{padding:20px;text-align:center;line-height:4.5vh}
#sub > .title > h1{font-size:4.7vh;letter-spacing:1px;font-weight:700;margin:0px 10px 0px 10px}
#sub > .subtitle{display:block;margin:0px auto;padding:0px 20px 40px 20px;text-align:center;font-family:Cardo,Arial,Tahoma;font-size:3.6vh;font-weight:400;}

#equipment li{font-size:11px}

#promo{border-top:1px solid #c8cfda;text-align:center;margin:20px 0px 20px 0px}
#promo > .all > .title{display:block;padding:15px;text-align:center;font-family:Cardo,Arial;font-size:4vh;font-weight:700;}
#promo > .all > .description{width:100%;margin:0 auto;padding:10px;text-align:center}
#promo > .all > .promo{float:left;width:94%;margin:3%;text-align:center}

#promo > .all > .promo > .price{display:inline-block;margin:0px auto;position:relative;z-index:4;background:#ffffff;padding:7px;top:40px}
#promo > .all > .promo > .image{background:#f1f1f1;min-height:250px}
#promo > .all > .promo > .description{font-size:12px;padding:5px 20px 10px 20px}
#promo > .all > .promo > .description > a > strong{font-size:18px;display:block;padding:5px}


.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}
.icon-scroll{display:none}
}


























#cssmenu{z-index:999999;font-family:Montserrat,Arial;font-size:12px;padding:0px 0px 3px 0px;z-index:99;font-weight:600;text-transform:uppercase;border-top:1px solid rgba(27,54,100,0.1)}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {font-size:11px;margin: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 #menu-button{font-size:13px}

#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{margin-top:-1px}
#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;margin-left:-15px
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {font-size:12px;padding:20px 35px 15px 35px;font-weight:700;text-decoration:none;letter-spacing:2px;border-top:2px solid transparent;transition: all 02.s ease}
#cssmenu > ul > li:hover > a {color:#1b3664;border-top:2px solid #1b3664;transition: all 02.s ease}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}


##cssmenu > ul > li.has-sub > a:after{position: absolute;top:25px;right:11px;width:5px;height:2px;display:block;background:#f42626;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:24px;right:16px;width:2px;height:5px;display:block;background:#f42626;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 ul ul {background:rgba(255,255,255,1);padding:10px 27px 15px 27px;position: absolute;left: -9999px;}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {border-top:1px solid #eef3fc;
  height: 0;
  -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 li a:hover{background:#1b3664;color:#ffffff}


#cssmenu ul ul li:first-child{border-top:1px solid #ffffff}


#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 43px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}




#cssmenu ul ul li a {font-size:12px;padding:15px 15px 15px 20px;width:350px;text-decoration:none;font-weight:700}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  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: 13px;
  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;z-index:9999999999;top:0px;font-size:14px;width:100%;height:0px;border:0px;left:0px}
##cssmenu .sel{display:none}

  #cssmenu ul {width:90%;padding:5px;display:none;margin:0 auto;background:#1b3664;margin-top:13px}
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;margin:0px auto;margin-top:15px
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }

#cssmenu ul li a{font-size:13px}
  #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{padding:10px}
  #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:0px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
  }

#cssmenu.align-center ul ul{text-align:left;margin-left:0px;}


#cssmenu > ul > li:hover > a {color:#ffffff}

#cssmenu > ul > ul{margin-left:2.5%}

  #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:#1b3664;top:14px;width:50px;left:0px;
    display: block;
    padding: 12px;height:40px;
    color: #dddddd;
    cursor: pointer;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;left:5%;border-radius:2px;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 19px;
    right: 10px;
    display: block;
    height: 10px;
    width: 30px;
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    height: 3px;
    width: 30px;
    background: #ffffff;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 19px;
    border: 0;
    height: 3px;
    width: 26px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 19px;
    background: #ffffff;
    width: 26px;height:3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;margin-left:10px;
    display: block;

    height: 47px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {color:#ffffff}

  #cssmenu ul ul .submenu-button {
    height: 35px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 25px;
    right: 16px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ffffff;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: #ffffff;-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: 22px;
    right: 24px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ffffff;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: #ffffff;-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;
  }
}











.icon-scroll,
.icon-scroll:before{position: absolute;left:50%;bottom:40px;opacity:0.9;transition:all 0.3s ease}
.icon-scroll{width:22px;height:40px;margin-left:-11px;border:2px solid #ffffff;border-radius:20px;margin-top:40px;box-shadow:0px 2px 3px rgba(0,0,0,0.1);}
.icon-scroll:before{;content: '';width:5px;height:5px;background: #fff;margin-left:-2px;top:4px;border-radius:3px;animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scroll}
@keyframes scroll{
0%{opacity: 1}
100%{opacity: 0;transform: translateY(18px)}
}

#prices .header th{font-size:11px;letter-spacing:0px;font-weight:normal;padding:7px}
#prices td{padding:10px}

#prices tr:nth-child(odd) {
border-bottom: 1px solid #d6d7d9;
    }

@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {
#prices .header th{font-size:11px}
#prices tr:nth-child(odd) {border-bottom:1px solid #d6d7d9;}
#prices .price{padding:7px 7px 7px 50%}

		/* Force table to not be like tables anymore */
#prices table, #prices thead, #prices tbody, #prices th, #prices td, #prices tr {display: block;}

		/* Hide table headers (but not display: none;, for accessibility) */
#prices thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

#prices tr {
      margin: 0 0 1rem 0;
    }
      
#prices tr:nth-child(odd) {
      background: #edeff3;
    }
    
#prices td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #d6d7d9;
			position: relative;
	
		}

#prices td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding: 10px;text-align:right;
			white-space: nowrap
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
#prices td:nth-of-type(1):before { content: ""; }
#prices td:nth-of-type(2):before { content: "24.04-23.06"; }
#prices td:nth-of-type(3):before { content: "24.06-27.08"; }
#prices td:nth-of-type(4):before { content: "28.08-30.09"; }


	}