/*
Theme Name:GenF20 Plus
Theme URI:https://www.genf20.com
Description:Hand coded GenF20 Plus site
Author:GenF20 Plus
Author URI:https://www.genf20.com
Template:genf20
Version:0.1
*/

.content_container.header .content_inner.banner {
	background:transparent url("img/banner_img.png") no-repeat scroll center top;
	position:relative;
	background-size:100% auto;
}

.content_container.header .content_inner.banner .text {
	margin:1em 0 0.5em;
}

.content_container.header .content_inner.banner .box {
	margin:0.5em 0 1em;
}

.content_container.header .content_inner.banner {
	text-align:right;
}

.content_container.header .content_inner.banner .pad {
	display:inline-block;
	text-align:center;
}

.content_container.redLine {
	background:transparent url("img/line_red.jpg") repeat scroll center center;
	background-size:auto 100%;
}

.content_container.redLine .content_inner {
	position:relative;
}

.content_container.redLine .content_inner .arrowimg {
	position:absolute;
	top:0;
	left:0;
}

.content_container.redLine .content_inner .boximg {
	position:absolute;
	right:0;
	bottom:0;
}

.content_container.redLine .content_inner .textimg {
	position:relative;
	z-index:1;
}

#dr_video {
	padding-top:25px;
	background:transparent url("img/dr_background.jpg") repeat scroll 0px 0px / cover;
}

#dr_video h2 {
	color:rgb(0, 102, 0);
	font-size:33px;
	line-height:1.0em;
	text-align:center;
}

#dr_video h3 {
	background:#125F12 url("img/quote.png") no-repeat scroll left top;
	font-size:16px;
	line-height:1.2em;
	color:#FFF;
	padding:10px 20px;
	border-radius:8px;
	font-family:"Roboto Slab", sans-serif;
	font-weight:700;
	letter-spacing:0px;
	margin:8px 0px;
	text-shadow:1px 1px 3px #000;
}

#dr_video .videoplay {
	border:5px solid #125300;
}

#dr_video .lammPortrait img {
	display:block;
}

#dr_video .lammPortrait {
	display:inline-block;
	width:36%;
}

#dr_video .videoplay {
	display:inline-block;
	width:59%;
	margin-left:2%;
	border:5px solid #125300;
}

.content_container.greenLine {
	background-color:#125300;
	height:15px;
	position:relative;
	z-index:1;
}

#about.content_container {
	background-image:url("img/line_arrowd.png"), url("img/about_bg.jpg");
	background-repeat:no-repeat,no-repeat;
	background-position:center top, center top;
	background-size:auto auto, auto 100%;
	min-height:100px;
	margin-top:-15px;
}

#about.content_container .content_inner {
	padding-top:50px;
}

#about.content_container .content_inner h3 {
	font-size:48px;
	font-weight:700;
	text-align:left;
	color:#060;
}

#about.content_container .content_inner h4 {
	color:rgb(150, 73, 22);
	margin:0;
	font-size:25px;
	line-height:1em;
}

p, div.p {
	font-size:16px;
	font-weight:300;
	margin:1em 0;
}

#about .list1 {
	vertical-align:top;
	display:inline-block;
	position:relative;
	z-index:1;
	padding:0 0 25px;
}

#about .list1 > ul > li {
	background:rgba(255, 255, 255, 0.68) url("img/check_icon-orange.png") no-repeat scroll left center / 40px auto;
	margin:10px 0px;
	padding:8px 10px 8px 40px;
	display:table;
	border-bottom:2px dotted #007800;
	color:#060;
	list-style:outside none none;
	text-shadow:1px 1px 4px #FFF;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
}

#about2 .content_inner {
	padding-top:30px;
}

h2 {
	font-family:"Roboto Slab";
	font-weight:bold;
	font-size:26px;
	color:#060;
	line-height:1em;
	text-align:left;
}

