@import url("../jquery_ui/smoothness/jquery-ui-smoothness.css");
@import url("basic.css");
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

html,
body {
	font-family: 'Open Sans', sans-serif;
}

.main__modules {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.cms-content ul li {
	margin-left: 3em;
	color: #42403B;
}

.cms-content ol li {
	margin-left: 3em;
	color: #42403B;
}

form.GST_FormBuilder2 .fb2_field .fb2_field_heading {
	font-family: 'Oswald', sans-serif;
	color: #494742;
}

.main__modules button {
    background-color: #f5b032;
    border: none;
    padding: 0 2em;
    height: 52px;
    color: #ebebeb;
    text-transform: uppercase;
}

.fb2_submit {
    text-align: right;
}

.footer:after,
.header:after,
.main:after,
.shop__twocol:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.shop__sidebar-controls {
	margin-top: 1em;
}

.shop-cart__table {
	width: 100%;
}

.shop-cart__table .nothing {
	text-align: center;
}

.shop-cart__table tfoot {
	text-align: right;
}

.shop-cart__table tfoot td {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.shop-cart__td {
	vertical-align: middle;
}
.shop-cart__td + .shop-cart__td {
	padding-left: 0.5em;
}

.shop-cart__th + .shop-cart__th {
	padding-left: 0.5em;
}

.shop-cart__td__quantity,
.shop-cart__td__item-name {
	text-align: left;
}

.shop-cart__td__unit-price,
.shop-cart__td__price {
	text-align: right;
}

.shop-cart__th__quantity,
.shop-cart__th__item-name {
	text-align: left;
}

.shop-cart__th__unit-price,
.shop-cart__th__price {
	text-align: right;
}

.shop-cart__td__thumb img {
	margin: 0;
	max-height: 100px;
	max-width: 100px;
}

.shop-cart__tr__shipping td,
.shop-cart__tr__subtotal td,
.shop-cart__tr__tax td,
.shop-cart__tr__total td {
	text-align: right;
}

.shop-order__billing {
	float: left;
	width: 49%;
}

.shop-order__shipping {
	float: right;
	width: 49%;
}

.shop-orders__orders {
	width: 100%;
}

.shop-orders__orders th {
	text-align: left;
}

.shop-product__description {
	clear: both;
}

.shop-product__info {
	float: right;
	width: 48%;
}

.shop-product__photos {
	float: left;
	width: 48%;
}

.shop-product__photos-list {
	margin-top: 1em;
	text-align: center;
}

.shop-product__photo {
	display: inline-block;
	width: 24%;
}

.shop-product__photo-link {
	display: block;
}

.shop-product__photo-image {
	display: block;
	width: 100%;
	height: auto;
}

.shop-product__primary-photo {
	display: block;
}

.shop-product__primary-photo-image {
	display: block;
	width: 100%;
	height: auto;
}

.shop-product__tag-list,
.shop-product__tag {
	display: inline;
}

.shop__products-list {
	text-align: center;
}

.shop__products-list-link {
	display: block;
}

.shop__products-list-image {
	display: block;
	width: 100%;
	height: auto;
}

.shop__products-list-item {
	display: inline-block;
	margin-bottom: 1em;
	vertical-align: top;
	width: 32%;
}

.shop__primary {
	float: right;
	padding: 1em;
	width: 75%;
}

.shop__secondary {
	float: left;
	padding: 1em;
	width: 22%;
}

.shop__sidebar-categories {
	padding-left: 1em;
}
.shop__sidebar-categories__root {
	padding-left: 0;
}


/* ============================================================
	Everything after this should be the design
============================================================ */

.page-headers__description-box {
    width: 100%;
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    text-align: center;
    height: 10%;
    width: auto;
}



.page-headers__description {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* text-align: center; */
    font-size: 35px;
    /* display: block; */
    /* width: auto; */
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding: .1em;
    /* left: 15%; */
    color: #e3e3e3;
    border: 10px solid #e3e3e3;
}



.page {
	margin: 0 auto;
	width:100%;
	background-color: #ebebeb;
	
}

p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #42403B;
	line-height: 1.4;
    margin-bottom: 1em;
}

blockquote {
    padding: 0 20px;
    text-align: justify;
}

h1 {
    font-size: 25px;
    color: #3f364e;
    margin-top: 1em;
}

h2 {
    margin-top: 1em;
    font-size: 20px;
    color: #3f364e;
}

h3 {
    margin-top: 1em;
    color: #3f364e;
    font-size: 17px;
}

a {
	font-family: 'Open Sans', sans-serif;
	color: #f5b032;
	font-weight: 700;
	text-decoration: underline;
}
a:visited {
	color: #f5b032;
}

h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

h1.home-header1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 43px;
    text-align: center;
    margin-bottom: 30px;
    color: #494742;
    margin-top:0px;
}

