@font-face {
	font-family: 'Serifa';
	src: url('../fonts/Serifa-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Serifa';
	src: url('../fonts/Serifa-Bold.otf');
	font-weight: bold;
	font-style: normal;
}


body,html{
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
	min-width: 320px;
}

body {
	margin: 0px;	
	padding: 0px;	
	font-family: 'Roboto Condensed';
	box-sizing: border-box;			
}

/*div {
	max-width: 100%;
	box-sizing: border-box;
}*/

a {
	color: #b88c35;
}

a:hover {
	color: #a8afa3;
}

a img {
	border: none;
}

li:not(.hover) a:not(.on):hover {
	opacity: .8;
}

h1 {
	font-family: 'Roboto';
	font-size: 38px;
	font-weight: 300;
	color: #ffffff;
	border-bottom: 2px solid #b88c35;
	text-transform: uppercase;
	display: inline-block;
	clear:both;
}

h2 {
	font-family: 'Roboto Condensed';
	font-size: 32px;
	line-height: 32px;
	font-weight: 300;
	text-transform: uppercase;
	color: #1d603a;
	border-bottom: 2px solid #b88c35;
	display: inline-block;
	clear:both;
}

h3 {
	font-family: 'Roboto';
	font-weight: 400;
	color: #333333;
	font-size: 24px;
}

h4 {
	font-family: 'Roboto';
	font-weight: 400;
	color: #b88c35;
	font-size: 18px;
}

h5 {
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size: 16px;
	color: #1d5738;
}

h6 {
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size: 14px;
	color: #333333;
}

.width-limiter {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.width-limiter.padding {
	padding: 15px 15px 25px 15px;
}

.inline-block{
	display: inline-block;
}

.dotted-circle {
	box-sizing: content-box;
	border-radius: 50%;
    min-height: 60px;
    display: inline-block;
    width: 60px;
    border: 2px dotted white;
    color: #ffffff;
    position: relative;
    vertical-align: middle;
}

.dotted-circle > span {
	top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    position: absolute;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #b88c35;
    left: 0px;
    width: 100%;
    text-transform: lowercase;
}

.vertically-centered {
	top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    position: absolute;
}

.circle {
	box-sizing: content-box;
	border-radius: 50%;
    min-height: 60px;
    display: inline-block;
    width: 60px;
    color: #ffffff;
    position: relative;
    vertical-align: middle;
    margin-right: 12px;
    overflow: hidden;
}

	.circle.border {
		padding: 5px;
	    border: 2px dotted white;
	    width: 50px;
		min-height: 50px;
	}

		.circle > span {
			top: 50%;
		    -webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
		    position: absolute;
		    font-size: 18px;
		    text-align: center;
		    line-height: 18px;
		    color: #b88c35;
		    left: 0px;
		    width: 100%;
		    text-transform: lowercase;
		    height: 60px;
		}

		.circle.border > span {
			height: 50px;
		}

.wholesale-note {
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	font-weight: 400;
	color: #a8afa3;
	font-style: italic;
}

	.wholesale-note .phone-number {
		text-decoration: none;
		font-weight: 700;
	}

/**********************************************************************************************/
/* HEADER STYLES */
/**********************************************************************************************/
#header {
	background: url(../images/header-bg.png) center center no-repeat;
    background-size: cover;
	border-bottom: 5px solid #b88c35;
	overflow: visible;
	position: relative;
    z-index: 1011;
    text-align: center;
}

	#header #mini-nav {
		background-color: rgba(45, 153, 96, .4)
	}

		#header #mini-nav ul {
			margin: 0;
			padding: 0;
			text-align: right;
		}

			#header #mini-nav ul li {
				list-style: none;
				display: inline-block;
				vertical-align: middle;
			}

				#header #mini-nav ul li a {
					display: block;
					font-family: 'Roboto';
					font-size: 14px;
					line-height: 18px;
					font-weight: 700;
					color: #e6e6e6;
					text-decoration: none;
					padding: 10px 15px;
				}

					#header #mini-nav ul li.on a {
						background-color: #b88c35;
					}

					#header #mini-nav ul li a.facebook, #header #mini-nav ul li a.twitter, #header #mini-nav ul li a.youtube {
						padding: 0;
						margin: 10px 10px;
					}

						#header #mini-nav ul li a.facebook,
						#header #mini-nav-mobile ul li a.facebook {
							width: 10px;
							height: 18px;
							background: url(../images/icn-mini-facebook.png?v=2019) center center no-repeat;
							background-size: contain;
						}

						#header #mini-nav ul li a.twitter,
						#header #mini-nav-mobile ul li a.twitter {
/*							width: 20px;*/
							width: 17px;
							height: 17px;
/*							background: url(../images/icn-mini-twitter.png?v=2019) center center no-repeat;*/
							background: url(../images/x-twitter.svg) center center no-repeat;
							background-size: contain;
						}

						#header #mini-nav ul li a.youtube,
						#header #mini-nav-mobile ul li a.youtube {
							width: 10px;
							height: 12px;
							background: url(../images/icn-mini-youtube.png?v=2019) center center no-repeat;
							background-size: contain;
						}

						#header #mini-nav-mobile ul li a.facebook,
						#header #mini-nav-mobile ul li a.twitter,
						#header #mini-nav-mobile ul li a.youtube {
							box-sizing: border-box;		
							background-position: center center;
							background-size: 16px 20px;
						    display: inline-block;
						    width: 100%;		
						}

						#header #mini-nav-mobile ul li a.facebook:after,
						#header #mini-nav-mobile ul li a.twitter:after,
						#header #mini-nav-mobile ul li a.youtube:after {
							content: '';
							background-image: none;
						}

	#header .mobile-nav-toggle-cont {
		display: none;
	}

	#header .mobile-nav-toggle-cont ul {
		padding: 0px;
		margin: 0px;
	}

	#header .mobile-nav-toggle-cont ul li {
		list-style: none;
		display: inline-block;
		vertical-align: top;
		padding: 10px 15px;
		cursor: pointer;
	}

		#header .mobile-nav-toggle-cont ul li.on {
			background-color: #b88c35;
		}

		#header .mobile-nav-toggle-cont ul li.search-button > a {
			background: url(../images/search-mobile.png) center center no-repeat;	
			background-size: contain;
			display: block;
			height: 44px;
			width: 44px;	
		}

		#header .mobile-nav-toggle-cont ul li.mobile-toggle > span {
			background: url(../images/mobile-nav-toggle.png) center center no-repeat;	
			background-size: contain;
			display: block;
			height: 48px;
			width: 45px;
		}

	#header > .width-limiter {
		text-align: right;
		clear: both;
		display: inline-block;
		width: 100%;
	}

	#header #main-nav-cont {
	    display: inline-block;
	    padding-top: 70px;
	}

		 #header #main-nav-cont ul {
		 	padding: 0px;
		 	margin: 0px;
		 	text-align: left;
		 }

		 #header #main-nav-cont #mini-nav-mobile {
		 	display: none;
		 }

		 
		 #header #main-nav-cont ul#nav,
		 #header #main-nav-cont #mini-nav-mobile > ul {
		 	padding: 0px;
		 	margin: 0px;
		 	display: inline-block;
		 	box-sizing: content-box;
		 }

		 #header #main-nav-cont #mini-nav-mobile > ul {
		 	text-align: center;
		 }

			 #header #main-nav-cont #nav > li,
			 #header #main-nav-cont #mini-nav-mobile > ul > li {
			 	list-style: none;
			 	display: inline-block;
			 	vertical-align: bottom;
			 }

			 #header #main-nav-cont #mini-nav-mobile > ul > li.social {
			 	display: inline-block;
			 	vertical-align: middle;
			 	padding-top: 15px;
			 	padding-bottom: 15px;
			 }

			 	#header #main-nav-cont #nav > li > a,
			 	#header #main-nav-cont #mini-nav-mobile > ul > li > a {
			 		height: 20px;
			 	}

			 	#header #main-nav-cont #mini-nav-mobile > ul > li > a {
			 		height: auto;
			 	}

				 #header #main-nav-cont #nav li > a,
				 #header #main-nav-cont #mini-nav-mobile > ul li > a {
				 	color: #ffffff;
				 	text-decoration: none;
				 	font-family: 'Roboto Condensed';
				 	font-size: 16px;
				 	font-style: normal;
				 	text-transform: uppercase;
				 	padding: 20px 10px 20px 15px;
				 	display: block;
				 	text-align: center;
				 }

				 #header #main-nav-cont #nav > li > a.on,
				 #header #main-nav-cont #mini-nav-mobile > ul > li > a.on {
				 	background-color: #b88c35;
				 }

				 /*#header #main-nav-cont #nav > li > a:after,
				 #header #main-nav-cont #mini-nav-mobile > ul > li > a:after {
				 	content: '';
				 	background: url(../images/nav-down-arrow.png) center center no-repeat;
				 	background-size: contain;
				 	width: 11px;
				 	height: 6px;
				 	vertical-align: middle;
				 	display: inline-block;
				 	margin-left: 8px;
				 }*/

				 #header #main-nav-cont #mini-nav-mobile > ul > li.social > a {
					margin: 0px 15px 10px 15px;
				    display: block;
				    box-sizing: content-box;
				    padding: 0px;
				}

					#header #main-nav-cont #mini-nav-mobile > ul > li > a.facebook {
						background-size: contain;
						width: 10px;
						height: 18px;
					}

					#header #main-nav-cont #mini-nav-mobile > ul > li > a.twitter {
						background-size: contain;
						width: 20px;
						height: 16px;
					}

					#header #main-nav-cont #mini-nav-mobile > ul > li > a.youtube {
						background-size: contain;
						width: 10px;
						height: 12px;
					}

				 #header #main-nav-cont #mini-nav-mobile > ul > li > a.facebook:after,
				 #header #main-nav-cont #mini-nav-mobile > ul > li > a.twitter:after,
				 #header #main-nav-cont #mini-nav-mobile > ul > li > a.youtube:after {
				 	content: '';
				 	background-image: none;
				 }

				 	#header #main-nav-cont #nav li > .dropdown-menu > .width-limiter > ul > li > a,
				 	#header #main-nav-cont #mini-nav-mobile > ul li > .dropdown-menu > .width-limiter > ul > li > a {
				 		text-align: left;
				 	}

				 	#header #main-nav-cont #nav li > a .circle {
						border-radius: 50%;
					    min-height: 60px;
					    display: inline-block;
					    width: 60px;
					    color: #ffffff;
					    position: relative;
					    vertical-align: middle;
					    margin-right: 12px;
					    overflow: hidden;
					}

						#header #main-nav-cont #nav li > a .circle.border {
							padding: 5px;
						    border: 2px dotted white;
						    width: 50px;
							min-height: 50px;
						}

							#header #main-nav-cont #nav li > a .circle > span {
								-webkit-transform: translateY(-50%);
							    -ms-transform: translateY(-50%);
							    transform: translateY(-50%);
							    top: 50%;
							    position: absolute;
							    font-size: 18px;
							    text-align: center;
							    line-height: 18px;
							    color: #b88c35;
							    left: 0px;
							    width: 100%;
							    text-transform: lowercase;
							    height: 60px;
							}

							#header #main-nav-cont #nav li > a .circle.border > span {
								height: 50px;
							}	

					#header #main-nav-cont #nav li > a > div.title {
						display: inline-block;
					    vertical-align: middle;
					    /*max-width: 70%;
					    max-width: calc(100% - 72px);*/
					}

				 #header #main-nav-cont #nav > li > .dropdown-menu,
				 #header #main-nav-cont #mini-nav-mobile > ul > li > .dropdown-menu {
				 	/*display: none;*/
				 	visibility: hidden; /* So the icons don't load in on hover */
				 	position: absolute;
				 	width: 100%;
				 	top: 100%;
				 	border-top: 5px solid #b88c35;
				    left: 0px;
				    /*background-color: #66765b;*/
				    /*background-color: rgba(102, 118, 91, 0.85);*/
				    background-color: rgba(72,72,72,0.97);
				    padding: 10px 0px;
				    z-index: 998;
				 }

					 @media screen and (min-width: 686px){
					 	#header #main-nav-cont #nav > li:hover {
					 		background-color: #b88c35;	
					 	}

						 	#header #main-nav-cont #nav li:hover > .dropdown-menu {
							 	/*display: block;*/
							 	visibility: visible;
							 	z-index: 1011;
							 }

							 	#header #main-nav-cont #nav li:hover > .dropdown-menu > .width-limiter {
							 		padding-left: 35px;
							 		padding-right: 35px;
							 		max-width: 1170px;
							 	}

								 	#header #main-nav-cont #nav li:hover > .dropdown-menu > .width-limiter > ul > li {
								 		list-style: none;
								 		padding: 5px 0px;
								 		display: inline-block;
								 		width: 33.333333%;
								 		text-align: left;
								 	}

								 	#header #main-nav-cont #nav li:hover > .dropdown-menu > .width-limiter > ul > li > a {
								 		font-family: 'Roboto Condensed';
						    			font-weight: 300;
						    			font-size: 20px;
						    			text-transform: none;
								 	}
					}

			#header #main-nav-cont #nav > li.search-button > a {
				background: url(../images/search.png) center center no-repeat;
				background-size: 20px;
				padding-left: 50px;
				width: 20px;
				height: 20px;
			}

			#header #main-nav-cont #nav > li.search-button > a.on {
				background: url(../images/search.png) center center no-repeat #b88c35;
				background-size: 20px;
			}

			#header #main-nav-cont #nav > li.search-button > a:after {
				background: none;
				display: none;
			}

	#header #logo {
		float: left;
		padding: 116px 15px 14px 15px;
		width: 130px;
    	box-sizing: content-box;
	    height: 0px;
	    background-image: url(../images/logo.png);
	    background-size: 130px 108px;
	    background-repeat: no-repeat;
	    background-position: 15px 8px;
	}