.list2 li {
	background:transparent url("img/x_icon-red.png") no-repeat scroll left center / 35px auto;
	background-position-x:left;
	background-position-y:center;
	background-size:35px auto;
	padding:4px 0px 4px 35px;
	display:table;
	color:#000;
	list-style:outside none none;
	text-shadow:1px 1px 4px #FFF;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
	margin:10px 0;
}

.list2 li span {
	color:#F00;
}

#about2 {
	background:transparent url("img/about2_bg.jpg") no-repeat scroll;
	background-position:0, 0;
	background-size:auto auto;
	background-position:center top;
	position:relative;
}

#how.content_container {
	background-image:url("img/hiw_bg.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#fffddf;
}

#how.content_container .content_inner {
	padding-bottom:15px;
}

#how.content_container > .headline {
	background-image:url("img/bg_headline_how.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#013701;
}

#how.content_container > .shadow {
	background-image:url("img/shadow_green_arw.png");
	background-repeat:no-repeat;
	background-position:center top;
	height:59px;
	margin-bottom:-25px;
}

#how.content_container > .headline h2 {
	text-align:center;
	font-size:40px;
	color:#FFF;
	line-height:1em;
	padding:15px 0px;
	margin:0px;
}

#how h2, #how h3 {
	font-size:45px;
	font-family:"Roboto Slab", sans-serif;
	color:rgb(0, 102, 0);
	line-height:1.0em;
	text-align:center;
	margin:0 0 25px;
}

#how h3 {
	color:#964916;
}

.imgBlock {
	text-align:center;
	position:relative;
	z-index:1;
}

#try60.content_container {
	background-image:url("img/dna_fade.png"), url("img/bg_ptrng.png");
	background-repeat:no-repeat, repeat;
	background-position:center top, center top;
	background-size:auto 100%, auto auto;
}

.content_container > .arrowshadow {
	background-image:url("img/top_lineg.png");
	background-repeat:repeat-x;
	background-position:center top;
	height:94px;
	margin-bottom:-40px;
}

#try60.content_container img {
	width:50%;
}

#ready.content_container {
	background-image:url("img/bg_img0000.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto 100%;
}

#ready.content_container > .content_inner > .content {
	background:rgba(255, 255, 255, 0.66) none repeat scroll 0% 0%;
	padding:0px 30px;
	width:75%;
	float:right;
}

#ready.content_container > .line {
	background-image:url("img/btm_lineg.jpg");
	background-repeat:repeat-x;
	background-position:center top;
	height:19px;
}

#ready h2, #ready h3 {
	text-align:left;
	margin:20px 0;
}

#ready h3 {
	color:#964916;
}

#bonus.content_container > .headline {
	background-image:url("img/bg_headline_how.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	padding:10px 0px 0px;
	background-color:#013701;
	text-align:center;
}

.aiosrs-rating-wrap {
	display:none;
}

.content_container.header > .content_inner > .title {
	font-size:40px;
	text-align:center;
	color:#005400;
	text-shadow:0px 1px 5px #FFF;
	padding:25px 0px;
	font-weight:700;
	line-height:1.1em;
}

.content_container.header > .content_inner > .title > span {
	color:rgb(83, 0, 0);
}

.content_container.header > .content_inner > .titleInfo {
	background-color:rgba(254, 255, 223, 0.72);
	border-radius:8px;
	border:solid 1px #846712;
	padding:0 25px;
	color:#000;
	margin:0px 0px 10px;
	text-align:center;
	font-size:17px;
	max-width:700px;
	margin:0.25em auto 1em;
	text-align:left;
}

#doc.content_container > .content_inner h4 {
	font-size:32px;
	line-height:1em;
	color:#444;
	margin:10px 0px;
	text-align:center;
}

.tabList {
	text-align:center;
}

.tabList > .content {
	background:#FFFDE6;;
	background:rgba(255, 249, 182, 0.34) none repeat scroll 0% 0%;
	margin:0.5em auto;
	padding:2em;
	border:1px solid #AFA642;
	display:none;
}

