@font-face {
	font-family: Custom;
	src:	url(/fonts/Lato-Regular.ttf) format('truetype'), url(/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2');
	font-display: swap;
}
*{
	border-sizing:border-box;
	margin:0;
	padding: 0;
	font-family: 'Custom', sans-serif;
}
body p{
	text-align: justify;
}
/*html{
	overflow-x: hidden;
}*/
@media (min-width: 768px) {
  .container {
    width: 750px !important;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px !important;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px !important;
  }
}
.niewidoczny_dzien{
	display: none;
}
header{
	width:100%;
	background:#0a3353;
}
header .container .row{
	 padding:30px 0 30px 0;
}
header .center-box{
	text-align:center;
}
header .center-box h1{
	font-weight:900;
	color:white;
	font-size:50px;
	margin:0;
}
header .center-box h3{
	font-weight:600;
	color:white;
	margin:0;
	line-height:39px;
}
header .right-box{
	float:right;
}
header .right-box span{
	color:white;
}
 header .right-box .tel span{
	font-size:26px;
	padding-left: 8px;
}
header .right-box .mail span{
	font-size:18px;
	padding-left: 8px;
}
header .lang{
	clear:both;
	float:right;
	margin-top: 15px;
}
header .lang {
	list-style:none;
}
header  .lang li{
	float:left;
	text-align:center;
	background:#c91e80;
	width:60px;
	margin-right:3px;
}
/* header  .lang li:last-of-type{
	margin-right:0;
} */
header .lang li a{
    text-decoration: none;
    color: #FFF;
    display: block;
    padding: 5px 10px 5px 10px;
    border: 2px solid #c91e80;
    text-transform: uppercase;
}
header  .lang li a:hover{
	color:white;
	background:#0a3353;
	border:2px solid white;
}

	@media (max-width: 992px){
		header .lang li {
			width:52px;
		}
		header .right-box .tel{
			margin-bottom:10px;
		}
		header .right-box .tel span{
			font-size:22px;

		}
		header .right-box .mail span{
			font-size:15px;
		}
	}
	@media (max-width: 769px){

		header .center-box h3{
		font-size:20px;
		line-height:22px !important;
		}
		header img{
			margin:0 auto;
		}
		header .right-box{
			float:none;
		}
		header .dane{
			margin-top:20px;
			text-align:center;
		}
		header .lang{
			float:none;
			text-align:center;
			display:inline-block;
		}
		header .lang ul{
			margin-bottom:0;
		}
		header .center-box{
			margin-bottom:20px;
		}

	}
	@media (max-width: 400px){
		header .center-box h1{
			font-size:40px;
		}
		header .center-box h3{
			font-size:18px;
		}
		header .logo{
			margin-bottom:20px;
			width:80%;
		}
	}

/************************* NAV  ****************/

.navbar-inverse{
	width:100%;
	height:74px;
	background:#c91e80;
	border:none;
}
	@media (min-width:768px){
		.navbar-brand{
			display:none;
		}
	}
.navbar-nav{
	width:100%;
}
.navbar-inverse .navbar-nav li a{
	color:white;
	font-weight:800;
	padding: 2px 28px;
	border-right:1px solid white;
	text-transform: uppercase;
}

.navbar-nav li{
	/* padding:0 34px 0 34px; */
	padding-top: 24px;

}
.navbar-inverse .navbar-nav li .first-a{
	padding-left:0;
}

 .navbar-inverse .navbar-nav li .last-a{
	padding-right:0;
	border-right:0;
}
.navbar{
	margin-bottom:0;
}
.navbar-fixed-top {
	height:30px;
	border-radius:0 0 10px 10px;
	box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.75);

}
.navbar-fixed-top .navbar-nav li{
	padding-top: 15px;

}
 .navbar-fixed-top .navbar-nav li a{
	padding-top:0;
	padding-bottom:0;

}
/* .navbar-inverse .navbar-nav li a:hover{
	color:white;
	background:#0A3353;
	border:none;
	border-radius:10px;
} */

	@media (max-width:1199px){
		.navbar-inverse .navbar-nav li a{
    padding-right: 15px;
    padding-left: 15px;
		}
	}
	@media (max-width:992px){
		.navbar-inverse .navbar-nav li a{
			padding-right: 3px;
		    padding-left: 3px;
		    padding-top: 2px;
		    padding-bottom: 2px;
		    font-size: 12px;
		}
		.navbar-nav li{
			padding-top:18px;
		}
		.navbar-inverse{
			height:60px;
		}
		header .center-box h3{
			line-height:35px;
		}



	}
	@media (max-width: 767px){
		.navbar-nav li{
			background:#0a3353;
			padding-top:0;
		}
		.navbar-nav{
			margin:0;
		}
		/*.nav-main{
			padding-left:0;
			padding-right:0;
		}*/
		.navbar-inverse .navbar-nav li a{
			border-right:none;
			text-align:center;
			border-bottom:1px solid white;
			line-height:35px;
			font-size:16px;
			letter-spacing:2px;
		}
		.navbar-toggle {
			margin-right: 30px;
			margin-top:10px;
			border:2px solid #0a3353;
			background:  #0a3353;
		}.navbar-inverse .navbar-toggle:hover{
			background:#0a3353;
		}
		.navbar-inverse .navbar-brand{
			color:white;
			line-height:30px;
		}
	}

