@CHARSET "utf-8";
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
#intro {
	width: 100%; height: 100%; overflow: hidden; z-index: 0;
	background:#000000;
}
#fullpage {

}
#moveDown {
    position: absolute;
    bottom: 20px;
    z-index: 99;
	width: 98px;
	height:13px;
	background:url(images/dolu.png) top center no-repeat;
	color:#ffffff;
	text-transform:uppercase;
	font-size:8px;
	border: none;
	margin: 0 0 0 -49px;
	padding:53px 0 0 0;
	  cursor:pointer;
	  left: 50%;
}
#moveUp {
    position: absolute;
    bottom: 110px;
    z-index: 99;
	width: 98px;
	height:13px;
	background:url(images/nahoru.png) top center no-repeat;
		color:#ffffff !important ;
	text-decoration:none !important;
	text-transform:uppercase;
	font-size:8px;
	border: none;
	margin: 0 0 0 -49px;
	padding:53px 0 0 0;
	  cursor:pointer;
	  left: 50%;
}


  	 .shop {
  position: absolute;
  display: block;
    top: 0;
  right: 0;
  height: 41px;
  width:180px;
  overflow: hidden;
  z-index: 3;
    margin:20px 20px 0px 0px;
	text-transform:uppercase;
	 font-family: 'Raleway', sans-serif;
	 font-size: 15px;
}
  	 .shop a{
		 color: #000000;
		 padding-right: 50px;
		 line-height: 41px;
		 display:block;
		 background: url(images/kosik.png) top right no-repeat;
}
  	 .shop a:hover{
		 color: #ffffff;
		 padding-right: 50px;
		 line-height: 41px;
		 background: url(images/kosik.png) bottom right no-repeat;
}
	 .header {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  height: 50px;
  width:375px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out, background 1s ease-out;
  transition: all 0.5s ease-out, background 1s ease-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  z-index: 3;
}
	 .header .burger-container {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  background:url(images/cc.png) center center no-repeat;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
 .header .burger-container #burger {
  width: 18px;
  height: 8px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}
 .header .burger-container #burger .bar {
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  background: #000000;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
 .header .burger-container #burger .bar.topBar {
  -webkit-transform: translateY(0px) rotate(0deg);
          transform: translateY(0px) rotate(0deg);

}
 .header .burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(6px) rotate(0deg);
          transform: translateY(6px) rotate(0deg);

}
 .header .icon {
  display: inline-block;
  line-height:26px;
  position: absolute;
  width: 246px;
  height: 16px;
  padding-top:10px;
  font-size:26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

 .header .icon.icon-bag {
  right: 0;
  top: 0;
  left: auto;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}
 .header ul#menu {
  position: relative;
  display: block;
  padding: 0px 48px 0;
  list-style: none;
}
 .header ul#menu li.menu-item {
  border-bottom: 1px solid #333;
  margin-top: 5px;
  -webkit-transform: scale(1.15) translateY(-30px);
          transform: scale(1.15) translateY(-30px);
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
 .header ul#menu li.menu-item:nth-child(1) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}
 .header ul#menu li.menu-item:nth-child(2) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
 .header ul#menu li.menu-item:nth-child(3) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
 .header ul#menu li.menu-item:nth-child(4) {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
 .header ul#menu li.menu-item a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  font-size: 22px;
  line-height: 2.35;
  font-weight: 200;
  text-align: center;
  width: 100%;
  font-family: 'Raleway', sans-serif;
}
 .header ul#menu li.menu-item a:hover {

  color: #e6ce53;
  font-weight: 700;
}
#menu li.active a:hover{
	  color: #e6ce53;
  font-weight: 700;
}