.tabList > .tab {
	cursor:pointer;
	padding:0px;
	background:#CECECE none repeat scroll 0% 0%;
	display:inline-block;
	margin:0px 0.5em;
	border-radius:100px;
	box-sizing:border-box;
	transition:all 0.3s ease-out 0s;
	border:3px solid #FFF;
}

.tabList.lamm > .tab.lamm {
	border:3px solid #005400;
}

.tabList.hill > .tab.hill {
	border:3px solid #005400;
}

.tabList.lepeley > .tab.lepeley {
	border:3px solid #005400;
}

.tabList > .tab > img {
	display:block;
	margin:5px;
}

.tabList.lamm > .content.lamm {
	display:block;
}

.tabList.hill > .content.hill {
	display:block;
}

.tabList.lepeley > .content.lepeley {
	display:block;
}

.tabList.lepeley > .content.lepeley h5 {
	color:rgb(0, 102, 0);
	font-size:1.2em;
	letter-spacing:0px;
	margin:0px 0px 1em;
}

.tabList.lepeley > .content.lepeley video {
	max-width:100%;
	height:auto;
}

.tabList.lepeley > .content.lepeley > .video {
	max-width:640px;
	margin:0 auto;
}

.tabList.lepeley > .content.lepeley > .video > .placeholder {
	background-image:url("img/lepeley-video-poster.jpg");
}

.tabList > .content h3 {
	margin-top:0px;
	font-size:2em;
	letter-spacing:0px;
	color:#060;
	text-align:center;
}

.tabList > .content img.img_left {
	margin-right:16px;
	margin-top:10px;
}

.content_container > .content_inner .tabList > .content > div.p {
	text-align:left;
	font-size:16px;
	line-height:1.5em;
}

#howHGH.content_container {
	background-color:#FFFDDF;
}

#howHGH.content_container > .shadow {
	background-image:url("img/line_arrowd.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	height:74px;
}

#howHGH.content_container > .content_inner > h2 {
	text-align:center;
	margin:-1.0em auto 1em;
}

.medBlock {
	border:1px solid #3B86B8;
	background-color:#F5F1C4;
	padding:10px 10px;
	margin-bottom:15px;
}

.medBlock .oswald {
	font-size:22px;
	font-weight:bold;
	letter-spacing:0px;
	background:#3B86B8 none repeat scroll 0% 0%;
	color:#FFF;
	margin:5px 0px 0px;
	padding:6px;
}

.oswald {
	font-family:"Oswald",sans-serif;
	font-weight:normal;
	line-height:1.1em;
}

.content_container > .content_inner .medBlock h3 {
	font-size:15px;
	margin:0px;
	line-height:1.2em;
	padding:0px;
	text-align:left;
	color:#060;
}

ul.column_list li {
	background:transparent url("img/check.png") no-repeat scroll 0px 4px;
	padding:0 0 0 20px;
	list-style-type:none;
	font-size:15px;
}

#free.content_container > .content_inner {
	padding:1px 0 20px;
}

#howHeadline.content_container {
	background:transparent url("img/bg_headline_how.jpg") no-repeat scroll 0px 0px / cover;
	text-align:center;
	font-family:"Roboto Condensed", sans-serif;
	font-size:1.8em;
	font-weight:700;
	color:#FFEA00;
	line-height:1.2em;
	padding:10px 0px;
}

#howHeadline.content_container > .content_inner > .headline {
	margin:0 auto;
	max-width:900px; 
}

#hgh.content_container > .content_inner h2.title {
	padding-top:1em;
}

#success.content_container {
	background-image:url("img/line_arrowd.png");
	background-repeat:no-repeat;
	background-position:center -15px;
	background-color:#FFFDDF;
	min-height:89px;
}

#success.content_container > .content_inner {
	padding:20px 0px 1px;
}

#success.content_container > .content_inner > h2 {
	text-align:center;
	font-size:40px;
	padding-top:10px;
}