/************************* slider ****************/


.swiper-container{
    width: 100%;
    height: 375px;
    /* background-image:url("../images/baner.jpg"); */

}
.swiper-slide{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image:url("../images/baner.jpg");
}
.swiper-slide .slide1 h1{
	font-size:70px;
}
.swiper-slide  .slide1 h3{
	font-size:26px;
}
.swiper-slide .slide1{
	margin-bottom:60px;
}
	@media (max-width: 992px){
		.swiper-container{
			height:280px;
		}
		.swiper-slide .slide1 h1{
			font-size:55px;
		}
		.swiper-slide .slide1 h3{
			font-size:20px;
		}
	}
	@media (max-width: 768px){
		.swiper-slide .slide1 h1{
			font-size:40px;
		}
		.swiper-slide .slide1 h3{
			font-size:17px;
		}
	}

/************************* rezerwacja + cennik ****************/

section{
	min-height:380px;
}
section .cennik h1, section .rezerwacja h1{
	font-size:22px;
	font-weight:700;
	color:white;
	letter-spacing:2px;
	margin-bottom:25px;
}
section .left-box{
 	width:50%;
 	background:url("../images/zdj1.jpg");
 	background-repeat:no-repeat;
 	min-height:380px;
 	float:left;
}
section .cennik {
	float:right;
	width:550px;
	margin-right:18px;
}
section .cennik ul{
	list-style:none;
	width:100%;
	height:225px;

}
section .cennik ul li{
	/* width:13%; */
	width:70px;
	margin-right:3px;
	margin-bottom:3px;
	float:left;
	text-align:center;
	height:70px;
	line-height:40px;
}
section .cennik ul li span{
	display:block;
	background:#c91e80;
	height:30px;
	line-height:30px;
	color:white;
}
section .cennik ul li p{
	margin:0;
	padding-bottom:;
	font-size:15px;
	font-weight:600;
	background:white;
	text-align: center;
}
section .cennik a{
	color:white;
	text-decoration:none;
	border:1px solid white;
	padding:5px;
	font-size:13px;
	display:inline-block;

}
section .cennik a:hover{
	background:white;
	color:#C91E80;
	font-weight:700;
}
section .right-box{
 	width:50%;
 	background:url("../images/zdj2.jpg");
 	background-repeat:no-repeat;
 	height:380px;
 	float:left;
 	position:relative;

}
section .right-box .error,
.formularz .error{
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.76);
	text-align:center;
	padding-top:10px;
	z-index:1000;
	display:none;
	padding-top:14px;
	cursor:pointer;


}
section .right-box .error .error-text,
.formularz .error .error-text
{
	color:white;
	font-size:16px;
	background:#c91e80;
	width:60%;
	height:16%;
	position:absolute;
	left:50%;
	margin-left:-30%;
	top:50%;
	margin-top:-8%;
}

section .rezerwacja{
	margin-left:35px;
}

	@media (max-width: 1200px){
		section .cennik ul li{
			width:60px;
		}
		section .cennik {
			max-width:450px;
		}
	}

	@media (max-width: 992px){
	 	section .left-box{
			float:none;
			width:100%;
			padding:1px;

		}
		section .right-box{
			width:100%;
		}
		section .cennik{
			float:none;
			margin:0 auto;
		}

	}
	@media(max-width: 460px){
		section .cennik {
			max-width:270px;
			padding-top:1px;
		}
		section .cennik ul li{
			width:50px;
			height:50px;
			margin:0 4px 4px 0;
		}
		section .cennik ul li span{
			font-size:12px;
			height:20px;
			line-height:20px;
		}
		section .cennik ul li p{
			padding:0;
			line-height:30px;
			font-size:13px;
		}
		section .cennik ul .dni21{
			display:none;
		}
		section .cennik h1, section .rezerwacja h1{
			text-align:center;
		}
		section .cennik a{
			margin:0 auto;
		}
	}

/************************* forumlarz rezerwacja ****************/