@media screen and (max-width: 1185px){
	#header #main-nav-cont #nav li > a {
		padding: 20px 5px 20px 12px;
	}

	#header #main-nav-cont #nav > li.search-button > a {
		padding-left: 25px;
	}
}

@media screen and (max-width: 1115px){
	#header #main-nav-cont #nav li > a {
		font-size: 14px;
	}
}

@media screen and (max-width: 1025px){
	#header #main-nav-cont {
		width: 100%;
		clear: both;
		text-align: center;
		padding-top: 0px;
	}

		#header #main-nav-cont #nav li > a,
		#header #main-nav-cont #mini-nav-mobile ul li > a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
}

@media screen and (max-width: 870px){
	#header #main-nav-cont #nav li > a {
		font-size: 12px;
	}
}

@media screen and (max-width: 775px){
	#header #main-nav-cont #nav > li.search-button {
		position: absolute;
		top: 38px;
		right: 0px;
	}

		#header #main-nav-cont #nav > li.search-button > a {
			height: 0px;	
			padding-top: 20px;
			padding-bottom: 20px;
		}
}

@media screen and (min-width: 799px){
	#header #main-nav-cont {
	    display: inline-block !important;
	}
}

/* Mobile width for the moment */
@media screen and (max-width: 800px){
	#header {
	    background: url(../images/header-bg.png) top center no-repeat;
	    background-size: initial;
	}

		#header #mini-nav {
			display: none;
		}

		#header .mobile-nav-toggle-cont {
			display: inline-block;
		}

		#header #main-nav-cont {
			padding-top: 0px;
	    	padding-bottom: 0px;
	    	background-color: #1B352B;
	    	border-top: 4px solid #b88c35;
	    	display: none;
		}

		#header #main-nav-cont #mini-nav-mobile {
			display: block;
		}

			#header #main-nav-cont ul#nav,
			#header #main-nav-cont #mini-nav-mobile ul {
				display: block;
			}

				#header #main-nav-cont #nav > li,
				#header #main-nav-cont #mini-nav-mobile > ul > li {
					display: block;
				}

					#header #main-nav-cont #nav li > a,
					#header #main-nav-cont #mini-nav-mobile > ul li > a {
						font-size: 18px;
						font-style: normal;
					}

					#header #main-nav-cont #nav > li > a,
					#header #main-nav-cont #mini-nav-mobile > ul > li > a {
						background-color: #1B352B;
					}

					 #header #main-nav-cont #nav > li > .dropdown-menu,
					 #header #main-nav-cont #mini-nav-mobile > ul > li > .dropdown-menu {
					 	visibility: visible;
					 	display: none;
					 	background-color: #66765b;
					 }

						#header #main-nav-cont #nav li > a .circle {
							min-height: 30px;
	    					width: 45px;
						}

							#header #main-nav-cont #nav li > a .circle > span {
								height: 45px;
								width: 45px;
							}

				#header #main-nav-cont #nav > li.search-button {
					display: none;
				}


				#header #main-nav-cont #nav > li.hover > a,
				#header #main-nav-cont #mini-nav-mobile > ul > li.hover > a {
			 		background-color: #b88c35;	
			 	}

			 	#header #main-nav-cont #nav > li:first-child > a,
			 	#header #main-nav-cont #mini-nav-mobile > ul > li:first-child > a {
			 		margin-top: 10px;
			 	}

			 	#header #main-nav-cont #nav > li:nth-last-child(2) > a,
			 	#header #main-nav-cont #mini-nav-mobile > ul > li:nth-last-child(2) > a {
			 		margin-bottom: 10px;
			 	}


				 	#header #main-nav-cont #nav > li:first-child.hover > a,
				 	#header #main-nav-cont #nav > li:first-child > a.on,
				 	#header #main-nav-cont #nav > li:nth-last-child(2).hover > a,
				 	#header #main-nav-cont #nav > li:nth-last-child(2) > a.on,

				 	#header #main-nav-cont #mini-nav-mobile > ul > li:first-child.hover > a,
				 	#header #main-nav-cont #mini-nav-mobile > ul > li:first-child > a.on,
				 	#header #main-nav-cont #mini-nav-mobile > ul > li:nth-last-child(2).hover > a,
				 	#header #main-nav-cont #mini-nav-mobile > ul > li:nth-last-child(2) > a.on {
				 		margin-top: 0px;
				 		margin-bottom: 0px;
				 	}

				 	#header #main-nav-cont #nav li.hover > .dropdown-menu,
				 	#header #main-nav-cont #mini-nav-mobile > ul li.hover > .dropdown-menu {
				 		padding: 0px;
					 	display: block;
					 	position: relative;
					 }

					 	#header #main-nav-cont #nav li.hover > .dropdown-menu > .width-limiter,
					 	#header #main-nav-cont #mini-nav-mobile > ul li.hover > .dropdown-menu > .width-limiter {
					 		padding-left: 15px;
					 		padding-right: 15px;
					 		max-width: 1170px;
					 	}

						 	#header #main-nav-cont #nav li.hover > .dropdown-menu > .width-limiter > ul > li,
						 	#header #main-nav-cont #mini-nav-mobile > ul li.hover > .dropdown-menu > .width-limiter > ul > li {
						 		list-style: none;
						 		padding: 5px 0px;
						 		display: block;
						 		width: auto;
						 		text-align: left;
						 		border-bottom: 1px solid #274b3d;
						 	}

						 		#header #main-nav-cont #nav li.hover > .dropdown-menu > .width-limiter > ul > li:last-child,
						 		#header #main-nav-cont #mini-nav-mobile > ul li.hover > .dropdown-menu > .width-limiter > ul > li:last-child {
						 			border-bottom: none;
						 		}

						 	#header #main-nav-cont #nav li.hover > .dropdown-menu > .width-limiter > ul > li > a,
						 	#header #main-nav-cont #mini-nav-mobile > ul li.hover > .dropdown-menu > .width-limiter > ul > li > a {
						 		font-family: 'Roboto Condensed';
				    			font-weight: 300;
				    			font-size: 20px;
				    			text-transform: none;
						 	}
}

footer {
	background: url(../images/footer-bg.png) center center no-repeat;
	background-size: cover;
	padding: 60px 30px;
	border-top: 6px solid #464646;
}
	footer .social-cont {
		display: inline-block;
		vertical-align: middle;
		width: 225px;
		text-align: center;
	}

	footer .copyright-cont {
		text-align: center;
		padding-top: 72px;
	}

	footer ul#social-icons {
		margin: 0px;
		padding-left: 0px;
	}

		footer #social-icons li {
			display: inline-block;
			vertical-align: middle;
			padding-left: 6px;
			padding-right: 6px;
		}

			footer #social-icons li a {
				display: block;
				width: 60px;
				height: 60px;
				background-size: contain;
			}

			footer #social-icons li a.facebook {
				background: url(../images/icn-facebook.png) center center no-repeat;
				background-size: contain;
			}

			footer #social-icons li a.twitter {
