@import url(https://fonts.googleapis.com/css?family=Lato:400,300&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Alegreya:400,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,800&subset=latin-ext');


* {font-family: 'Lato',sans-serif;color:#484747;}


body .jspTrack {background: #231f20 none repeat scroll 0 0;}

body { 
    height: 100%; 
    min-height: 100%;
    position: relative;
   }

.visible {
    opacity: 1;
}
.hiddenen {
    opacity: 0;
}


.clear {clear: both;}

#subsite nav a {margin: 15px 0 16px;}

nav a:active, nav a:focus {text-decoration: none;}

#sm-top > a {
    display: block;
    margin-top: 170px;
}

#gal_h1 {padding-top: 100px; color: #fff; font-size: 40px;
font-family: "Alegreya";

}


 #main_menu a.only_sm {display: none;}


#linia {height:7px; background:#4ab8da;  }
.logo_alt {background: #fff url("../page/logo_alt.png") no-repeat scroll center top 5px;
width: 230px; height: 39px;
 margin: -30px auto 60px;
}

#bg {background: #fff url("../page/bg.jpg") no-repeat fixed left top / cover ;display: block;
   height: 100vh;
    z-index: 99;
    position: relative;
}
.kwadraty {background:url("../page/kwadraty.png") no-repeat scroll center top;display: block;height: 100%;
   height: 100vh;
}

#cont_opis {padding-left: 100px;}
#cont_opis h2 {font-family: "Alegreya";font-weight: 300;border-bottom: 2px solid #efefef;padding: 40px;margin-bottom: 50px;}
#cont_opis p {
    font-size: 1vw;
    padding-bottom: 70px;
    text-align: center;
}


   #sek1 {padding-top: 67px;    min-height: 1230px;}
.top {width: 300px; display: block;
    background: none repeat scroll 0 0;
    padding: 6px 0;
    width: 100%;
position: relative;
z-index: 99998;
}
.top_menu { max-height: 60px;
     z-index: 9999;
background: rgba(104,96,94,0.85);width: 100%;position: fixed;}

#right_menu {
 animation-delay: 0.7s;
    float: right;
    width: 35%;
     z-index: 9999;
}
#main_menu {
    float: left;
    z-index: 9999;
    width: 44%;
     animation-delay: 0.6s;
}
.menu {   
    padding-top:10px;

}
.booking {position: absolute;right: 0;}
.booking a {    color: #fff;
    font-size: 1.35em;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}

.booking a:hover {text-decoration: none; color: #fff;}


.booking {
background: #4ab8da url("../page/booking_ico.png") no-repeat scroll left 20px center;
    height: 60px;
    padding: 11px 12px 12px 49px;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0.1s;
    z-index: 999999;
}
.booking:hover {background: rgba(0,0,0,.6) url("../page/booking_ico.png") no-repeat scroll left 20px center;}


#phone { background: rgba(0, 0, 0, 0.6) url("../page/phone_ico.png") no-repeat scroll left 10px center;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    padding: 10px 30px 10px 50px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 60px;
    z-index: 9999;
}

