
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;font-family: 'Open Sans', sans-serif;font-size:24px;color:#282f73;max-width:100%;} /*to se zostaw */

.container{max-width: 1170px; margin: 0 auto; padding: 0 5px; position:relative;}
.container:after{content: ""; clear: both; display: table;}
.headWrap {max-width:1200px;margin: 0 auto; padding: 0; position:relative;}
body {background: #FBFBFB;}
h1{font-size:35px;}

.menuMobile{width: 100%; height: 40px; background: #40b120 url(img/burger.png) center center no-repeat; display: none; cursor: pointer;}



.orangeTint {color:#fff;}
.greenTint {color:#40b120;}
.greyTint {color:#282f73;}
.greyTint2 {color:#7f7777}
.goLeft {float:left;}
.goRight {float:right;}
.fatGuy {height:60px;}

.normalizeA {text-decoration:none;}
.normalizeUL {list-style:none;}
.getBolder {font-weight:700;}

.logoLeft {float:left;width:504px;height:99px; max-width:100%;padding-top:10px;}
.logoRight {background:url(img/jedyny.png) no-repeat center center;width:391px; height:68px;float:right;margin-top:20px;max-width:100%;}
.logoRight:after{content:"";display:table;clear:both;}
.menu1, .flagWrap {float:right;}
.flagWrap {font-size:16px;line-height:31px;padding-top:10px;width: auto;}
.flagaBox {float:right;}

.menu1 {float:right;padding-top:10px;font-weight: 700}
.menu1 a {font-size:16px;}
.menu1 a:hover {color:#40b120;}
.menu1 ul li {float:left;padding: 0 25px;text-transform:uppercase;}
.menu1 ul:after{content: ""; clear: both; display: table;}
.flagWrap:after{content: ""; clear: both; display: table;}

.bar {border-bottom:1px solid #40b120;height:2px;width:100%;clear:both;}


.GrafRight {background: url(img/lady.png) no-repeat center center; position:absolute; left:-150px; top:-20px; height: 745px;width:681px;max-width:100%;}
.banner{height:603px;padding-top:130px;float:right;width:740px;text-align:right;position:relative;}
.banner:after{content: ""; clear: both; display: table;}
.bannerContent:after {content:"";display:table;clear:both;}
.bannerContent p:after {content:"";display:table;clear:both;}
.tubkaDiv {background: url(img/tubka.png) no-repeat center center;position:absolute;right:0; bottom:50px;width:592px;height:184px;max-width: 100%;}

.bannerTopic {color:#fff;font-size:53px;font-weight: 700;line-height:65px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);text-align: right;text-transform:uppercase;}
.underTopic {margin:10px 0 30px 0;display:block;font-size:33px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);background:#40b120;text-align:right;padding:10px 0;width:540px;float:right;padding-right: 30px;text-transform:uppercase;}
.underTopic:after{content=""; clear:both; display:table;}
.butters a{color:#fff;font-size:30px;;display:block; border:5px solid #40b120;width:280px;line-height:30px;padding: 20px 0;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}
.butters a:hover{background:rgba(255,255,255, 0.3);}
.butters {text-align:center;float:right;text-transform:uppercase;}
.butters:after {content:"";clear:both;display:table;}
.flagaBox {width:20px;height:20px;padding-right:15px;padding-top:15px;}
.flagaCZ {background: url(img/CZflag.png) no-repeat center center;}
.flagaPL {background: url(img/PLflag.png) no-repeat center center;}
.flagaSK {background: url(img/SKflag.png) no-repeat center center;}
.headBG {width:100%;height:754px;background:url(img/headBG.png) no-repeat top center;}


.home {width:100%; height:auto;padding:30px 0;}

h2 {font-size:27px;margin-top:100px;margin-bottom:20px;}
h3 {font-size:32px;margin-bottom:10px;}
.grow41 {font-size:41px;}
.akapitoUno span{width:100%;display:block;}
.akapitoDuo{margin-top:90px;}
.akapitoTress{margin-top:80px;float:right;}
.akapitoTress:after {content:"";display:table;clear:both;}
.akapitoTress ul {margin-top:30px;font-weight:700;font-size:23px;}
.akapitoTress ul span {padding-bottom:60px;display:block;}
.akapitoTress ul li {font-size:19px;background: url(img/triBullet.png) no-repeat left center; text-indent: 20px;padding:8px 0;font-weight: 400;}
.akapitoTress ul .goLeft {padding-right:100px;}

.akapitoTress ul div.goLeft:after {clear:both;content: "";display:table;}
.akapitoTress ul div.goRight:after {clear:both;content: "";display:table;}

.akapitoQuatro {font-size:23px;background:url(img/product1.png) no-repeat right top;padding-top:85px;margin-top:30px;}
.akapitoQuatro ul span {padding-bottom:62px;display: block;}
.akapitoQuatro ul li {font-size:18px;padding:7px 0;}
.akapitoQuatro ul {padding-bottom:90px;}

.liDefault {height:35px;text-indent:55px;line-height:35px;}
.li1 {background:url(img/leafICO.png) no-repeat left center;}
.li2 {background:url(img/bottleICO.png) no-repeat left center;}
.li3 {background:url(img/wheatICO.png) no-repeat left center;}
.li4 {background:url(img/fatICO.png) no-repeat left center;}
.li5 {background:url(img/vitICO.png) no-repeat left center;}

.aboveFoot1 {}
.aFoot1GrafWrap {position:relative;}
.aFoot1GrafWrap:after {content:"";clear:both;display: table;}
.aFoot1Graf {position:absolute;left:-200px;background:url(img/flowerPower.png) no-repeat left bottom;height:495px;max-width: 100%;margin:0 auto;float:left;width:799px;}
.footWrap{width:100%;background: #FBFBFB;font-size:21px;margin-bottom:20px;margin-top:25px;}
.footWrap .bar {margin-bottom:30px;}
.footSlogan {float:left;padding-left:40px;}
.footInfoRight{float:right;height:35px;background: url(img/callICO.png) no-repeat left center;padding-right:40px;}
.footInfoRight:after{content: ""; clear: both; display: table;}
.footTel, .footMail {float:left;}
.footMail {padding-left:0;text-indent:50px;}
.footTel {text-indent:100px;}
.footMail:after{content: ""; clear: both; display: table;}

.aboveFoot1 .ulHeaderDzial {background: url(img/logoDzial.png) no-repeat left center;height:57px; text-indent:80px;}
.ulHeaderDzial span {font-size:38px;  text-decoration: underline;display: block;font-weight: 400;}

.aboveFoot2 {background:#dadada;position:relative;}
.aboveFoot2 .ulHeaderDzial {background: url(img/clickICO.png) no-repeat left center;height:53px; text-indent:80px;}
.aboveFoot2 .grafRightFoot2 {background: url(img/mountainO.png) no-repeat center right;width:885px;height:291px;max-width:100%;position:absolute;right:0px;top:-20px;}
.aboveFoot2 p {font-size:21px;font-weight:400;}
.aboveFoot2_content {padding: 50px 0 18px 0;padding-right:57%;}

.aboveFoot3 {background:#163c61;padding-top:30px;font-size:21px;padding-bottom: 50px;}
.aboveFoot3 .ulHeaderDzial {background: url(img/peopleICO.png) no-repeat left center;height:49px; text-indent:80px;}

.foot3ContentRight {width:435px;}
.foot3ContentLeft .fatGuy {height:35px;}
.foot3ContentRight .rightTopic {line-height: 53px;padding-top: 16px;}
.foot3ContentLeft {width:610px;}
.foot3ContentRight:after {content: "";display:table;clear:both;}


.contactPage {width:100%; padding-bottom: 30px;padding-top: 30px;}

.contactPage ul {font-size:25px;}
.contactPage ul a{font-size:25px;}
.contactPage ul span{padding-bottom:20px;display:block;}
.contactPage ul li{font-size:24px;height:41px;padding:15px 0;}
.ulConLi1 {background:url(img/phoneICO.png) no-repeat left center;text-indent:100px;}
.ulConLi2 {background:url(img/mailICO.png) no-repeat left center;text-indent:100px;}


.explaLogo {background:url(img/expla.png) no-repeat center center;width:339px;height:69px; max-width: 100%;padding-top:10px;}
.explaLogo a {text-indent:99999px;display:block;overflow:hidden;padding:10px 0;}
.buyWrap .akapitoUno {width:650px;}
.buyWrap .akapitoUno span{padding:0;font-size:21px;}
.buyWrap .akapitoUno p{padding:20px 0;font-size:21px;		}
.buyWrap .akapitoDuo {line-height:24px;width:500px;}



@media screen and (max-width:1426px) {

	.aboveFoot2  .grafRightFoot2 {bottom:0;top:auto;left:20%;}
	.aboveFoot2 {padding-bottom:300px;}
	.aboveFoot2_content {text-align: center;padding-right:0;}



}


@media screen and (max-width:1123px) {

	.aFoot1Graf {left:-30%;}

}

@media screen and (max-width:1055px) {

	.foot3ContentLeft, .foot3ContentRight {float:none;padding-left:20%;} 



}



@media screen and (max-width:1051px) {

	.tubkaDiv {background-size:80% auto;}
	.footTel {text-indent: 50px}

	

}

@media screen and (max-width:1021px) {

	.aFoot1Graf {left:-45%;}

}

@media screen and (max-width:1004px) {

	.footSlogan {padding-left:0;}
	.footInfoRight {padding-right: 0;}


	

}

@media screen and (max-width:972px) {

	.GrafRight {left:-25%;}
	.container {padding: 0 15px;}

	

}

@media screen and (max-width:921px) {

	.logoLeft {float:none;margin:0 auto;}
	.logoRight {float:none;margin:0 auto;}

	

}

@media screen and (max-width:916px) {

	.aFoot1Graf {left:-65%;}

}



@media screen and (max-width:905px) {

	.footSlogan {width:490px; margin:0 auto;float:none;}
	.footInfoRight {width:490px; margin:0 auto;float:none;}

	

}


@media screen and (max-width:835px) {

	.GrafRight {display:none;}
	.banner {float:none;text-align:center;padding-top:30px;width:auto;}
	.butters {float:none;margin: 0 auto;width: 290px;padding-top:10px;}
	.underTopic {text-align:center;float:none;padding-right:0;margin:0 auto;}
	.bannerTopic {text-align: center}
	.tubkaDiv {bottom:0px;left:15%;}
	.home {padding:0;}
	.banner {height:523px}
	.aboveFoot3 .foot3ContentLeft, .aboveFoot3 .foot3ContentRight {padding-left:0;}

	

}
@media screen and (max-width:824px) {
	.aboveFoot2 .grafRightFoot2 {left:0;}
	}


@media screen and (max-width:807px) {

	.aFoot1Graf {display:none;}
	.akapitoTress {float:none;}
	.aboveFoot1  .ulHeaderDzial {text-align: center;background: url(img/logoDzial.png) no-repeat 30% center;text-indent:80px;}
	.aboveFoot2  .ulHeaderDzial {background: url(img/clickICO.png) no-repeat 30% center;}
	.akapitoTress .goRight {float:left;padding-left: 20%;}
	.akapitoTress .goLeft {padding-left:20%;}

}


@media screen and (max-width:726px) {

	.aboveFoot2 .grafRightFoot2 {background-size: 85% auto;left:0;bottom:-10%;}
    

}


@media screen and (max-width:660px) {

	.tubkaDiv {left:0;}
	.underTopic {width:auto;}
    

}



@media screen and (max-width:655px) {

	
	.akapitoTress .goLeft {padding-left:10%;}
	.buyWrap .akapitoUno {width:auto;}

}


@media screen and (max-width:615px) {

	.foot3ContentLeft, .ulHeaderDzial  {width:auto;}
	.aboveFoot3 .ulHeaderDzial {height:auto;text-indent: 0;padding-left:75px;}
	.grafRightFoot2 {display:none;}
	.aboveFoot2_content .fatGuy {display:none;}
	.aboveFoot2 {padding-bottom:0;}
    

}

@media screen and (max-width:583px) {

	
	.akapitoTress .goLeft {padding-left:0;}

}

@media screen and (max-width:546px) {

	.smokeBomb {display:none;}
	.menu1 {float:none;margin:0 auto; width:470px;}
	.flagWrap {width:120px;float:none;margin:0 auto;}
	.akapitoTress ul .goLeft {padding-right:11.7%;}
	.aboveFoot2 .ulHeaderDzial {
    background: url(img/clickICO.png) no-repeat 20% center;}
    .aboveFoot1 .ulHeaderDzial {background: url(img/logoDzial.png) no-repeat 20% center;}




}


@media screen and (max-width:513px) {

 .buyWrap .akapitoDuo {width:auto;float:none;padding:20px 0;margin-top:0;}
 .buyWrap .akapitoUno {width:auto;float:none;}
 
}


@media screen and (max-width:490px) {

	.footSlogan {width:auto; text-align:center;}
	.footInfoRight {width:auto; padding-left:5%;}

	

}



@media screen and (max-width:471px) {

   .menuMobile {display:block;}
   .menu1{display:none;width:auto;}
   .menu1 ul li {float:none;border-bottom:1px solid #40b120;text-align: center;}
   .aboveFoot3 .ulHeaderDzial {padding-left:0px;background:none;}
   .akapitoTress ul .goLeft {float:none;}
   .akapitoTress ul .goRight {float:none;}
   .akapitoTress ul li {margin-left:80px;}
}


@media screen and (max-width:455px) {

   .tubkaDiv {display:none;}
   .bannerTopic {font-size:42px;}
   .foot3ContentRight {width:auto;}

}

@media screen and (max-width:436px) {
.aboveFoot2 .ulHeaderDzial {    background: url(img/clickICO.png) no-repeat 10% center;}
.aboveFoot1 .ulHeaderDzial {
    background: url(img/logoDzial.png) no-repeat 10% center;}

}

@media screen and (max-width:419px) {
	.akapitoUno h2 span{font-size:36px;}

}


@media screen and (max-width:358px) {

   .aboveFoot2 .ulHeaderDzial {background:none;text-indent:0;}
   .foot3ContentLeft  .ulHeaderDzial {text-align: center;}
   .bannerTopic {font-size: 36px;}
    .buyWrap .akapitoUno .explaLogo{background-size:90% auto;}
}


@media screen and (max-width:339px) {
.akapitoTress ul li {margin-left:0px;}
.contactPage ul li {text-indent:75px;}
}

@media screen and (max-width:320px) {

	.container {width:310px;}
    

}



/* link do zdjęć będzie (../img/zdjecie.jpg) */