#menu li.active a{
  color: #e6ce53 !important;
}

 .header.menu-opened {
  height: 375px;
  background-color: #7b7474;
  -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
  transition: all 0.3s ease-in, background 0.5s ease-in;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
 .header.menu-opened .burger-container {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
 .header.menu-opened .burger-container #burger .bar {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
 .header.menu-opened .burger-container #burger .bar.topBar {
  -webkit-transform: translateY(4px) rotate(45deg);
          transform: translateY(4px) rotate(45deg);
}
 .header.menu-opened .burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(3px) rotate(-45deg);
          transform: translateY(3px) rotate(-45deg);
}
 .header.menu-opened ul#menu li.menu-item {
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}
 .header.menu-opened ul#menu li.menu-item:nth-child(1) {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
}
 .header.menu-opened ul#menu li.menu-item:nth-child(2) {
  -webkit-transition-delay: 0.34s;
          transition-delay: 0.34s;
}
 .header.menu-opened ul#menu li.menu-item:nth-child(3) {
  -webkit-transition-delay: 0.41s;
          transition-delay: 0.41s;
}
 .header.menu-opened ul#menu li.menu-item:nth-child(4) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
	.section{
		background-size: cover;
	}
		#section0{
			background: url(images/bg0.jpg) center bottom repeat-x;
					background-size:  100% 100%;
	}
			#section0 h2{
			color:#000000;
	}
				#section0 p{
			color:#000000;

	}
	#section1{
		background: url(images/bg3.jpg) center bottom repeat-x;
		background-size:  100% 100%;