.booking div {color: #fff; text-transform: uppercase;cursor: pointer;}

.menu a, .booking div {
       display: inline-block;
    font-family: "raleway";
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 2px;
    margin: 16px 1.7vw 0;    
}
.menu a::after {   background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: -1.8vw;
     top: -2px;
    width: 6px;} 

.menu a#last::after, #right_menu.menu a::after{display: none;}

#top_slid {margin-top: 20px;margin-bottom:50px;  }

.slider {width: 100%;
    height: 300px;
    background:url("../page/slider1.jpg") no-repeat scroll center bottom; }
    .slider#ban2 {  background:url("../page/slider2.jpg") no-repeat scroll center bottom; }

.iko {color: #fff;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.3;
    padding-left: 3% !important;
    padding-right: 3% !important;
    padding-top: 150px;
    text-align: center;

}
h3.iko {font-family: "Alegreya";}
.iko h4 span {color: #59b6ee;}

#ico1 {background: rgba(0, 0, 0, 0) url("../page/ico_d1.jpg") no-repeat scroll center top;}
#ico2 {background:url("../page/ico_d2.jpg") no-repeat scroll center top;animation-delay: .3s; }
#ico3 {background:url("../page/ico_d3.jpg") no-repeat scroll center top;animation-delay: .6s; }
#ico4 {background:url("../page/ico_d4.jpg") no-repeat scroll center top;animation-delay: .9s; }
#ico5 {background:url("../page/ico_d5.jpg") no-repeat scroll center top;animation-delay: 1.2s; }
#ico6 {background:url("../page/ico_d6.jpg") no-repeat scroll center top;animation-delay: 1.5s; }

#ikonsy { background: #676767 none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 60px;}

.no-pad {padding-left: 0 !important;padding-right: 0 !important;}
.no-marg {margin-left: 0 !important;margin-right: 0 !important;}

h1, h2, h3 {text-align: center;}

header h2 {color: #a6a6a6;text-transform: uppercase;font-weight: 700;font-size: 15px;font-family: "Montserrat";margin-top: 100px;}
header h1 {color: #000; font-family: "Merriweather"; font-size: 46px;}
header h3 {color: #d2c787;text-transform: uppercase;width: 30%;margin: 0 auto;margin-top:30px; font-size:20px; }

.menu a:hover {color: #4ab8da ; text-decoration: none;
  }


.menu a.active {
  border-bottom: 2px solid #4ab8da;
    color: #fff;
    padding-bottom: 13px;
    text-decoration: none;}


#qu {color: #11ec3f;}

.nav { float: right;
    font-family: lato;
    margin-left: 230px;
    padding-top: 10px;
    width: 670px; }

.calc{background: url("../page/calc.png") no-repeat scroll bottom left / auto 70%;
width: 45px;
height: 71px;
 margin-left: 20px;
    margin-top: 13px;
    transition: all 0.5s ease 0.1s;
     animation-delay: 1.2s;
     float: left;
     width: 45%;
}






.btn {
 background: rgba(0, 0, 0, 0.68) none repeat scroll 0 0;
    border: 2px solid #fff !important;
    border-radius: 8px !important;
    color: #0eb7e4;
    font-size: 21px !important;
    font-weight: 700 !important;
    height: 50px;
    line-height: 22px !important;
    margin-left: 0;
    margin-top: 17px;
    padding-right: 12px;
    padding-top: 13px !important;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.5s ease 0.1s !important;
    width: 270px;}

.btn:hover {color:#11ec3f !important; margin-left: 30px;}



.btn#video {padding-right:37px;background:#b63709 url("../page/play.png") no-repeat scroll right 28px center !important; }    
.btn#video:hover {color:black !important; }

.btn#news { color: #7c7c7c !important;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
    padding: 22px;
    width: auto;}
.btn#news:hover {color:black !important;}

.nav a {text-decoration: none !important; }
.nav a:hover {color: #fff !important;
}

#news_p {font-size: 1vw; font-weight: 300;float: left;
margin-top: 23px;}

#bg2 {
 background: rgba(0, 0, 0, 0) url("../page/bg3.jpg") no-repeat fixed left top / cover ;
    margin-top: 20px;
    min-height: 850px;
    padding-top: 60vh;
    position: relative;}

.banner h1, #bg2 h2 {font-family: "Alegreya"; 
font-weight: 900; 
text-shadow: 0 0 20px rgba(0,0,0,0.4);
 font-size: 54px;}

.banner h2 { font-size: 27px;
    padding: 0 35%;
text-shadow: 0 0 20px rgba(0,0,0,0.4);}

#bg2 h2 {color: #fff; z-index: 999;}
#bg2 #linia {height: 40px; z-index: 99;margin-top: -50px;margin-top: -61px;}

#dane a {display: block; color: #fff; transition: all 0.5s ease 0.1s }
#dane a:hover {text-decoration: none;color:#666; }


#dane p, #dane a, #dane span {
    font-family: "Alegreya";
    font-size: 23px;
    color: #fff;
}
#dane #center_p {text-align: center;  padding-top: 35px;}

#dane {
    background: #444444 none repeat scroll 0 0;
    padding: 60px 0;
}