#success.content_container > .content_inner .testi h3 {
  font-size:1.6em;
  letter-spacing:0px;
  line-height:1em;
  color:#903600;
  margin:8px 0px;
  text-align:left;
}

#success.content_container > .content_inner .testi {
	border:2px solid #1E76B0;
	padding:20px;
	margin-bottom:15px;
	background:#E4EBF0 none repeat scroll 0% 0%;
}

#success.content_container > .content_inner .testi h5 {
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#444;
	margin-bottom:0px;
}

#success.content_container > .content_inner .testi .testi_img {
	width:100px;
	padding:10px;
	float:right;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
}

#success.content_container > .content_inner .testi .testi_photo {
	float:left;
	margin-right:10px;
}

#success.content_container > .content_inner .testi a {
	font-size:12px;
}

#arrow.content_container {
	background-image:url("img/shadow_brown_arw.png");
	background-repeat:no-repeat;
	background-position:center top;
	height:77px;
	margin-bottom:-50px;
}

#faq.content_container > .content_inner > .faqBlock > .title {
	font-family:"Oswald",sans-serif;
	font-weight:normal;
	line-height:1.1em;
	color:#CF0000;
	font-size:28px;
}

.content_container > .content_inner h2, .content_container > .content_inner h3 {
	font-size:24px;
	color:#060;
	line-height:1em;
	text-align:left;
}

.article h3 {
	margin:1em 0 0.5em;
}

#faq h2, #faq h3 {
	margin:1em 0;
}

.currency {
	text-align:center;
	background-color:#017e00;
	font-weight:bold;
	padding:5px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	font-size:16px;
	color:#fae149;
	clear:both;
	line-height:1em;
}

.currency select {
	font:inherit;
}

#packageContainer {
	padding:1em 0;
}

#packageContainer > .package {
	background-color:rgb(238, 238, 238);
	border:1px solid rgb(204, 204, 204);
	padding:1em;
	margin:1em 0;
}

#packageContainer > .package > .inner {
	padding:1em;
	background-color:rgb(104, 136, 71);
	background-image:radial-gradient(at center center, rgb(104, 136, 71) 0%, rgb(39, 57, 21) 100%);
}

#packageContainer > .package > .inner .title {
	color:#fff;
	font-size:40px;
	font-weight:700;
}

#packageContainer > .package > .inner .only {
	color:rgb(197, 224, 169);
	font-size:35px;
	font-weight:700;
}

#packageContainer > .package > .inner .costPerMonth {
	color:rgb(250, 225, 73);
	font-size:32px;
}

#packageContainer > .package > .inner .plus > .title {
	color:#fff;
	font-family:Roboto, sans-serif;
	font-weight:700;
	font-size:24px;
}

#packageContainer > .package > .inner .plus > .item {
	font-family:Oswald;
	font-weight:400;
	color:#fff;
	padding-left:1em;
}

#packageContainer > .package > .inner .plus > .item > span {
	color:rgb(251, 208, 77);
}

#packageContainer > .package > .inner .list {
	padding-top:2em;
}

#packageContainer > .package > .inner .list > .item {
	font-size:18px;
	font-weight:700;
	color:rgb(250, 225, 73);
}

#packageContainer > .package > .inner .regularPrice {
	font-size:18px;
	color:rgb(250, 225, 73);
	text-align:center;
}

#packageContainer > .package > .inner .regularPrice > .value {
	text-decoration:line-through;
}

#packageContainer > .package > .inner .price {
	color:rgb(255, 255, 255);
	font-size:30px;
	font-weight:700;
	text-align:center;
}

#packageContainer > .package > .inner a.button {
	font-size:2em;
	color:rgb(250, 225, 73);
	font-weight:700;
	background-color:rgb(1, 126, 0);
	padding:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	margin-top:4px;
	line-height:1em;
}

#packageContainer > .package > .inner a.button:hover {
	background-color:rgb(21, 149, 20);
}

