body {
	background: rgba(255,255,255,0);
	background-image: url(../image/rld/lp_header.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin: 0;
	
}
.content-container {
	font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;	
	font-size: 18px;
	line-height: 1.7; 
	text-align:left; 
	color: #000;
}
.white-bg {
	width: 942px;
	margin-left: -471px;
	position: relative;
	left: 50%;
	z-index: 1;
	height: 539px;
	margin-bottom:20px;
	overflow: hidden;
}
.white-bg-content {
	background: rgba(255,255,255,0.74);
	border-style: none;
	left: 0px;
	top: 50px;
	z-index: 1;
	width: 942px;
	height: 489px;
	position: absolute;
	border-radius: 0px;
	padding: 0px 60px 40px 60px;
}
h1 {
	font-size:66px; 
	line-height:60px;
	padding-top:20px;
	color: #cd1313;
	text-align: left;
	font-family: "playfair display";
	padding-bottom: 20px;
}
h1 span {
	font-size:42px; 
	color:#003471; 
	font-weight:bold;
}
h2 {
	color:#fff; 
	font-size:36px; 
	font-weight:700; 
	text-align:left; 
	line-height:42px; 
	padding-top:20px;
}
.h2-subtitle {font-size:28px; color:#003471;}
h2.h2-red {color: #9e0b0f; text-align: center;}
h2.h2-blue {color: #003471}
.main-title {color:#9e0b0f; font-size:50px; font-weight:700; text-align:center; line-height:54px; margin:20px 0;}
.big-title {font-size: 50px; line-height: 1.4em;}

.ponudba {
	color:#cd1313; 
	font-size:30px; 
	margin-bottom:20px; 
	font-weight:bold;
}

.section-nobg {
	background: rgba(255,255,255,1);
	width: 100%;
	overflow: hidden;
}

.section-nobg .content {
	display: block;
	background: rgba(255,255,255,1);
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 942px;

	position: relative;
	border-radius: 0px;
	padding: 30px 60px;
	color: #222222;
}

.section-lab {
	display: block;
	background: rgba(255,255,255,0);
	background-image: url(../image/rld/lp_lab.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;

	position: relative;
	border-radius: 0px;
	overflow: hidden;
}		

.section-lab .content {
	display: block;
	background: rgba(255,255,255,0);
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 822px;
	position: relative;
	border-radius: 0px;
	padding: 30px 0px;

}

.section-24ur {
	display: block;
	background: rgba(255,255,255,0);
	background-image: url(../image/rld/lp_24ur.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;

	position: relative;
	border-radius: 0px;
	overflow: hidden;
}		

.section-24ur .content {
	display: block;
	background: rgba(255,255,255,0);
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 822px;
	position: relative;
	border-radius: 0px;
	padding: 20px 0px;

}

.section-bonus {
	display: block;
	background: rgba(255,255,255,0);
	background-image: url(../image/rld/lp_bonus.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 100%;
	
	position: relative;
	border-radius: 0px;
	overflow: hidden;
}		

.section-bonus .content {
	display: block;
	background: rgba(255,255,255,0);
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 822px;
	position: relative;
	border-radius: 0px;
	padding: 30px 0px;
	color:fff;
}


header {
	position: relative;
	top: 3px;
	padding: 0;
	margin: 10px 0 0 0;
	z-index: -1;
}
#menu-container .container {
	width: 942px;
	margin: 0 auto;
}

.benefits {padding-left:0px; padding-top:20px; line-height:24px;}
.benefits ul {text-align:left; padding-left:0px;}

.benefits ul li {
	list-style-type: none;
	background: url(../image/ticking.png) no-repeat;
	background-position: left -5px;
	vertical-align:top;
	padding-left: 55px;
	margin-bottom: 15px;
	
}

.offer-price {font-size:34px; font-weight:bold; text-align:center;}
.offer-picture {width:20%; float:left; padding-right:20px;}
.CTA {text-align:center; font-size:32px; font-weight:bold; padding: 25px; width: 80%; margin: 0px auto 10px auto;}
.CTA-red {margin: 30px 0 10px 0px; background-color:#cd1313; color:white; font-size: 21px; line-height: 25px;padding: 10px 50px 15px 20px; position: relative;}
.CTA-red img { bottom: -15px; float: right; position: absolute; right: 2px; }
    
		
@media (max-width: 768px) {
	

	h1 {
		font-size: 40px;
		line-height: 40px;
	}
	h1 span {
		font-size:26px;
		line-height: 34px; 
	}
	h2 {
		font-size:18px; 
		line-height:1.4em;
		padding-top:10px;
	}
	.h2-subtitle {font-size:14px;}

	.hidden-mobile {display: none;}
	
	.ponudba {
	color:#cd1313; 
	font-size:20px; 
	margin-bottom:20px; 
	font-weight:bold;
	}
	
	
	.hitrost-tabela {
	font-size:10px;
	}
	
	.content-container {
		font-size: 18px;
		line-height: 1.7;
	}

	#menu-container .container {
		width: 90%;
		margin: 0 auto;
	}

	.benefits-container { font-size: 18px; line-height:1.4em;}
	.benefits {padding-left:0px; padding-top:10px; font-size: 16px !important; line-height:1.4em !important;}
	.benefits ul {text-align:left; padding-left:0px;}

	.benefits ul li {
		list-style-type: none;
		background: url(../image/ticking.png) no-repeat;
		background-position: left -5px;
		vertical-align:top;
		padding-left: 55px;
		margin-bottom: 15px;
		
	}
	
	.white-bg {
		width: 90%;
		margin-left: -45%;
		height: 100%;
		position: relative;
		left: 50%;
		z-index: 1;
		overflow: hidden;
		padding-bottom: 20px;
	}
	
	.white-bg-content {
		background: rgba(255,255,255,0.74);
		border-style: none;
		left: 0px;
		top: 20px;
		z-index: 1;
		width: 100%;
		height: 100%;
		position: relative;
		border-radius: 0px;
		padding: 0px 15px 15px 15px;
	}
	
	.section-nobg {
		background: rgba(255,255,255,1);
		width: 100%;
		overflow: hidden;
	}

	.section-nobg .content {
		display: block;
		background: rgba(255,255,255,1);
		border-style: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 90%;

		position: relative;
		border-radius: 0px;
		padding: 10px 0px;
		color: #222222;
	}	

	.section-lab .content {
		width: 90%;
		padding: 15px 0px;
	}
	.section-24ur .content {
		width: 90%;
		padding: 10px 0px;
	}
	.section-bonus .content {
		width: 90%;
		padding: 15px 0px;
	}
	
	.offer-price {font-size:20px;}
	.offer-picture {padding-right:0px;}
	.CTA {font-size:16px; }
	.CTA img {width: 20px; top: 25px; right: 10px;}
	.CTA-red {font-size: 16px;}

}
@media (min-width: 768px) and (max-width: 991px) {
	

	h1 {
		font-size: 40px;
		line-height: 40px;
	}
	h1 span {
		font-size:26px;
		line-height: 34px; 
	}
	h2 {
		font-size:18px; 
		line-height:1.4em;
		padding-top:10px;
	}
	

	
	.h2-subtitle {font-size:14px;}

	/*.video-element {width: 100%;}*/

	.hidden-mobile {display: none;}
	
	.content-container {
		font-size: 18px;
		line-height: 1.7;
	}

	#menu-container .container {
		width: 90%;
		margin: 0 auto;
	}

	.benefits-container { font-size: 12px;}
	.benefits {padding-left:0px; padding-top:10px; font-size: 12px !important; line-height:13px !important;}
	.benefits ul {text-align:left; padding-left:0px;}

	.benefits ul li {
		list-style-type: none;
		background: url(../image/ticking.png) no-repeat;
		background-position: left -5px;
		vertical-align:top;
		padding-left: 55px;
		margin-bottom: 15px;
		
	}
	
	.white-bg {
		width: 90%;
		margin-left: -45%;
		height: 100%;
		position: relative;
		left: 50%;
		z-index: 1;
		overflow: hidden;
		padding-bottom: 20px;
	}
	
	.white-bg-content {
		background: rgba(255,255,255,0.74);
		border-style: none;
		left: 0px;
		top: 20px;
		z-index: 1;
		width: 100%;
		height: 100%;
		position: relative;
		border-radius: 0px;
		padding: 0px 15px 15px 15px;
	}
	
	.section-nobg {
		background: rgba(255,255,255,1);
		width: 100%;
		overflow: hidden;
	}

	.section-nobg .content {
		display: block;
		background: rgba(255,255,255,1);
		border-style: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 90%;

		position: relative;
		border-radius: 0px;
		padding: 10px 0px;
		color: #222222;
	}	

	.section-lab .content {
		width: 90%;
		padding: 15px 0px;
	}
	.section-24ur .content {
		width: 90%;
		padding: 10px 0px;
	}
	.section-bonus .content {
		width: 90%;
		padding: 15px 0px;
	}
	
	.offer-price {font-size:20px;}
	.offer-picture {padding-right:0px;}
	.CTA {font-size:16px; }
	.CTA img {width: 20px; top: 25px; right: 10px;}
	.CTA-red {font-size: 16px;}

}