section form input{
	padding:3px;
	text-align: center;
	font-weight:600;
	width:142px;
	outline:none;
}
section form span{
	color:white;
	margin:0;
	font-size:15px;
	margin-bottom:3px;
	display:block;
}
section form .topbox div , .centerbox div , .bottombox div
{
	display:inline-block;
	padding-bottom:10px;
}
section form .topbox .liczba_aut input,
section form .centerbox .godzina_wyjazdu input,
section form .centerbox .godzina_start input
{
	width:90px;
}
section form .centerbox .data_wyjazdu{
	margin-left:70px;
}
section form .bottombox {
	margin-top:35px;
	position:relative;
}
section form .bottombox #Result{
    width: 140px;
    height: 40px;
    background: white;
    margin-top:2px;
    font-size: 17px;
    text-align: center;
    float: left;
    line-height: 36px;
    font-size: 20px;
    font-weight: 600;
}

section form .bottombox #sprawdz_cene{
	width: 235px;
    margin-left: 73px;
    font-size: 15px;
    background: #c91e80;
    border: none;
    color: white;
    outline: none;
    font-weight: 500;
padding:12px 20px;
text-decoration: none;
    letter-spacing: 4px;
}

section form .bottombox #sprawdz{
    background-color: #c91e80;
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
    border: none;
    color: white;
    margin: 0px;
    width: 90px;
    font-size: 15px;
    margin-left:4px;
}

/* hovery section */

section form .bottombox #sprawdz_cene:hover,
section form .bottombox #sprawdz:hover{

	color:#0A3353;
	font-weight:700;
	background:white;

}
label {
    display: block;}

	@media (max-width: 1200px){
		section .rezerwacja{
			max-width:450px;
		}
		section form .bottombox #Result{
			width:106px;
			margin-top:0;
		}
		section form .centerbox .data_wyjazdu{
			margin-left:0;
		}
		section form .centerbox .godzina_start input{
			 margin-right:61px;
		}section form .bottombox #sprawdz_cene{
		    width: 200px;
		    font-size: 15px;
		    padding: 5px;
		    margin-left: 38px;
		    position: absolute;
		    top: 22px;
		    padding-top: 10px;
		    padding-bottom: 10px;
		    text-align: center;

		}
		section form .topbox .liczba_aut input, section form .centerbox .godzina_wyjazdu input, section form .centerbox .godzina_start input{
			width:130px;
		}
		section .cennik a{
			margin-top:26px;
		}
		section form .topbox .liczba_aut input, section form .centerbox .godzina_wyjazdu input, section form .centerbox .godzina_start input{
			width:200px;
		}
		section .topbox .liczba_aut,
		section .centerbox .godzina_start,
		section .centerbox .godzina_wyjazdu
		{
			margin-left:35px;
		}

		section form input{
			width:200px;
		}
		section form .centerbox .godzina_start input{
			 margin-right:0;
		}
	}
	@media (max-width:992px){
		section .rezerwacja{
			margin:0 auto;
		}
	}

	@media (max-width: 461px){
		section .rezerwacja form{
	 		max-width:220px;
	 		margin:0 auto;
	 	}
		section form .centerbox .godzina_start input{
			margin-right:0;
		}
		section .rezerwacja form{
			text-align:center;
		}
		section form .topbox .liczba_aut input, section form .centerbox .godzina_wyjazdu input, section form .centerbox .godzina_start input{
			width:100px;
		}
		section form input{
			width:100px;
		}
		section form span{
			font-size:12px;
		}
		section .rezerwacja{
			margin-left: 35px;
	    	margin-right: 35px;
		}
		section form .bottombox{
			margin-top:0;
		}
		section form .bottombox  #Result{
			margin-left:8px;
			width:98px;
		}
		section form .bottombox #sprawdz_cene{
			width:200px;
			margin:0 auto;
			position:relative;


		}section form .bottombox  #sprawdz{
			margin-left:2px;
			width:99px;
		}
		section .topbox .liczba_aut,
		section .centerbox .godzina_start,
		section .centerbox .godzina_wyjazdu
		{
			margin-left:5px;

		}
	}

/************************* article kółka ****************/

article {
	margin-top:50px;
}
article .tekst p{
	font-size:40px;
	font-weight:300;
}
article ul{
	list-style:none;
	margin-top:70px;
	height:210px;
}
article ul li{
	float:left;
	text-align:center;
	width:245px;
}
article .circle1,
article .circle2,
article .circle3,
article .circle4{
	width: 85px;
	height: 85px;
	margin: 5px;
	padding-top: 15px;
	text-align: center;
	border-radius: 50%;
	background:#c91e80;
	font-size:36px;
	box-shadow: 9px 0px 1px 0px #0a3353;
	color:white;
	margin:0 auto;
	-webkit-animation-delay: 0.5s; Chrome, Safari, Opera
    animation-delay: 0.5s;

}

article .circle2{
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
}
article .kule a:hover{
	text-decoration: none;
}
article .circle3{
	-webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
}
article .circle4{
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
}