/*				background: url(../images/icn-twitter.png) center center no-repeat;
				background-size: contain;*/
				background: url(../images/x-twitter-footer.svg) center center no-repeat;
				background-size: 30px auto;
				display: inline-block;
			    width: 60px;
			    height: 60px;
			    background-color: #176137;
			    vertical-align: top;
			    border-radius: 100%;
			}

			footer #social-icons li a.youtube {
				background: url(../images/icn-youtube.png) center center no-repeat;
				background-size: contain;
			}

	footer .copyright {
		font-family: 'Roboto';
		font-size: 12px;
		font-weight: 400;
		color: #666666;	
		padding-top: 20px;
		display: block;
	}

	footer .contact-cont {
		font-size: 14px;
		color: #ffffff;
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 225px);
	}

		footer .contact-cont > div {
			display: inline-block;
			vertical-align: middle;
			padding: 15px 20px;
		}

		footer .contact-cont .logo-cont {
			border-right: 1px solid #66765b;
		}

		footer .contact-cont .contact-info {
			text-align: left;
			line-height: 24px;	
		}

	footer .contact-cont .green-text {
		color: #66765b;
	}

	footer .contact-cont .green-text.space {
		margin-left: 10px;
		display: inline-block;
	}

	footer .contact-cont a {
		color: #ffffff;
	}

	footer .newsletter-signup-cont {
		display: inline-block;
		vertical-align: middle;
		float: right;
		padding-top: 35px;
	}

		footer .newsletter-signup-cont .title {
			display: inline-block;
			text-transform: uppercase;
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 24px;
			color: #b88c35;
			max-width: 230px;
			vertical-align: middle;
			line-height: 24px;
		}

		footer .newsletter-signup-cont input {
			width: 220px;
			min-height: 32px;
			border-radius: 20px;
			vertical-align: middle;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 18px;
			margin: 0px 8px 0px 15px;
		}

		footer .newsletter-signup-cont .dotted-circle {
			width: 38px;
			min-height: 38px;
		}

	@media screen and (max-width: 750px){
		footer .contact-cont,
		footer .social-cont,
		footer .newsletter-signup-cont {
			display: block;
			width: auto;
			text-align: center;
			float: none;		
		}	

		footer .social-cont {
			padding-top: 25px;
		}
	}

	@media screen and (max-width: 650px){
		footer {
			padding: 18px 10px 35px 10px;
		}

		footer .contact-cont > div {
			display: block;
			text-align: center;
		}

			footer .contact-cont .logo-cont {
				border: none;
				padding: 0px;
			}

			footer .contact-cont .contact-info {
				text-align: center;
			}

		footer .copyright-cont {
			padding-top: 35px;
		}

		footer .newsletter-signup-cont {
			padding-top: 10px;
		}

			footer .newsletter-signup-cont .title {
				display: block;
			    margin-left: auto;
			    margin-right: auto;
			    padding-bottom: 15px;
			}
	}

	@media screen and (max-width: 350px){
		footer .newsletter-signup-cont input {
			width: 200px;
		}		
	}

.main-content .newsletter-signup-cont {
	text-align: center;
}

	.main-content .newsletter-signup-cont {
				
	}

	.main-content .newsletter-signup-cont .title {
		display: block;
	    text-transform: uppercase;
	    font-family: 'Roboto';
	    font-weight: 300;
	    font-size: 24px;
	    color: #b88c35;
	    vertical-align: middle;
	    line-height: 24px;
	    margin-bottom: 15px;
	}

	.main-content .newsletter-signup-cont input {
		width: 220px;
		min-height: 32px;
		border-radius: 20px;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
		margin: 0px 8px 0px 15px;
	}

	.main-content .newsletter-signup-cont .dotted-circle {
	    border: 2px dotted #1d5738;
	    width: 38px;
	    min-height: 38px;
	}


.form {
	display: inline-block;
	width: 50%;
}

	.form .fieldset, 
	.form fieldset {
		border: none;
		padding: 0;
		margin: 5px auto;
		max-width: 328px;
	}

		.form .fieldset label, .form .fieldset input {
			display: inline-block;
			vertical-align: top;
		}

		.form .fieldset label {
			width: 135px;
		}
		.form .fieldset label.checkbox {
			width: 250px;
		}

		.form .fieldset input {
			width: 185px;
		}

		.form .fieldset input[type=checkbox] {
			width: auto;
		}

		.form .fieldset textarea {
			display: block;
		    min-width: 322px;
		    min-height: 75px;
		}

		.form legend {
			width: 100%;
			text-align: center;
		}

.form .form-button {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	color: #ffffff;
	background-color: #b88c35;
	border: none;
	font-size: 16px;
	font-family: 'Roboto Condensed';
	font-weight: 400;
	cursor: pointer;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.map-container {
	float: right;
	display: inline-block;
	width: 50%;
}

	.map-container iframe {
		height: 375px;
    	max-width: 100%;
	}

@media screen and (max-width: 800px){
	.form {
		display: block;
		width: auto;
	}

	.map-container {
		padding-top: 40px;
		padding-bottom: 40px;
		float: none;
		width: auto;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: block;
	}
}

@media screen and (max-width: 380px){
	.form {
		text-align: center;
	}

		.form .fieldset {
			display: block;
			text-align: left;
		}

			.form .fieldset input:not([type=checkbox]) {
				display: block;
				width: calc(100% - 10px);
				box-sizing: border-box;
				max-width: 100%;
			}

			.form .fieldset textarea {
			    min-width: 272px;
			}
}


/******************************************************************************************************************/
/* END BASIC TEMPLATE STYLES */
/******************************************************************************************************************/



/**********************************************************************************************/
/* DEFAULT TEMPLATE STYLES */
/**********************************************************************************************/
#subnav-cont {
	border-bottom: 6px solid #a8afa3;
}

	#subnav-cont ul#subnav {
		margin: 0;
		padding: 0;
	}

		#subnav-cont ul#subnav li {
			display: inline-block;	
			vertical-align: middle;
			text-align: center;
		}

		#subnav-cont ul#subnav li a {
			font-family: 'Roboto Condensed';
			font-size: 18px;
			line-height: 18px;
			font-weight: 400;
			color: #b88c35;
			text-decoration: none;
			text-align: center;
			padding: 20px 4px;
			display: block;
		}

			/*#subnav-cont ul#subnav li a:after {
				font-family: 'Roboto Condensed';
				font-size: 18px;
				line-height: 18px;
				font-weight: 400;
				content: '>';
				margin-left: 4px;
				display: inline-block;
				vertical-align: top;
			}*/

			#subnav-cont ul#subnav li a:hover,
			#subnav-cont ul#subnav li a:hover:after {
				color: #a8afa3;
			}

			#subnav-cont ul#subnav li.on a {
				color: #0e1f19;
			}

			#subnav-cont ul#subnav li #toggle-button {
				display: none;
			}

@media screen and (max-width: 800px){
	#subnav-cont {
		/*display: none;*/
		width: auto;
	    color: #ffffff;
	    max-width: 100%;
	    vertical-align: top;
	    z-index: 100;
	    position: relative;
	    margin-top: 0px;
	    padding-left: 0px;
	    padding-right: 0px;
	    padding-bottom: 0px;
	    background-color: #ffffff;
	    border-top: 5px solid #b88c35;
	}	

		#subnav-cont ul#subnav {
			padding: 0px;
			margin: 0px;
			display: block;
		}

			#subnav-cont ul#subnav > li {
				list-style: none;
				max-width: 100%;
				margin-left: auto;
				margin-right: auto;
				border: none;
				cursor: pointer;
				background-color: #2D2D2D;
			    color: #ffffff;
			    font-size: 16px;
			    text-transform: uppercase;
			    text-decoration: none;
			    padding: 0px;
			    width: 100% !important;
			    display: block;
			    margin-bottom: 1px;
			    position: relative;
			}

				#subnav-cont ul#subnav > li.on {
					display: block;
					margin-bottom: 0px;
				}

					#subnav-cont ul#subnav.active > li.on {
						margin-bottom: 1px;
					}

					#subnav-cont ul#subnav.active > li:last-child {
						margin-bottom: 0px;
					}

					#subnav-cont ul#subnav li a {
						color: #ffffff;
						text-transform: none;
					}

						#subnav-cont ul#subnav li a:after {
							content: '';
						}

						#subnav-cont ul#subnav li.on a {
							color: #b88c35;
						}

						#subnav-cont ul#subnav > li.toggle a {
							display: block;
							padding-left: 60px;
							padding-right: 60px;
							width: auto !important;
							position: relative;
						}

							#subnav-cont ul#subnav > li.toggle a div {
								left: 49%;
								left: calc(50px + 1%);
							}

				#subnav-cont ul#subnav > li.toggle #toggle-button {
					height: 100%;
				    color: #ffffff;
				    display: inline-block;
				    width: 50px;
				    text-align: center;
				    position: absolute;
				    line-height: 18px;
				    right: 0px;
				    padding-right: 12.5px;
				    top: 50%;
				    -webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
				    position: absolute;
				}

					#subnav-cont ul#subnav > li.toggle #toggle-button #toggle-button-text {
						position: absolute;
						top: 50%;
					    -webkit-transform: translateY(-50%);
						-moz-transform: translateY(-50%);
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
						transform: translateY(-50%);
						margin-left: auto;
					    margin-right: auto;
					    left: auto;
					    right: auto;
					    display: inline-block;
					}
}

#header-image {
	height: auto;
	min-height: 216px;		
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	padding: 0px 15px;
}

@media screen and (max-width: 800px){
	#header-image {
		box-sizing: border-box;
		height: auto;
		min-height: 100px;
		padding-top: 10px;
    	padding-bottom: 10px;
	}

		#header-image .width-limiter .vertically-centered {
			position: relative;
			top: auto;
			transform: translateY(0px);
			padding-top: 8px;
		}

			#header-image h1 {
				font-size: 28px;
				line-height: 28px;
			}

			#header-image .circle.border {
				margin-right: 10px;
				margin-left: 10px;
			}
}

#header-image .width-limiter .vertically-centered {
	text-align: center;
	width: 100%;
	left: 0px;
}

	#header-image h1 {
		display: inline-block;
		text-align: center;
		margin: 5px 0px;
	}

.main-content {
	min-height: 400px;
	padding: 35px;
	box-sizing: border-box;
}

	.main-content p {
		font-family: 'Roboto';
		font-weight: 400;
		line-height: 24px;
		font-size: 14px;
		color: #333333;
	}

	.main-content a {
		font-weight: bold;
	}

@media screen and (max-width: 900px){
	.main-content {
		padding: 15px;
	}
}



/**********************************************************************************************/
/* HOMEPAGE TEMPLATE STYLES */
/**********************************************************************************************/