h2.home-header2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 43px;
    text-align: left;
    margin-bottom: 30px;
    color: #ebebeb;
    margin-top:0px;
}


.circle-icons h2 {
	font-size: 25px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #ebebeb;
	text-decoration: none;
}

.circle-icons a {
	text-decoration: none;
}

.header {
	width: 100%;
	/*background-color: #3f364e;*/
	background-color: #463d56;
}

.header__inner {
	text-align: center;
	padding-top: 20px;
}

.header__logo-link img {
    width: 180px;
}

.nav {
	margin-top: 20px;
	width: 100%;
	background-color: #534766;
	color: #ebebeb;
}

.nav a {
	color: #ebebeb;
	display: block;
	font-size:15px;
	padding: 15px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.nav li {
}

.nav li ul {
	background-color: #534766;
}

.nav li ul li {
	text-align: left;
}

.nav li:hover {
	background-color: #463d56;
}

.nav li ul li:hover {
	background-color: #463d56;
}

.nav__item__current {
	background-color: #463d56;
}

.nav__list__level-2 {
	width: 250px;
}

.nav__list__level-3 {
    width: 200px;
}

.dynamic-nav__link {
	display: block;
}

.dynamic-nav__heading {
	cursor: pointer;
}

#canvas {
	display: block;
}

.home-link {
	text-align: right;
}

.home-link a {
	font-style: italic;
}

.homepage-banner {
	background-color: #f5b032;
	border-bottom: 3px solid #ebebeb;
	text-align: center;
}

.homepage-banner img {
	width: 100%;
	display: block;
}

.circle-elements {
	background-color: #6c5c85;
	text-align: center;
	padding: 40px 0 40px 0;
	
}

.circle-icons {
	width: 150px;
	text-align:center;
	display: inline-block;
	margin: 0 15px 10px 15px;
}

li.circle-icons {
	vertical-align: top;
}

.three-image {
	width: 100%; 
    height: auto;
    display: block;
    border-radius: 50%;
    background-color: #ebebeb;
}

.three-image:hover {
    background-color: #ffffff;
}

.circle-elements-title {
	width: 170px;
}

.home-content {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}

.our-philosophy {
	background-color: #ebebeb;
	padding: 0 20px 60px 20px;
}

.newsletter__form {
	text-align:right;
}

.newsletter {
	height: auto;
	background-color: #494742;
	padding-bottom: 60px;
}

.newsletter__label {
	display: block;
}

.newsletter__label__captcha {
	text-align: center;
}

.newsletter__label__captcha img {
	display: inline-block;
	margin: 10px;
	vertical-align: top;
}

.newsletter__label__captcha .newsletter__label-input {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: top;
    width: 200px;
}

.newsletter__label-input {
	background-color: #6c6962;
	border: none;
	width: 100%;
	padding: 15px;
    border: none;
    margin: 10px 0;
}

.newsletter button {
	cursor: pointer;
    height: 52px;
    padding: 0 2em;
    margin-top: 10px;
    background-color: #f5b032;
    border: none;
    color: #ebebeb;
    
}

.captcha-input {
	width: 85%;
}

.testimonials {
	background-color: #ebebeb;
	text-align: center;
	padding: 0 20px 60px 20px;
}

.left-arrow {
	display: inline-block;
	display: none;
	width: 16px;
	margin-right: 30px;
}

.right-arrow {
	display: inline-block;
	display: none;
	margin-left: 30px;
	width: 16px;
}

.testimonials__control-context {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 50px;
}

.testimonials__next,
.testimonials__prev {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	z-index: 150;
	width: 40px;
	
	cursor: pointer;
	display: block;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.testimonials__next {
	right: 0;
}
.testimonials__prev {
	left: 0;
}

.testimonials__next:before {
	content: ">";
}

.testimonials__prev:before {
	content: "<";
}

.testimonials-wrap {
	max-width: 800px;
	margin: 0 auto;
}

.testimonial-box {
	_height: 6em;
	margin: 1em 0;
	min-height: 8em;
	width: 100%;
}
.testimonial-box:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}

.testimonial-name {
	display: inline-block;
	text-align: right;
    padding: 10px;
    border-right: 3px solid #f5b032;
    _margin-right: 10px;
    vertical-align: top;
    color: #494742;
    
    width: 40%;
    display: block;
    float: left;
}

.testimonial-name h2 {
	font-size: 25px;
}

.testimonial-name h2,h3 {
	margin-top: 0;
}

.testimonial-name h3 {
	text-transform: uppercase;
}

