/*  

Theme Name: Longevinex Custom Theme
Theme URI: http://longevinex.com
Description: Longevinex custom theme
Version: 1.0
Author: Andrej Tazberik
Author URI: http://andrej.atdesign.org

*/

@charset "utf-8";
/* CSS Document */

/* ------------------------------ Common rules ------------------------------ */
body, h1, h2, h3, h4, h5, h6, p, ul, li, input { margin: 0px; padding: 0px; }
img{ border: none; }
.clearFloat{ font-size: 1px; line-height: 0px; margin: 0px; clear: both; height: 0px; }
a{ text-decoration: none; }
hr{ height: 0px; width: 96%; margin: 0px 2% 0px 2%; padding: 0px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background: #fff url('images/page_bckg.jpg') left top no-repeat ; }

/* Supplement Facts */
table.supplFacts{ border: 1px solid #000; border-collapse:collapse; width: 300px;  }
table.supplFacts col.col1{ width: 50%; }
table.supplFacts col.col2{ width: 25%; }
table.supplFacts col.col3{ width: 25%; }
table.supplFacts th, #Content table.supplFacts th p{ font-size: 8pt; }
table.supplFacts strong.header{ font-family:'Arial Black','Helvetica Bold',sans-serif; font-size:18pt; white-space:nowrap;   }
table.supplFacts tr{ border-bottom: 1px solid #000; vertical-align: top; }
table.supplFacts tr.boldBorder{ border-bottom: 8px solid #000; }
table.supplFacts tr.semiBoldBorder{ border-bottom: 4px solid #000; }
table.supplFacts p{ padding: 0px; margin: 0px; }
table.supplFacts p.textIndent{ text-indent: 10px; font-size: 8pt; }




/* --- HEADER --- */
header{ width: auto; max-width: 900px; margin: 0px auto; padding: 10px 0px; position: relative; border-bottom: 1px solid #7cacc2; }
header img#Logo{ max-width: 100%; height: auto; }
header p{ color: #7cacc2; }
header p#Hphone{ position:absolute; right:0px; top: 40px; width: auto;  font-size: .9em; border-left: 1px solid #ed80ad; padding: 9px 10px 9px 20px; }
header nav { position:absolute; right: 0px; top:0px;  font-size: .9em; }
header nav ul{ list-style: none; padding: 10px 0px 10px 30px; }
header nav ul li{ display: inline-block; padding: 0px 5px 0px 5px; text-transform: capitalize; }
header nav ul li a{ color: #7cacc2; transition: all .95s ease; display: block; padding: 3px 5px; }
header nav ul li a:hover{ color: #888; }

/* ======== HOME PAGE ========== */

/* === MAIN === */
main#HomePageMain{ width: auto; max-width: 1140px; margin: 0px auto; padding: 0px 0px 40px 0px; }
main#HomePageMain h2{ font-size: 1.8em; color: #860041; text-transform:uppercase; font-weight: normal; padding: 10px 0px 20px 0px; }

/* --- Intro section --- */
main#HomePageMain section#Intro{ padding: 20px 0px 0px 0px;  }
main#HomePageMain section#Intro h1{ text-align: center; color: #7cacc2; font-size: 1.8em; text-transform: uppercase; font-weight: normal;  }
main#HomePageMain section#Intro h1 span{ display: block;  }
main#HomePageMain section#Intro p#SubTitle{ text-align: center; color: #b7064e; font-size: 1.4em; margin: 15px 0px 15px 0px;}
main#HomePageMain section#Intro h2{  }

/* Slider */
/* MetaSlider */
.metaslider div.caption-wrap{  opacity: 1; background: none; height: 100%;}
.metaslider div.caption{ }

/* Slide1 */
.metaslider div#SlideProduct{ text-align: center; }
.metaslider div#SlideProduct a{ display: inline-block; color: #860041; padding: 10px 20px; border: 1px solid #860041; background: #fff4f9; font-size: 1.2em; }
/*
.metaslider div.caption h2{ margin: 0px 0px 0.5em 0px; font-size: 1.5em; line-height: 1em; }
.metaslider div.caption p{ margin: 0px 0px 0.68em 0px; font-size: 1em; line-height: 1.1em; } 
*/


/* Featured */
section#Intro article#Featured{ background: #50050f url(images/featured-horizontalBG.jpg) left top/cover; position: relative; padding: 20px 5px 20px 250px; }
section#Intro article#Featured div{ background: url(images/featured-headingBG.png) left top no-repeat; position: absolute; left: 20px; top: -8px; width: 100px; height: 53px; padding: 0px 120px 0px 9px;  }
section#Intro article#Featured h2{ color: #fff; text-transform: uppercase; width: auto; font-size: .6em; font-weight: normal;  margin: 15px 0px 0px 50px;
	-ms-transform: rotate(35deg); /* IE 9 */ 
	-webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */ 
	transform: rotate(35deg); }

section#Intro article#Featured ul { list-style: none; }
section#Intro article#Featured ul li{ display: inline-block; margin: 0px 0px 0px 20px; }

/* Founder */
section#Intro article#Founder{ background: #850948 url(images/billsardi-horizontalBG.jpg) left top/cover; position: relative; padding: 0px 5px 0px 10%; clear: both; }
section#Intro article#Founder div{ width: 35%; }
section#Intro article#Founder div h2{ color: #fff; font-size: 1em; text-transform:uppercase; font-weight: normal; float: right; margin: 40px 0px 0px 0px; padding: 0px; }
section#Intro article#Founder div h2 span{ font-size: 0.9em; text-transform: capitalize; }
section#Intro article#Founder p{ position: absolute;  right: 2%; top: 30px; color: #fff; font-size: 0.9em; }
section#Intro article#Founder p a{ background: #fff; padding: 10px 10px; color:#860041; display: inline-block;  }

/* Difference */
section#Intro article#Difference{ text-align: center; padding: 30px 0px 0px 0px; margin: 0px 0px 0px 0px; clear: right; }
section#Intro article#Difference ul#Features{ list-style-image:url(images/checkmark.jpg); list-style-position: inside; }
section#Intro article#Difference ul#Features li{ margin: 0px 0px 10px 0px; color: #b7064e; font-size: 1em; }
section#Intro article#Difference ul#Plus{ list-style:none; background: #f2fefe; border: 1px solid #d3e8ed; margin: 30px 0px 0px 0px; color: #407891; padding: 30px 30px; }
section#Intro article#Difference ul#Plus li{ background: url(images/img_plusSign.png) center top no-repeat; padding: 90px 0px 30px 0px; }
section#Intro article#Difference ul#Plus li h3{ font-weight: normal; font-size: 1.2em; }
section#Intro article#Difference ul#Plus li p{ font-size: .9em; margin: 8px 0px 0px 0px; }

/* Science */
section#Intro article#Science{ text-align: center; padding: 30px 0px 20px 0px; margin: 0px 0px 0px 0px; background: #407891; color: #fff;  }
section#Intro article#Science h2{ color: #fff; }
section#Intro article#Science ul{ margin: 20px 0px 10px 0px; list-style: none;}
section#Intro article#Science ul li{ display: inline-block; background: url(images/bckg_scienceItem.png) left top/100% 100%; width: 22%; margin: 0px 0.5%; padding: 80px 0.5% 60px 0.5%;}
section#Intro article#Science p.Sdate{ font-size: .8em; margin: 20px 0px;}
section#Intro article#Science p.Sbutton a{ color:#396c82; display: inline-block; background: #00fffc; padding: 5px 20%; }

/* Testimonials */
main#HomePageMain article#HomeTestimonials{ background: #fff4fa; padding: 30px 5%; border: 1px solid #fbbbd6; }
main#HomePageMain article#HomeTestimonials h2{ text-align: center; }
main#HomePageMain article#HomeTestimonials ul{ list-style: none; margin: 30px 0px 0px 0px; }
main#HomePageMain article#HomeTestimonials ul li{ display: inline-block; width: 40%; margin: 0px 4.5% 50px 4.5%; vertical-align: top; }
main#HomePageMain article#HomeTestimonials p{ font-style:oblique; color: #860041; margin: 0px 0px 10px 0px;  }
main#HomePageMain article#HomeTestimonials p.Tcust{ font-style: normal;  }

/* --- Products section --- */
section#Products{  }

/* Comparison */
section#Products article#Comparison{ padding: 20px 0px 0px 0px; text-align: center; }
section#Products article#Comparison h2{ text-align: center; }
section#Products article#Comparison h3{ margin-bottom: 15px; height: 55px; }
section#Products article#Comparison ul#ProdComp{ list-style: none; display: block; margin: 30px 0px 0px 0px; font-size: 0.9em; color: #426779; }
section#Products article#Comparison ul#ProdComp li{ display: inline-block; width: 400px; margin: 0px 0px 50px -4px; vertical-align: top; text-align: left; }
section#Products article#Comparison ul#ProdComp li figure img{ max-width: 100%; height: auto; }
section#Products article#Comparison ul#ProdComp li div{ margin: 0px 0px 15px 0px; padding: 0px 0px 10px 20px; border-bottom: 1px solid #3e788e; }
section#Products article#Comparison ul#ProdComp li div.compBenefits{ height: 80px; }
section#Products article#Comparison ul#ProdComp li div.compIngredients{ height: 260px; }

section#Products article#Comparison ul#ProdComp li p{ margin: 0px 0px 10px 0px; }
section#Products article#Comparison ul#ProdComp li li{ display: table; width: auto; margin: 0px 0px 3px 0px; padding: 0px; }
section#Products article#Comparison ul#ProdComp h4{ font-size: 1.1em; margin-bottom: 10px; font-weight: normal; color: #538399; }
section#Products article#Comparison .advPlus{ font-weight: bold; }
section#Products article#Comparison p.Cbutton a{ display: inline-block; padding: 10px 20px; background: #f2fefe; border: 1px solid #407891; color: #376b80; }

/* Products */
section#Products article#AllProducts{ padding: 50px 0px 0px 0px; text-align: center; color: #9e0040;}
section#Products article#AllProducts h2{ text-align: center; }
section#Products article#AllProducts h3{ font-size: 1em; }
section#Products article#AllProducts p{ font-size: .9em; margin: 10px 0px 0px 0px; }
section#Products article#AllProducts p a{ color: #407891;  }

section#Products article#AllProducts ul{ list-style: none; margin: 30px 0px 0px 0px; }
section#Products article#AllProducts ul li{ display: inline-block; vertical-align: top; width: 20%; margin: 0px 2%; }
section#Products article#AllProducts ul li img{ max-width: 100%; height: auto; }

/* --- Extras section --- */
section#Extras{  }

/* StemCell */
section#Extras article#StemCell{ text-align: center; padding: 30px 0px 20px 0px; }
section#Extras article#StemCell img{ max-width: 100%; height: auto; }
section#Extras article#StemCell ul{ list-style: none; margin: 20px 0px; }
section#Extras article#StemCell ul li{ display: inline-block; margin: 5px 10px;  }
section#Extras article#StemCell ul li a{ display: inline-block; padding: 10px 20px;  background: #f2fefe; border: 1px solid #407891; color: #376b80; }


/* ======== PAGE ========== */
section#Page{ width: auto; max-width: 1140px; margin: 20px auto; padding: 30px 0px 20px 0px; background: url(images/bckg_subPageHeader.png) left top no-repeat; color: #396b82; }
section#Page h1{ font-size: 2em; color: #fff; font-weight: normal; display: inline-block; padding: 10px 40px; margin: 0px 0px 60px 0px; border-bottom: 1px solid #fff; text-transform: uppercase; }
section#Page h2{ font-size: 1.6em; margin: 40px 0px 20px 0px; font-weight: normal; }
section#Page h3{ font-size: 1.2em; margin: 35px 0px 10px 0px; }
section#Page h4{ font-size: 1em; margin: 10px 0px 15px 0px; }
section#Page p{ margin: 0px 0px 10px 0px; }
section#Page ul li{margin: 0px 0px 10px 0px; }

section#Page article.pageArticle{ padding: 0px 5%; }
section#Page article.page-wSidebar{ width: 65%; padding: 0px 2% 0px 5%; float: right; }

/* ======== INDEX ========== */
section#Index{ width: auto; max-width: 1140px; margin: 20px auto; padding: 30px 0px 20px 0px; background: url(images/bckg_subPageHeader.png) left top no-repeat; color: #396b82; }
section#Index h1{ font-size: 2em; color: #fff; font-weight: normal; display: inline-block; padding: 10px 40px; margin: 0px 0px 60px 0px; border-bottom: 1px solid #fff; text-transform: uppercase; }
section#Index h2{ font-size: 1.6em; margin: 40px 0px 20px 0px; font-weight: normal; text-transform: capitalize; }
section#Index h3{ font-size: 1.2em; margin: 35px 0px 10px 0px; }
section#Index h4{ font-size: 1em; margin: 10px 0px 15px 0px; }
section#Index p{ margin: 0px 0px 10px 0px; }

section#Index section#Posts{ width: 65%; padding: 0px 2% 0px 5%; float: right; }
section#Index ul#PostIndex{ list-style:none; }
section#Index ul#PostIndex li{margin: 0px 0px 10px 0px; }


/* Sidebar */
section#Sidebar{ width: 25%; padding: 120px 0px 10px .5%; float: right; }

ul.sidebarProducts{ list-style: none; }
ul.sidebarProducts li{ width: 90%; padding: 15px 5%; margin-bottom: 10px; border: 1px solid #cddae0; text-align: center; }
ul.sidebarProducts img{ width: auto; max-width: 100%; }
ul.sidebarProducts h3{ font-size: 1em; }
ul.sidebarProducts h3 a{ color: #000; }
ul.sidebarProducts p.moreInfoBtn{ width: 70%; background: #f1fefe; padding: 5% 10%; margin: 10px auto; text-transform:uppercase; font-size: 0.8em; border: 1px solid #396c82; }
ul.sidebarProducts p.moreInfoBtn a{ color: #396c82; padding: 5% 10%; }
ul.sidebarProducts p.buyNowBtn{ width: 70%; background: #fff4f9; padding: 5% 10%; margin: 10px auto; text-transform:uppercase; font-size: 0.8em; border: 1px solid #860041; }
ul.sidebarProducts p.buyNowBtn a{ color: #860041; padding: 5% 10%; }


/* --- FOOTER --- */
footer#Footer{ width: 100%  margin: 30px auto; text-align: center; background: #ba0051 url(images/bckg_footer.png) left top/100% 100%; padding: 30px 1%; }
footer#Footer p#Copyright{ color: #e15891; font-size: .8em;}
footer#Footer p#FDA{ border: 1px solid #fff; font-size: .8em; padding: 20px 30px; color: #fff; display: inline-block; font-weight: bold; }

footer#Footer ul{ list-style: none; margin: 20px 100px 20px 0px; font-size: .8em;  vertical-align: top; text-align: center; }
footer#Footer ul li{ text-transform: uppercase; margin: 0px 10px 0px 10px; display: inline-block;}
footer#Footer ul li a{ color: #fff; transition: all .95s ease; }
footer#Footer ul li a:hover{ color: #aaafaf; }


/* --- MEDIA QUERIES --- */
@media (max-width: 1020px) {
section#Intro article#Founder div h2{ float:none; margin: 0px; padding: 10px 0px; }
section#Intro article#Founder p{ top: 10px; }
section#Intro article#Founder p a{ display: block; text-align: center; margin-top: 10px;  }

}

@media (max-width: 780px) {
header nav { position: static; text-align: center; }
section#Intro article#Science ul li{ width: 40%; margin: 10px 2%; padding: 80px 1% 60px 1%;}
}

@media (max-width: 600px) {
/* Featured */
section#Intro article#Featured{ padding: 50px 5px 20px 20px; }
section#Intro article#Featured ul { text-align: center; }

/* Founder */
section#Intro article#Founder{ position: relative; padding: 0px 5px 10px 10%; }
section#Intro article#Founder div{ width: 100%; }
section#Intro article#Founder div h2{ float: none; }
section#Intro article#Founder p{ position: static; text-align: center; margin: 20px 0px 10px 0px;}
/* Products */
section#Products article#AllProducts ul li{ display: inline-block; width: 40%; margin: 0px 2%; }
}

@media (max-width: 500px) {
/* --- HEADER --- */
header img#Logo{ display: block; margin: 0px auto;  }
header p#Tagline{ text-align: center; margin: 5px 0px; }
header p#Hphone{ position: static; text-align: center; }
header nav { font-size: 1.2em; }
header nav ul li{ display: block; }
header nav ul li a{ padding: 7px 5px; }

/* Comparison */
section#Products article#Comparison ul#ProdComp li{ display: block; width: 95%; margin: 0px 0px 50px -4px; }

/* --- FOOTER --- */
footer#Footer ul{ margin: 20px 0px 20px 0px; }
footer#Footer ul li{ margin: 10px auto 5px auto; display: block;}
}

@media (max-width: 400px) {
/* Science */
section#Intro article#Science ul li{ width: 90%; margin: 10px 2%; padding: 80px 1% 60px 1%;}
/* Products */
section#Products article#AllProducts ul li{ display: block; width: 90%; margin:10px 2%; }
}