#hero-cont {
	border-bottom: 4px solid #ffffff;
	z-index: 1000;
}

	#hero-cont #hm-hero-cont {

	}

		#hero-cont #hm-hero-cont #hm-hero {
			overflow: hidden;
			height: 450px;
		}
			
			#hero-cont #hm-hero-cont #hm-hero .slide {
				position:absolute;
				max-width:100%;
				width:100%;
				height:100%;
			}

			#hero-cont #hm-hero-cont #hm-hero .slide-caption {
				top: 50%;
			    -webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
			    position: absolute;
			    top: 50%;
			    position: absolute;
			    text-align: center;
			    width: 100%;
			}

			#hero-cont #hm-hero-cont #hm-hero .slide-text {
				font-family: 'Roboto Condensed';
				padding: 28px 50px;
				font-size: 48px;
				color: #ffffff;
				font-weight: 300;
				text-transform: uppercase;
				display: inline-block;
				vertical-align: middle;
    			background-color: rgba(32, 32, 32, .5);
    			border-radius: 20px;
    			max-width: 65%;
			}

				#hero-cont #hm-hero-cont #hm-hero .slide-text .slide-title {
					vertical-align: middle;
				}

				#hero-cont #hm-hero-cont #hm-hero .slide-text .circle {
					width: 60px;
					min-height: 60px;
					margin-right: 20px;
					display: inline-block;
					vertical-align: middle;
				}

					#hero-cont #hm-hero-cont #hm-hero .slide-text .circle.border {
						border: 2px dotted #ffffff;
						padding: 10px;
						width: 40px;
						min-height: 40px;

					}

						#hero-cont #hm-hero-cont #hm-hero .slide-text .circle.border > span {
							height: 40px;	
						}

			#hero-cont #hm-hero-cont #hm-hero > .width-limiter {
				position: relative;
				min-height: 100%;
			}

				#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide, 
				#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
					display: block;
					background-size: contain;
					width: 30px;
					height: 54px;
					top: 50%;
				    -webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
				    position: absolute;
				    z-index: 1001;
				}

				#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide {
					background: url(../images/hero-prev.png) center center no-repeat;
					background-size: contain;
					left: 35px;
				}

				#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
					background: url(../images/hero-next.png) center center no-repeat;
					background-size: contain;
					right: 35px;
				}

@media screen and (max-width: 950px){
	/*#hero-cont #hm-hero-cont #hm-hero .slide-text {
		max-width: 55%;
	}*/

	#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide {
		left: 10px;
	}

	#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
		right: 10px;
	}
}

@media screen and (max-width: 685px){
	#hero-cont #hm-hero-cont #hm-hero {
		height: 225px;
	}

		#hero-cont #hm-hero-cont #hm-hero .slide-text {
			font-size: 24px;
			line-height: 24px;
			font-weight: 300;
			padding: 15px 25px;

		}

		#hero-cont #hm-hero-cont #hm-hero .slide-text .circle {
			width: 30px;
		    min-height: 30px;
		}

			#hero-cont #hm-hero-cont #hm-hero .slide-text .circle > span {
				height: 30px;
			}

		#hero-cont #hm-hero-cont #hm-hero .slide-text .circle.border {
			padding: 5px;
		    width: 20px;
		    min-height: 20px;
		    margin-right: 10px;
		}

			#hero-cont #hm-hero-cont #hm-hero .slide-text .circle.border > span {
				height: 20px;
			}

			#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide, 
			#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
				width: 20px;
				height: 45px;
			}

		#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide {
			display: none;
		}

			#hero-cont #hm-hero-cont #hm-hero:hover #homepage-hero-prev-slide {
				display: block;
			}

		#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
			display: none;
		}

			#hero-cont #hm-hero-cont #hm-hero:hover #homepage-hero-next-slide {
				display: block;
			}
}

@media screen and (max-width: 400px){
	#hero-cont #hm-hero-cont #hm-hero .slide-text {
		font-size: 20px;
	}

	#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide, 
	#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
		width: 16px;
		height: 42px;
	}
}



#family-owned-cont {
	min-height: 360px;
	background-image: url(../images/family-owned-bg.jpg);
	background-color: #242323;
	background-position: center top;
	background-position: center top;
	background-repeat: no-repeat;	
}

	#family-owned-cont .width-limiter {
		
		background-size: initial;
    	min-height: 360px;
    	z-index: 1002;
    	position: relative;
	}

	#family-owned-cont .width-limiter .family-owned-text {
		font-family: 'Roboto';
		font-weight: 400;
		font-size: 16px;
		color: #ffffff;
		padding-top: 192px;
		margin-left: 68px;
		max-width: 520px;	
		text-align: center;
	}

	#family-owned-cont .width-limiter .family-owned-text a.view-history {
		color: #b88c35;
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		text-align: center;
		padding-top: 10px;
		text-decoration: none;
	}

		#family-owned-cont .width-limiter .family-owned-text a.view-history span {
			display: inline-block;
			border-bottom: #274b3d 3px solid;
		}

	#family-owned-cont .width-limiter .popout-image {
		position: absolute;
		right: 15px;
		bottom: 55%;
	    bottom: calc(50% + 20px);
	    -webkit-transform: translateY(50%);
		-moz-transform: translateY(50%);
		-ms-transform: translateY(50%);
		-o-transform: translateY(50%);
		transform: translateY(50%);
	}

/* Fixes issue where the family owned background shifts slightly */
@media screen and (max-width: 1215px){
	#family-owned-cont {
	    /*background-position-x: -450px;	*/
	    background-position-x: -650px;	
	}
}

@media screen and (max-width: 1135px){
	#family-owned-cont {
	    /*background-position-x: -525px;	*/
	    background-position-x: -725px;	
	}

	#family-owned-cont .width-limiter .family-owned-text {
	    margin-left: 20px;
	    max-width: 450px;
	}
}

@media screen and (max-width: 1015px){
	#family-owned-cont .width-limiter {
		background: url(../images/family-owned-mobile-bg.png) top center no-repeat;	
		text-align: center;

	}
		
		#family-owned-cont .width-limiter .family-owned-text {
			margin-left: auto;
			margin-right: auto;
			padding: 310px 10px 50px 10px;
		}


		#family-owned-cont .width-limiter .popout-image {
			max-height: 230px;
			max-width: 100%;
			bottom: auto;
			top: -25px;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-ms-transform: translateY(0px);
			-o-transform: translateY(0px);
			transform: translateY(0px);
			display: inline-block;
			right: 0;
    		left: 0;
    		margin-left: auto;
    		margin-right: auto;
		}
}


#featured-cont {
	background-color: #a8afa3;
	padding: 24px 29px;
}

	#featured-cont > .width-limiter {
		text-align: center;
	}

		#featured-cont .feature {
			height: 220px;	
			margin: 7px 6px;
			display: inline-block;
			vertical-align: middle;
			background-color: #555555;
			width: 32%;
			width: calc(33.333333% - 12px);
			position: relative;
			overflow: hidden;
		}

			#featured-cont .feature .slide {
				display: block;
				min-height: 220px;
				width: 100%;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				position: absolute;
			}

			#featured-cont .feature .circle {
				position: absolute;
				left: 10px;
				top: 10px;
				margin: 0;
				z-index: 1001;
			}

			#featured-cont .feature .circle.border {
				min-height: 40px;
				width: 40px;
				padding: 10px;
			}

				#featured-cont .feature .circle.border > span {
					width: 100%;
					height: 40px;
				}

			#featured-cont .feature .text-cont {
				background-color: rgba(20, 20, 20, .5);
				padding: 18px 0px;
				bottom: 0px;
				left: 0px;
				width: 100%;

				position: absolute;
				z-index: 1001;
			}
				
				#featured-cont .feature .text-cont .relative {
					padding-left: 50px;
					padding-right: 50px;
					max-width: 100%;				
				}

				#featured-cont .feature .text-cont a.title {
					font-family: 'Roboto Condensed';
					font-weight: 300;
					font-size: 20px;
					line-height: 20px;
					color: #ffffff;
					text-transform: uppercase;
					text-decoration: none;
				}

				#featured-cont .feature .text-cont .featured-hero-prev,
				#featured-cont .feature .text-cont .featured-hero-next {	
					height: 30px;
					width: 16px;
					position: absolute;
					display: block;
					top: 50%;
				    -webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
				}

				#featured-cont .feature .text-cont .featured-hero-prev {
					background: url(../images/hero-prev.png) center center no-repeat;
					background-size: contain;		
					left: 18px;
				}

				#featured-cont .feature .text-cont .featured-hero-next {
					background: url(../images/hero-next.png) center center no-repeat;
					background-size: contain;	
					right: 18px;
				}

@media screen and (max-width: 950px){
	#featured-cont {
		padding: 15px 9px;
	}
}

@media screen and (max-width: 685px){
	#featured-cont .feature {
		background-color: transparent;
		height: 64px;
    	text-align: center;
	}

		#featured-cont .feature .circle.border {
			position: relative;
			left: auto;
		    right: auto;
		    top: auto;
		    bottom: auto;
		}

		#featured-cont .feature .text-cont {
			display: none;
		}

		#featured-cont .feature .slide {
			background: transparent !important;
			min-height: 0px;
		}
}

#request-catalog-cont {
	background-color: #252525;
	text-align: center;
	padding: 20px 295px 20px 35px;
	position: relative;
}

	#request-catalog-cont > span {
		display: inline-block;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		vertical-align: middle
	}

		#request-catalog-cont span.inline-block {
			vertical-align: middle;
		}

	#request-catalog-cont > span.title {
		font-size: 56px;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: 300;
		font-family: 'Roboto Condensed';
	}

		#request-catalog-cont > span .year {
			display: block;
			font-size: 38px;
			line-height: 38px;
			font-weight: 300;
			color: #b88c35;
			font-family: 'Roboto';
		}

		#request-catalog-cont > span .sub-title {
			font-size: 18px;
			line-height: 18px;
			text-transform: uppercase;
			font-weight: 300;
			color: #ffffff;
		}

	#request-catalog-cont .dotted-circle.desktop {
		display: inline-block;
	}

	#request-catalog-cont .dotted-circle.mobile {
		display: none
	}

#request-catalog-cont .catalog-image-cont {
	display: inline-block;
	position: absolute;
	max-width: 210px;
}
	#request-catalog-cont .catalog-image-cont img {
		max-width: 100%;
	}

@media screen and (min-width: 831px){
	#request-catalog-cont .catalog-image-cont{
		display: inline-block;
		vertical-align: middle;
		
	}
}			

#request-catalog-cont .dotted-circle {
	vertical-align: middle;
    margin-left: 5px;
	margin-right: 5px;
    background-color: rgba(40, 40, 40, .75);
}

@media screen and (max-width: 900px){
	#request-catalog-cont {
		padding: 20px 275px 20px 15px;
	}
}