.content_container.header.contact > .content_inner > .titleInfo {
	text-align:center;
}

.content_container.contactBody > .content_inner h2 {
	margin-bottom:0.25em;
}

.content_container.contactBody > .content_inner {
	max-width:730px;
}

.wpforms-form {
	padding:5px 20px 20px;
	border:3px solid #529700;
	border-radius:15px;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form select.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width:100%;
	font:inherit;
}

.wpforms-container.wpforms-container-full {
	max-width:650px;
}

/* shared Tablet and Desktop Styles */
@media (min-width:750px) {

#about div.p {
	width:500px;
	text-shadow:1px 1px 2px #fff;
}

#about2 .pluses {
	width:60%;
	float:right;
}

#about2 .orderImg {
	width:40%;
	float:left;
	padding:30px 0 15px;
}

#about2 .orderList {
	width:60%;
	float:right;
}

#about2 .orderList .list2 {
	padding:0;
}

#ready.content_container > .content_inner {
	padding:20px 0;
}

.w50 {
	width:50%;
	float:left;
}

#dr_video .lammPortrait img {
	position: relative;
	top: 5px;
}

}

/* Mobile */
@media (max-width:749px) {
.content_container.header .content_inner.banner .pad {
	width:190px;
	height:205px;
}

.content_container.header .content_inner.banner .text {
	margin:0 0 0.25em;
}

.content_container.redLine .content_inner .textimg {
	padding:5px 0px 3px 10px;
	width:48%;
}

.content_container.redLine .content_inner .boximg {
	width:50%;
	bottom:-8px;
}

.content_container.redLine .content_inner .arrowimg {
	top:-8px;
	left:150px;
	height:43px;
}

#dr_video .content_inner {
	padding-bottom:5px;
}

#dr_video .lammPortrait {
	display:block;
	width:auto;
}

#dr_video .videoplay {
	display:block;
	width:auto;
	margin:0;
}

#dr_video h3 {
	padding:10px;
}

#about.content_container .content_inner h3 {
	font-size:32px;
}

#about.content_container .content_inner h4 {
	font-size:18px;
}

#about .list1 {
	padding-bottom:0;
}

#about .list1 > ul > li {
	margin:0 0 5px;
	font-size:14px;
	background-size:16px auto;
	padding:4px 10px 4px 16px;
}

#about.content_container {
	background-position:center top, left top;
}

#about.content_container .content_inner {
	padding-bottom:15px;
}

#about2 {
	background:none;
}

.list2 li {
	background-size:25px auto;
	padding:2px 0px 2px 25px;
	font-size:16px;
	margin:6px 0;
}

#how h2, #how h3 {
	font-size:24px;
	margin:0 0 0.5em;
}

#try60.content_container img {
	width:100%;
	max-width:100%;
	float:none;
}

#ready.content_container {
	background-position:right top;
}

#ready.content_container > .content_inner > .content {
	width:auto;
	float:none;
	padding:1px 15px;
}

.content_container.header > .content_inner > .title {
	font-size:28px;
	padding:15px 0px;
}

.content_container.header.contact > .content_inner > .title {
	font-size:32px;
}

.tabList > .tab {
	margin:0;
}

.tabList > .tab > img {
	width:80px;
}

#doc.content_container > .content_inner h4 {
	font-size:27px;
}

img.img_left, img.img_right {
	max-width:50%;
	height:auto;
}

#free img.img_right {
	margin:10px 0 0;
}

.tabList > .content h3 {
	font-size:1.7em;
}

.tabList > .content {
	padding:1em;
}

.tabList > .content img.img_left {
	margin-right:10px;
	margin-top:0;
}

#howHeadline.content_container {
	font-size:1.4em;
}

#success.content_container > .content_inner .testi h3 {
	font-size:1.2em;
	margin-top:0px;
}

#success.content_container > .content_inner .testi {
	padding:15px;
}

