/*ABOUT*/
.about h1 {
	font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: .5em 0 .5em;
    color: #648762;
	text-align: center;
	font-size: 35px;
    letter-spacing: 5px;
}
.greenbox {
	background: #648762;
    padding: 30px 8%;
}
.greenbox p {
	margin: 10px 0px 10px 0px;
	color: #ffffff;
	text-align: center;
	font-size: 1.3em;
    line-height: 1.6em;
	letter-spacing: 1px;
}

.about h2 {
    font: italic bold 33px/49px "Lora", serif;
    margin: .5em 0 .5em;
    color: #648762;
    text-align: center;
	letter-spacing: 3px;
}

.about .guideouterbox {
	background: url('aboutus-plant-bg.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0;
}
.about .guideinnerbox {
	width: 70%;
	margin: 30px auto;
	background: -moz-linear-gradient(90deg, rgba(94,74,129,0.8) 0%, rgba(94,74,129,0.8) 37%, rgba(121,61,102,0.8) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(121,61,102,0.8)), color-stop(63%, rgba(94,74,129,0.8)), color-stop(100%, rgba(94,74,129,0.8))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(94,74,129,0.8) 0%, rgba(94,74,129,0.8) 37%, rgba(121,61,102,0.8) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(94,74,129,0.8) 0%, rgba(94,74,129,0.8) 37%, rgba(121,61,102,0.8) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(94,74,129,0.8) 0%, rgba(94,74,129,0.8) 37%, rgba(121,61,102,0.8) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(94,74,129,0.8) 0%, rgba(94,74,129,0.8) 37%, rgba(121,61,102,0.8) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#793d66', endColorstr='#5e4a81',GradientType=0 ); /* ie6-9 */
	padding: 60px 40px;
}
.guideinnerbox p {
	color: #fff;
	margin: 10px 0px 10px 0px;
	font-size: 1.3em;
    line-height: 1.6em;
	text-align: center;
	letter-spacing: 1px;
}
.guideinnerbox ol {
	margin-left: 20%;
	margin-right: 5%;
	margin-top: 40px;
	border-left: 2px solid #ffffff;
}
.guideinnerbox ol li {
	color: #fff;
	margin: 10px 0px 10px 0px;
	font-size: 1.3em;
    line-height: 1.4em;
    letter-spacing: 1px;
}
.guideinnerbox ol li.nool {
	list-style: none;
	margin-left: -1.3em;
}
.guideinnerbox a {
	text-decoration: underline;
	color: #ffffff;
}

@media (min-width: 1350px) {
	.about .guideouterbox {
		height: 1418px;
	}
}

/* OUR FOUNDER */
.founder h1 {
	font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: .5em 0 .5em;
    color: #648762;
	text-align: center;
	font-size: 35px;
    letter-spacing: 5px;
}

.texturebox {
	background: url('founder-texture-bg.jpg');
	background-position: bottom left;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 8%;
}
.texturebox p {
	margin: 10px 0px 10px 0px;
	color: #648762;
	text-align: center;
	font-size: 1.3em;
    line-height: 1.6em;
	letter-spacing: 1px;
}

.founderpoints {
	margin: 40px 0;
}
.founderpoints p {
	font-size: 1.0em;
    line-height: 1.3em;
	margin: 0 0 2em 0;
}

.founderpoints h2 {
	font: italic 25px/30px "Lora", serif;
    margin: 0em 0 1em;
    color: #648762;
    text-align: center;
    letter-spacing: 3px;
}

.founder .guideouterbox {
	background: url('founder-rose-bg.jpg?v=2');
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px 0px 60px 0px;
}
.poemtitle {
    margin-top: 0;
	background: rgba(228,153,153,.77);
	padding: 20px;
	margin-bottom: 20px;
}
.poemtitle h2 {
	text-transform: uppercase;
	color: #ffffff;
    font: 55px/52px "Lora", serif;
    margin: 0 0;
    text-align: center;
}
.poemtitle h3 {
	color: #ffffff;
	text-align: center;
	font: 43px/39px "Lora", serif;
	margin: 0 0;
}
.poem p {
	margin: 10px 0px 30px 20px;
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Lora', serif;
    font-weight: 400;
}

/* CERTIFICATION */
.certification h1 {
	font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: .5em 0 .5em;
    color: #648762;
	text-align: center;
	font-size: 35px;
    letter-spacing: 5px;
}
.certification .guideouterbox {
	background: url('woodplank.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0;
}
.certification .guideinnerbox {
	width: 70%;
	margin: 30px auto;
	padding: 20px 20px;
}
.certification .guideinnerbox img {
	display: block;
	margin: 0 auto;
	border: 4px solid #000000;
}


.oilsafety {
	padding: 30px;
}

/* OUR OILS */
.ouroils {
	background: url('ouroils-bg.jpg');
	background-position: right top;
	background-size: 40%;
	background-repeat: no-repeat;
}
.topbox {
	padding: 30px 8%;
}
.topbox p {
	margin: 10px 0px 10px 0px;
	color: #648762;
	text-align: center;
	font-size: 1.4em;
    line-height: 1.6em;
	letter-spacing: 1px;
}

.emphasis span {
	font-size: 1.15em;
	text-transform: uppercase;
}

.darkgreenbox,
.lightgreenbox,
.yellowbox {
    padding: 10px 8%;
}
.darkgreenbox {
	background: #3c6643;
	margin-bottom: 15px;
}
.lightgreenbox {
	background: rgba(60,102,67,.70);
	margin: 15px 0;
}
.yellowbox {
	background: rgba(249, 178, 31, .80);
	padding: 30px 8%;
}
.darkgreenbox p,
.yellowbox p {
	margin: 10px 0px 10px 0px;
	color: #ffffff;
	text-align: center;
	font-size: 1.3em;
    line-height: 1.6em;
	letter-spacing: 1px;
}
.lightgreenbox a,
.yellowbox a {
	color: #ffffff;
}

ol.approval,
ul.standards {
	margin-left: 8%;
	margin-right: 8%;
}
ul.standards {
	list-style: none;
	padding-left: 1.4em;
}
ul.standards li {
	background: url(checkmark.png) no-repeat 0px 0px;
	padding-left: 38px;
}
ol.approval li,
ul.standards li {
	color: #fff;
	margin: 10px 0px 20px 0px;
	font-size: 1.3em;
    line-height: 1.4em;
    letter-spacing: 1px;
}

.greenbox h3 {
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-weight: 500;
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 1em 0 1em;
    color: #ffffff;
    text-align: center;
	letter-spacing: 0px;
}

.bulksales {
	
}

.bulksales .manufacturingbox {
	background: url('bulksales-yellowhills-bg.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 0;
	margin: 30px 0;
}
.manufacturinginnerbox {
	background: rgba(32,32,32,.50);
	padding: 10px 8%;
}
.manufacturinginnerbox p {
	color: #ffffff;
	margin: 10px 0px 20px 0px;
	font-size: 1.3em;
    line-height: 1.4em;
    letter-spacing: 1px;
	text-align: center;
}
.manufacturinginnerbox h2 {
	color: #ffffff;
	font: italic 24px/30px "Lora", serif;
    margin: 1em 0 1em;
    text-align: center;
	letter-spacing: 0px;
}

.bulksales .consultationbox {
	background: url('bulksales-consultation-bg.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.consultationinnerbox {
	padding: 30px 20%;
}
.consultationinnerbox h3 {
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: 1px solid #fff;
	padding: 10px 0px;
	margin: 10px auto;
	text-align: center;
	font-size: 42px;
	font-family: 'Roboto Light', helvetica, arial, sans-serif;
}
.consultationinnerbox p {
	color: #ffffff;
	margin: 10px 0px 20px 0px;
	font-size: 1.3em;
    line-height: 1.4em;
    letter-spacing: 1px;
	text-align: center;
}

.bulksalesform h3 {
	text-transform: uppercase;
	color: #51744b;
	border-bottom: 1px solid #fff;
	padding: 10px 0px;
	margin: 10px auto;
	text-align: center;
	font-size: 42px;
	font-family: 'Roboto Light', helvetica, arial, sans-serif;
}

.customformulations .manufacturingbox {
	background: url('customformulations-purpleflowers-bg.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 0;
	margin: 30px 0;
}
.customformulations .manufacturinginnerbox {
	background: rgba(32,32,32,.50);
	padding: 10px 8%;
}

.setup img {
	display: block;
	margin: 0 auto;
}

.customformulationform {
	background: #6e9870;
	padding: 60px 30px;
	margin: -260px 0 40px 0;
}
.innercustomformulations {
	background: #ffffff;
	padding: 280px 8% 0;
}


/* FAQ & CONTACT */
.faqcontactgroup {
    margin: 30px auto;
    padding: 0 30px;
}
h2.faqheader, h2.contactheader {
	position: relative;
    display: inline-block;
    width: 50.0%;
    vertical-align: top;
    margin: 20px -.1%;
	padding: 10px 15px 20px;
    text-align: center;
    font-family: 'Roboto Bold', helvetica, sans-serif;
	color: #ffffff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h2.faqheader a, h2.contactheader a {
	color: #ffffff;
	text-decoration: none;
}
.faq h2.faqheader {
    background: #6e9972; 
}
.faq h2.faqheader:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(110, 153, 114, 0);
	border-top-color: #6e9972;
	border-width: 15px;
	margin-left: -15px;
}
.faq h2.contactheader {
    background: #74aadb; 
}
.faq h2.contactheader:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(116, 170, 219, 0);
	border-top-color: #74aadb;
	border-width: 15px;
	margin-left: -15px;
}

.contact h2.faqheader {
    background: #74aadb; 
}
.contact h2.faqheader:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(116, 170, 219, 0);
	border-top-color: #74aadb;
	border-width: 15px;
	margin-left: -15px;
}
.contact h2.contactheader {
    background: #6e9972; 
}
.contact h2.contactheader:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(110, 153, 114, 0);
	border-top-color: #6e9972;
	border-width: 15px;
	margin-left: -15px;
}

.faq h3 {
    margin: 20px auto;
    color: #585b5c;
    font-family: 'Roboto Light', helvetica, sans-serif;
    font-size: 23px;
    text-align: center;
}
.faq h3 a {
    color: #6e9971;
    text-decoration: none;
}
dl.faqlist {
	font-size: 1.0em;
	margin: 0 0 50px 0;
}
.faqlist dt {
    display: block;
    height: 35px;
    float: none;
    font-weight: bold;
    margin-top: 24px;
    padding-top: 24px;
    cursor: pointer;
    color: #585b5c;
    border-top: 1px solid #e6e5e6;
    font: italic 25px/18px "Lora", serif;
    background: url(faqplus.gif) no-repeat right 5px;
}
.faqlist dt:first-child { border-top: none; }
.faqlist dd {
	font-weight: normal;
	margin: 25px 0 0 0;
}
.faqlist dd p {
    font-family: 'Roboto Light', helvetica, sans-serif;
    font-size: 18px;
	margin-bottom: 10px;
    padding-left: 10px;
    margin-left: 40px;
    border-left: 2px solid #000;
}

.innercontactarea { 
    width: 65%;
	margin: 0 auto;
}
h3.phonenumber {
    margin: 20px auto;
    color: #585b5c;
    font-family: 'Roboto Regular', helvetica, sans-serif;
    font-weight: 400;
    font-size: 35px;
	padding: 0 0 20px;
    border-bottom: 2px solid #bebfc1;
    text-align: center;
}
p.speak {
	color: #585b5c;
    font-family: 'Roboto Light', helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
}
.contact-form {
	display: block;
	margin: 0 auto;
	position: relative;
	max-width: 670px;
}

.contact-form h3 {
	margin: 20px auto;
    color: #585b5c;
    font-family: 'Roboto Regular', helvetica, sans-serif;
    font-weight: 400;
    font-size: 35px;
	padding: 0 0 10px;
    border-bottom: 2px solid #bebfc1;
    text-align: center;
}

.giftcardcontainer .product-area .product-info {
    padding: 0 109px 0 2%;
}
.giftcardcontainer .product-area .product-info {
    width: 47%;
}
.giftcardcontainer h1 {
    font-family: "Roboto Light", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 45px;
    margin: 30px auto 30px auto;
    padding: 0px 10%;
    color: #6e9971;
	text-align: center;
	text-transform: none;
	letter-spacing: 1px;
}
.giftcardcontainer h2 {
	font-family: "Roboto Regular", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 700;
    margin: 0 auto 10px;
    padding: 0 0 10px 0;
    color: inherit;
    text-align: center;
    border-bottom: 1px solid #585b5c;
    font-size: 1.3em;
}
.giftcarddescription p {
	text-align: center;
	color: #585b5c;
	font-size: 1.2em;
}
.giftcarddescription p.perfect {
	font-family: 'Lora', Georgia, serif;
	font-style: italic;
	text-align: center;
	color: #6e9971;
	font-weight: 700;
	font-size: 1.5em;
}
.giftcard-form .giftcardcolumn label {
	color: #807f80;
    text-transform: uppercase;
    padding: 0 0 5px 3px;
    margin: 0 0 5px 0;
    font-size: 1.2em;
}
.gcmain label {
	display: block;
}
.contact-form label {
	color: #807f80;
	text-transform: uppercase;
	padding: 0 0 0 3px;
	margin: 0 0 3px 0;
}
.giftcardcolumn .jcf-select,
.giftcardcolumn .jcf-select-drop .jcf-hover, 
.giftcardcolumn .jcf-list-box .jcf-selected {
	background: #f5f0e8;
}
.giftcardcolumn .jcf-select .jcf-select-text,
.giftcardcolumn .jcf-list .jcf-option {
	color: #9a9797;
}
.giftcardcolumn .jcf-select .jcf-select-opener:after {
    border-top: 7px solid #66686a;
}
span.optional {
	font-family: "Roboto Light", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 400;
	text-transform: none;
	font-size: 1.0em;
	color: #807f80;
}
.giftcard-form .line-item-property__field label {
    color: #807f80;
    text-transform: none;
    padding: 0 0 5px 3px;
    margin: 0 0 5px 0;
    font-size: 1.0em;
}
.contact-form input[type="text"],
.giftcard-form input[type="text"],
.contact-form input[type="email"],
.giftcard-form input[type="email"],
.contact-form textarea,
.giftcard-form textarea {
	background: #f5f0e8;
	padding: 8px 6px;
    color: #868586;
    font-family: 'Roboto Light', helvetica, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    border: none;
	width: 100%;
}
.giftcard-form .giftcardcolumn .full {
	display: block;
	width: 100%;
	margin: 10px auto;
}
.giftcard-form .giftcardcolumn .half {
	display: inline-block;
	width: 48.0%;
    margin: 10px .5%;
	vertical-align: top;
}
.contact-form .name {
	display: inline-block;
    width: 49.0%;
	margin: 0 .5%;
    vertical-align: top;
}
.giftcard-form .giftcardcolumn.half:first-child,
.contact-form .name:first-child {
	margin-left: 0;
}
.giftcard-form .giftcardcolumn.half:last-child,
.contact-form .name:last-child {
	margin-right: 0;
}
.phone {
	display: inline-block;
	margin: 0 .5%;
    vertical-align: top;
}
#prim1 { margin-left: 0; }
#prim3 { margin-right: 0; }
#prim1, #prim2 {
	width: 10%;
}
#prim3 {
	width: 15%;
}