@media screen and (max-width: 830px){
	#request-catalog-cont {
		padding: 10px 15px 10px 15px;
	}

		#request-catalog-cont > span{
			position: relative;
			z-index: 1001;
		}

			#request-catalog-cont > span:nth-child(2) {
				/*padding-right: 75px;*/
			}

		#request-catalog-cont .catalog-image-cont {
		    position: relative;
		    max-height: 110px;
		    z-index: 1000;
		}
}

@media screen and (max-width: 685px){
	#request-catalog-cont{

	}

		#request-catalog-cont > span.title {
			display: block;
			text-align: center;
			font-size: 42px;
			line-height: 42px;
		}

		#request-catalog-cont > span .year {
			font-size: 46px;
			line-height: 46px;
		}

		#request-catalog-cont > span .sub-title {
			font-size: 22px;
		}

	#request-catalog-cont .dotted-circle.desktop {
		top: auto;
		left: auto;
		right: 0px;
    	bottom: 100%;
    	display: none;
	}	

	#request-catalog-cont .dotted-circle.mobile {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
    	bottom: auto;
    	margin: 5px 0 5px 15px;
    	display: inline-block;
    	vertical-align: middle;
	}	

	#request-catalog-cont .catalog-image-cont {
	    display: block;
	    position: relative;
	    max-height: 105px;
	    z-index: 1000;
	}									
}


#grades-cont {
	background: url(../images/homepage-grades-bg.png) center center no-repeat;
	background-size: cover;
	padding: 75px 110px 95px 110px;
	border-bottom: 6px solid #b88c35;
}

	#grades-cont a {
		text-decoration: none;
	}

	#grades-cont .title-cont {
		text-align: center;
	}

		#grades-cont .title-cont .title {
			font-size: 32px;
			line-height: 32px;
			text-transform: uppercase;
			color: #b88c35;
			font-family: 'Roboto';
			font-weight: 300;
		}

		#grades-cont .title-cont .sub-title {
			font-size: 38px;
			line-height: 38px;
			text-transform: uppercase;
			color: #ffffff;
			font-family: 'Roboto';
			font-weight: 300;
		}

		.grades {
			margin: 0;
			padding: 36px 0px 0px 0px;
		}

		.grades li {
			display: inline-block;
			vertical-align: top;
			width: 24.5%;
		}

		.grades li .dotted-circle {
			min-height: 67px;
    		width: 67px;
		}

			.grades li .dotted-circle .snowfresh {
				height: 46px;
				background: url(../images/grades-snowfresh.png) center center no-repeat;
				background-size: contain;
			}

			.grades li .dotted-circle .no1-and-premium {
				height: 31px;
				background: url(../images/grades-no1-and-premium.png) center center no-repeat;
				background-size: contain;
			}

			.grades li .dotted-circle .no1 {
				height: 39px;
				background: url(../images/grades-no1.png) center center no-repeat;
				background-size: contain;
			}

			.grades li .dotted-circle .select {
				height: 36px;
				background: url(../images/grades-select.png) center center no-repeat;
				background-size: contain;
			}

		#grades-cont .grades li .title span {
			font-size: 24px;
			font-family: 'Roboto Condensed';
			font-weight: 300;
			color: #ffffff;
			border-bottom: 3px solid #b88c35;
		}

@media screen and (max-width: 1175px){
	#grades-cont {
		padding: 75px 10px 95px 10px;
	}
}

@media screen and (max-width: 685px){
	#grades-cont {
	    padding: 55px 10px 55px 10px;
	}
		
		#grades-cont .title-cont .title {
			font-size: 24px;
			line-height: 24px;
		}

		#grades-cont .title-cont .sub-title{
			font-size: 32px;
			line-height: 32px;
		}
	
	.grades {
		padding: 0px;
	}

		.grades li {
			width: 49%;
			padding-top: 20px;
		}

			#grades-cont .grades li .title span {
				font-size: 20px;
				text-transform: none;
			}
}

@media screen and (max-width: 360px){
	#grades-cont .grades li .title span {
		font-size: 18px;
	}
}

.media-wrapper {
	padding: 35px;
}

.media-cont {
	padding: 10px 35px 20px 35px;
	background-color: #ffffff;
}

	.media-cont .media-box {
		display: inline-block;
		vertical-align: top;
		padding: 30px 5px;
		width: 31%;
		width: calc(33.3333% - 15px);
		text-align: center;
	}

		.media-cont h1 {
			font-family: 'Roboto Condensed';
			font-weight: 300;
			font-size: 32px;
			color: #252525;
			margin-top: 0px;
			margin-bottom: 8px;
			text-transform: uppercase;
			border-bottom: none;
			display: block;
			text-align: center;
		}

		.media-cont h1 > a {
			color: #252525;
			text-decoration: none;
		}

			.media-cont h1 > a:hover {
				color: #a8afa3;
			}

		.media-cont .media-box .image {
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			height: 220px;
			display: block;			
			background-color: #000;
			margin-left: auto;
   			margin-right: auto;
		}

			.media-cont .media-box iframe {
				width: 100%;
				max-width: 100%;
			}

		.media-cont .media-box .sub-title {
			padding-top: 14px;		
			display: block;
			
		}

			.media-cont .media-box .sub-title a {
				border-bottom: 3px solid #b88c35;
				color: #274b3d;
				text-decoration: none;	
				font-size: 16px;
				line-height: 24px; /* Due to the bottom border  */					
			}

.media-cont.inside-homepage {
	padding: 0px 0px 35px 0px;
}

.media-cont.inside-homepage {

}

	.media-cont.inside-homepage .media-box {
		padding-top: 0px;
		padding-bottom: 25px;
	}

	.media-cont.inside-homepage h1 {

	}


@media screen and (max-width: 685px){
	.media-cont {
		padding-top: 15px;
		padding-bottom: 15px;
	}

		.media-cont .media-box {
			padding-bottom: 15px;
			display: block;
			width: auto;
			max-width: 400px;
		    margin-left: auto;
		    margin-right: auto;
		}
}

@media screen and (max-width: 475px){
	.media-wrapper,
	.media-cont {
		padding: 25px 12px 15px 12px;
	}
}


.product-cont {
	min-height: 525px;		
}

	.product-cont .image-cont {
		display: inline-block;
		vertical-align: top;
	}

		.product-cont .image-cont #featured-image {
			background-position: center center;
			background-size: cover;
			/*height: 462px;*/
			padding-top: 100%;
			/*border-radius: 50%;*/
			display: block;
		}

		.product-cont .image-cont #featured-image-title {
			font-family: 'Roboto';
		    font-size: 22px;
		    font-weight: 400;
		    color: #a8afa3;
		    font-style: normal;
		    text-align: center;
		    margin-top: 20px;
		}

		.product-cont .image-cont {
			width: 38.5%;
			max-width: 462px;
			padding-right: 55px;
			padding-top: 25px;
			float: left;
		}

	.product-cont .text-info-cont {
		display: inline-block;
		width: 55.5%;
		width: calc(100% - 35px - 55px - 38.5%);
		vertical-align: top;
	}
		.product-cont .text-info-cont .text-info-wrapper.mobile {
			display: none;
		}

		.product-cont .text-info-cont h2 {
			margin-bottom: 20px;
		}

	.product-cont .text-info-cont .note, 
	.product-cont .text-info-cont .contact-info {
		font-family: 'Roboto';
		font-size: 14px;
		font-weight: 400;
		color: #a8afa3;
		font-style: italic;
	}

	.contact-info-cont a {
		text-decoration: none;
	}

	.product-cont .text-info-cont .contact-info {
		font-size: 20px;
	}

	.product-cont .text-info-cont .contact-info .contact-method {
		display: inline-block;
		vertical-align: middle;
	}

	.product-cont .text-info-cont .contact-info .contact-method > a {
		color: #b88c35;
		text-decoration: none;
	}

	.product-cont .text-info-cont .contact-info .contact-method > a.has-hover:hover {
		color: #a8afa3;
	}

	.product-cont .text-info-cont .contact-info .contact-method:not(:last-child) > a:after {
		content: '\/';
		color: #a8afa3;
		margin-left: 5px;
	}

		.product-cont .text-info-cont .image-gallery {
			padding-top: 0px;
			padding-bottom: 5px;
		}

			.product-cont .text-info-cont .image-wrapper {
				display: inline-block;
				max-width: 130px;
			    vertical-align: top;
			    box-sizing: content-box;
			    margin: 6px;
			}

				.product-cont .text-info-cont .image-wrapper .image-title {
					font-family: 'Roboto';
				    font-size: 14px;
				    font-weight: 400;
				    color: #a8afa3;
				    font-style: normal;
				    text-align: center;
				}

			.product-cont .text-info-cont .image {
				background-position: center center;
				background-size: cover;
				width: 130px;
				height: 130px; 		
				display: inline-block;
				/*border-radius: 50%;*/
				cursor: pointer;						
			}

				.product-cont .text-info-cont .image-wrapper:first-child {
					margin-left: 0px;		
				}

@media screen and (max-width: 750px){
	.product-cont {
		position: relative;
	}

		.product-cont .image-cont {
		    width: auto;
		    display: block;
		    text-align: center;
		    max-width: 300px;
		    padding-right: 15px;
		    padding-left: 15px;
		    padding-top: 20px;
		    margin-left: auto;
		    margin-right: auto;
		    float: none;
		}

		.product-cont .text-info-cont {
		    display: block;
		    width: auto;
		    vertical-align: top;
		}

		.product-cont .text-info-cont .text-info-wrapper{
			display: none;
		}

			.product-cont .text-info-cont .text-info-wrapper.mobile {
				display: block;
			}

			.product-cont .text-info-cont .image-gallery {
			    padding-top: 20px;
			    /* padding-bottom: 0px; */
			    /* position: absolute; */
			    top: 0px;
			    right: 0px;
			    width: auto;
			    text-align: center;
			}

			.product-cont .text-info-cont .image {
				
			}
}

/* Product Details Styles */
.product-details-cont {
	background-color: #ebebeb;
	text-align: left;
}

	.product-details-cont .width-limiter {
		padding: 25px 35px 25px 35px;
	}

	.product-details-cont h3 {
		font-family: 'Roboto Condensed';
		font-size: 18px;
		font-weight: 400;
		color: #1d603a;
		text-transform: uppercase;
		margin-bottom: 12px;
		margin-top: 0px;
		min-height: 22px;
		text-align: left;
	}

	.product-details-cont .product-detail-wrap {
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 33%;
		padding-top: 25px;
    	padding-bottom: 20px;
		text-align: left;
		
	}

		.product-details-cont .product-detail-wrap.full {
			display: block;
			width: auto;
		}

		.product-details-cont .product-detail-wrap.half {
			width: 50%;
		}

		.product-details-cont .product-detail-wrap .product-detail-section {
			column-count: 2;
			display: inline-block;
		}

		.product-details-cont .product-detail-wrap .product-detail-section .product-detail-table {
			display: table;			

		}

			.product-details-cont .product-detail-wrap .product-detail-section .product-detail-table .product-detail {
				display: table-row;			
			}

				.product-details-cont .product-detail-wrap .product-detail-section .product-detail-table .product-detail .title {
					font-family: 'Roboto Condensed';
					font-size: 18px;
					font-weight: 400;
					color: #b88c35;
					text-transform: uppercase;
					display: table-cell;
					padding-right: 10px;
					padding-bottom: 4px;
				}

				.product-details-cont .product-detail-wrap .product-detail-section .product-detail-table .product-detail .product-number {
					font-family: 'Roboto Condensed';
					font-size: 18px;
					font-weight: 400;
					text-transform: uppercase;
					color: #252525;
					display: table-cell;
				}