article .kule{
	text-align:center;
}
article .kulki{
	text-align:center;
	display:inline-block;
}
article .kulki span{
	color:#616161;
	font-size:20px;
	font-weight: 700;
	 display:block;
    margin-top:20px;
}
article .kulki img{
	vertical-align:baseline;

}
article .kulki .strzalka{
 	background: url("../images/strzalka.png");
    background-repeat: no-repeat;
    background-position:13px 25px ;
    width: 47px;
    height: 130px;
}
article hr{
	    border-top: 2px solid #0a3353;
	    margin-bottom:70px;
}

	@media (max-width: 1200px){
		article ul li{
			width:190px;
		}
	}
	@media (max-width:992px){
		article ul li{
			width:130px;
		}
		article .circle{
			width:60px;
			height:60px;
			padding-top: 11px;
			font-size:25px;
			box-shadow:5px 0px 1px 0px #0a3353;
		}
		article .kulki span{
			font-size:15px;
			margin-top:15px;
		}
		article ul{
			height:155px;
		}
	}
	@media (max-width:768px){
		article .tekst p{
			text-align:center;
		}
		article .kulki span{
			font-size:12px;
		}
		article ul li{
			width:110px;
		}
		article ul .strzalka{
			display:none;
		}
	}
	@media (max-width:460px){
		article ul li{
			float:none;
			width:105px;
		}
		article ul{
			margin-top:20px;
		}
		article ul li{
			margin-bottom:10px;
		}
		article .tekst p{
			font-size:25px;
		}
	}

/************************* article boxy ****************/


article .box1, article .box2 , article .box3 , article .box4 {
	background:url("../images/1.jpg");
	background-repeat:no-repeat;
	height: 220px;
	text-align:center;
}
article .box2{
	background:url("../images/2.jpg");
	background-repeat:no-repeat;
}
article .box3{
	background:url("../images/3.jpg");
	background-repeat:no-repeat;
}
article .box4{
	background:url("../images/4.jpg");
	background-repeat:no-repeat;
}

article .boxy span{
	color:white;
	font-size:24px;
	display: block;
    padding-top: 25px;
    padding-bottom: 25px;
}
article .boxy hr{
	border-top:2px solid white;
	width:55px;
	margin:0 auto;
	margin-top:50px;
}
article .boxy .hr-bottom{
	width:55px;
	margin:0 auto;
	border-top:2px solid white;
}
article .box3 span{
	font-size:69px;
	padding-top: 10px;
	padding-bottom:10px;
}

/* boxy:hovery */

.box1,.box2,.box3,.box4{
	 overflow:hidden;
}
.content{
	/* background:red; */

	height:162px;
}
 .content1{
	height:180px;
	margin-top:20px;
	-webkit-transition: transform 300ms;
	   -moz-transition: transform 300ms;
	    -ms-transition: transform 300ms;
	     -o-transition: transform 300ms;
	        transition: transform 300ms;
	overflow:hidden;
}
.content1 .text{
	text-align:center;
	color:white;
	opacity:1;
	font-size:16px;
	padding: 5px;
}
.box1:hover .content1,
.box2:hover .content1,
.box3:hover .content1,
.box4:hover .content1{
     -webkit-transform: translateY(-135px);
        -moz-transform: translateY(-135px);
         -ms-transform: translateY(-135px);
          -o-transform: translateY(-135px);
             transform: translateY(-135px);
     margin-top:0;
}
.box1:hover .content hr,.box2:hover .content hr,.box3:hover .content hr,.box4:hover .content hr,
.box1:hover .content span,.box2:hover .content span,.box3:hover .content span,.box4:hover .content span
{
	display:none;
}


/* boxy media */
 @media (max-width:990px){
	article .box1, article .box2 , article .box3 , article .box4 {
	background-size:100%;
	}
	 article .boxy{
	width:600px;
	margin:0 auto;
	}
}
 @media (max-width:767px){
 	 article .boxy{
	margin-right:15px;
	margin-left:15px;
	width:298px;
	margin:0 auto;
	}
 }

/************************* footer ****************/

footer{
	margin-top:130px;
	width:100%;
	min-height:275px;
	background:#0a3353;
}
footer .left-box{
	margin-top:35px;
	line-height:35px;
	text-align:left;
	border-right:1px solid white;
	color:white;
}
footer .left-box h3{
	font-size: 26px;
    font-weight: 700;
    margin-top:0;
}
footer .left-box p{
	font-size:20px;
	margin:0;
}
footer .left-box h4{
	font-size:22px;
	font-weight:700;
	margin-top:15px;
	margin-bottom:15px;
}
footer .right-box{
	color:white;
	margin-top:35px;
	line-height:27px;
	margin-left:100px;
}
footer .right-box h3{
	font-size: 26px;
    font-weight: 700;
    margin-top:0;
}
footer .right-box .box-dane span{
	font-size:20px;
	margin:0;
	/* padding-right:70px; */
}
footer .right-box .box-dane p{
	display:inline-block;
	width:185px;
	font-size:20px;
}

	@media (max-width: 992px){
		footer .right-box{
			margin-left:0;
		}
	}

	@media (max-width: 768px){
		footer .left-box{
			text-align:center;
		}
		footer .right-box{
			text-align:center;
			margin-left:0;
		}
		footer .right-box .box-dane{
		width:100%;
		margin:0 auto;
		text-align:left;
		}
		footer .right-box .box-dane p{
		display:inline-block;
		width:100px;
		font-size:16px;
		}
		 footer .right-box .box-dane span{
		font-size:16px;
		margin:0;
		padding-right:0;
		}
		footer{
			margin-top:10px
		}
		footer .left-box p{
			font-size:16px;
		}
		footer .left-box h4{
			font-size:18px;
		}
	}
