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

body {background:#eee fixed; margin:0; font-family:'Lato', sans-serif; font-size:10pt; color:#000; line-height:16pt;}

a {
	color: #981702;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	color: #000;
	text-decoration: none;
}

.red {color:#981702;}
.black {color:#000;}
.gray {color:#ccc;}

.red-12 {font-size:12pt; color:#981702;}
.red-14 {font-size:14pt; color:#981702;}
.red-16 {font-size:16pt; color:#981702;}
.red-18 {font-size:18pt; color:#981702;}
.red-24 {font-size:24pt; color:#981702;}

.black-12 {font-size:12pt; color:#000;}
.black-14 {font-size:14pt; color:#000;}
.black-16 {font-size:16pt; color:#000;}
.black-18 {font-size:18pt; color:#000;}
.black-24 {font-size:24pt; color:#000;}

.gray-12 {font-size:12pt; color:#ccc;}
.gray-14 {font-size:14pt; color:#ccc;}
.gray-16 {font-size:16pt; color:#ccc;}
.gray-18 {font-size:18pt; color:#ccc;}
.gray-24 {font-size:24pt; color:#ccc;}

h1 {
	font-family:'Amiri', serif;
	font-size:36pt;
	font-weight:700;
	color:#981702;
	margin-top:15px;
	margin-bottom:20px;
}

.bkgrd-header {width:100%; position:relative; background-image:url(graphics/bkgrd-header-2019.jpg); height:500px;}

.bkgrd-nav {
	width:100%;
	background:rgba(152,23,2,0.70);
	-webkit-box-shadow: 0px 0px 10px #111;
	-moz-box-shadow: 0px 0px 10px #111;
	box-shadow: 0px 0px 10px #111;
	position:absolute;
	z-index:999999;
	margin-bottom:20px;
}

.wrap {width:1000px; margin:auto;}

nav {
	width: 100%;
	float:none;
	margin:auto;
	text-align:center;
	font-family: 'Lato', sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size:10pt;
	/*font-size:12pt;*/
	font-weight:700;
	text-shadow:1px 1px 3px #111;
	padding:15px 0;
}
nav a {color:#eee;text-decoration:none; margin-right:5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
nav a:hover {color:#fff;text-decoration:none; padding-bottom:3px; border-bottom:3px solid #000;}

nav ul { padding:0; margin:0; text-align:center;}
nav ul li { list-style-type:none; display:inline; margin-right:5px;}
nav ul li:after { content:'|'; color:#000;}
nav ul li:last-child:after { content:''; margin-right:-5px;}

.wrap-logo {width:100%; position:absolute; z-index:99999; max-width:500px;}

.logo {width:500px; float:none; padding-top:20px;}
.logo img {width:100%; height:auto;}

.content {width:100%; margin:25px 0; min-height:400px; clear:both; overflow:hidden;}
.content a {color:#981702; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#000; text-decoration:underline;}

.large-text {font-size:12pt; line-height:26pt;}

.recipies {width:70%; text-align: center; display: block; background-color: #E1AD98; padding: 10px; margin: auto; font-size: 16px;}

.recipie-pic {width:250px; margin-right: 10px; margin-bottom: 10px; float: left;}
.recipie-pic img {width: 100%;}

.natural-pic1 {width:200px; float:right; margin:0 5px 10px 25px;}
.natural-pic1 img {width:100%; height:auto; border:2px solid #981702;}

.natural-pic2 {width:300px; float:left; margin:10px 25px 10px 0;}
.natural-pic2 img {width:100%; height:auto; border:2px solid #981702;}

.c4 {width:22.5%; float:left; margin-right:2.5%; margin-bottom:20px; line-height:22pt;}

.listing:before,
.listing:after {
content: "";
display: table;
}
.listing:after {
clear: both;
}
.listing {width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}

.pic-L {width:30%; float:left; margin-right:3%;}
.pic-L img {width:100%; height:auto; border:2px solid #981702;}

.info-R {width:65%; float:right;}

.button a {
                display:inline-block;
                padding:15px 30px;
                font-size:16px;
                text-transform:uppercase;
                color:#fff;
                text-decoration:none;
                margin-top: 10px;
                font-style:normal;
                background-color: #981702;
                font-weight: 500;
}

.button a:hover {
                background-color: #6B1001;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
}

.button-red a {
                float: left;
                padding:15px 30px;
                font-size:16px;
                text-transform:uppercase;
                color:#fff;
                text-decoration:none;
                margin-top: 20px;
                font-style:normal;
                background-color: #981702;
                font-weight: 500;
                margin-left: 20px;
}

.button-red a:hover {
                background-color: #444444;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                transition: all 0.4s ease;
}



.epd-link {
	width: 255px;
	padding:10px;
	background-color:#981702;
	color:#ccc;
	font-family:'lato', sans serif;
	font-size:10pt;
	text-transform:uppercase;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.epd-link:hover {
	background-color: #000;
	color:#fff;
	cursor:pointer;
	text-decoration: none;
}

.supplement {width:175px; float:right; margin:0 5px 10px 20px; text-align:right; font-size:9pt; color:#000;}
.supplement img {width:100%; height:auto; margin-bottom:2px; border:1px solid #981702;}

.contact-L {width:400px; float:left;}
.contact-R {width:500px; float:right; margin-left:50px; padding-left:49px; border-left:1px solid #aaa;}

.bkgrd-footer {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+100 */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(68,68,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	height:auto;
	color:#fff;
	padding:10px 0 20px 0;
	-webkit-box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:    0px -8px 10px 0px rgba(0, 0, 0, 0.6);
	box-shadow:         0px -8px 10px 0px rgba(0, 0, 0, 0.6);
	clear:both;
	overflow:hidden;
}

.footer1 {
	width:100%;
	padding:10px 0 15px 0;
	margin-bottom:15px;
	border-bottom:1px solid #981702;
	text-align:center;
	text-transform:uppercase;
	/*font-size:9.5pt;*/
	font-size:7.85pt;
	font-weight:700;
	color:#981702;
	letter-spacing:2px;
}
.footer1 a {color:#eee;text-decoration:none; margin-right:5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer1 a:hover {color:#981702; text-decoration:none; }

.footer1 ul { padding:0; margin:0; text-align:center;}
.footer1 ul li { list-style-type:none; display:inline; margin-right:5px;}
.footer1 ul li:after { content:'|'; color:#981702;}
.footer1 ul li:last-child:after { content:''; margin-right:-5px;}

.footer2 {width:100%; margin:10px 0 0 0; font-size:9pt; color:#eee; text-transform:uppercase; line-height:15pt;}
.footer2 a {color:#eee; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer2 a:hover {color:#981702; text-decoration:underline;}
.footer2 img {width:23.5%; float:left; height:auto; margin:-0 1.5% 0 0;}
	
.footer3 {width:100%; margin:10px 0 0 0; text-align: center;}

.bkgrd-anchor {
	width:100%;
	background:#981702;
	height:35px;
	color:#fff;
	clear:both;
	overflow:hidden;
}

.anchor-L {width:50%; float:left; padding:10px 0 15px 0; font-size:7pt; text-transform:uppercase; color:#eee;}
.anchor-R {width:50%; float:right; padding:10px 0 15px 0; font-size:7pt; text-transform:uppercase; color:#eee; text-align:right;}
.anchor-R a {color:#ddd; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.anchor-R a:hover {color:#fff; text-decoration:underline;}

.clear {clear:both;}

/*================ FORM ========================*/

#contact-form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: bold;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #981702;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	width: 100px;
	padding:10px;
	background-color:#981702;
	color:#eee;
	font-family:'Lato', sans serif;
	font-size:1em;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color: #000;
	color:#fff;
	cursor:pointer;
}

.vitaferm-logo {width:200px; height:75px; float:right; margin:0 0 10px 25px;}
.vitaferm-logo img {width:100%; height:auto;}

.genex-logo {width:125px; height:125px; float:right; margin:0 0 10px 25px;}
.genex-logo img {width:100%; height:auto;}

.supply-pics {width:45%; float:left; margin:25px 2.5%;}
.supply-pics img {width:100%; height:auto; border:1px solid #981702;}

.genex-pic {width:65%; float:none; margin:25px auto;}
.genex-pic img {width:100%; height:auto; border:1px solid #981702;}

.fun {width:45%; float:left; margin:20px 2.5%; text-align:center;}
.fun img {width:44%; height:auto; float:left; margin:0 2.5% 5px 2.5%; border:1px solid #981702;}

.fun-2 {width:19%; float:left; margin:20px 2.5%; text-align:center;}
.fun-2 img {width:95%; height:auto; float:left; margin:0 2.5% 5px 2.5%; border:1px solid #981702;}

.fun-3 {width:225px; float:left; margin:20px 2.5%; text-align:center;}
.fun-3 img {width:95%; height:auto; float:left; margin:0 2.5% 5px 2.5%; border:1px solid #981702;}

.video {width:45%; float:left; margin:20px 2.5%; text-align:center;}
.video img {width:100%; height:auto; float:left; margin:0 0 5px 0; border:1px solid #981702;}

.jeremy {width:95%; float:none; margin:auto; text-align:center;}
.jeremy img {width:100%; height:auto; border:1px solid #981702;}

.ad {width:100%; float:right; text-align:center; text-transform:uppercase;}
.ad img {width:60%; height:auto; border:2px solid #981702; margin-bottom:5px;}

.video-container {width:340px; float:left; margin-top:10px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bbb;}

.sale-video {width:85px; padding:5px; float:left; margin:10px 10px 0 0; background:#981702; text-align:center; color:#bbb; text-transform:uppercase; font-size:10pt; text-decoration:none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.sale-video:hover {background:#111; color:#fff; text-decoration:none;}

.sale-L {width:340px; float:left;}
.sale-L pic {width:160; float:left; border-style:double; border-bottom-color:#981702;}
.sale-R {width:600px; float:right; margin-left:5%; margin-right:1%;}