* { padding: 0; margin: 0; }
img {border:0;}
html, body { font:18px/26px Candara, Calibri, Corbel, Tahoma; color: #525252; height:100%;width:100%;}

/* leyout */

.clear{clear:both;}
#wrapper{margin:0 auto; min-height:calc(100% - 228px);}
#line{background:#FFF;}
#line2{background:#b8d8af;}
#top{margin-top:15px;}
#main{margin-bottom:21px;}
#footer{width:100%; background-color: #b8d8af;}

/* elementy strony */
#menu_trigger{margin-left:3%;width:48px;height:33px;background:url(../images/menu_trigger.png) center center no-repeat;border-radius:6px;-webkit-border-radius:6px;cursor:pointer;}
.home-button{position:relative; top:3px;}


.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}



#up {
  width: 9px;
  display: none;
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background: url(../images/top.jpg);
  color: white;
  cursor: pointer;
  padding: 15px;
}
/* teksty */
font-family: Calibri, Corbel, "Times New Roman"; font-size: 14px;
p{text-align: justify; font-size: 20px; }

.center {text-align: center;}

.cytat {text-align: center; font-size: 22px;}
.podpis_cytat {text-align: center; font-size: 20px; font-style: italic; margin: 0 0 0 200px;}
#tytul{font-size: 30px; font-family: Calibri; Corbel; "Times New Roman"; font-weight: bold; line-height: 1.2;}
/* artykuły i opinie */
.artykul{overflow: hidden; border-style: solid; border-width: 0 0 0 10px; border-color: #b8d8af; padding: 0 0 0 10px;}
.artykuly{border-style: solid; border-width: 1px 0 1px 0; border-color: #b8d8af; padding: 10px 0 10px 0;}

.art {
    border: 0px solid #ccc;
    margin: 0px;
    padding: 1px;
	 width: 100%
}
.text {
    overflow: hidden;
}
.readmore, .readless {
    text-align: left;
	 font-family: Calibri; Corbel, "Times New Roman";
	 color: white;
	 background: #7dad49;
	 margin: 5px 0 0 0;
    padding:2px 11px 2px 11px;;
    float:left;
    cursor: pointer;
}

.punkt{padding: 0 0 0 30px;list-style:circle;}

/* zdjecia */
.o-nas-photo{float: right; max-width:60%; min-width: 250px; margin: 10px 0 10px 30px;}
.kategoria-photo{float: right; max-width:25%; min-width: 150px; margin: 10px 0 10px 30px;}
.akcesoria-glowne-photo{float: right; max-width:50%; min-width: 100px; margin: 10px 0 10px 30px;}

/* tabele */
#tabela {margin: 0 auto; border: 1px solid black; border-collapse: collapse; width:100%;}
#tabela th{border: 1px solid black; padding: 5px 0 5px 10px; text-align:left; margin-left: 5px; }
#tabela td{border: 1px solid black; padding: 5px 0 5px 10px; text-align: left; margin-left: 5px; vertical-align: text-top;}

#tabela-cennik {margin: 0 auto; border: 1px solid black; border-collapse: collapse; width:100%;}
#tabela-cennik th{border: 1px solid black; padding: 5px 0 5px 10px; text-align:left; margin-left: 5px; }
#tabela-cennik td{border: 1px solid black; padding: 5px 0 5px 10px; text-align: center; margin-left: 5px;}

#tabela-ankieta {margin: 0 auto; border: 1px solid black; border-collapse: collapse; width:100%;}
#tabela-ankieta th{border: 1px solid black; padding: 5px 5px 5px 10px; text-align: left; margin-left: 5px; }
#tabela-ankieta td{border: 1px solid black; padding: 5px 10px 5px 10px; text-align: center; margin-left: 5px; min-width:125px;}

#tabela-ankieta-wynik {margin: 0 auto; border: 1px solid black; border-collapse: collapse; width:100%; background-color: #b5b5b5;}
#tabela-ankieta-wynik th{border: 1px solid black; padding: 5px 5px 5px 10px; text-align: left; margin-left: 5px; }
#tabela-ankieta-wynik td{border: 1px solid black; padding: 5px 10px 5px 10px; text-align: center; margin-left: 5px;}

#pasozyty-tabela {margin: 0 auto; border: 1px solid black; border-collapse: collapse; width:100%;}
#pasozyty-tabela th{border: 1px solid black; padding: 5px 0 5px 10px; text-align:left; margin-left: 5px; }
#pasozyty-tabela td{border: 1px solid black; padding: 5px 0 5px 10px; text-align: left; margin-left: 5px;}



input[type=radio].css-checkbox {
							position:relative; z-index:-2000; left: 7px; height:1px; width:1px; margin:0px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -15px;
						}
						label.css-label {
				background-image:url(../images/checkbox.png);

			}


@media (min-width: 1125px) {
	#wrapper{width:1050px !important;}
}

@media (min-width: 751px) {
	#line{padding: 0 0 0 0;}
	#line2{overflow:auto; padding:5px 0 5px 0;}
	#wrapper{width:95%;margin-top:0px;min-height:calc(100% - 284px);}
	#top{width:100%;float:left;}
	#content{width:100%;float:left; padding: 0 0 0 0;}
	#big_logo{height:100px; text-align:center; margin: 10px 0 0 0;}
	.video-wrap {
    width:50%; float:right; margin:5px;
}
	
	#menu_trigger{display:none;}
	#menu_logo{display:none;}

	#menu{margin:0 auto;list-style:none; background:white; display: block; text-align: center; padding: 10px 0 10px 0;}
	#menu li{margin: calc(5% - 34px); display:inline;}
	#menu li a{display:inline; height:auto;background:white; padding: 3px 8px 3px 8px;margin:0px 4px 0px 0px;color:black;text-decoration:none; transition: all 0.2s ease-in-out 0.1s;}
	#menu li a:hover{background:#b8d8af;color:black; transition: all 0.2s ease-in-out 0.1s; padding: 3px 8px 4px 8px;}


.parallax-window {
    height: 850px;
}
.parallax-window2 {
    height: 400px;	
}	
	

/* przyciski z animacją */
.link-box-left{float: left;width:270px; height:270px; color:#FFF; border-radius: 0%; overflow:hidden;font-family: Calibri, Corbel, "Times New Roman"; font-size: 30px; text-align:center; margin: 50px 8% 0 2%; border: 3px solid #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;background: url(../images/main-button-background2.png);}
.link-box-right{float:right; width:270px; height:270px; border-radius: 0%; overflow:hidden;font-family: Calibri, Corbel, "Times New Roman"; font-size: 30px; color: white; text-align:center; margin: 50px 2% 0 8%; opacity:0.9;border: 3px solid #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; background: url(../images/main-button-background2.png);}
.link-box-mask{position: relative; top:-80px; width:100%; height:270px; overflow:hidden;transition: all 0.2s ease-in-out 0.1s;}
.link-box-mask:hover{margin-top:-150px; width:100%; height:420px; overflow:hidden;transition: all 0.2s ease-in-out 0.1s}
.effect{margin-top:270px;width:100%; height:150px; background-color: black;overflow:hidden; background-color: rgba(0, 0, 0, 0.4);font-size: 24px;}

.oferta-button{position:relative; margin: 0 1% 15px 1%; float:left; height:100px; width: 29%; background-color: #FFF; border: 5px solid #b8d8af; color:black; display: block;transition: all 0.2s ease-in-out 0.1s}
.oferta-button-text{margin: 0;
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-23%, -50%);text-align: center;}
.oferta-button:hover{transition: all 0.2s ease-in-out 0.1s; background-color: #b8d8af;}

.oferta-button1{position:relative; margin: 0 1% 15px 1%; float:left; height:100px; width: 29%; background-color: #FFF; border: 5px solid #b8d8af; color:black; display: block;transition: all 0.2s ease-in-out 0.1s}
.oferta-button-text1{margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);text-align: center;}
.oferta-button1:hover{transition: all 0.2s ease-in-out 0.1s; background-color: #b8d8af;}

.pozostale-artykuly{position:relative; margin: 0 1% 15px 1%; float:right; height:45px; width: 29%; background-color: #FFF; border: 5px solid #b8d8af; color:black; display: block;transition: all 0.2s ease-in-out 0.1s}
.pozostale-artykuly-text{margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);text-align: center;}
.pozostale-artykuly:hover{transition: all 0.2s ease-in-out 0.1s; background-color: #b8d8af;}
.center-block {text-align: center; height:60px;}


#kontakt_left {float:left; width: 50%;}
#kontakt_mapa {float: right; width:50%;}

.motto-border{margin: 0 auto; width:96%;  margin-top: 50px;}
.motto{text-align:center;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #FFF; margin: 10px; font-size:25px;}

	/* Zdjęcia w galerii */
	.photo-block{width:100%; margin: 0 auto;}
	.photo{float:left; width: 30%; height: auto; margin: 1% 1% 1% 1%;}

.text-photo{float:right; width: 50%; height:auto;}
.text-photo-l00m{float:right; width: 50%; height:auto;}
	

	.foot-left{width:26.1%; float:left; }
	.foot-center{width:38.9%; float: left;}
	.foot-right{width:35%; float: left;}
	.foot-cookies{font-size: 12px; width:94%; padding: 0 6% 0 0; float:left; color: black; line-height:1.4; }
	.foot-link{color: black;}

	/* formularze */
	.wyslij-form{text-align: center; width:100%; padding: 20px 0px 20px 0px; font-size: 20px; color:#000; background:#b8d8af; border:none;}
	}



/* -------------------------------------------------------- */


@media (max-width: 750px) {
	#line{padding: 0;}
	#wrapper{width:95%;margin-top: 0px;min-height:calc(100% - 351px);}
	#line2{overflow:auto; padding:5px 0 5px 0;}
	#header{display:none;}
	#content{padding: 20px 0 0 0;}
	#big_logo{display:none;}
	#menu-box {position:fixed;top:0;left:0;background:white;width:100%; z-index:10; }
	#menu_trigger{float: right;margin:10px 1% 10px 2%; z-index:10; display: inline-block}
	#menu_logo{margin:10px 10px 10px 10px ; z-index:10; display: inline-block height:auto}
	.video-wrap {
    width:100%; float:right; margin:5px;
}

	#menu{position:absolute;list-style:none;background:#b8d8af;width:100%;display:none; height:66vh; max-height:66vh; overflow-y: scroll;}
	#menu li:first-child{padding-top:15px;}
	#menu li:last-child{padding-bottom:15px;}
	#menu li a{display:block;height:auto;padding:8px 0 8px 20px;color:black;font-weight:bold;text-decoration:none; transition: all 0.5s ease-in-out 0.1s;}
	#menu li a:hover{background:#FFF; transition: all 0.5s ease-in-out 0.1s;}



.parallax-window {
    height: 650px;
}
.parallax-window2 {
    height: 300px;	
}

 /* przyciski z animacją */
.link-box-left{float: left;width:165px; height:165px; color:#FFF; border-radius: 0%; overflow:hidden;font-family: Calibri, Corbel, "Times New Roman"; font-size: 23px; text-align:center; margin: 50px 8% 0 2%; border: 3px solid #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;background: url(../images/main-button-background2.png);}
.link-box-right{float:right; width:165px; height:165px; border-radius: 0%; overflow:hidden;font-family: Calibri, Corbel, "Times New Roman"; font-size: 23px; color: white; text-align:center; margin: 50px 2% 0 8%; opacity:0.9;border: 3px solid #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; background: url(../images/main-button-background2.png);}
.link-box-mask{display:none;}
.link-box-mask:hover{display:none;}
.effect{display:none;}

.oferta-button{position:relative;margin: 0 1% 15px 1%; float:left; height:90px; width: 97%; background-color: #FFF; border: 5px solid #b8d8af; color:black; display: block;transition: all 0.2s ease-in-out 0.1s}
.oferta-button-text{margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);text-align: center;}
.oferta-button:hover{transition: all 0.2s ease-in-out 0.1s; background-color: #b8d8af;}

.oferta-button1{position:relative;margin: 0 1% 15px 1%; float:left; height:90px; width: 97%; background-color: #FFF; border: 5px solid #b8d8af; color:black; display: block;transition: all 0.2s ease-in-out 0.1s}
.oferta-button-text1{margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);text-align: center;}
.oferta-button1:hover{transition: all 0.2s ease-in-out 0.1s; background-color: #b8d8af;}


.pozostale-artykuly{position:relative; margin: 0 1% 15px 1%; float:right; height:45px; width: 29%; background-color: #FFF; border: 5px solid #b8d8af; color:black; display: block;transition: all 0.2s ease-in-out 0.1s}
.pozostale-artykuly-text{margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);text-align: center;}
.pozostale-artykuly:hover{transition: all 0.2s ease-in-out 0.1s; background-color: #b8d8af;}
.center-block {text-align: center; height:65px;}

 
.motto-border{margin: 0 auto; width:96%;   margin-top: 50px;}
.motto{text-align:center;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #FFF; margin: 10px; font-size:23px;}
 
 /* Zdjęcia w galerii */
	.photo-block{width:100%; margin: 0 auto;}
	.photo{float:left; width: 47%; height: auto; margin: 1% 1% 1% 1%;}
	
.text-photo{float:right; width: 45%; height:auto;}
.text-photo-100m{float:right; width: 100%; height:auto;}

	/* stopka */
	.foot-left{color: #FFF;}
	.foot-center{color: #FFF;}
	.foot-right{color: #FFF;}
	.foot-cookies{font-size: 12px; width:82%; padding: 0 18% 0 0; float:left; color: black; line-height: 1.4;}
	.foot-link{color: #FFF;}


 	 /* formularze */
	.wyslij-form{text-align: center; width:100%; padding: 20px 0px 20px 0px; font-size: 20px; color:#000; background:#b8d8af; border:none;}

	


}
/* ---------------------------------------------------------------------- */

@media (max-width: 473px) {
	#wrapper{width:95%;margin-top: 30px;min-height:calc(100% - 401px);}
	#line2{padding: 0 0 155px 0;}
	
	
	#kontakt_left {float:left; width: 100%;}
	#kontakt_mapa {float: left; width:100%;}
	
	.parallax-window {
    height: 1000px;
}
.parallax-window2 {
    height: 300px;	
}
	
	.foot-cookies{font-size: 12px; width:82%; padding: 0 18% 0 0; float:left; color: black; line-height: 1.4;}
	.text-photo{float:right; width: 100%; height:auto;}
	
	/* przyciski z animacją */
.link-box-left{float: left;width:94%; height:130px; color:#FFF; border-radius: 0%; overflow:hidden;font-family: Calibri, Corbel, "Times New Roman"; font-size: 20px; text-align:center; margin: 45px 5% 0 2%; border: 3px solid #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;background: url(../images/main-button-background2.png);}
.link-box-right{float:left; width:94%; height:130px; border-radius: 0%; overflow:hidden;font-family: Calibri, Corbel, "Times New Roman"; font-size: 20px; color: white; text-align:center; margin: 45px 5% 0 2%; opacity:0.9;border: 3px solid #FFF; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; background: url(../images/main-button-background2.png);}
.link-box-mask{position: relative; top:-80px; width:100%; height:270px; overflow:hidden;transition: all 0.2s ease-in-out 0.1s;}
.link-box-mask:hover{margin-top:-150px; width:100%; height:420px; overflow:hidden;transition: all 0.2s ease-in-out 0.1s}
.effect{margin-top:270px;width:100%; height:150px; background-color: black;overflow:hidden; background-color: rgba(0, 0, 0, 0.4);}
	
	.motto-border{margin: 0 auto; width:96%;  margin-top: 90px;}
.motto{text-align:center;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #FFF; margin: 10px; font-size:20px;}
	
	}

/* ----------------------------------------------------------- */

/* slider */

.slider_container{float:left; width:100%; clear:both; padding:0 0 0 0;}
.flex-caption { display:none;}
/*.flex-caption{ position: absolute; right:11px; bottom:20px;}
.caption_title_line{ height:20px; padding:5px 15px 10px 15px;background:url(images/slider_caption_bg.png) repeat;color: #303030;}
.flex-caption h2{ color:#303030;font-size:15px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;}*/

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Styles*/
.flexslider {width: 100%; margin: 0; padding: 0px 0 0px 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:0px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../images/next.png) no-repeat center; bottom:50px;}
.flex-direction-nav li a.prev {background:url(../images/prev.png) no-repeat center;bottom:0px;}
.flex-direction-nav li a.next:hover {background:url(../images/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(../images/prev_a.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 750px) {
.slider_container{width:100%; margin:0 0 0 0; clear:both; background:none; padding:20px 0px 0px 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;}
.flex-direction-nav li a {width:30px; height:26px; margin:0; display: block; position: absolute; right:0px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../images/next.png) no-repeat center; bottom:60px;}
.flex-direction-nav li a.prev {background:url(../images/prev.png) no-repeat center;bottom:30px;}
.flex-caption { display:none;}
}