.giftcard-form textarea {
	height: 100px;
}

.giftcard-form .submit, .giftcard-form input[type="submit"],
.contact-form .submit, .contact-form input[type="submit"] {
    background: #6e9971;
    font-family: 'Roboto Regular', helvetica, sans-serif;
	font-size: 15px;
    color: #fff;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 12px 5px;
    cursor: pointer;
    border: none;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
}
.product-area .giftcard-form .btns .btn {
	width: 100%;
	margin-top: 20px;
}
h3.orgname {
    margin: 20px auto 0 auto;
    color: #585b5c;
    font-family: 'Roboto Light', helvetica, sans-serif;
    font-weight: 400;
    font-size: 35px;
    padding: 0 0 0px;
    border-bottom: none;
    text-align: center;
}
p.orgaddress {
	color: #585b5c;
    font-family: 'Roboto Light', helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding: 0 0 0px;
    border-bottom: none;
    text-align: center;
}

.contact-form .social-networks {
	margin: 0 0 0 11px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.contact-form .social-networks li {
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
    line-height: 1;
    padding: 5px;
}
.contact-form .social-networks li a {
    display: block;
    color: #707174;
}

/*TESTIMONIALS */
.testimonial {
	position: relative;
	display: block;
	margin: 20px auto;
	padding: 20px 30px;
	text-align: center;
	
}
.testimonial p {
	font: italic 18px/22px "Lora", serif;
    color: #000;
	margin: 0 0 10px 0;
}
.testimonial span.name {
	font: italic 30px/32px "Lora", serif;
	color: #ef7a22;
	width: 100%;
    text-align: right;
    margin: 0 0 20px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #f07f29;
}

/* RESELLERS */
.resellers .manufacturingbox {
	background: url('bulksales-yellowhills-bg.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 0;
	margin: 30px 0;
}

/* PRIVATE LABEL */
.privatelabel .manufacturingbox {
	background: url('customformulations-purpleflowers-bg.jpg');
	background-position: 100% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 0;
	margin: 30px 0;
}

@media (max-width: 767px) {
    .consultationinnerbox h3,
    .bulksalesform h3 {
      font-size: 22px;
    }
    .certification .guideinnerbox {
        width: 90%;
        margin: 0px auto;
        padding: 0px 0px;
    }
    .topbox p {
        font-size: 1.3em;
        line-height: 1.3em;
    }
    h2.faqheader, h2.contactheader {
        display: block;
        width: 100.0%;
        vertical-align: top;
        margin: 0px auto;
        padding: 10px 15px 20px;
        text-align: center;
        font-family: 'Roboto Bold', helvetica, sans-serif;
        color: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    h2.faqheader, h2.contactheader {
        font-size: 14px;
    }
    .faq .contactheader { display: none; }
    .contact .faqheader { display: none; }
    .faqcontactgroup {
        margin: 15px auto;
        padding: 0 10px;
    }
    .faqlist dt {
        height: auto;
        font: italic 18px/18px "Lora", serif;
        background: none;
    }
    .faqlist dd p {
        font-size: 16px;
        line-height: 22px;
        margin-left: 10px;
        border-left: 1px solid #000;
    }
    .innercontactarea {
        width: 90%;
        margin: 0 auto;
    }
    .contact-form h3 {
        font-size: 25px;
    }
    .contact-form .name {
        display: block;
        width: 100%;
        margin: 10px 0;
        vertical-align: top;
    }
    #prim1, #prim2 {
        width: 20%;
    }
    #prim3 {
        width: 40%;
    }
    .about .guideouterbox {
        padding: 10px 10px;
    }
    .about .guideinnerbox {
        width: 100%;
        margin: 0px auto;
        padding: 20px 20px;
    }
    .guideinnerbox ol {
        margin-left: 0px;
        margin-right: 0;
        margin-top: 20px;
        border-left: 1px solid #ffffff;
    }
}