#map{
	position:relative;
	width:100%;
	height:480px;
}
#map iframe{
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
}
.footer2{
	text-align:center;
	width:100%;
	background:#0a3353;
}
.footer2 span{
	color:#215075;
	line-height:70px;
}
	@media (max-width:505px){
		.footer2 span{
			display:inline-block;
			padding-top:15px;
			line-height:22px;
			font-size:11px;
		}
		.footer2 a{
			text-align:center;
		}
	}

.underline:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.underline:hover:after {
	width: 100%;
	background: white;

}


/******************* poddstrona o  nas********/

.o-nas, .subpage-cennik, .jak-dojechac{
	margin-top:50px;
}
.o-nas h1{
	/* text-align:center; */
	margin-bottom:35px;
	color:#0A3353;
}
.o-nas p{
	font-size:20px;
}

/******************* poddstrona jak dojechac********/

.jak-dojechac h1{
	margin-bottom:35px;
	color:#0A3353;
}


.mapa-dojazd{
	margin-top:50px;
}
.dojazd span{
	font-size:25px;
}
.dojazd #adres1{
	width:250px;
	height:50px;
	margin-top:10px;
}
.dojazd input{
	font-size:20px;
	padding:3px;
	outline-color:#C91E80;
}
.dojazd #adres2{
	display:none;
}

.dojazd input[type="submit"]{
	background:#C91E80;
	color:white;
	padding:10px;
	margin-top:30px;
	outline:none;
	border:none;
}
.dojazd input[type="submit"]:hover{
	background:white;
	color:#C91E80;
	border:2px solid #C91E80;
}

.mapa-dojazd #mapka{
	width:700px;
	height:450px;
	border:1px solid black;
	background:gray;
}
 @media (min-width: 992px) and (max-width: 1200px){
 	.mapa-dojazd #mapka{
 		width:600px;
 	}
}

@media (max-width: 768px){
 	.mapa-dojazd #mapka{
 		margin:0 auto;
 		width:500px;
 		height:400px;
 	}
}
@media (max-width: 530px){
 	.mapa-dojazd #mapka{
 		margin:0 auto;
 		width:300px;
 		height:250px;
 	}
}

/******************* poddstrona cennik ********/

.subpage-cennik .cennik h1{
	margin-top:50px;
	margin-bottom:50px;
	/*color:#0A3353;*/
	font-size:25px;
}

.subpage-cennik .cennik{
	float:none;
	margin:0 auto;
	width:100%;
}
.subpage-cennik .cennik ul{
	display:inline-block;
	height:auto;
}
.subpage-cennik .cennik ul li {
    width: 90px;
    margin-right: 11px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    height: 90px;
    line-height: 50px;
    border: 1px solid;
    font-size: 17px;
}
.subpage-cennik .cennik ul li p{
	font-size:17px;
}
.subpage-cennik .cennik-bottom-text{
	margin-top:40px;
}
.subpage-cennik .cennik-bottom-text p{
	color:#0A3353;
	font-size:22px;
}

@media (max-width: 1200px){
	.subpage-cennik .cennik{
		max-width:100%;
		display:inline-block;
	}
	.subpage-cennik .cennik ul{
		display:inline-block;
	}
}
@media (max-width: 992px){
	.subpage-cennik .cennik-bottom-text p{
		font-size:20px;
	}
	.subpage-cennik {
		height:auto;
	}
}
@media (max-width: 768px){
	.subpage-cennik .cennik ul li{
		width:70px;
		height:70px;
		line-height:35px;
	}
	.subpage-cennik .cennik-bottom-text p{
		font-size:16px;
	}
	.subpage-cennik .cennik ul li p{
		font-size:15px;
	}
	.subpage-cennik .cennik ul li span{
		font-size:15px;
	}
	.subpage-cennik .cennik-bottom-text{
		margin-top:10px;
	}
}
@media (max-width: 460px){
	.subpage-cennik .cennik ul li{
		width:60px;
		height:60px;
		line-height:35px;
	}
}
/******************* promocje ********/

.subpage-promocje h1{
	margin-top:50px;
	margin-bottom:50px;
	color:#0A3353;
	font-size:40px;
}
.subpage-promocje p{
	font-size:20px;
}