z-index:2;
	}
	#section2{
		background: url(images/bg0.jpg) center bottom repeat-x;
		background-size:  100% 100%;
		z-index:2;
	}
				#section2 h2{
			color:#000000;
	}
				#section2 p{
			color:#000000;

	}
		#section3{
		background: url(images/bg3.jpg) center bottom repeat-x;
	background-size:  100% 100%;
	}
			#section4 h3{
				color:#000000;
	}
			#section4{
		background:#e6ce53;
	}
				#section4 h2{
					margin-top:78px;
	}
				#section5 h2{
				color:#ffffff;
				margin-bottom: 36px;
				margin-top: 48px;
	}
					#section5 h3{
				color:#ffffff;
	}
			#section5{
		background: url(images/bg3.jpg) center bottom repeat-x;
		background-size:  100% 100%;
	}
					.lekarny{
					margin:0px auto;
					height: 355px;

	}
						.lekarny p{
					margin-top: 180px;
					margin-bottom: 54px;
					color:#000000;
	}
				.l1{
					width: 249px;
					height: 225px;
		background: url(images/medipoint.jpg) top center no-repeat;
		background-size:contain;
		display: inline-block;
		margin-right:40px;
	}
					.l2{
					width: 249px;
					height: 225px;
		background: url(images/alphega.jpg) top center no-repeat;
		display: inline-block;
	}
					.l3{
					width: 249px;
					height: 225px;
		background: url(images/eshop.jpg) top center no-repeat;
		display: inline-block;
		margin-right:40px;
	}

						.social{
							margin:0px auto;
							width:148px;
							height: 133px;


	}
							.social a{
								width: 63px;
								height: 63px;
								display:block;

	}
							.soc1{
								float:left;
								margin-right:20px;

	}
								.soc1 a{
									background:url(images/facebook.png) left no-repeat;

	}
									.soc1 a:hover{
									background:url(images/facebook.png) right no-repeat;

	}
								.soc2{
								float:left;

	}
								.soc2 a{
									background:url(images/twitter.png) left no-repeat;

	}
									.soc2 a:hover{
									background:url(images/twitter.png) right no-repeat;

	}
									.soc3{
								float:left;

	}
								.soc3 a{
									background:url(images/instagram.png) left no-repeat;

	}
									.soc3 a:hover{
									background:url(images/instagram.png) right no-repeat;

	}
		#section6{
		background:#2f2f2f;
	}
			.kontakt{
					margin-bottom: 32px;
					padding-left: 20px;
					padding-right: 20px;
	}
					.kontaktend{
					margin-bottom: 120px;
					padding-left: 20px;
					padding-right: 20px;
	}
			#section6 p{
		font-size:12px;
	}
				#section6 a{
					text-decoration: underline;
					color:#e6ce53;
	}
					#section6 a:hover{
					text-decoration: none;
					color:#e6ce53;
	}
		.sbt{
			margin-top: 45px;
			margin-bottom: 45px;
	}
		.end{
		background:#2a2a2a;
		color:#939393;
		padding: 10px;
		line-height:50px;
	}
			.end img{
				vertical-align: middle;
				margin-left:10px;


	}

	#header{
		top:0px;
	}
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 26px;
		  font-family: 'Raleway', sans-serif;
		color: #fff;
		margin:12% 0 0 0;
		padding:0;
		text-transform: uppercase;
		font-weight:400;
	}
	h2{
		font-size: 56px;
		 font-family: 'Alfa Slab One', cursiv;
		color: #fff;
		margin:0 0 30px 0;
		padding:0;
		font-weight:400;
		line-height: 64px;
	}
		h3{
		font-size: 26px;
		font-family: 'Raleway', sans-serif;
		color: #e7d057;
		margin:0 0 30px 0;
		padding:0;
		font-weight:700;
		text-transform:uppercase;
		line-height:32px;
	}
	h4{
		font-size: 24px;
		font-family: 'Raleway', sans-serif;
		color: #fff;
		margin:0;
		padding:0;
	}
		h5{
		font-size: 26px;
		font-family: 'Raleway', sans-serif;
		color: #000000;
		margin: 20px 0 20px 0;
		padding:0;
		font-weight:700;
		line-height:32px;
	}
		p{
		font-size: 16px;
		line-height:24px;
		  font-family: 'Raleway', sans-serif;
		color: #fff;
		margin:0;
		padding:0;
	}
	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
		overflow: hidden;
	}

	.background {
		position: absolute;  top: 0; right: 0;
		width: auto; height: 100%;
		z-index: 1;
	}
		.cloud1 {
		position: absolute; top: 0; right: -2%;
		width: auto; height: 100%;
		z-index: 2;
	}
			.cloud2 {
		position: absolute; top: 0; left: 0;
			width: 100%;
		height: 100%;
		background: url(images/paralax_text_final.png) no-repeat;
		  		background-position: center center;
  		background-size: cover;
		z-index: 2;
	}

	#fader {
   opacity:0;
   -webkit-transition: opacity 4s;
   -moz-transition: opacity 4s;
   -o-transition: opacity 4s;
   transition: opacity 4s;
}
		.background2 {
		position: absolute;  top: 0; left: 0;
		width: auto; height: 100%;
		z-index: 1;
	}
				.horizont {
		position: absolute;  top: 50%; left: 40%;
		z-index: 1;
	}
			.horizont2 {
		position: absolute;  top: 50%; left: -10%;
		z-index: 1;
	}
		.cloud1-2 {
		position: absolute; top: 0%; left: 0;
		width: auto; height: 100%;
		z-index: 2;
	}

	.background3 {
		position: absolute;  top: -10%; right: 0;
		width: auto; height: 100%;
		z-index: 1;
	}
				.horizont3 {
		position: absolute;  top: 40%; right: -10%;

		z-index: 1;
	}
		.cloud1-3 {
		position: absolute; top: -10%; right: -2%;
		width: auto; height: 100%;
		z-index: 2;
	}

		.background4 {
		position: absolute;  top: -2%; left: 0;
		width: auto; height: 100%;
		z-index: 1;
	}
				.horizont4 {
		position: absolute;  top: 70%; left: -10%;

		z-index: 1;
	}
		.cloud1-4 {
		position: absolute; top: 0; left: 0;
		width: auto; height: 100%;
		z-index: 2;
	}
			.cloud1-4b {
		position: absolute; top: 0; left: 0;
		width: auto; height: 100%;
		z-index: 2;
	}

	.cloud {
		position: absolute; top: 0; left: 0;
		width: 100%; height: auto;
		z-index: 2;
		opacity: 0.8;
	}
	.patro1 {
 max-width:430px;
 margin:0% 5% 0% 50%;
   position: relative;
   z-index:5;
	}

	.patro2 {
  margin:0% 5% 0% 12%;
 max-width:420px;
    position: relative;
	   z-index:5;
	}
		.patro0 {
  margin:5% 5% 0% 12%;
 max-width:420px;
    position: relative;
	   z-index:5;
	}
		.patro3 {
  margin:0% 5% 0% 50%;
max-width:430px;
    position: relative;
	   z-index:5;
	}