@media screen and (max-width: 900px){
	.product-details-cont .product-detail-wrap {
		box-sizing: border-box;
		width: 50%;
	}
}
@media screen and (max-width: 685px){
	.product-details-cont .product-detail-wrap,
	.product-details-cont .product-detail-wrap.half {
		display: block;
		width: auto;
	}
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*PRODUCT CATEGORY STYLES*/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.product-category-cont {
	padding-top: 20px;
}

	.product-category-cont .product-cont {
		min-height: 0px;
		padding: 45px 10px 45px 35px;
	}

		.product-category-cont .product-cont:nth-child(2n + 1) {
			background-color: #ebebeb;
		}

		.product-category-cont .product-cont .width-limiter {
			position: relative;
		}	

		.product-category-cont .product-cont .info-cont {
			width: 190px;
    		box-sizing: content-box;
    		display: inline-block;
    		vertical-align: top;
    		padding: 0px 25px 0px 127px;
		}		

			.product-category-cont .product-cont .info-cont h2 {
				margin-top: 0px;
				margin-bottom: 10px; 
				border-bottom: none;
			}
			.product-category-cont .product-cont .info-cont h2 > a {
				display: block;
			    color: #1d603a;
			    border-bottom: 2px solid #b88c35;
			    text-decoration: none;
			}
			.product-category-cont .product-cont .info-cont h2 > a:hover {
				opacity: .75;
			}

			.product-category-cont .product-cont .info-cont .icon-cont {
				display: inline-block;
				position: absolute;
				left: 0px;
				top: 0px;
				vertical-align: middle;
				width: 127px;
			}

				.product-category-cont .product-cont .info-cont .icon-cont .icon {
					min-height: 115px;
				    width: 115px;
				    display: inline-block;
				    vertical-align: top;
				}
				.product-category-cont .product-cont .info-cont .icon-cont a.icon:hover {
					opacity: .85;
				}

					.product-category-cont .product-cont .info-cont .icon-cont .icon > span {
						height: 115px;
					}

			.product-category-cont .product-cont .info-cont .teaser {
				width: 200px;
				display: block;
				margin-bottom: 10px;
			}

			.product-category-cont .product-cont .info-cont .teaser p {
				margin-top: 0px;
				margin-bottom: 0px;
			}

			.product-category-cont .product-cont .info-cont .dotted-circle {
				min-height: 46px;
				width: 46px;
				border: 2px dotted #1d5738;
			}

				.product-category-cont .product-cont .info-cont .dotted-circle > span {
					font-size: 14px;
					line-height: 14px;
				}

	.product-category-cont .product-details-cont {
		display: inline-block;
		width: 50%;
		width: calc(100% - 350px);
		background-color: transparent;
	}

@media screen and (min-width: 1131px){
	.product-category-cont .product-details-cont .product-detail-wrap {
		padding-top: 0px;
		padding-right: 1%;
		padding-left: 0px;
		width: 33%;
	}

	.product-category-cont .product-details-cont .product-detail-wrap.full {
		display: block;
		width: auto;
	}

	.product-category-cont .product-details-cont .product-detail-wrap.half {
		width: 50%;
	}	
}


@media screen and (max-width: 1130px) and (min-width: 981px){
	.product-category-cont .product-details-cont .product-detail-wrap {
		width: 50%;
	}

	.product-category-cont .product-details-cont .product-detail-wrap.full {
		display: block;
		width: auto;
	}

	.product-category-cont .product-details-cont .product-detail-wrap.half {
		width: 50%;
	}
}

@media screen and (max-width: 980px){
	.product-category-cont .product-cont {
		padding-bottom: 25px;
		padding-left: 15px;
		padding-right: 15px;
	}

		.product-category-cont .product-cont .info-cont {
			width: auto;
		}

		.product-category-cont .product-details-cont {
			display: block;
			width: auto;
		}
			.product-category-cont .product-details-cont .product-detail-wrap {
				padding-top: 15px;
			}
}

/*LONG NAMES BREAK HERE*/
@media screen and (max-width: 625px){
	.product-details-cont .product-detail-wrap .product-detail-section .product-detail-table {
		display: inline-block;
		width: auto;
		min-width: 290px;
	}
}


@media screen and (max-width: 550px){
	.product-category-cont .product-cont .info-cont {
		padding-left: 0px;
		padding-right: 0px;
		display: block;
		width: auto;
		text-align: center;
	}

		.product-category-cont .product-cont .info-cont h2 {
		}

		.product-category-cont .product-cont .info-cont .icon-cont {
			position: relative;
			display: block;
			width: auto;
		}

			.product-category-cont .product-cont .info-cont .icon-cont .circle {
				margin-right: 0px;
			}

		.product-category-cont .product-cont .info-cont .teaser {
			width: auto;
			display: block;
			margin-top: 10px;
			margin-bottom: 10px;
		}
}


.main-category-landing {
	padding-bottom: 55px;
}
	.main-category-landing .featured-info-cont {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4em;
		color: #1c362e;
		font-style: italic;
		text-align: center;
	}
		.main-category-landing .featured-info-cont .text-cont {
			padding: 50px 15px;
			box-sizing: border-box;
			max-width: 700px;
			margin-left: auto;
			margin-right: auto;
		}

	@media screen and (min-width: 1050px){
		.main-category-landing .featured-info-cont {
			font-size: 24px;
		}
		.main-category-landing .featured-info-cont .text-cont {
			padding-top: 120px;
			padding-bottom: 120px;

		}
	}

	.main-category-landing .category-cont {
		text-align: center;
	}
	.main-category-landing .category-cont .category {
		padding: 10px;
		box-sizing: border-box;
	}
	.main-category-landing .category-cont .category .image-cont {
		display: block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 250px;
	}
	.main-category-landing .category-cont .category .title {
		color: #386c5a;
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		margin-top: 5px;
	}
 
	.main-category-landing .category-cont a:hover {
		opacity: .85;
	}
@media screen and (min-width: 625px){
	.main-category-landing .category-cont .category {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}
}
@media screen and (min-width: 950px){
	.main-category-landing .category-cont .category {
		width: 33.33%;
	}
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*TESTIMONIAL STYLES*/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.testimonial-cont {
	background-color: #b88c35;	
	padding: 25px 100px 60px 100px;	
}

.testimonial-cont.index {
	background-color: transparent;
	padding-top: 0px;
}

	.testimonial-cont .width-limiter {
		
	}

	.testimonial-cont .testimonial {
		position: relative;
		max-width: 870px;
		margin-left: auto;
		margin-right: auto;
	}

	.testimonial-cont .quote,
	.testimonial-cont .name {
		text-align: center;
		font-family: 'Roboto';
		color: #ffffff;
	}

	.testimonial-cont.index .quote,
	.testimonial-cont.index .name {
		color: #333333;
	}

	.testimonial-cont .quote {
		font-size: 38px;
		line-height: 38px;
		font-weight: 300;
		margin-top: 35px;
		margin-bottom: 20px;
	}

	.testimonial-cont.index .quote {
		font-size: 32px;
		margin-top: 50px;
	}

	.testimonial-cont .name {
		font-size: 16px;
		line-height: 16px;
		font-weight: 400;

	}
		.testimonial-cont .name:before {
			content: '- ';
		}

	.testimonial-cont .quote-opening,
	.testimonial-cont .quote-closing{
		width: 75px;
		height: 50px;
		font-size: 200px;
		color: #a87425;
		font-weight: 400;
		position: absolute;
		display: block;
	}

		.testimonial-cont.index .quote-opening,
		.testimonial-cont.index .quote-closing{
			width: 60px;
			height: 35px;
		}

	.testimonial-cont .quote-opening {
		background: url(../images/quote-opening.png) center center no-repeat;
		background-size: contain;
		top: -30px;
		right: 100%;
		right:  calc(100% + 10px);
	}

	.testimonial-cont.index .quote-opening {
		top: 0px;
	}

	.testimonial-cont .quote-closing {
		background: url(../images/quote-closing.png) center center no-repeat;
		background-size: contain;
		bottom: -20px;
    	left: 100%;
    	left: calc(100% + 10px);
	}

	.testimonial-cont.index .quote-closing {
		bottom: 0px;
	}

@media screen and (max-width: 600px){
	.testimonial-cont {
		background-color: #b88c35;	
		padding: 15px 55px 45px 55px;
	}

		.testimonial-cont .quote {
			font-size: 30px;
			line-height: 32px;
		}

		.testimonial-cont .quote-opening,
		.testimonial-cont .quote-closing{
			width: 40px;
			height: 25px;
		}
}

@media screen and (max-width: 450px){
	.testimonial-cont {
		padding-bottom: 35px;
	}

		.testimonial-cont .quote {
			margin-top: 20px;
		}
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*INNER HOMEPAGE FAMILY OWNED STYLES*/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
#inner-family-owned-cont {
	background-color: #a8afa3;
	padding: 60px 0px 60px 75px;
	position: relative;
}

	#inner-family-owned-cont .width-limiter {
		min-height: 285px;
	}

	#inner-family-owned-cont .text-area {
		max-width: 575px;
	}

	#inner-family-owned-cont .text-area h2 {
		border-color: #ffffff;
		margin-top: 15px; 
		margin-bottom: 0px;
	}

	#inner-family-owned-cont .text-area .family-owned-text {
		font-size: 16px;
		font-family: 'Roboto';
		font-weight: 400;
		color: #333333;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#inner-family-owned-cont .text-area .dotted-circle {
		min-height: 55px;
		width: 55px;
	}

	#inner-family-owned-cont .text-area .dotted-circle > span {
		font-size: 18px;
		line-height: 18px;
		color: #215b3c;
	}

	#inner-family-owned-cont img {
	    position: absolute;
	    right: 0px;
	    bottom: 48%;
	    -webkit-transform: translateY(50%);
	    -moz-transform: translateY(50%);
	    -ms-transform: translateY(50%);
	    -o-transform: translateY(50%);
	    transform: translateY(50%);
	    max-width: 497px;
	    z-index: 1010;
	}