/******************* promocje ********/

.subpage-warto-wiedziec h1{
	margin-top:50px;
	margin-bottom:50px;
	color:#0A3353;
	font-size:40px;
}
.subpage-warto-wiedziec p{
	font-size:20px;
}

/******************* regulamin ********/

.subpage-regulamin h1{
	margin-top:50px;
	margin-bottom:50px;
	color:#0A3353;
	font-size:40px;
}
.subpage-regulamin p{
	font-size:20px;
}

/******************* regulamin ********/

.subpage-kontakt h1{
	margin-top:50px;
	margin-bottom:50px;
	color:#0A3353;
	font-size:40px;
}
.subpage-kontakt input{
	width: 300px;
    height: 30px;
    border: 1px solid #0A3353;
    padding: 10px;
    margin-bottom: 10px;
    outline-color:#C91E80;
}
.subpage-kontakt textarea{
	width:300px;
	height:200px;
	border: 1px solid #0A3353;
	padding:10px;
	font-size:20px;
	 outline-color:#C91E80;
}
.subpage-kontakt label{
	color: #0A3353;
    font-weight: 600;
    font-size: 17px;
}
.subpage-kontakt  .left-box h5{
	margin-top:20px;
	color: #0A3353;
    font-weight: 600;
    font-size: 17px;
}
.subpage-kontakt input[type="submit"]{
	background:#C91E80;
	color:white;
	padding:5px;
	height:50px;
	border:none;
	outline:none;
	font-size:20px;
	margin-top:10px;

}

.subpage-kontakt .right-box h5{
	color: #0A3353;
    font-weight: 600;
    font-size: 22px;
    margin:0;
}
.subpage-kontakt .right-box p{
	padding-top:10px;
	font-size:18px;
}

.subpage-kontakt .right-box h5:last-of-type{
	margin-top:50px;
}
.subpage-kontakt .right-box span{
	color:#C91E80;
	padding-right: 10px;
}


@media (max-width:768px){
	.subpage-kontakt .right-box{
		text-align:center;
	}
	.subpage-kontakt .left-box{
		text-align:center;
	}
	.subpage-kontakt h1{
		text-align:center;
	}
}

/*************** formularz ***********/

.formularz {
	border:1px solid black;
}

.formularz .f-left-box{
	width:30%;
	float:left;
}
.formularz .f-right-box{
	width:30%;
	float:left;
}
.formularz .bottombox{
	clear:both;
}
.formularz .f-right-box input,
.formularz .f-left-box input{
	display:block;
}

.navbar-inverse .navbar-nav li:last-child a {
    border-right: 0;
}

.boxy .content span {
    text-transform: uppercase;
}

.form span {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    margin-right: 16px;
    margin-top: 1px;
    padding: 9px;
    width: 143px;
}

@media (min-width: 800px) {
.form span {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    position: absolute;
    right: 0;
    margin-right: 16px;
    margin-top: 1px;
    background: #C3487B;
    padding: 9px;
    color: white;
    width: 143px;
}
}

.zapiszsie label {
    display: block;
    text-transform: uppercase;
}
.zapiszsie .tresc {
    margin-top: 50px;
}
span.komunikat {
    margin-top: 54px;
    display: block;
    width: 100%;
    background: none;
        color: #1FB725;
}

.ple {
    height: 40px;
    background-color: #FFF;
    color: #0A3353 !important;
    padding-left: 10px;
    margin-bottom: 20px;
    border: 2px solid #0A3353;
    width: 100%;
    margin-right: -46px;
}


.pasek2 {
    position: relative;
    border: 0px;
    width: 180px;
    margin-right: 0px;
    background: 20px #0A3353 no-repeat;
    height: 50px;
    margin-left: 0 !important;
    color: #FFF;
    transition: ease 0.4s;
    float: right;
}
.tesarte {
    margin-bottom: 10px;
    background: #FFF;
    padding: 10px;
    border: 2px solid #0A3353;
    width: 100%;
}


 #kwadraty .boxy{
	overflow:hidden;
	height:300px;
}
#kwadraty .box{
	width:100%;
	height:280px;
	background-color:#c91e80;
	margin-top:20px;
	text-align:center;
	margin-bottom:10px;
	background-image:url("../images/arrow1.png");
	background-repeat:no-repeat;
	background-position:50% 80%;
	text-transform: uppercase;
}

#kwadraty span{
	color:white;
	font-size:21px;
	font-weight:600;
	display:block;
	padding-top:20%;
}

#kwadraty .box-wjazd{
	height:280px;
	background:#0a3353;
	-webkit-transition: transform 900ms;
	   -moz-transition: transform 900ms;
	    -ms-transition: transform 900ms;
	     -o-transition: transform 900ms;
	        transition: transform 900ms;
	overflow:hidden;
}