#dane span {font-weight: bold;color:#fff; }

 .banner {
 bottom: 40px;
    color: #fff;
    float: left;
    font-size: 50px;
    font-weight: 300;
    height: auto;
    line-height: 62px;
    position: absolute;
    width: 100%;}
   .banner span {font-size: 78px;font-weight: 700;color: #fff;} 
.logo {
 animation-delay: 0.5s;
    background: rgba(0, 0, 0, 0) url("../page/logo.png") no-repeat scroll 0 0;
    box-shadow: 0 40px 30px rgba(0, 0, 0, 0.2);
    height: 189px;
  margin: 40px auto;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.5s ease 0s;
    width: 189px;
    display: block;
}
.logo_scroll, #sub_logo {
    margin: -38px auto;
    transform: rotate(45deg) scale(0.4);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
#sub_logo:hover {text-decoration: none;}

.logo_wrap {
    margin: 0 auto;
    width: 20%;
}

.logo-over {
    background: rgba(0, 0, 0, 0) url("../page/logo_tran.gif") repeat scroll 0 0;
position: absolute; width: 200px;height: 100px;}

/*.logo:hover {
    background: rgba(0, 0, 0, 0) url("../page/logo_short.gif") repeat scroll 0 0;}*/


a.fb {  background: rgba(0, 0, 0, 0) url("../page/ico_fb.jpg") repeat scroll left -3px top -2px;
    border-radius: 57px;
    display: block;
    float: right;
    height: 64px;
    margin-right: 6vw;
    margin-top: 38px;
    width: 64px;}


#cert {margin-bottom:100px;} 
    .text#res {padding-right: 7%;}
}
.text p {color: #484747;font-weight: 400;font-size:1.2vw;padding-left: 24px;}
.bold {font-weight: 700;}

#cert h2{
    color: #000;
 font-family: "Merriweather";
font-size: 30px;
}
#cert h3 {color: #000;
font-weight: 900;
font-size: 30px;
text-align: left;}
#cert h3 span {color:#55a9e3; } 

#cert p {font-weight: 300;font-size: 20px;margin-top:20px; }

#cert-opis {
    padding-left: 70px;
    padding-top: 200px;
  }

.pdf {
    background: rgba(0, 0, 0, 0) url("../page/pdf.jpg") no-repeat scroll left center;
    color: #666;
    display: block;
    font-size: 17px;
    font-weight: 700;
    min-height: 112px;
    padding: 35px 0 40px 102px;
    text-align: left;
    width: 100%;
}
.pdf:hover {text-decoration: none;}
#health.opis {min-height: 90vh;}
#about-opis.opis {min-height: 90vh;}

.box {  border: 24px solid #f0eeed;
    margin-top: 16px;
    padding: 20px 0;
    width: 100%;}
.certi {margin: 0 auto 10px;
width: 257px;
}
#c1 {background: rgba(0, 0, 0, 0) url("../page/logo1.jpg") repeat scroll 0 0;
height:197px;
}
#c2 {background: rgba(0, 0, 0, 0) url("../page/logo2.jpg") repeat scroll 0 0;
height:97px;
}
#c3 {background: rgba(0, 0, 0, 0) url("../page/logo3.jpg") repeat scroll 0 0;
height:73px;
}

.tabela h2, .tabela h3, .tabela h4 {color: #fff;
text-align: center;
margin: 0 auto;}