.btn {
	  font-weight: 600;
  font-size: 17px;
  line-height:17px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #e6ce53;
  text-transform: uppercase;
  color: #e6ce53;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  padding: 20px 25px;
  margin-top: 35px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor:pointer;
}
.btn:hover,
.btn:focus {
		  font-weight: 600;
  font-size: 17px;
  line-height:17px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #e6ce53;
  text-transform: uppercase;
  outline: none;
  border-radius: 0px;
  padding: 20px 25px;
  margin-top: 35px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor:pointer;
  color: #000000;
  background-color: #e6ce53;
}
.btn1 {
	  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #e6ce53;
  text-transform: uppercase;
  color: #e6ce53;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  padding: 0;
  line-height: 60px;
  width: 244px;
  margin-top: 24px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    cursor:pointer;
	display:block;
	background: url(images/lupa.png) left center no-repeat;
}
.btn0 {
	  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #e6ce53;
  text-transform: uppercase;
  color: #e6ce53;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  padding: 0;
  line-height: 60px;
  width: 244px;
  margin-top: 24px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    cursor:pointer;
	display:block;
}
.btnnew {
	  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #00bbda;
  text-transform: uppercase;
  color: #00bbda;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  padding: 0 10px 0 10px;
  line-height: 60px;
  margin-top: 24px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    cursor:pointer;
	display: inline-block;
}
.btnnew:hover,
.btnnew:focus {
  color: #ffffff;
  background-color:#00bbda;
}
.mp {
	width: 224px;
  padding-left: 20px;
}
.mp2 {
	width: 314px;
}
.btn1:hover,
.btn1:focus {
  color: #000000;
  background: url(images/lupa-off.png) left center no-repeat #e6ce53;
}
.btn0:hover,
.btn0:focus {
  color: #000000;
  background: #e6ce53;
}
.btn2 {
	  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #e6ce53;
  text-transform: uppercase;
  color: #e6ce53;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  padding: 17px 23px;
  margin-top: 43px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    cursor:pointer;
}
.btn2:hover,
.btn2:focus {
  color: #000000;
  background-color: #e6ce53;
}
.btn3 {
	  font-weight: 600;
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  border: 3px solid #e6ce53;
  text-transform: uppercase;
  color: #e6ce53;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  padding: 17px 28px;
  margin-top: 43px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    cursor:pointer;
}
.btn3:hover,
.btn3:focus {
  color: #000000;
  background-color: #e6ce53;
}
		.yellow{
		color: #e7d057;
				font-family: 'Raleway', sans-serif;
				 font-size:17px;
}
		.modal-content{
		color: #000000;
		height: 100%;
padding: 5%;
}
		.wrapper{
			max-width: 650px;
		margin:0px auto;
}
		.modal-content p{
		color: #000000;
		padding-bottom:20px;
		font-size:14px;
}
		.modal-content a{
		color: #000000;
		text-decoration: underline;
}
		.modal-content a:hover{
		color: #000000;
		text-decoration: none;
}

	/* Hiding video controls
	* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
	* --------------------------------------- */
	video::-webkit-media-controls {
	  display:none !important;
	}
      .myContent{
        height: 300px;
      }
	   .video-close {
	top: 17px; right: 0px; margin-right: 30px;  position: absolute; z-index: 999; color:#FFFFFF; font-family: arial,helvetica; font-size:16px;
}
#intro-video-btn
{top: 45%; left: 50%;  position: absolute; z-index: 999;
	  font-weight: 600;
	  width:192px;
	  height:54px;
  font-size: 12px;
  line-height:54px;
  font-family: 'Raleway', sans-serif;
  border: 1px solid #e6ce53;
  text-transform: uppercase;
  color: #e6ce53;
  background-color: transparent;
  outline: none;
  border-radius: 0px;
  text-align:center;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor:pointer;
	display: none;
	margin-left: -96px;
}
#intro-video-btn:hover{
  color: #000000;
  background-color: #e6ce53;
}