#kwadraty .boxy:hover .box-wjazd{
     -webkit-transform: translateY(-290px);
        -moz-transform: translateY(-290px);
         -ms-transform: translateY(-290px);
          -o-transform: translateY(-290px);
             transform: translateY(-290px);
      text-align:center;
}
#kwadraty .text{
	color:white;
	font-size:13px;
	padding:15px;

}

.container section p, .jak-dojechac p {
    font-size: 20px;
}

.footer2 a {
    color: white;
}

.footer2 a:hover {
    color: #216A98;
    text-decoration: none;
}

.disnone {
	display: none;
}

h5 {
	color: #0A3353;
    font-weight: 600;
    font-size: 22px;
    margin: 20px 0;
}

span.kontakt {
    font-weight: bold;
}

.box-wjazd {
    color: white;
    padding: 0 20px !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center !important;
}

.content1 {
    display: table-cell;
    vertical-align: middle;
}

#wskazowki {
    height: 200px;
    /*overflow: scroll;*/
    overflow-x: hidden;
    width: 93% !important;
    margin-top: 20px;
}


#fancybox-wrap{box-sizing:content-box !important;}
#fancybox-wrap *{box-sizing:content-box !important;}
#fancybox-overlay *{box-sizing:content-box !important;}
#fancybox-overlay{box-sizing:content-box !important;}
#fancybox-content{box-sizing:content-box !important;}
#fancybox-content *{box-sizing:content-box !important;}


#koszt {
    color: #0a3353;
    font-size: 28px;
    font-weight: bold;
}

.koszt-opis {
    color: #c91e80;
    font-weight: 600;
    text-transform: uppercase;
}

/*** cookies ***/

#cookie-alert {
    bottom: 0;
    display: block;
    font-size: 11px;
    left: 0;
    margin: 0 !important;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    min-width: 1000px;
    background: rgb(14, 34, 49);
}

#cookie-content {
    color: #fff;
    font-size: 11px;
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 0;
    position: relative;
    text-align: left;
    margin: 10px auto;
}

#cookie-content a {
}

#cookie-close {
    float: right;
    height: 22px;
    margin-right: 0;
    margin-top: -10px;
    position: relative;
    width: 77px;
    background: #c91e80;
    color: #fff;
    line-height: 22px;
    text-align: center;
}

#gwarancja {
	bottom: -64px;
	/* position: absolute; */
	right: 75px;
	top: auto;
	width: auto;
	z-index: 500;
}

#blok {
        position:absolute;
        width:100%;
		height:86px;
        line-height:2.2em;
        margin:0 auto;
        font-size:1.5em;
        overflow:hidden;
		text-align:center;
		z-index:10;
      }

      #blok > p {
        position:absolute;
        margin:0;
        white-space:nowrap;
        animation:przesun 10s linear infinite;
        -webkit-animation:przesun 10s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
      }

      #blok > p:hover {
        animation-play-state:paused;
        -webkit-animation-play-state:paused;
      }

      /* ------------ANIMACJA-PRZESUN------------ */
      @keyframes przesun
      {
        0% { transform:translateX(0); padding-left:110%; }
        100% { transform:translateX(-100%); padding-left:110%; }
      }

      @-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */
      {
        0% { -webkit-transform:translateX(0); padding-left:110%; }
        100% { -webkit-transform:translateX(-100%); padding-left:110%; }
      }





/*NOWE POPRAWKI 11/2017*/
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
	        background-image: -webkit-linear-gradient(top, #0a3353, #7d93a5) !important;
}
th.datepicker-switch,
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: #c91e80 !important;
    color: white;
}
.data_przyjazdu,
.data_wyjazdu{
	position: relative;
}

section form input {
    padding: 8px;
    text-align: center;
    font-size:16px;
}

.day{
	background: #c91e80;
    color: white;
}
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
    padding: 5px 4px;
    margin: 1px;
    display: inline-block;
}
.datepicker td,
.datepicker th{
	width: 30px !important;
	height: 27px !important;
	border-radius: 0  !important;
}
.datepicker th.datepicker-switch{
	width: 160px !important;
}
.datepicker table tr td.old, .datepicker table tr td.new{
	color:#4c4c4c !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused{
	color:black !important;
}
.disabled-date,
.disabled,
.datepicker table tr td.disabled:hover{
	background:#dcdcdc !important;
	color:#999999 !important;
}
td.new.day{
	    background: #dcdcdc;
}
td.old.day {
    background: gainsboro;
}

td.new { display: none !important; }

h5.tekst_potwierdzenie {
    display: inline-block;
    font-size: 10px;
    margin: 0;
    color: #c91e80;
    /* float: right; */
    position: absolute;
    /* right: 0; */
    float: right;
    position: relative;
    top: 4px;
    text-transform: lowercase;
}
.zapiszsie form input{
	font-weight: 700;
}
label{
	margin-bottom: 0;
}