h4#cont {margin-top: 50px;margin-bottom: 20px;}
.imgur {position: absolute;
border:20px solid rgba(255,255,255,.4);
background-clip: padding-box !important;
}
.imgur p{
   color: #d2c787;
    font-family: "Merriweather";
    font-size: 22px;
    position: absolute;
    text-align: left;
    top: -100px;
         }       
         .imgur p#txt2 {   left: -150px;
    top: 110px;}
         .imgur p#txt1 {  left: -180px;
    top: 550px;}

#mapframe {height: 400px;}

#im3 {
    background: rgba(0, 0, 0, 0) url("../page/img_1.jpg") no-repeat scroll right center / 100% auto;
    border: medium none;
    height: 481px;
    right: 0;
    top: 385px;
    width: 85%;
    z-index: 12;
}
#im2 {
 background: #f1f1f1 url("../page/img_2.jpg") no-repeat scroll center center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    height: 341px;
    max-width: 90%;
    right: 4%;
    top: 45px;
    width: 872px;
    z-index: 12;
}
#im4 {
      background: #f1f1f1 url("../page/img_3.jpg") no-repeat scroll center bottom;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    height: 336px;
    right: 5vw;
  top: 765px;
    width: 336px;
    z-index: 13;
}
.box-trans {
    background: #fff none repeat scroll 0 0;
    opacity: 0.65;
    position: absolute;
    transition: all 0.5s ease 0s;
}
#foot { background: #58ace6 none repeat scroll 0 0;
    height: 140px;
    padding-top: 17px;
    z-index: 999999;
     position: relative;
   }
   .f_menu {float: left;width: 60%;margin: 0 auto;padding-top: 29px;}
.f_menu a {display: inline-block;color: #414141;font-size: 16px; 
    font-weight:900;transition: all 0.5s ease 0s;text-align: center;
    width: 14%;
} 
.f_menu a::after {
    content: " ";
    display: inline-block;
    height: 0;
    width: 100%;
}
.f_menu a:hover {text-decoration: none;color: #fff;}    
.f_logo { background: rgba(0, 0, 0, 0) url("../page/logo_foot.jpg") no-repeat scroll left center;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    height: 73px;
    margin-left: 40px;
    padding-left: 213px;
    padding-top: 30px;
    text-align: left;
    width: 20%;
float: left;}
.dummy {display: none;}
#top_menu_link {display: none;}
.cos{width: 90%;}

.bxslider_moje li { list-style: outside none none;}

.imag{overflow: hidden;
    opacity: .9;
    margin-bottom: 15px;
    transition: all 0.5s ease 0s;}
.imag:hover{opacity: 1}    

#cen_1 {
    background: rgba(0, 0, 0, 0) url("../page/bg_cennik.jpg") no-repeat scroll center center  ;
    height: 900px;
padding-top: 130px;}

#food_1 {
    background: rgba(0, 0, 0, 0) url("../page/bg_food.jpg") no-repeat scroll center center  ;
    height: 900px;
padding-top: 130px;}

#food_1 h1 {
    color: #fff;
    font-family: "Alegreya";
    margin-bottom: 30px;
}

#food_1 .tabela {padding: 10px 50px 50px;}

.tabela p, .tabela span {
    color: #fff;
    font-family: Alegreya;
    font-size: 22px;
    text-align: center;
}
.tabela span {font-weight: 700;}

#kon_1 {
    background: rgba(0, 0, 0, 0) url("../page/bg_sub.jpg") no-repeat fixed top center  ;
    height: 310px;
}