@media all and (max-width:1200px) and (min-width:768px) and (orientation:portrait) {
				.cloud2 {
		height: 80%;
		top:12%;
	}
	h1{
		margin-top:15%;
	}
		.background2 {
		position: absolute;  top: 50%; left: 25%;
		width: auto; height: 50%;
	}
		.background {
		position: absolute;  top: 50%; left: -20%;
		width: auto; height: 50%;
	}
		.cloud1 {
		position: absolute; top: 50%; left: -20%;
		width: auto; height: 50%;
	}

		.cloud1-2 {
		position: absolute; top: 50%; left: 25%;
		width: auto; height: 50%;
	}
		.horizont2 {
		 top: 80%; left:0;
	}

	  	.patro1 {
 margin:0 0 0 -25%;
   position: absolute;
   top: 10%;
   left: 50%;
	}
	  .background {
		position: absolute;  top: 50%; right: 0;
		width: auto; height: 50%;
	}
  .background3 {
		position: absolute;  top: 30%; right: 0;
		width: auto; height: 50%;
	}
			.cloud1 {
		position: absolute; top: 50%; right: -2%;
		width: auto; height: 50%;
	}
		.cloud1-3 {
		position: absolute; top: 30%; right: -2%;
		width: auto; height: 50%;
	}
			.horizont3 {
		 top: 60%; left:0;
	}

		.patro2 {
 margin:0 0 0 -25%;
   position: absolute;
   top: 10%;
   left: 50%;
	}
			.patro0 {
 margin:0 0 0 -25%;
   position: absolute;
   top: 10%;
   left: 50%;
	}	.background4 {
		position: absolute;  top: -1%; left: 25%;
		width: auto; height: 50%;
	}
				.horizont4 {
		 top: 35%; left:0;
	}

		.cloud1-4 {
		position: absolute; top: 0; left: 25%;
		width: auto; height: 50%;
	}
			.cloud1-4b {
		position: absolute; top: 0; left: 25%;
		width: auto; height: 50%;
	}

		.patro3 {
 margin:0 0 0 -25%;
   position: absolute;
   top: 50%;
   left: 50%;
	}
						.lekarny {
							height:720px;
	}
				#section5 h2{
				margin-bottom: 10px;
				margin-top: 10px;
	}
				.l2{
					margin-top: 30px;

	}

}
@media all and (max-width:767px) and (orientation:landscape)  {

 .header {
  position: fixed;
  width:380px;
}
#section0 h2 {
	padding-top:30px;
}
#moveDown {
	display:none;
}
#moveUp {
	display:none;
}
	.section{
		padding-left:30px;
		padding-right:30px;
	}
		#section6{
			padding:0;
	}
		.background2 {
			width:90%;
			left:25%;
			height:auto;
			margin-top:420px;
	}
		.background {
			width:90%;
			left:25%;
			height:auto;
			margin-top:420px;
	}
		.cloud1 {
	width:90%;
			left:25%;
			height:auto;
	margin-top:420px;
	}
		.cloud1-2 {
	width:90%;
			left:25%;
			height:auto;
	margin-top:420px;
	}
		.horizont2 {
		 top: 80%; left:0;
	}

	  	.patro1 {
			margin:0;
			width:100%;
			max-width:100%;
			 padding:40px 0px 0px 0px;
			 position:relative;
			 height:790px;
	}
	 .background {
			width:90%;
			height:auto;
			margin-top:400px;
			left:-15%;
	}
 .background3 {
			width:90%;
			height:auto;
			margin-top:400px;
	}
			.cloud1 {
			width:90%;
			height:auto;
			margin-top:400px;
			left:-15%;
	}
		.cloud1-3 {
			width:90%;
			height:auto;
			margin-top:400px;
	}
			.horizont3 {
		 top: 70%; left:0;
	}

		.patro2 {
			margin:0;
			width:100%;
			max-width:100%;
			 padding:40px 0px 0px 0px;
			 position:relative;
			 height:780px;
	}
			.patro0 {
			margin:0;
			width:100%;
			max-width:100%;
			 padding:40px 0px 0px 0px;
			 position:relative;
			 height:780px;
	}
		.background4 {
			width:90%;
			left:25%;
			height:auto;
	}
				.horizont4 {
		 top: 35%; left:0;
	}

		.cloud1-4 {
			width:90%;
			left:25%;
			height:auto;
			margin-top:80px;
	}
			.cloud1-4b {
			width:90%;
			left:25%;
			height:auto;
			margin-top:80px;
	}

		.patro3 {
			margin:0;
			width:100%;
			max-width:100%;
			 padding:500px 20px 10px 20px;
			 position:relative;
			 height:480px;
	}
					.lekarny{
					height: auto;
	}
					.l1{


		height:350px;
	}
					.l2{
height:330px;
	}

									.l3 {
							height:350px;
	}
}
@media all and (max-width:767px) and (orientation:portrait){
 .header {
  position: fixed;
  width:380px;
}
 .shop {
	 display:none;
}
 h1 {
	 margin-top:20%;
	 margin-left:10%;
	 margin-right:10%;

}
	.section{
		padding-left:20px;
		padding-right:20px;
	}
			#section6{
			padding:0;
	}