.testimonial-content {
	display: inline-block;
	max-width: 570px;
	text-align: left;
	vertical-align: top;
	padding: 10px 0;
	color: #42403B;
	
	width: 58%;
    display: block;
    float: right;
}

.right-button {
	text-align: right;
}

.footer {
	background: url(/images/footer-bg.png) no-repeat top left;
	background-size: cover;
	background-color: #f5b032;
}

.footer__inner {
	width: 65%;
	display: inline-block;
	color: #ffffff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.footer__inner a {
	color: #ffffff;
	font-style: italic;
	text-decoration: underline;
}

.footer-right a {
	color: white;
}

.footer__icon {
	margin-right: 0.25em;
	vertical-align: bottom;
}

.footer__copy {
	font-size: 85%;
}

.footer__logo-link {
	display: block;
}

.footer__logo-image {
	display: block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	max-width: 230px;
}

.footer-right {
	min-height: 600px;
	width: 35%;
	background-color: #6c5c85;
	color: #ffffff;
	display: inline-block;
	float: right;
	padding: 25px;
}

.footer__nav {
	width: 250px;
	margin: 0 auto 2em auto;
	text-align: left;
}

.footer__nav ul {
	padding-left: 2em;
}

.shop__secondary {
	background-color: rgba(0, 255, 0, 0.1);
}

.shop__primary {
	background-color: rgba(0, 0, 255, 0.1);
}

.homepage-banner2 {
	display:none;
}

.news__date {
	color: #42403B;
	font-size: 85%;
}


/* ============================================================
	Subpage Stuff
============================================================ */

.cms-content {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 1em;
}

@media only screen and (max-width : 1050px) {
	.footer__inner {
		width: 60%;
	}
	
	.footer-right {
		font-size: 90%;
		width: 40%;
	}
	
	.footer-right .material-icons {
		font-size: 21.6pt;
	}
	
}

@media only screen and (max-width : 950px) {

	.page-headers__description {
	    font-size: 30px;
	    max-width: 400px;
	    border: 5px solid #e3e3e3;
	}

}


@media only screen and (max-width : 730px) {

	.page-headers__description {
	   
	    font-size: 25px;
	    max-width: 400px;
	    border: none;
	}

}

@media only screen and (max-width : 600px) {

	.page-headers__description {
	   
	    font-size: 20px;
	    max-width: 90%;
	    text-align:right;
	}

}



@media only screen and (max-width : 850px) {

	.dynamic-nav {
	    display: block;
	    text-align: center;
	    font-size: 25px;
	    color: #ffffff;
	    font-weight: 600;
	    background-color: #534766;
	}
	
	.dynamic-nav-activate {
		padding: 20px 0;
		background-color: #3f364e;
	}
	
	.dynamic-nav.expanded .dynamic-nav-expanded {
		text-align: center;
		background-color: #534766;
		width: 100%;
		/*padding: 1em 0;*/
		position: static;
	}
	
	.dynamic-nav a {
		color: #ffffff;
		text-decoration: none;
		line-height: 2;
	}
	
	.dynamic-nav-forward {
		background-color: #f5b032;
		background: url(/images/forward.png) no-repeat top left;
	    height: 15px;
	    width: 15px;
	    margin-top: auto;
	    margin-bottom: auto;
	    margin-right: 1em;
	}
	
	.dynamic-nav-back {
		background-color: #f5b032;
		background: url(/images/back.png) no-repeat top left;
	    height: 15px;
	    width: 15px;
	    margin-top: auto;
	    margin-bottom: auto;
	    margin-left: 1em;
	}
	
	.dynamic-nav-expanded h2 {
		font-size: 100%;
		font-weight: 700;
		padding: 10px 0;
		margin-top: 0;
		background-color: #4B405D;
		color: #ebebeb;
		font-family: 'Open Sans', sans-serif;
	}
	
	.footer__nav {
		display: none;
	}
	
	.footer__inner {
		width: 100%;
		display: none;
	}
	
	.footer-right {
		font-size: 100%;
		width: 100%;
		text-align: center;
	}
	
	.footer-right .material-icons {
		font-size: 24pt;
	}
	
	.nav {
		display: none;
	}

}

@media only screen and (max-width : 760px) {

	.homepage-banner2 {
		background-color: #f5b032;
		display:block;
		width: 100%;
	}
	
	.homepage-banner2 img {
		width: 100%;
		display: block;
	}
	
	.homepage-banner {
		display:none;
	}
	
	.newsletter {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.testimonial-name {
		text-align: center;
		border-right: none;
		border-bottom: 3px solid #f5b032;
		
		float: none;
		width: 100%;
	}
	
	.testimonial-content {
		float: none;
		width: 100%;
	}

}