#blue-line {
    border-top: 6px solid #4ab8da;
    margin-top: 40px;
    margin-bottom: 10px;
}
#blue-line h1 {
    background: #fff none repeat scroll 0 0;
    font-family: alegreya;
    font-size: 39px;
    font-weight: 500;
    margin-left: 230px;
    margin-top: -56px;
    max-width: 192px;
    padding: 30px;
    text-align: left;
    width: auto;
}
#kon-dan h2 {
color: #444444;
    display: block;
    font-family: "Alegreya";
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: -10px;
    padding-left: 54px;
    padding-right: 5%;
    text-align: left;
}
#kontakt p {
    color: #282525;
    font-family: "Alegreya";
    font-size: 24px;
    margin-top: -10px;
    padding-left: 52px;
}


#kon-dan a {color: #282525;
    font-family: "Alegreya";}

#kon-dan a#niebie {color:#4ab8da; }

#kontakt #dane p {color: #fff;}
#kontakt #mapframe {margin-top: 42px;}

.btn_submit.submit {
    background: #4ab8da none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "Alegreya";
    font-size: 20px;
    padding: 6px;
    width: 100%;
      box-shadow: 10px 0 25px rgba(0, 0, 0, 0.1);
      transition: all 0.5s ease 0s;
}
.btn_submit.submit:hover {background: rgba(0,0,0,1); }


#form_fast_price label {display: none;}

#kontakt .form-control {border-radius: 0; border: 1px solid #4ab8da;font-family: "Alegreya";

}


#onas_1 {
    background: #fff url("../page/onas_bg.jpg") no-repeat fixed center center;
    min-height: 803px;
    border: 10px solid #fff;
    height: auto;
position: relative;}

#onas_1 .opis {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    height: 100%;
    padding: 80px 40px 120px !important;
    position: relative;
}
.opis h1 {  color: #1abad9;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;}
.opis p {
    line-height: 1.7;
    padding-top: 30px;
    text-align: center;
}

#cen_1 h1 {
    color: #fff;
    font-family: "Alegreya";
    margin-bottom: 30px;
}

.tabela {background: rgba(0,0,0,0.5);
border: solid 2px #fff;
max-width: 100%;
margin: 0 auto;
transition: all 0.5s ease 0s;
}
.tabela:hover {box-shadow: 0 0 40px rgba(0,0,0,0);}
#food_1 .tabela:hover {box-shadow: 0 0 1px rgba(0,0,0,.8);}
.tabela h2 {font-family: "Alegreya"; font-size: 48px;margin: 20px 0 30px;}
.tabela h3 {font-family: "Alegreya"; font-size: 28px;    margin: 15px 0;}
.tabela h4 { border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    margin: 15px auto;
    padding-bottom: 30px;
    text-align: center;
    width: 80%;}
.tabela h4.last {border-bottom: none;}

#cennik-opis , #cennik-dane {padding: 30px;}
#cennik-opis li {
    font-size: 16px;
    font-weight: 300;
    line-height: 2.1;
}

#cennik-opis h2, #cennik-dane h2 {text-align: left; font-family: "Alegreya";}
#cennik-opis ul, #cennik-dane p {padding-left: 30px;} 
#cennik-dane {background: #635f61;}
#cennik-dane h2, #cennik-dane p {color: #fff;} 
#alt-foot #dane p {padding-left: 30px;}

h1 {text-align: center;}

#galleria {padding: 0 34px;}

#gal_1 {
    background: rgba(0, 0, 0, 0) url("../page/gal_1.jpg") no-repeat scroll center center  ;
    height: 721px;}
#gal_2 {background: rgba(0, 0, 0, 0) url("../page/gal_2.jpg") no-repeat scroll center center ;
    height: 621px;
width: 49.5%;margin-right: 1%;}
#gal_3 {background: rgba(0, 0, 0, 0) url("../page/gal_3.jpg") no-repeat scroll center  center ;
    height: 621px;
width: 49.5%;}
#gal_4 {background: rgba(0, 0, 0, 0) url("../page/gal_4.jpg") no-repeat scroll center center ;
    height: 621px;
width: 49.5%;margin-right: 1%;}
#gal_5 {background: rgba(0, 0, 0, 0) url("../page/gal_5.jpg") no-repeat scroll center center;
    height: 621px;
