/* FONTS */
@font-face {
	font-family: Helvetica;
	src: url('../fon/Helvetica_Light.otf');
	src: url('../fon/Helvetica_Light.eot');
	src: url('../fon/Helvetica_Light.eot?#iefix') format('embedded-opentype'),
		url('../fon/Helvetica_Light.woff') format('woff'),
		url('../fon/Helvetica_Light.ttf')  format('truetype'),
		url('../fon/Helvetica_Light.svg#svgFontName') format('svg');
}
@font-face {
	font-family: MyriadProRegular;
	src: url('../fon/MyriadPro-Regular.otf');
	src: url('../fon/MyriadPro-Regular.eot');
	src: url('../fon/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fon/MyriadPro-Regular.woff') format('woff'),
		url('../fon/MyriadPro-Regular.ttf')  format('truetype'),
		url('../fon/MyriadPro-Regular.svg#svgFontName') format('svg');
}

/* --------------- DESKTOP --------------- */
body {
	color: #000000;
	font-family: Arial;
	font-size: 30px;
	line-height: 42px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

/* COMMON */
.body_center {
	width: 100%;
	height: auto;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.para_wrapper {
	width: 90%;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
a {
	text-decoration: none;
}
p {
	width: 100%;
	height: auto;
	text-align: left;
}
.linebreak {
	width: 100%;
	height: 1px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
}
h1, h2, h3 {
	font-family: Helvetica;
	font-size: 50px;
	font-size: 7.5vmin;
	letter-spacing: -1px;
	line-height: normal;
}
.img_fullwidth {
	width: 100%;
	max-width: 650px;
	height: auto;
}

/* HEADER */
#header img {
	display: block;
}
#header #header_phone {
	width: 50%;
	height: 55px;
	background-color: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* HEADER - PHONE */
#header_phone {
	width: 100%;
	height: auto;
	background-color: #d4e4f4;
	text-align: center;
}
#header_phone #header_phone_num {
	width: 49%;
	height: auto;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
}
#header_phone #header_phone_num a {
	color: #000000;
	text-decoration: none;
}
#header_phone #header_phone_num a:hover {
	text-decoration: underline;
}
#header_phone #header_phone_num span {
	font-size: 5vmin;
	font-weight: bold;
	letter-spacing: normal;
}
#header_phone img {
	width: 42%;
	max-width: 268px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

/* BANNER */
#banner h2 {
	color: #293778;
	margin-bottom: 20px;
}
#banner ul {
	width: 90%;
	height: auto;
	font-size: 28px;
	font-size: 4.25vmin;
	letter-spacing: -1px;
	text-align: left;
	list-style: none;
	margin: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#banner ul li img {
	width: 5%;
	max-width: 26px;
	height: auto;
	margin-right: 2%;
}

/* BANNER - PODS */
#lo_banner #lo_banner_pod_form {
	margin-top: 20px;
	position: relative;
	margin-bottom: 40px;
}
#lo_banner #lo_banner_pod_form img {
	width: 100%;
	max-width: 650px;
	height: auto;
	display: block;
}
#lo_banner #lo_banner_pod_form #lo_banner_pod_wrapper {
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 12%;
	left: 0;
}
#lo_banner #lo_banner_pod_form #banner_form_options .banner_form_option {
	width: 20%;
	height: auto;
	text-align: center;
	background-color: #f2f2f2;
	color: #6e6e6e;
	padding: 15px;
	padding-top: 25px;
	margin-right: 10px;
	display: inline-block;
}
#lo_banner #lo_banner_pod_form #banner_form_options .banner_form_option:hover {
	background-color: #e7f4fb;
	border-style: solid;
	border-width: 3px;
	border-color: #293778;
}
#lo_banner #lo_banner_pod_form #banner_form_options .banner_form_option_sel {
	background-color: #e7f4fb;
	border-style: solid;
	border-width: 3px;
	border-color: #293778;
}
#lo_banner #lo_banner_pod_form #banner_form_options .banner_form_option p {
	font-family: MyriadProRegular;
	font-size: 4vmin;
	color: #6e6e6e;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0;
}
#lo_banner #lo_banner_pod_form #banner_form_options .banner_form_option p strong {
	font-size: 8vmin;
}
#lo_banner #lo_banner_pod_form #banner_form_prices {
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 40px;
}
#lo_banner #lo_banner_pod_form #banner_form_prices p {
	font-family: MyriadProRegular;
	font-size: 6vmin;
	color: #6e6e6e;
	text-align: center;
	margin: 0;
}
#lo_banner #lo_banner_pod_form #banner_form_prices p span {
	text-decoration: line-through;
}
#lo_banner #lo_banner_pod_form #banner_form_prices p strong {
	font-size: 6vmin;
}
#lo_banner #lo_banner_pod_form #banner_form_prices h2 {
	font-family: MyriadProRegular;
	font-size: 12vmin;
	color: #6e6e6e;
	font-weight: bolder;
	margin-top: 35px;
	margin-bottom: 0;
}
#lo_banner #lo_banner_pod_form #banner_form_btn {
	width: 81%;
	max-width: 523px;
	height: auto;
	margin-top: 25px;
	margin-left: 12%;
}