@media screen and (max-width: 1150px){
	#inner-family-owned-cont {
		background-color: #a8afa3;
		padding: 60px 0px 60px 25px;
		position: relative;
	}

		#inner-family-owned-cont .text-area {
			max-width: 100%;
			padding-right: 520px;
		}
}

@media screen and (max-width: 900px){
	#inner-family-owned-cont {
		background-color: #a8afa3;
		padding: 15px;
		position: relative;
	}

		#inner-family-owned-cont .width-limiter {
			min-height: 190px;
		}

		#inner-family-owned-cont .text-area {
			max-width: 100%;
			padding-right: 370px;
		}

		#inner-family-owned-cont img {
		    max-width: 350px;
		}
}

@media screen and (max-width: 825px){
	#inner-family-owned-cont .text-area {
		max-width: 100%;
		padding-right: 350px;
	}


	#inner-family-owned-cont img {
	    top: -20px;
	    -webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	    max-width: 350px;
	}
}

@media screen and (max-width: 675px){
	#inner-family-owned-cont .text-area {
		display: block;
	    width: auto;
	    padding: 0px;
	    padding-top: 285px;
	}

}

@media screen and (max-width: 550px){
	#inner-family-owned-cont .text-area h2 {
		text-align: center;
	}

	#inner-family-owned-cont img {
		max-width: 250px;
	}

	#inner-family-owned-cont .text-area {
		display: block;
	    width: auto;
	    padding: 0px;
	    padding-top: 185px;
	    text-align: center;
	}

}


.events-cont {

}

	.events-cont .event {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.events-cont .event .title h2 {
		margin-bottom: 5px;
	}

		.events-cont .event .date h4 {
			margin-top: 10px;
			margin-bottom: 5px;
		}

		.events-cont .event .read-more .dotted-circle {
			min-height: 46px;
		    width: 46px;
		    border: 2px dotted #1d5738;
		}

			.events-cont .event .read-more .dotted-circle > span {
				font-size: 14px;
		    	line-height: 14px;
			}


/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*Gallery Section STYLES*/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
.gallery-page {

}

	.gallery-width-limiter {

	}

		.gallery-width-limiter .gallery-image {
			display: inline-block;
			box-sizing: border-box;
			width: 33%;
			text-align: center;
			padding: 10px;
		}	

			.gallery-width-limiter .gallery-image img {
				max-width: 100%;
			}

@media screen and (max-width: 850px){
	.gallery-width-limiter .gallery-image {
		width: 49%;
	}			
}

@media screen and (max-width: 500px){
	.gallery-width-limiter .gallery-image {
		display: block;
		width: auto;
	}
}

/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
/*Gallery Index STYLES*/
/*******************************************************************************************************************************************/
/*******************************************************************************************************************************************/
	.gallery-page .gallery {
		display: inline-block;
	    vertical-align: top;
	    text-align: center;
	   	width: 33%;
	    box-sizing: border-box;
	}

		.gallery-page .gallery .title {
			text-align: center;
		}

		.gallery-page .gallery h2 {
			font-size: 28px;
			margin: 5px 0px;
		}

		.gallery-page .gallery .gallery-image {
			width: auto;
		}

@media screen and (max-width: 850px){
	.gallery-page .gallery {
		width: 49.5%;
	}
}

@media screen and (max-width: 600px){
	.gallery-page.index .gallery-width-limiter {
		text-align: center;
	}


	.gallery-page .gallery {
		width: auto;
	}
}


/* Seedling Promo */
.seedling-promo-overlay {
	width: 280px;
	height: 0px;
	padding-top: 190px;
	background: url(../images/hero-seedling-promo.png) center center no-repeat;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

@media screen and (min-width: 686px){
	.seedling-promo-overlay {
		width: 394px;
		padding-top: 301px;
	}
}

.seedling-promo img {
  max-width: 100%;
  height: auto !important;
}

  .seedling-promo .floating-left-promo {
      display: block;
      max-width: 100%;
      height: auto;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }

  .seedling-promo .floating-left-promo.one {
      width: 610px;
  }

  .seedling-promo .floating-left-promo.two {
      width: 610px;
  }

  .seedling-promo .floating-right-promo {
      display: block;
      width: 366px;
      max-width: 100%;
      height: auto;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }

.seedling-promo {
   font-family: 'Roboto';
}

	.seedling-promo a {
	   text-decoration: none;
	}

	.seedling-promo a:hover {
	   text-decoration: underline;
	}

	   .seedling-promo .call-for-pricing-cont {
	      
	   }

	   .seedling-promo .call-for-pricing {
	      display: inline-block;
	      vertical-align: middle;
	      width: 187px;
	      height: 0px;
	      padding-top: 58px;
	      background: url(../images/seedling-call-for-pricing.png) center center no-repeat;
	      background-size: contain;
	      overflow: hidden;
	      margin-bottom: 15px;
	      margin-top: 10px;
	   }

	   .seedling-promo .fax-cont {
	   	 font-family: 'Serifa';
	   	 font-size: 18px;

	   }

		   .seedling-promo .fax-cont .tan-text {
		   	
		      color: #ded0bb;
		      font-size: 24px;
		      line-height: 28px;
		      font-weight: 700;
		   }

		   .seedling-promo .phone-cont .tan-text {
		   	font-family: 'Serifa';
		      font-size: 28px;
		      line-height: 28px;
		      color: #ded0bb;
		      font-weight: 700;
		   }

	   .seedling-promo .phone-and-fax-cont {
	      display: inline-block;
	      vertical-align: middle;
	      font-size: 16px;
	      line-height: 28px;
	      color: #737b4c;
	      font-weight: 400;
	   }

	   .seedling-promo .email-cont {
	      margin-top: 10px;
	      margin-bottom: 35px;
	   }

	      .seedling-promo .email-cont a {
	      	font-family: 'Serifa';
	         color: #737b4c;
	         font-size: 20px;
	 		line-height: 20px;
	         font-weight: 400;
	      }

	   .seedling-promo .order-link-cont {
	      color: #231f20;
	      font-size: 14px;
	      line-height: 14px;
	      font-weight: 700;
	   }

	      .seedling-promo .order-link-cont a {
	         color: #b88c35;
	         text-transform: uppercase;     
	      }

   @media screen and (min-width: 735px){
   		.seedling-promo .call-for-pricing-cont {
	      display: inline-block;
	      vertical-align: middle;
	   }

      .seedling-promo .call-for-pricing-cont:after {
         content: '';
         display: inline-block;
         vertical-align: middle;
         width: 4px;
         height: 90px;
         background: url(../images/seedling-call-for-pricing-border.png) center center no-repeat;
         background-size: contain;
         margin-left: 24px;
         margin-right: 24px;
      }

      .seedling-promo .info-cont {
      	padding-top: 15px;
      	padding-bottom: 60px;

      }

      .seedling-promo .phone-and-fax-cont {
         margin-bottom: -50px;
         text-align: left;
      }

      .seedling-promo .phone-cont,
      .seedling-promo .fax-cont {
      	display: inline-block;
      	vertical-align: middle;
      }

      .seedling-promo .phone-cont {
      	margin-right: 10px;
      }
   }


  @media screen and (max-width: 1134px){
  	.seedling-promo .hide-on-break {
  		display: none;
  	}

     .seedling-promo .center-on-break {
        text-align: center;
      }
  }

  @media screen and (min-width: 1135px){
	.seedling-promo .show-on-break {
		display: none;
	}

	.seedling-promo .floating-right-promo {
	  float: right;margin: 0px;
	}

	.seedling-promo .floating-left-promo {
	  float: left;margin: 0px;
	}

	.seedling-promo .phone-and-fax-cont {
	 padding-bottom: 0px;
	}
  }



/* Retina qulality images override */
@media (min-resolution: 134dpi), (min-device-pixel-ratio: 1.4), (min--moz-device-pixel-ratio: 1.4), (-o-min-device-pixel-ratio: 1.4), (-webkit-min-device-pixel-ratio: 1.4) {
	.seedling-promo-overlay {
		background: url(../images/hero-seedling-promo@2x.png) center center no-repeat;
		background-size: contain;
	}

	#header #mini-nav ul li a.facebook {
		background: url(../images/icn-mini-facebook@2x.png) center center no-repeat;
		background-size: contain;
	}

	#header #mini-nav ul li a.twitter {
		background: url(../images/icn-mini-twitter@2x.png) center center no-repeat;
		background-size: contain;
	}

	#header #mini-nav ul li a.youtube {
		background: url(../images/icn-mini-youtube@2x.png) center center no-repeat;
		background-size: contain;
	}

	#header #main-nav-cont #mini-nav-mobile > ul > li.social > a {
		margin: 0px 15px 10px 15px;
	    display: block;
	    box-sizing: content-box;
	    padding: 0px;
	}

		#header #main-nav-cont #mini-nav-mobile > ul > li > a.facebook {
			background: url(../images/icn-mini-facebook@2x.png?v=2019) center center no-repeat;
			background-size: contain;
			width: 10px;
			height: 18px;
		}

		#header #main-nav-cont #mini-nav-mobile > ul > li > a.twitter {
			background: url(../images/icn-mini-twitter@2x.png?v=2019) center center no-repeat;
			background-size: contain;
			width: 20px;
			height: 16px;
		}

		#header #main-nav-cont #mini-nav-mobile > ul > li > a.youtube {
			background: url(../images/icn-mini-youtube@2x.png?v=2019) center center no-repeat;
			background-size: contain;
			width: 10px;
			height: 12px;
		}

	#header .mobile-nav-toggle-cont ul li.search-button > a {
		background: url(../images/search-mobile@2x.png) center center no-repeat;
		background-size: contain;	
	}

	#header .mobile-nav-toggle-cont ul li.mobile-toggle > span {
		background: url(../images/mobile-nav-toggle@2x.png) center center no-repeat;
		background-size: contain;	
	}

		#header #main-nav-cont #nav > li.search-button > a {
			background: url(../images/search@2x.png) center center no-repeat;
			background-size: 20px;
		}

		#header #main-nav-cont #nav > li.search-button > a.on {
			background: url(../images/search@2x.png) center center no-repeat #b88c35;
			background-size: 20px;
		}

	#header #logo {
	    background: url(../images/logo@2x.png) center center no-repeat;
	    background-size: 130px 108px;
	}

	footer #social-icons li a.facebook {
		background: url(../images/icn-facebook@2x.png) center center no-repeat;
		background-size: contain;
	}

	footer #social-icons li a.twitter {
		background: url(../images/icn-twitter@2x.png) center center no-repeat;
		background-size: contain;
	}

	footer #social-icons li a.youtube {
		background: url(../images/icn-youtube@2x.png) center center no-repeat;
		background-size: contain;
	}

	#hero-cont #hm-hero-cont #hm-hero #homepage-hero-prev-slide {
		background: url(../images/hero-prev@2x.png) center center no-repeat;
		background-size: contain;
	}

	#hero-cont #hm-hero-cont #hm-hero #homepage-hero-next-slide {
		background: url(../images/hero-next@2x.png) center center no-repeat;
		background-size: contain;
	}

	#featured-cont .feature .text-cont .featured-hero-prev {
		background: url(../images/hero-prev@2x.png) center center no-repeat;
		background-size: contain;
	}

	#featured-cont .feature .text-cont .featured-hero-next {
		background: url(../images/hero-next@2x.png) center center no-repeat;
		background-size: contain;
	}

	.grades li .dotted-circle .snowfresh {
		background: url(../images/grades-snowfresh@2x.png) center center no-repeat;
		background-size: contain;
	}

	.grades li .dotted-circle .no1-and-premium {
		background: url(../images/grades-no1-and-premium@2x.png) center center no-repeat;
		background-size: contain;
	}

	.grades li .dotted-circle .no1 {
		background: url(../images/grades-no1@2x.png) center center no-repeat;
		background-size: contain;
	}

	.grades li .dotted-circle .select {
		background: url(../images/grades-select@2x.png) center center no-repeat;
		background-size: contain;
	}

	.testimonial-cont .quote-opening {
		background: url(../images/quote-opening@2x.png) center center no-repeat;
		background-size: contain;
	}

	.testimonial-cont .quote-closing {
		background: url(../images/quote-closing@2x.png) center center no-repeat;
		background-size: contain;
	}
}