width: 49.5%;}
#gal_6 {background: rgba(0, 0, 0, 0) url("../page/gal_6.jpg") no-repeat scroll center center;
    height: 609px;
}
#gal_7 {background: rgba(0, 0, 0, 0) url("../page/gal_7.jpg") no-repeat scroll center  center;
    height: 646px;
 width: 55.5%; margin-right: 1%;}
#gal_8 {background: rgba(0, 0, 0, 0) url("../page/gal_8.jpg") no-repeat scroll center  center ;
    height: 646px;
width:43.5%; }
#gal_9 {background:rgba(0, 0, 0, 0) url("../page/gal_9.jpg") no-repeat scroll center right;
    height: 646px;
width:38.5%;  margin-right: 1%;}
#gal_10 {background: rgba(0, 0, 0, 0) url("../page/gal_10.jpg") no-repeat scroll center  center;
    height: 646px;width:60.5%;}
#gal_11 {background: rgba(0, 0, 0, 0) url("../page/gal_11.jpg") no-repeat scroll center  center;
    height: 760px;
width: 52.5%; margin-right: 1%;}
#gal_12 {background: rgba(0, 0, 0, 0) url("../page/gal_12.jpg") no-repeat scroll center  center ;
    height: 760px;
width:46.5%; }
#gal_13 {background: rgba(0, 0, 0, 0) url("../page/gal_13.jpg") no-repeat scroll center  center;
    height: 588px;
width: 72.5%; }

#grey {background: #454545;width: 26.5%; height: 588px;margin-right: 1%;}

@media (max-width: 767px) {



.no-pad-xs {padding-left: 0 !important;padding-right: 0 !important;}

#main_menu a.only_sm {
    display: block;
}
#bg {
    background: #fff url("../page/bg.jpg") no-repeat scroll center bottom;}

 .logo {
    background: rgba(0, 0, 0, 0) url("../page/logo_s.png") no-repeat scroll center center;
    height: 95px;
     width: 95px;
     display: block;
}

#bg2 {
    background: rgba(0, 0, 0, 0) url("../page/bg3.jpg") no-repeat scroll left top;
    min-height: 710px;
}
.banner h2 {
    font-size: 28px;
    padding: 10px 10%;
}

.menu a, .booking div {
    font-size: 12px;
    margin: 16px 0.7vw 0;
}

#im3 {
    border: medium none;
    box-shadow: none;
    left: 0;
    max-width: unset;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 14;
    background: rgba(0, 0, 0, 0) url("../page/img_1.jpg") no-repeat scroll right center;
}

.logo_scroll {transform: rotate(45deg) scale(1);margin: 5px auto;}
#im4 {
display: none;
}
#top_menu_link {display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 999999;
width: 53px; height: 40px;
background: rgb(0,0,0,0) url("../page/dropdown.png") no-repeat scroll center center;
}
#cont_opis p {
    padding: 0 20px;
    text-align: center;
}
.imgur {
    position: relative;
    transform: none !important;
}


#main_menu {
 background: #1abad9;
    display: none;
    height: auto;
    padding-bottom: 20px;
    padding-top: 7px;
    position: absolute;
     left: 0;
    width: 100%;
    z-index: 99999;
}

#dane a {

    text-align: right;
}
#dane {
    padding: 60px 30px;
}
a.fb {
    float: none;
    margin: 30px auto 0 0;
}
.logo_alt {
    margin: -30px auto 10px;}

#sek1 {
    height: auto;
    min-height: unset;
    padding-bottom: 20px;
}
.menu a {
display: block;
    font-size: 19px;
    line-height: 1.5;
    padding-left: 10px;
    width: 100%;
       margin: 13px 0;
       text-align: center;
}
.menu a::after {display: none;}
.menu a:hover {color:#e5e5e5; }

#subsite .img_w {margin-left: 4%;}
#subsite #im_sub1 { top: 220px;}
#subsite #im_sub2 { top: 420px;}
#subsite .img {
    height: 160px;
    position: absolute;
    width: 100%;
    left: 0;
}
#cont_opis {
    padding-left: 0px;
    margin-bottom: 80px;
}