#success.content_container > .content_inner > h2 {
	font-size:35px;
}

#success.content_container > .content_inner .testi .testi_photo {
	margin-bottom:10px;
}

.content_container.header.order > .content_inner > .title {
	font-size:24px;
}

.w50 {
	float:none;
	width:auto;
}

#packageContainer > .package > .inner > .w50 > .padding {
	padding:0;
}

#packageContainer > .package > .inner .title {
	font-size:32px;
	line-height:1em;
}

#packageContainer > .package > .inner .only {
	font-size:28px;
	margin-top:0.25em;
}

#packageContainer > .package > .inner .costPerMonth {
	font-size:28px;
}

#packageContainer > .package > .inner .plus > .title {
	margin:0.25em 0 0.15em;
	font-size:16px;
}

#packageContainer > .package > .inner .plus > .item {
	padding-left:0.25em;
	font-size:13px;
}

#packageContainer > .package > .inner .list {
	padding:0.5em 0 1.0em;
}

#packageContainer > .package > .inner .list > .item {
	font-size:16px;
}

#packageContainer > .package > .inner .regularPrice {
	font-size:16px;
}

}

/* Tablet */
@media (min-width:750px) and (max-width:1039px) {
.content_container.header .content_inner.banner .pad {
	width:410px;
	height:445px;
}
.content_container.redLine .content_inner .boximg {
	width:320px;
	bottom:-15px;
}

.content_container.redLine .content_inner .textimg {
	padding:5px 0px 3px 10px;
	width:400px;
}

.content_container.redLine .content_inner .arrowimg {
	left:50%;
	top:-15px;
	height:88px;
}

#dr_video h3 {
	padding:10px 30px 10px 100px;
	background-size:auto 100%;
	background-position-x:-15px;
}

#about.content_container .content_inner h3 {
	font-size:30px;
}

#about.content_container .content_inner h4 {
	font-size:20px;
}

#about .list1 > ul > li {
	background:rgba(255, 255, 255, 0.68) url("img/check_icon-orange.png") no-repeat scroll left center / 24px auto;
	padding:2px 10px 2px 24px;
	font-size:12px;
}

.list2 li {
	font-size:20px;
	margin:5px 0;
}

#about2 {
	background-size:auto 60%;
}

#about2 .orderImg {
	width:36%;
	padding:0;
}

#how h2, #how h3 {
	font-size:30px;
}

#ready.content_container > .content_inner > .content {
	padding:5px 20px 20px;
	width:auto;
	float:none;
}

.content_container.header > .content_inner > .title {
	margin:0 auto;
}

.content_container.header.medical > .content_inner > .title {
	max-width:480px;
}

#howHeadline.content_container {
	font-size:1.4em;
}

#packageContainer > .package > .inner .title {
	font-size:26px;
}

#packageContainer > .package > .inner .only {
	font-size:26px;
}

#packageContainer > .package > .inner .costPerMonth {
	font-size:26px;
}

#packageContainer > .package > .inner .plus > .title {
	font-size:20px;
	margin-top:0.25em;
}

#packageContainer > .package > .inner .plus > .item {
	padding-left:0.25em;
}

}

/* Desktop */
@media (min-width:1040px) {
.content_container.header .content_inner.banner .pad {
	width:540px;
	height:570px;
}

.content_container.redLine .content_inner .textimg {
	padding:10px 0px 6px 110px;
	width:41%;
}

.content_container.redLine .content_inner .boximg {
	bottom:-25px;
}

.content_container.redLine .content_inner .arrowimg {
	left:47%;
	top:-15px;
	height:100px;
}

#dr_video h3 {
	font-size:22px;
	padding:10px 20px 10px 160px;
}

#ready.content_container > .content_inner > .content {
	padding:0px 30px;
}

.content_container.header.comparison > .content_inner > .title {
	margin:0 auto;
	max-width:700px;
}

.content_container.header.order > .content_inner > .title {
	font-size:37px;
}

}