.pdfobject-container { 
	height: 100vh; 
	border: 6px solid #a8afa3; 
}
.tag-line{
	font-size: 20px;
	color: #b88c35;
	float: left;
	font-style: italic;
	line-height: 38px;
	padding-left:5px;
}
@media screen and (max-width: 880px) {
	.tag-line{
		font-size: 15px;
	}
}
.staff-member{
	text-align: center;
	display: inline-block;
	width: calc(50% - 30px);
	vertical-align: top;
	padding: 50px 15px;
}
.staff-photo{
	height: 233px;
	width: 100%;
	max-width: 233px;
	margin: auto;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.staff-name{
	font-size: 32px;
	text-transform: uppercase;
	margin: 30px 0 15px;
	color: #b88c35;
	font-weight: 300;
}
.staff-title{
	font-size: 24px;
	font-weight: 300;
}
@media screen and (max-width: 526px) {
	.staff-member{
		width: 100%;
		padding: 50px 0px 0px;
	}
	.staff-name{
		font-size: 28px;
	}
	.staff-title{
		font-size: 20px;
	}
	.staff-photo{
		height: 180px;
		max-width: 180px;
	}
}
.dutchman-advatage-container{
	background-image: url(../images/woodbkg.jpg);
	/*background-size: cover;*/
    background-position: top left;
    /*background-repeat: no-repeat;*/
    color: #fff;
    padding: 100px 50px 30px;
    text-align: center;
}
.dutchman-advatage-container .container-title{
	max-width: 600px;
	margin: 0 auto 15px;
	font-size: 47px;
	line-height: 1.25;
	font-weight: 300;
	text-transform: uppercase;
}
.dutchman-advatage-container .container-text{
	max-width: 600px;
	padding-bottom: 30px;
	margin: 0 auto 100px;
	font-size: 24px;
	line-height: 1.25;
	position: relative;
}
.dutchman-advatage-container .container-text:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 3px solid #b88c35;
	width: 55%;
}
.dutchman-advatage-container .container-content{
	max-width: 1200px;
	margin: 0px auto;
}
.dutchman-advatage-container .advantage{
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 15px);
	height: 300px;
	padding: 0 7.5px;
}
@media screen and (max-width: 1000px) {
	.dutchman-advatage-container .advantage{
		width: calc(50% - 15px);
	}
}
@media screen and (max-width: 555px) {
	.dutchman-advatage-container .advantage{
		width: calc(100% - 15px);
	}
}
.dutchman-advatage-container .image{
	height: 114px;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.dutchman-advatage-container .title{
	font-size: 32px;
	font-weight: 300;
	margin-top: 15px;
	text-transform: uppercase;
}
.dutchman-advatage-container .text{
	max-height: 0px;
	overflow: hidden;
	margin: 15px auto 0;
	font-size: 14px;
	line-height: 1.25;
	max-width: 230px;
}
.dutchman-advatage-container .image,
.dutchman-advatage-container .title,
.dutchman-advatage-container .text{
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.dutchman-advatage-container .advantage:hover .image{
	height: 75px;
}
.dutchman-advatage-container .advantage:hover .title{
	font-size: 24px;
}
.dutchman-advatage-container .advantage:hover .text{
	max-height: 100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
/*****************DETECTED MOBILE******************/
.dutchman-advatage-container .advantage.mobile{
	height: auto;
	margin-bottom: 30px;
}
.dutchman-advatage-container .advantage .image.mobile{
	height: 75px;
}
.dutchman-advatage-container .advantage .title.mobile{
	font-size: 24px;
}
.dutchman-advatage-container .advantage .text.mobile{
	max-height: 100%;
}
/************************************************/
@media screen and (max-width: 800px) {
	.dutchman-advatage-container{
		padding: 50px 15px 50px;
	}
	.dutchman-advatage-container .container-title{
		font-size: 40px;
		max-width: 540px;
	}
	.dutchman-advatage-container .container-text{
		margin: 0 auto 50px;
		font-size: 20px;
		max-width: 540px;
	}
	.dutchman-advatage-container .advantage{
		height: auto;
		margin-bottom: 30px;
	}
	.dutchman-advatage-container .advantage .image{
		height: 75px;
	}
	.dutchman-advatage-container .advantage .title{
		font-size: 24px;
	}
	.dutchman-advatage-container .advantage .text{
		max-height: 100%;
	}
}
@media screen and (max-width: 520px) {
	.dutchman-advatage-container .container-title{
		font-size: 32px;
	}
}


.choose-n-cut-page {
	padding-bottom: 75px;
}
	.choose-n-cut-page .section {
		
	}
		.choose-n-cut-page .section .image-cont {
			max-width: 250px;
			height: 250px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			border-radius: 50%;
		}
		.choose-n-cut-page .section .text-cont {
			box-sizing: border-box;
		}
			.choose-n-cut-page .section .title {
				font-family: 'Roboto', sans-serif;
				color: #b88c35;
				font-size: 28px;
				line-height: 1em;
				font-weight: 700;
				font-style: italic;
				text-transform: none;
				border-bottom: none;
				margin-top: 0px;
    			margin-bottom: 0px;
			}
			.choose-n-cut-page .section .text-cont p {
				color: #1e5d38;
				font-size: 16px;
				line-height: 1.6em;
				font-weight: 400;
			}

.choose-n-cut-page .button-cont {
	text-align: center;
	margin-top: 75px;
}
.choose-n-cut-page .form-button {
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	vertical-align: middle;
	height: 62px;
	padding: 0px 20px;
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	line-height: 62px;
	font-weight: 400;
	margin: 5px;
	text-transform: uppercase;
	cursor: pointer;
}
.choose-n-cut-page .form-button:hover {
	opacity: .9;
}
.choose-n-cut-page .form-button.calendar {
	background-color: #1d593a;
}
.choose-n-cut-page .form-button.location {
	background-color: #b88c35;
}

	.choose-n-cut-page .form-button:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		margin-right: 8px;
	}
	.choose-n-cut-page .form-button.calendar:before {
		width: 42px;
		height: 42px;
		background-image: url(../images/icon-calendar.svg);
	}
	.choose-n-cut-page .form-button.location:before {
		width: 28px;
		height: 38px;
		background-image: url(../images/icon-map-marker.svg);
	}

@media screen and (max-width: 768px){
	.choose-n-cut-page .section {
		text-align: center;
		margin-bottom: 25px;
	}
		.choose-n-cut-page .section .image-cont {
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10px;
		}
}
@media screen and (min-width: 769px){
	.choose-n-cut-page .section {
		display: flex;	
	}

	.choose-n-cut-page .section .image-cont,
	.choose-n-cut-page .section .text-cont.with-image {
		align-self: center;
		display: inline-block;
		vertical-align: middle;
		flex: 1 1 auto;
	}
	.choose-n-cut-page .section .image-cont {
		max-width: 250px;
		height: 250px;
	}
	.choose-n-cut-page .section:nth-child(2n) .image-cont {
		order: 3;
	}
	.choose-n-cut-page .section .text-cont.with-image {
		max-width: calc(100% - 250px);
		padding-left: 50px;
	}
	.choose-n-cut-page .section:nth-child(2n) .text-cont.with-image {
		text-align: right;
		padding-left: 0px;
		padding-right: 55px;
	}
	.choose-n-cut-page .section .title {
		font-size: 38px;
	}
}
@media screen and (min-width: 1050px){
	.choose-n-cut-page .section {
		margin-top: -20px;
		margin-left: auto;
		margin-right: auto;
	}
	.choose-n-cut-page .section:first-child {
		margin-top: 0px;
	}
	.choose-n-cut-page .section:nth-child(2n){
		max-width: 885px;
	}
	.choose-n-cut-page .section .image-cont {
		max-width: 400px;
		height: 400px;
	}
	.choose-n-cut-page .section:nth-child(2n) .image-cont {
		max-width: 320px;
		height: 320px;
		order: 3;
	}
	.choose-n-cut-page .section:nth-child(2n) .text-cont.with-image {
	    max-width: calc(100% - 320px);
	}
	.choose-n-cut-page .section .text-cont.with-image {
		max-width: calc(100% - 400px);
	}
		.choose-n-cut-page .section .text-cont p {
			font-size: 18px;
		}
		.choose-n-cut-page .section .text-cont.with-image .title,
		.choose-n-cut-page .section .text-cont.with-image p {
			max-width: 575px;
		}
		.choose-n-cut-page .section:nth-child(2n) .text-cont.with-image .title,
		.choose-n-cut-page .section:nth-child(2n) .text-cont.with-image p {
			max-width: 500px;
			margin-left: auto;
		}
}
@media screen and (min-width: 1200px){
	/*.choose-n-cut-page .section {
		margin-top: -80px;
	}*/
	.choose-n-cut-page .section:first-child {
		margin-top: 0px;
	}
}