@media(max-width: 768px){
/*
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
	margin-left: 0;
	margin-right:0;
	padding-left:0;
	padding-right: 0;
}
*/
.navbar-collapse{
	padding-right: 0;
	padding-left:0;
}
.boxy.boxy_opisowe{
	width: 100%;
}
	.margin-mobile{
		margin-top:20px;
	}
	h5.tekst_potwierdzenie{
		font-size:14px;
		position: absolute;
		left:15px;
		top:-15px;
	}
	section .rezerwacja{
		max-width: 90%;
	}
	section form .topbox div, .centerbox div, .bottombox div{
		display: block;
		width: 100%;
	}
	section .topbox .liczba_aut, section .centerbox .godzina_start, section .centerbox .godzina_wyjazdu{
		margin-left:0;
	}
	section form .topbox .liczba_aut input, section form .centerbox .godzina_wyjazdu input, section form .centerbox .godzina_start input,
	section form input.date{
		width: 100%;
	}
	.topbox{
		display: none;
	}
	section .rezerwacja h1{
		margin-bottom: 15px;
	}
	section .right-box{
		height: 500px;
		background-repeat: repeat;
	}
	section form .bottombox{
		margin-top:0;
	}
	section form .bottombox #sprawdz_cene{
		display: block;
		position:relative;
		top:0;
		margin-top:15px;
		margin-left:0;
		width: 100%;
	}
	section form .bottombox #Result{
		width: 45%;
		color: #0a3353;

	}
	section form .bottombox #sprawdz{
		width: 45%;
		margin-left: 10%
	}
	.pasek2{
		width: 100%;
		margin-top: 15px;
	}
	.ui-timepicker-wrapper{
		overflow-x: hidden;
    overflow-y:auto;
    height: 200px;
    width:90% !important;
    color:white !important;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
	}
	.ui-timepicker-wrapper::-webkit-scrollbar {
    width: 40px;
    background-image: url(../images/arrow_cascada.jpg);;
    }
}
@media (max-width: 461px){
	section .rezerwacja form {
    max-width: 100%;
    margin: 0 auto;
	}
	section .rezerwacja{
		margin-left:auto;
		margin-right: auto;
	}
	section form .bottombox  #Result{
		margin-left: 0;
	}
}



.subpage_form.right-box{
	width: 100%
}
.subpage_form.right-box .rezerwacja{
	margin-left: 25px;
}
.subpage_form.right-box .bottombox #sprawdz_cene{
	margin-left: 11px;
}
.subpage_form.right-box .centerbox .data_wyjazdu{
	margin-left:10px;
}

@media(max-width: 1200px){
	.subpage_form.right-box{
		width:100%;
	}
	.subpage_form.right-box .rezerwacja{
		margin-left: 10px;
	}
	.subpage_form.right-box .centerbox .data_wyjazdu{
		margin-left:0;
	}
	.subpage_form.right-box .topbox .liczba_aut, .subpage_form.right-box .centerbox .godzina_start, .subpage_form.right-box .centerbox .godzina_wyjazdu{
		margin-left: 10px;
	}
	.subpage_form.right-box .rezerwacja{
		max-width: 100%;
	}
}
@media(max-width: 992px){
	.subpage_form.right-box form{
		    position: absolute;
    left: 50%;
    width: 60%;
    transform: translate(-50%,0);
	}
}
@media(max-width: 768px){
	.subpage_form.right-box .topbox .liczba_aut, .subpage_form.right-box .centerbox .godzina_start, .subpage_form.right-box .centerbox .godzina_wyjazdu,
	.subpage_form.right-box .bottombox #sprawdz_cene{
		margin-left: 0;
	}
	.box_promo_foto{
		height: 245px !important;
	}
	.subpage_form.right-box form{
		position: relative;
		width: 100%;
		padding-right: 10px;
		left:auto;
		right: auto;
		transform: translate(0,0);
	}
	.reservation_sb .container,
	.reservation_sb .col-md-6
	{
		padding-left: 0;
		padding-right:0;
	}
}
@media(max-width: 460px){
	.box_promo_foto {
    	height: 230px !important;
	}
}
.box_promo_foto{
	height: 380px;
	background:url('../images/foto_gwar.jpg') center;
	background-size: cover;
}


#foto img{
	max-width: 100%;
}

section .rezerwacja h2, section .cennik h2 {
    color: white;
}

.visitors-container {
    position: fixed;
    bottom: 0px;
    left: 0px;
		background-color: #f5f5f5;
height: 54px;
padding: 0;
width: 165px;
box-shadow: rgb(162, 162, 162) -1px 1px 3px;
}
.visitors {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    padding: 0 5px;
		font-size: 12px;
}
.cross:hover {
    cursor: pointer;
}
#visitors_cross {
    position: absolute;
    right: 5px;
    top: 5px;
}

.visitors_text {
    margin: 0 15px;
}

.flex-center-footer {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
  }