#moveDown {
	display:none;
}
#moveUp {
	display:none;
}
				.cloud2 {
		height: 80%;
		top:12%;
	}

		.background2 {
height:50%;
			margin-top:530px;}
		.background {
height:50%;
			margin-top:530px;
	}
		.cloud1 {
height:50%;
			margin-top:530px;
	}
		.cloud1-2 {
height:50%;
			margin-top:530px;
	}
		.horizont2 {
		 top: 80%; left:0;
	}

	  	.patro1 {
			margin:0;
			width:100%;
			max-width:100%;
			 padding:40px 0px 0px 0px;
			 position:relative;
			 height:920px;
	}
	 .background {
			height:50%;
			margin-top:540px;
	}
 .background3 {
			height:50%;
			margin-top:540px;
	}
			.cloud1 {
	height:50%;
	margin-top:540px;
	}
		.cloud1-3 {
	height:50%;
	margin-top:540px;
	}
			.horizont3 {
		 top: 70%; left:0;
	}

		.patro2 {
			margin:0;
				width:100%;
			max-width:100%;
			 padding:40px 0px 0px 0px;
			 position:relative;
			 height:930px;
	}
			.patro0 {
			margin:0;
				width:100%;
			max-width:100%;
			 padding:40px 0px 0px 0px;
			 position:relative;
			 height:930px;
	}
		.background4 {
height:50%;
	}
				.horizont4 {
		 top: 35%; left:0;
	}

		.cloud1-4 {
	height:50%;
	margin-top:50px;
	}
			.cloud1-4b {
	height:50%;
	margin-top:50px;
	}

		.patro3 {
			margin:0;
			width:100%;
			max-width:100%;
			 padding:590px 0px 0px 0px;
			 position:relative;
			 height:630px;
	}
					.lekarny{
					width: 249px;
					height: auto;
	}
					.l1{

		margin-right:0px;
		height:350px;
	}
					.l2{
height:330px;
	}

									.l3 {
							height:350px;
	}
			.end{
				padding-left: 40px;
				padding-right:40px;
	}
				#section5 img{
					width:80%;
	}
}
@media all and (max-width:480px) and (orientation:portrait){

	h2{
		font-size: 36px;
	}
					.cloud2 {
background-size: contain;
	}
}

.kde-koupit{
	margin-left: 1em;
	margin-right: 1em;
}