/* PODS */
.pods {
	width: 100%;
	height: auto;
	text-align: center;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	position: relative;
}
.pods .pods_choose {
	font-family: Arial;
	font-size: 45px;
	font-size: 6.75vmin;
	font-weight: bold;
	color: #293778;
	text-transform: uppercase;
	margin: 0;
	margin-top: 30px;
}
.pods .pods_pod {
	width: 90%;
	height: auto;
	text-align: center;
	background-color: #fcfcfc;
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 40px;
	padding-bottom: 20px;
}
.pods .pods_pod_blue {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #d5e4f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#d5e4f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#d5e4f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d5e4f5',GradientType=0 ); /* IE6-9 */
	padding-top: 20px;
}
.pods .pods_pod_border {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #cad2da;
}
.pods .pods_pod:hover {
	background-color: #f4f4f4;
}
.pods .pods_pod_highlight {
	background: #ffac00; /* Old browsers */
	background: -moz-linear-gradient(top, #ffac00 0%, #eff3f3 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffac00 0%,#eff3f3 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffac00 0%,#eff3f3 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac00', endColorstr='#eff3f3',GradientType=0 ); /* IE6-9 */
}
.pods .pods_pod .pods_pod_title {
	width: 100%;
	height: auto;
	background-color: #293778;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pods .pods_pod_highlight .pods_pod_title {
	background-color: #ff7a02;
}
.pods .pods_pod .pods_pod_arrow {
	width: 18%;
	max-width: 103px;
	height: auto;
}
.pods .pods_pod .pods_pod_title h2 {
	font-size: 40px;
	font-size: 5.9vmin;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0;
}
.pods .pods_pod .pods_pod_bottle {
	width: 100%;
	max-width: 585px;
	height: auto;
}
.pods .pods_pod p {
	font-size: 38px;
	font-size: 5.6vmin;
	line-height: 50px;
	text-align: center;
	color: #6e6e6e;
	margin: 0;
}
.pods .pods_pod .pods_pod_title_small {
	font-weight: bold;
	color: #293778;
}
.pods .pods_pod p u {
	text-decoration: line-through;
}
.pods .pods_pod p strong {
	color: #ff0000;
	text-transform: uppercase;
}
.pods .pods_pod .pods_pod_line {
	width: 15%;
	height: 4px;
	background-color: #293778;
	display: inline-block;
}
.pods .pods_pod .pods_pod_price {
	font-size: 67px;
	font-size: 10vmin;
	color: #6e6e6e;
	margin-top: 0;
	margin-bottom: 0;
}
.pods .pods_pod span {
	font-size: 28px;
	font-size: 4.1vmin;
	color: #6e6e6e;
}
.pods .pods_pod .pods_pod_btn {
	width: 88%;
	max-width: 515px;
	height: auto;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);
	margin-top: 10px;
}
.pods .pods_pod .pods_pod_rmo {
	width: 50%;
	max-width: 292px;
	height: auto;
	margin-top: 10px;
}

/* RON */
#ron {
	padding-bottom: 30px;
}
#ron #ron_title {
	width: 100%;
	height: auto;
	background-color: #293778;
	padding-top: 15px;
	padding-bottom: 15px;
}
#ron #ron_title h2 {
	font-size: 28px;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
}
#ron #ron_title h2 strong {
	font-size: 40px;
}
#ron #ron_arrow {
	width: 10%;
	height: auto;
	display: block;
	margin-left: 40%;
}
#ron #ron_ron {
	width: 39%;
	max-width: 248px;
	height: auto;
	vertical-align: top;
	margin-top: 20px;
}
#ron #ron_copy {
	width: 50%;
	height: auto;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-left: 5%;
	position: relative;
}
#ron #ron_copy p {
	font-size: 25px;
	line-height: 32px;
}
#ron #ron_copy p strong {
	font-style: italic;
}
#ron #ron_copy p strong span {
	font-size: 20px;
}
#ron #ron_copy img {
	width: 20%;
	max-width: 64px;
	height: auto;
	float: right;
	margin-top: -20px
}

/* GUARANTEE */
.guarantee {
	border-style: solid;
	border-width: 1px;
	border-color: #bfbfbf;
	border-left: none;
	border-right: none;
	background: #eef5fb; /* Old browsers */
	background: -moz-linear-gradient(top, #eef5fb 0%, #d3e3f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eef5fb 0%,#d3e3f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eef5fb 0%,#d3e3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef5fb', endColorstr='#d3e3f4',GradientType=0 ); /* IE6-9 */
	padding-bottom: 40px;
}
.guarantee img {
	width: 94%;
	max-width: 607px;
	height: auto;
	margin-top: 20px;
}
.guarantee p {
	margin-top: 10px;
	margin-bottom: 0;
}

/* FAQ */
#faq h2 {
	font-weight: normal;
}
#faq #faq_quotes {
	width: 100%;
	height: auto;
}
#faq p {
	width: 90%;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#faq p b {
	color: #2d4c87;
}
#faq #faq_quotes p {
	font-size: 25px;
	line-height: 30px;
}
#faq #faq_quotes p strong {
	color: #2d4c87;
}
#faq #faq_quotes p img {
	width: 17%;
	max-width: 98px;
	height: auto;
	margin-top: 5px;
	margin-left: 10px;
}
#faq #faq_facts {
	width: 84%;
	max-width: 545px;
	height: auto;
}
#faq #faq_chart {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* AWARD */
#award {
	text-align: left;
	background-color: #009cf3;
	padding-bottom: 30px;
	margin-bottom: 50px;
}
#award #award_copy {
	width: 50%;
	height: auto;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5%;
}
#award #award_copy h2 {
	font-size: 40px;
	color: #ffffff;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#award #award_copy p {
	font-size: 20px;
	color: #ffffff;
	line-height: 25px;
	margin: 0;
}
#award img {
	width: 40%;
	max-width: 254px;
	height: auto;
	position: absolute;
	top: 5px;
	right: 5%;
}

/* FOOTER */
#footer {
	padding-top: 20px;
	padding-bottom: 40px;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	width: 80%;
	height: auto;
	font-size: 16px;
	color: #6a6a6a;
	line-height: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#footer p a {
	color: #6a6a6a;
}