#cont_opis p {
    font-size: 18px;
}


#bg2 #linia {
   height: 48px;
    margin-top: -50px;}

.banner {
    padding: 100px 30px 0;
}

#dane a {
    text-align: left;
}


.banner h1, #bg2 h2 {
    font-size: 8vw;
}
.iko {    margin-bottom: 70px;}
#im2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 20px medium medium;
    box-shadow: none;
    left: 0 !important;
    margin-top: -80px;
    max-width: unset;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 14;
}
  
 .imgur p#txt1 {
    left: 290px;
    top: 630px;}
    .imgur p#txt2 {
    left: 0px;
    top: -100px;}


#subsite .menu {
    height: 297px;
    padding-top: 37px;
        z-index: 99999;
          right: 0;
          display: none;
          animation-delay: 0;
          position: absolute;
          width: 50%;
          box-shadow: 0 0 39px rgba(0, 0, 0, 0.2);
          background: rgb(0, 116, 201) url("../page/menu_bg.jpg") no-repeat scroll left bottom;
}
#subsite .menu a {

    font-size: 19px;
    line-height: 1.5;
    padding-left: 10px;
    width: 100%;
       margin: 3px 0;
}

.booking {
    max-width: 100px;
    padding: 0 10px 5px;
      text-align: right;
      background: #4ab8da;
      
}
.menu a, .booking div { font-size: 12px;
    line-height: 1.2;}
.booking:hover {background: rgba(0,0,0,.6) no-repeat scroll left 20px center;}



.only_sm {display:block; }

#right_menu {display: none;}
.imag {width: 100% !important;margin-right: 0 !important;}
#gal_9 {
    background: rgba(0, 0, 0, 0) url("../page/gal_9.jpg") no-repeat scroll center right;}
    #grey {display: none;}   

#cen_1 {
    background: #172c46 url("../page/bg_cennik.jpg") no-repeat scroll center top;
    height: auto;
    padding-bottom: 50px;
    padding-top: 90px;}



.tabela {margin-bottom: 20px;}   
.tabela h2 {
    font-size: 33px;}
.tabela h3 {
    font-size: 24px;}
    .tabela h4 {
    font-size: 45px;
    padding-bottom: 22px;}
    #alt-foot #dane p {
    padding-left: 0;}

.logo_scroll, #sub_logo {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    margin: -8px auto;
    transform: rotate(45deg) scale(0.8);
}
 .menu a.active {
    color: #fff;
}    
#onas_1 {
    background: #fff url("../page/onas_bg.jpg") no-repeat scroll center center;}
#onas_1 .opis {
    padding: 80px 15px !important;
}
#ico2, #ico3, #ico4, #ico5, #ico6 {animation-delay: 0s;}

#blue-line h1 {
    margin-left: 0;}
#kon-dan h2 {
         padding-left: 18px;
    padding-right: 10px;}
#kontakt p  {padding-left: 17px;}
    #form_wrap {
     margin-top: 40px;
    padding-left: 17px;
    padding-right: 20px;
}

}

@media (min-width: 768px) and (max-width: 991px) {
    #form_wrap {
    margin-top: 40px;
}

.imag {width: 100% !important;margin-right: 0 !important;}
#gal_9 {
    background: rgba(0, 0, 0, 0) url("../page/gal_9.jpg") no-repeat scroll center center;}
#grey {display: none;}    

#main_menu a.only_sm {
    display: block;
}
.banner h1, #bg2 h2 {
    font-size: 50px;
    padding: 40px 10px 0;

}

#top_menu_link {display: block;
position: fixed;
top: 10px;
left: 10px;
z-index: 999999;
width: 53px; height: 40px;
background: rgb(0,0,0,0) url("../page/dropdown.png") no-repeat scroll center center;
}
#cont_opis p {
    font-size: 17px;
    padding: 0 70px;
    text-align: left;
}
#main_menu {
 background: #1abad9;
    display: none;
    height: auto;
    padding-bottom: 20px;
    padding-top: 7px;
    position: absolute;
     left: 0;
    width: 100%;
    z-index: 99999;
}



#dane a {

    text-align: right;
}
#dane {
    padding: 60px 30px;
}
a.fb {
float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

}
.logo_alt {
    margin: -30px auto 10px;}

#sek1 {
 min-height: 1708px;}
.menu a {
display: block;
    font-size: 19px;
    line-height: 1.5;
    padding-left: 10px;
    width: 100%;
       margin: 13px 0;
       text-align: center;
}
.menu a::after {display: none;}
.menu a:hover {color:#e5e5e5; }

#subsite .img_w {margin-left: 4%;}
#subsite #im_sub1 { top: 220px;}
#subsite #im_sub2 { top: 420px;}
#subsite .img {
    height: 160px;
    position: absolute;
    width: 100%;
    left: 0;
}
.banner h2 {
    font-size: 25px;padding: 0 5%;}
#cont_opis {
    padding-left: 0px;
}
#im3 { top: 315px;}
#im4 {display: none;}

.banner {
    padding: 100px 30px 0;
}
.iko {    margin-bottom: 70px;}
 #im2 {   left: unset;
    right: 2%;
    top: 25px;}

 .imgur p#txt1 {
    left: 290px;
    top: 630px;}
    .imgur p#txt2 {
    left: 0px;
    top: -100px;}


#subsite .menu {
    height: 297px;
    padding-top: 37px;
        z-index: 99999;
          right: 0;
          display: none;
          animation-delay: 0;
          position: absolute;
          width: 50%;
          box-shadow: 0 0 39px rgba(0, 0, 0, 0.2);
          background: rgb(0, 116, 201) url("../page/menu_bg.jpg") no-repeat scroll left bottom;
}
#subsite .menu a {

    font-size: 19px;
    line-height: 1.5;
    padding-left: 10px;
    width: 100%;
       margin: 3px 0;
}
.tabela h2 {
    font-size: 33px;}
.tabela h3 {
    font-size: 24px;}
    .tabela h4 {
    font-size: 45px;
    padding-bottom: 22px;
}

#cen_1 {height: 770px;}

.only_sm {display:block; }

#right_menu {display: none;}
.menu a.active {
    color: #fff;
}

}

@media (min-width: 992px) and (max-width: 1199px) {

    #form_wrap {
    margin-top: 0px;
}

.menu a, .booking div {
    margin: 16px 1vw 0;
    font-size: 13.8px;
}

#right_menu {
width: 40%;}
#cont_opis {
    padding-left: 50px;
}

 #im2 {left: 15%;width: 80%;}
  .imgur p#txt1 {
    left: 290px;
    top: 630px;}
    .imgur p#txt2 {
    left: 0px;
    top: -100px;}
    #cont_opis h2 {
    padding: 30px;}
    #cont_opis p {font-size: 13px;}
     .banner{
  padding-top: 120px;}
}

@media (min-width: 1200px) and (max-width: 1499px) {
#im3 { top: 345px;}
    .menu a, .booking div {
margin: 16px 1.2vw 0;}
.menu a, .booking a {
font-size: 15.8px;}
#right_menu {
width: 38%;}
 .banner{
  padding-top: 120px;}
}

@media (min-width: 1500px) {
#subsite .menu a { font-size: 14px;}
#subsite nav a {
    margin: 15px 0.24vw 16px;}
        .menu a, .booking a {
margin: 16px 1.3vw 0;}

}