html,
body {
	padding: 0;
	margin: 0;
	min-width: 320px;
}

html {
	background-color: #ffffff;
	overflow-y: scroll;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

input, textarea, select {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	box-sizing: border-box;
}

table, img, iframe {
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', serif;
	font-weight: 400;
}
h1 {
	font-size: 36px;
	line-height: 1em;
}
h2 {
	font-size: 28px;
	line-height: 1em;
}
h3 {
	font-size: 26px;
	line-height: 1em;
}
h4 {
	font-size: 24px;
	line-height: 1em;
}
h5 {
	font-size: 22px;
	line-height: 1em;
}
h6 {
	font-size: 20px;
	line-height: 1em;
}

.all-caps {
	text-transform: uppercase;
}

.hidden {
	display: none !important;
}
.hidden-text {
	display: block;
	text-indent: -9999px;
	text-align: left !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}
.width-limiter {
	/* SET SITE MAX WIDTH */
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.width-limiter.light-padding {
	padding-left: 10px;
	padding-right: 10px;
}
.wide-width-limiter {
	max-width: 1835px;
	margin-left: auto;
	margin-right: auto;
}
.wide-width-limiter.light-padding {
	padding-left: 10px;
	padding-right: 10px;
}
.extra-padding {
	padding-left: 15px;
	padding-right: 15px;
}
@media screen and (min-width: 769px){
	.width-limiter.heavy-padding-desktop,
	.wide-width-limiter.heavy-padding-desktop {
		padding-left: 30px;
		padding-right: 30px;
	}
}
.relative {
	position: relative;
}
.text-centered {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

@media screen and (max-width: 768px){
	.hide-on-mobile {
		display: none;
	}	
}
@media screen and (min-width: 769px){
	.flex-desktop {
		display: flex;
	}
	.hide-on-desktop {
		display: none !important;
	}
}

.vertically-aligned {
	top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* vertically and horizontally */
.both-aligned {
	top: 25%;
	left: 50%;
    -webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
}

.form-button,
main .shopping-cart-page form > input[type=submit],
main .shopping-cart-page .checkout .checkout-link,
.checkout-page input[type=submit],
.account-page form input[type=submit] {
	font-size: 16px;
	line-height: 1em;
	text-align: center;
	display: inline-block;
	padding: 16px 30px;
	background-color: #698696;
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
	border: 1px solid #5b7d90;
	cursor: pointer;
}

.account-page table {
	text-align: left;
	margin-bottom: 15px;
}
.account-page table th,
.account-page table td {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.account-page table th:first-child,
.account-page table td:first-child {
	padding-left: 0px;
}

/*.account-page table thead tr th {
	text-align: center;
}*/

/*main .shopping-cart-page form > input[type=submit] {
	background-color: #9ebed3;
	border-color: #9ebed3;
}*/
	.form-button:hover,
	main .shopping-cart-page form > input[type=submit]:hover,
	main .shopping-cart-page .checkout .checkout-link:hover,
	.checkout-page input[type=submit]:hover,
	.account-page form input[type=submit]:hover {
		background-color: #5b7d90;
	}
	/*main .shopping-cart-page form > input[type=submit]:hover {
		background-color: #90b0c5;
		border-color: #90b0c5;
	}*/

	main .shopping-cart-page .warning {
		color: #ffc200;
    	font-size: 1.15em;
	}
	main .shopping-cart-page .error {
		color: #dc7b7b;
		font-size: 1.15em;
	}

.form-button.light {
	background-color: #9ebed3;
}
	.form-button.light:hover {
		background-color: #90b5ce;
	}

.form-button.remove {
	background-color: #d26161;
}
.remove-button:after,
.form-button:after,
.circle-arrow:after,
#subnav li a:after {
	content: '';
	background-image: url(../images/icon-arrow-right.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 7px 9px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #ffffff;
	background-color: transparent;
	width: 18px;
	height: 18px;
	margin-left: 10px;
	margin-top: -2px;
}
.circle-arrow:after {
	/*background-image: url(../images/icon-arrow-right.svg);*/
	background-color: #698696;
	border: 2px solid #698696;
}
.circle-arrow.outline:after,
#subnav li a:after {
	border: 2px solid #ffffff;
	background-color: transparent;
}

.form-button.add:after {
	background-image: url(../images/icon-plus-white.svg);
	background-size: 9px 8px;
}
.form-button.remove:after {
	background-image: url(../images/icon-minus-white.svg);
	background-size: 9px 8px;
}

.remove-button {
	color: #d26161;
	text-decoration: none;
}
.remove-button:after {
	content: '';
}
.remove-button:after {
	background-image: url(../images/icon-minus-blue.svg);
	background-size: 9px 8px;
	border-color: #9ebed3;
}


#newsletter-signup-cont {
	background-color: #9ebed3;
	padding: 45px 0px 60px 0px;
	text-align: center;
}

#newsletter-signup-cont .newsletter-title {
	font-family: 'Lora', serif;
	color: #ffffff;
	font-size: 28px;
	line-height: 1.15em;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 25px;
	box-sizing: border-box;
}
#newsletter-signup-cont .form-cont {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
	#newsletter-signup-cont .form-cont input[type=text],
	#newsletter-signup-cont .form-cont input[type=email] {
		height: 50px;
		padding: 0px 10px;
		border: none;
		box-sizing: border-box;
		margin-right: 30px;
		width: 100%;
	}
	#newsletter-signup-cont .form-cont .form-button {
		height: 50px;
		width: 170px;
		text-align: center;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
	}

	#newsletter-signup-cont #mce-responses {
		text-align: left;
		color: #ffffff;
	}
		#newsletter-signup-cont #mce-responses #mce-error-response,
		#newsletter-signup-cont #mce-responses #mce-success-response {
			margin-top: 8px;
		}

@media screen and (max-width: 524px){
	#newsletter-signup-cont .newsletter-title > span {
		display: block;
	}	

	#newsletter-signup-cont .form-cont input[type=text],
	#newsletter-signup-cont .form-cont input[type=email] {
		margin-bottom: 25px;
	}
}
@media screen and (min-width: 525px){
	#newsletter-signup-cont {
		padding: 20px 0px;
	}
	#newsletter-signup-cont .form-cont input[type=text],
	#newsletter-signup-cont .form-cont input[type=email] {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 30px - 170px);
		margin-bottom: 0px;
	}
}
@media screen and (min-width: 950px){
	#newsletter-signup-cont .newsletter-title {
		margin-bottom: 5px;
	}
	#newsletter-signup-cont .form-cont {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 406px);
	}
}


/**************************************************************************************************************************************/
/**************************************************************************************************************************************/
/** HEADER STYLES **/
/**************************************************************************************************************************************/
/**************************************************************************************************************************************/
#header {
	background: url(../images/header-bg.png) center center no-repeat #ffffff;
	background-size: cover;
	z-index: 1005;
	border-bottom: 1px solid #9ebed3;
}
	#header .search-button {
		display: inline-block;
    	vertical-align: middle;
		width: 40px;
		height: 40px;
		background-color: #698696;
		background-image: url(../images/icon-search.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 13px 13px;
		border: none;
		cursor: pointer;
	}
	#header .cart-button:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 23px;
		height: 20px;
		background: url(../images/icon-cart.svg) center center no-repeat;
		background-size: contain;
		margin-left: 9px;
	}
	#header .cta-cont {
		background-color: #9ebed3;
	}
	#header .cta-cont > a {
		font-family: 'Lora', serif;
		font-size: 28px;
		line-height: 1em;
		font-weight: 400;
		display: block;
		color: #ffffff;
		padding: 10px;
		box-sizing: border-box;
		text-decoration: none;
		text-align: center;
	}
		#header .cta-cont > a:hover {
			opacity: .85;
		}

	#header-cont {

	}

		#header #mobile-top-bar {
			display: none;
			box-sizing: border-box;
		}
			#header #mobile-top-bar .search-button {
				width: 50px;
				height: 50px;
				border-right: 1px solid #879eab;
				background-size: 16px 17px;
			}
			#header #mobile-top-bar .cart-button {
				display: inline-block;
				vertical-align: middle;
				height: 50px;
				line-height: 50px;
				color: #ffffff;
				text-decoration: none;
				text-align: center;
				padding: 0px 18px;
				border-right: 1px solid #879eab;

			}
			#header #mobile-top-bar .search-button:hover,
			#header #mobile-top-bar .cart-button:hover {
				opacity: .8;
			}
			#header #mobile-top-bar .cart-button:after {
				width: 19px;
				height: 17px;
				background: url(../images/icon-cart-white.svg) center center no-repeat;
			}
			#header #mobile-top-bar #mobile-nav-toggle-button {
				width: 25px;
				height: 16px;
				background: url(../images/icon-mobile-menu.svg) center center no-repeat;
				background-size: contain;
				display: inline-block;
				vertical-align: top;
				cursor: pointer;
				overflow: hidden;
				position: absolute;
				right: 20px;
				top: 50%;
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
			}

		#header .logo-cont {
			padding: 14px 10px;
			box-sizing: border-box;										
		}

		@media screen and (min-width: 769px){
			#header .logo-cont {
				display: inline-block;
				/*vertical-align: top;*/
				vertical-align: bottom;
				padding: 14px 0px 14px 10px;
			}
		}
		@media screen and (min-width: 1050px){
			#header .logo-cont {
				width: 262px;
				padding-left: 30px;
			}
		}

			#header .logo-cont .logo {
				display: block;
				width: 160px;
				height: 93px;
				padding-top: 0px;
				background: url(../images/logo.svg) center center no-repeat;
				background-size: contain;												
			}

			@media screen and (max-width: 768px){
				#header .logo-cont .logo {
					margin-left: auto;
					margin-right: auto;	
				}
			}
			@media screen and (min-width: 769px){
				#header .logo-cont .logo {
					width: 180px;
					height: 115px;
				}
			}
			@media screen and (min-width: 1050px){
				#header .logo-cont .logo {
					width: 230px;
					height: 134px;
				}
			}

	#header .right-info-cont {
		display: none;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 10px;
		
		text-align: right;
	}
	@media screen and (min-width: 769px){
		#header .right-info-cont {
			display: block;
			width: 200px;
		}
	}
	@media screen and (min-width: 1050px){
		#header .right-info-cont {
			width: 262px;
		}
	}
		#header .right-info-cont .cart-cont {
			margin-bottom: 15px;
		}
			#header .right-info-cont .cart-cont a.cart-button {
				display: inline-block;
    			vertical-align: top;
				text-decoration: none;
				color: #222222;
				font-size: 17px;
				font-weight: 500;
				line-height: 1em;
				text-transform: uppercase;
			}
			#header .right-info-cont .cart-cont a.cart-button:hover {
				opacity: .8;
			}
			#header .right-info-cont .cart-cont .cart-button:after {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 23px;
				height: 20px;
				background: url(../images/icon-cart.svg) center center no-repeat;
				background-size: contain;
				margin-left: 9px;
			}
				#header .right-info-cont .cart-cont a.cart-button > span {
					display: inline-block;
					vertical-align: middle;
				}
	
		#header .right-info-cont .phone {
			margin-bottom: 15px;
		}
			#header .right-info-cont .phone > a {
				font-family: 'Lora', serif;
				font-size: 28px;
				line-height: 1em;
				font-weight: 400;
				color: #222222;
				text-decoration: none;
			}
			#header .right-info-cont .phone > a:hover {
				opacity: .80;
			}

		#header .right-info-cont .search-cont {

		}

			#header .right-info-cont .search-cont input[type=text] {
				display: block;
				width: 100%;
				padding: 0px 10px;
				border: 1px solid #698696;
				height: 40px;
				box-sizing: border-box;
			}
			#header .right-info-cont .search-cont .search-button {
				position: absolute;
				right: 0px;
				top: 0px;
			}
			#header .right-info-cont .search-cont .search-button:hover {
				opacity: .85;
			}

			
@media screen and (max-width: 768px){
	#header {
	    background-color: #888888;
	}

	#header #mobile-top-bar {
		display: block;
		position: relative;
		background-color: #698696;
		color: #ffffff;
		min-height: 50px;
	}
}

	#header #main-navigation {
		font-weight: bold;

	}
		#header #main-navigation {
			font-family: 'Lora', serif;
		}	

		@media screen and (min-width: 769px){
			#header #main-navigation {
				display: inline-block;
				vertical-align: bottom;
				width: calc(100% - 200px - 200px - 10px);
			}
		}
		@media screen and (min-width: 1050px){
			#header #main-navigation {
				width: calc(100% - 262px - 262px - 10px);
			}
		}

			#header #main-navigation ul {
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
			}	

			#header #main-navigation ul li {
				list-style: none;
			}

			@media screen and (min-width: 769px){
				#header #main-navigation > ul {
					display: flex;
					padding-left: 10px;
					padding-right: 10px;
					max-width: 525px;
					margin-left: auto;
					margin-right: auto;
				}
			}

				#header #main-navigation > ul > li {
					position: relative;
				}

				@media screen and (min-width: 769px){
					#header #main-navigation > ul > li {
						flex: 1 1 auto;
					}
				}

					#header #main-navigation ul li a {
						display: block;
						font-size: 22px; 
						line-height: 1em;
						font-weight: 400;
						text-align: center;
						text-decoration: none;
						padding-top: 15px;
						padding-bottom: 15px;
						color: #000000;
					}	

						#header #main-navigation > ul > li > a {
							font-size: 22px;
							line-height: 1em;
							padding-left: 0px;
							padding-right: 0px;
							padding-bottom: 0px;
						}
					@media screen and (min-width: 769px){
						#header #main-navigation > ul > li > a {

						}
						#header #main-navigation > ul > li > a > span {
							display: inline-block;
							vertical-align: top;
							border-bottom: 3px solid transparent;
							padding-bottom: 20px;
						}
						#header #main-navigation > ul > li > a:hover > span,
						#header #main-navigation > ul > li > a.on > span {
							border-bottom: 3px solid #698696;
						}
					}
					@media screen and (min-width: 1000px){
						#header #main-navigation ul li a {
							font-size: 28px;
							line-height: 1em;
						}
						#header #main-navigation > ul > li > a {
							font-size: 28px;
							line-height: 1em;
						}
					}

					#header #main-navigation ul li{
								
					}	

						#header #main-navigation > ul > li:hover > a,
						#header #main-navigation > ul > li > a.on{
							color: #000000;
						}


					#header #main-navigation ul li ul {
						display: none;
						box-sizing: border-box;
					}	
						#header #main-navigation ul li ul li {
							display: block;
							border-bottom: 1px solid #8dabbd;
							
						}

						#header #main-navigation ul li ul li:last-child {
							border-bottom: none;
						}

						#header #main-navigation ul li ul li a {
							text-align: left;
							color: #ffffff;
							font-size: 18px;
							line-height: 18px;
							padding-left: 10px;
							padding-right: 10px;
							text-transform: none;
							position: relative;
						}

					#header #main-navigation ul li ul li ul{
						display: none;
					}

					@media screen and (max-width: 768px){
						#header #main-navigation ul li ul {
							margin-top: 0px;
						}		
					}
					@media screen and (min-width: 769px){
						#header #main-navigation ul li ul {
							display: none;
							width: 225px;
							background-color: #9ebed3;
							position: absolute;
							top: 100%;
							left: 50%;
							-ms-transform: translateX(-50%);
							-o-transform: translateX(-50%);
							-moz-transform: translateX(-50%);
							-webkit-transform: translateX(-50%);
							transform: translateX(-50%);
							z-index: 1005;
							border-top: 1px solid #9ebed3;
						}
							#header #main-navigation ul li:hover ul {
								display: block;
							}

							#header #main-navigation ul li ul li a {
								color: #ffffff;
							}
							#header #main-navigation ul li ul li a:hover {
								background-color: #b6cbd8;
							}
								#header #main-navigation ul li ul li a.on {
									background-color: #698696;
								}
					}

@media screen and (max-width: 768px){
	.logo-mini-nav-cont {
		display: none;
	}
	.mobile-logo-cont {
		display: block;
		border-bottom: 2px solid #ffffff;
	}
	#header #main-navigation {
		display: none;
		position: absolute;
	    z-index: 1005;
	    left: 0;
	    right: 0;
	    top: 50px;
	    border-top: 1px solid #879eab;
	    box-shadow: 0px 2px 10px -6px #000000;
	}
	#header #main-navigation.active {
		display: block;
	}
		#header #main-navigation > ul {
			padding: 0px;
			background-color: #ffffff;
		}

			#header #main-navigation > ul > li {
				display: block;
				width: auto;
				border-bottom: 1px solid #9ebed3;
				padding: 0px;
			}

				#header #main-navigation > ul > li:last-child {
					border-bottom: 	none;
				}

				#header #main-navigation > ul > li.inactive {
					display: none;
				}

					#header #main-navigation > ul > li.hover {
						display: block;
					}

			#header #main-navigation ul li a {
				text-align: center;
				padding: 10px;
			}		

			#header #main-navigation > ul > li > a {
				color: #000000;
				font-size: 20px;
				line-height: 20px;
			}

				#header #main-navigation > ul > li:hover > a,
				#header #main-navigation > ul > li.hover > a, 
				#header #main-navigation > ul > li > a.on {
					background-color: #e1e9ef;
				}
					#header #main-navigation > ul > li > a.on,
					#header #main-navigation > ul > li:hover > a.on {
						background-color: #9ebed3;
						color: #ffffff;
					}

					#header #main-navigation > ul > li:hover > a {
						color: #000000;
					}

		#header #main-navigation > ul > li > ul{
			display: none;
			border-top: 1px solid #ffffff;
			padding: 0px;
		}

			#header #main-navigation > ul > li.hover > ul{
				display: block;
				position: relative;
			}

				#header #main-navigation ul li ul {
					background-color: #698696;
				}

				#header #main-navigation ul li ul li {
					display: block;
					width: auto;
				}

				#header #main-navigation ul li ul li a {
					font-size: 18px;
					line-height: 18px;
					text-align: center;
				}			
}	

#toggle-button {
	display: none;
}

@media screen and (max-width: 768px){
	#toggle-button {
		display: block;
		height: 40px;
		width: 75px;
		position: absolute;
	    right: 0px;
	    top: 0px;
	    cursor: pointer;z-index: 1005;
	}

		#toggle-button .toggle-wrapper {
			position: relative;
			height: 100%;
			width: 100%;
		}

			#toggle-button .toggle-wrapper #toggle-button-text {
				color: #3a3a3a;
				width: 100%;
			    text-align: center;
			    position: absolute;
			}
}


#footer,
#footer a {
	font-size: 15px;
	line-height: 1em;
	font-weight: 400;
	color: #ffffff;
}
#footer {
	padding-top: 60px;
	padding-bottom: 70px;
	background-color: #698696;
}
#footer a:hover {
	opacity: .8;
}

#footer .footer-title {
	font-family: 'Lora', serif;
	font-size: 24px;
	line-height: 1em;
	font-weight: font-weight: 400;
	margin-bottom: 15px;
}

#footer iframe {
	width: 100%;
	margin-bottom: 12px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}
	#footer ul li {
		list-style: none;
		margin-bottom: 15px;
	}
		#footer ul li a {
			font-size: 17px;
			line-height: 1em;
			text-decoration: none;
		}
#footer .address > span {
	display: inline-block;
	vertical-align: top;
}
#footer .content-cont .section:first-child a {
	margin-top: 12px;
	display: inline-block;
	vertical-align: top;
}

#footer .copyright-cont {

}
	#footer .copyright-cont .copyright {
		font-size: 11px;
		line-height: 1em;
		font-weight: 400;
	}
	#footer .social-list li {
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
		margin-bottom: 20px;
	}
		#footer .social-list li a {
			display: block;
			background-position: center; 
			background-repeat: no-repeat;
			background-size: contain;
		}
		#footer .social-list li.facebook a {
			background-image: url(../images/icon-facebook-white.svg);
			width: 8px;
			height: 16px;
		}
		#footer .social-list li.pinterest a {
			background-image: url(../images/icon-pinterest-white.svg);
			width: 17px;
			height: 17px;
		}

@media screen and (max-width: 649px){
	#footer .content-cont .section {
		margin-bottom: 25px;
	}
	#footer .content-cont .section:first-child {
		margin-bottom: 30px;
	}
	#footer .content-cont .section:last-child {
		margin-bottom: 35px;
	}

	#footer .address > span {
		display: block;
	}
	#footer .address > span:last-child {
		margin-top: 5px;
	}
}
@media screen and (min-width: 650px){
	#footer .content-cont {
		display: flex;
		padding-left: 15px;
		padding-right: 15px;
	}
	#footer .copyright-cont {
		padding: 0px 15px;
	}

}
@media screen and (min-width: 650px) and (max-width: 999px){
	#footer .content-cont {
		flex-wrap: wrap;
		/*max-width: 370px;*/
	}
		#footer .content-cont .section {
			flex: 1 1 33.33%;
		}

		#footer .content-cont .section:first-child {
			flex: 1 1 100%;
			margin-bottom: 30px;
		}

	#footer .copyright-cont {
		margin-top: 50px;
		/*text-align: center;*/
	}
}
@media screen and (min-width: 1000px){
	#footer .content-cont {

	}
		#footer .content-cont .section {
			flex: 1 1 auto;
		}

		#footer .content-cont .section:first-child {
			order: 10;
			max-width: 370px;
		}

	#footer .copyright-cont {
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin-top: -48px;
	}
}



#hero-cont {
	z-index: 1000;
}

	#hero-cont #hm-hero-cont {

	}

		#hm-hero {
			overflow: hidden;
			height: 582px;
		}
			
			#hm-hero .slide {
				position:absolute;
				max-width:100%;
				width:100%;
				height:100%;
				opacity: 0;
				top: 0px;
				z-index: 999 !important;
			}
			#hm-hero .slide.on {
				z-index: 1000 !important;
			}
				#hm-hero .slide .image {
					width: 100%;
					height: 100%;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
				}
				#hm-hero .slide .text-cont {
					color: #ffffff;
					background-color: rgba(105,134,150,.95);
					z-index: 1003;
					padding: 25px 15px;
					box-sizing: border-box;
				}
					#hm-hero .slide .text-cont .title {
						font-family: 'Lora', serif;
						font-size: 30px;
						line-height: 1em;
						font-weight: 400;
						margin-bottom: 15px;
					}
					#hm-hero .slide .text-cont .text {
						font-size: 16px;
						line-height: 1.5em;
						font-weight: 400;
						margin-bottom: 20px;
					}
					#hm-hero .slide .text-cont .form-button {

					}

				@media screen and (max-width: 600px){
					#hm-hero .slide .image {
						background-position: 80% center;
					}
				}
				@media screen and (min-width: 769px){
					#hm-hero .slide .text-cont {
						width: 50%;
						position: absolute;
						left: 0px;
						top: 50%;
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
						-moz-transform: translateY(-50%);
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
					}
						#hm-hero .slide .text-cont .inner-limiter {
							max-width: 515px;
							margin-left: auto;
						}
				}
				@media screen and (min-width: 769px) and (max-width: 1049px){
					#hm-hero .slide .text-cont {
						padding: 25px 15px 25px 40px;
					}
				}
				@media screen and (min-width: 1050px){
					#hm-hero .slide .text-cont {
						padding: 60px;
						
					}
						#hm-hero .slide .text-cont .title {
							font-size: 60px;
						}
						#hm-hero .slide .text-cont .text {
							font-size: 17px;
						}
				}


			#hm-hero .slide-controls-cont {
			}

ul#homepage-hero-slide-selector {
	display: none;
}

	ul#homepage-hero-slide-selector li {
		list-style: none;
		display: inline-block;
		vertical-align: top;
		padding: 5px;
	}

		ul#homepage-hero-slide-selector li a {
			display: block;
			width: 10px;
			height: 10px;
			border: 2px solid #ffffff;
			background-color: #ffffff;
		}

			ul#homepage-hero-slide-selector li a.on {
				background-color: transparent;
			}


				#hm-hero #homepage-hero-prev-slide, 
				#hm-hero #homepage-hero-next-slide {
					display: block;
					background-size: contain;
					width: 15px;
					height: 27px;
				    position: absolute;
				    z-index: 1001;
				}

				#hm-hero #homepage-hero-prev-slide {
					background: url(../images/icon-hero-arrow-left.png) center center no-repeat;
					background-size: contain;
					left: 10px;
				}

				#hm-hero #homepage-hero-next-slide {
					background: url(../images/icon-hero-arrow-right.png) center center no-repeat;
					background-size: contain;
					right: 10px;
				}

@media screen and (max-width: 850px){
	#hm-hero {
		height: 400px;
	}
}

@media screen and (max-width: 768px){
	#hm-hero {
		height: auto;
	}
		#hm-hero .slide.on {
			position: relative;
		}
			#hm-hero .slide .image {
				height: 305px;
			}

		#hm-hero #homepage-hero-prev-slide, 
		#hm-hero #homepage-hero-next-slide {
			top: 135px;
			-ms-transform: none;
			-o-transform: none;
			-moz-transform: none;
			-webkit-transform: none;
			transform: none;
		}
}
@media screen and (min-width: 1050px){
	#hm-hero #homepage-hero-prev-slide, 
	#hm-hero #homepage-hero-next-slide {
		display: block;
		background-size: contain;
		width: 22px;
		height: 32px;
	}
}



.home-title {
	font-family: 'Lora', serif;
	color: #698696;
	font-size: 30px;
	line-height: 1em;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 42px;
	padding: 0px 15px;
	text-align: center;
}
@media screen and (min-width: 769px){
	.home-title {
		font-size: 37px;
		margin-bottom: 50px;
	}
}


#homepage-content {
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
	#homepage-content .content-cont {
		box-sizing: border-box;
	}
	#homepage-content .content-title {
		font-size: 30px;
		line-height: 1em;
		font-weight: 400;
	}
	#homepage-content p {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5em;
	}
	#homepage-content .form-button {
		margin-top: 5px;
	}

	#homepage-content .content-cont .media-cont iframe {
		width: 570px;
	}

@media screen and (min-width: 769px){
	#homepage-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#homepage-content .content-title {
		font-size: 37px;
		max-width: 350px;
	    margin-left: auto;
	    margin-right: auto;
	}
	#homepage-content p {
		font-size: 17px;
	}
}
@media screen and (max-width: 799px){
	#homepage-content .content-cont .media-cont {
		margin-top: 35px;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 800px){
	#homepage-content .content-cont {
		/*display: flex;*/
		width: 100%;
	}
		#homepage-content .content-cont .text-cont,
		#homepage-content .content-cont .media-cont {
			display: inline-block;
			vertical-align: middle;
			width: 50%;
			padding-left: 15px;
			padding-right: 15px;
			box-sizing: border-box;
		}
}


#homepage-featured {
	background: url(../images/homepage-featured-bg.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}
	#homepage-featured .width-limiter.light-padding,
	#homepage-categories .width-limiter.light-padding {
		padding-left: 35px;
    	padding-right: 35px;
	}

	.product-listing .product-area {
		display: block;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	#categories-index .product-area {

	}
	
	#homepage-featured .large-product {

	}
	.product-listing .products-cont {

	}
		.products-cont .unity-group {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
		}

		.product-listing > h2 {
			margin-bottom: 0px;
		}
		.product-listing .product,
		#sidebar .product {
			position: relative;
			display: inline-block;
			vertical-align: top;
			/*width: 270px;*/
			max-width: 350px;
			width: 100%;
			padding: 15px;
			box-sizing: border-box;
		}
		#sidebar .product {
			padding: 0px;
			border: 1px solid #eeeeee;
			max-width: none;
		}
			
			.product-listing .product .bg-cont,
			#sidebar .product .bg-cont {
				background-color: #ffffff;
				padding: 0px;
				position: relative;
				box-sizing: border-box;
				height: 100%;
			}
			.product-listing .product .bg-cont > a,
			#sidebar .product .bg-cont > a {
				display: block;
				color: #222222;
				text-decoration: none;
			}
			.product-listing .product .bg-cont > a:hover,
			#sidebar .product .bg-cont > a:hover {
				opacity: .8;
			}
				.product-listing .product .new-label,
				#sidebar .product .new-label {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 90px;
					height: 90px;
					background: url(../images/new-label.svg) center center no-repeat;
					background-size: contain;
					z-index: 3;
				}

				.product-listing .product .image-cont,
				#sidebar .product .image-cont {
					background-position: center;
					background-size: cover;
					background-repeat: no-repeat;
				}

				.product-listing .product .text-cont,
				#sidebar .product .text-cont {
					padding: 0px 30px 40px 30px;
					box-sizing: border-box;
					display: flex;
					align-items: center;
				}
				/*.product-listing .products-cont .product .bg-cont,
				#sidebar .product .bg-cont {
					min-height: 200px;
				}*/
					.product-listing .product .text-cont,
					#sidebar .product .text-cont {
					    padding: 20px;
					    z-index: 2;
					}
					.product-listing .product .image-cont,
					#sidebar .product .image-cont {
						display: block;
					    vertical-align: bottom;
					    /* width: calc(50% + 40px); */
					    height: 0px;
					    padding-top: 100%;
					    position: relative;
					    z-index: 1;
					}
					.product-listing .product.unity .image-cont {
						padding-top: 100%;
					}
					/*#sidebar .product .image-cont {
						min-height: 250px;
					}*/

				.product-listing .product .product-title,
				#sidebar .product .product-title {
					font-family: 'Lora', serif;
					font-size: 18px;
					line-height: 1em;
					font-weight: 400;
					margin-top: 0px;
    				margin-bottom: 0px;
    				padding-right: 12px;
    				box-sizing: border-box;
    				width: 100%;
				}
				.product-listing .product .price,
				#sidebar .product .price {
					color: #698696;
					font-size: 19px;
					line-height: 1em;
					font-weight: 500;
					min-width: 80px;
					text-align: right;
				}
					.product-listing .product .price > .cents,
					#sidebar .product .price > .cents {
						font-size: .72em;
					    display: inline-block;
					    vertical-align: text-top;
					}

@media screen and (max-width: 549px){
	.product-listing .product-area {
		text-align: center;
	}
}
@media screen and (min-width: 550px){
	#related-products .product-area,
	#categories-index .product-area {
		max-width: none;
	}
	.product-listing .products-cont {
		display: flex;
		flex-wrap: wrap;
	}
	#categories-index .products-cont {
		display: flex;
		max-width: none;
		flex-wrap: wrap;
	}
		#homepage-featured .product {
			width: 50%;
		}

		#related-products .product,
		#categories-index .product {
			display: inline-block;
			vertical-align: top;
			flex: 1 1 50%;
			width: 50%;
			max-width: 50%;
		}
		#homepage-featured .products-cont .product {
			max-width: 300px;
		}
		#homepage-featured .large-product .product {
			width: 100%;
			max-width: 600px;
		}
			#homepage-featured .large-product .product .image-cont {
				padding-top: 100%;
				min-height: auto;
				height: auto;
				width: 100%;
			}
			#homepage-featured .large-product .product .text-cont {
				position: absolute;
    			bottom: 0;
    			left: 0;
    			right: 0;
			}
			#homepage-featured .large-product .product .product-title {
				font-size: 23px;
			}
}
@media screen and (min-width: 550px) and (max-width: 849px){
	.product-listing .products-cont {
		display: flex;
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 850px){
	#related-products .product,
	#categories-index .product {
		flex: 1 1 33.33%;
		width: 33.33%;
		max-width: 33.33%;
	}
}
@media screen and (min-width: 1125px){
	#homepage-featured .home-title {
		text-align: left;
	}

	#homepage-featured {
		padding-top: 80px;
		padding-bottom: 80px;
	}
		#homepage-featured .product-area {
			display: flex;
			max-width: none;
		}
		#homepage-featured .large-product,
		#homepage-featured .products-cont {
			display: inline-block;
			vertical-align: top;
			flex: 1 1 50%;
			width: 50%;
		}
		#homepage-featured .large-product .product {
			height: 100%;
		}
		#homepage-featured .product {
			min-height: 50%;
		}
		.product-listing .products-cont .product {
			width: 270px;
		}

		#related-products .product,
		#categories-index .product {
			flex: 1 1 25%;
			width: 25%;
			max-width: 25%;
		}
}

#homepage-categories {
	background: url(../images/homepage-categories-bg.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}

.categories .product {
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 350px;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}

	.categories .product .bg-cont {
		background-color: #ffffff;
		display: block;
		padding: 0px;
		position: relative;
		box-sizing: border-box;
		height: 100%;
	}
		.categories .product .bg-cont > a {
			display: block;
			text-decoration: none;
			color: #222222;
		}
		.categories .product .bg-cont > a:hover {
			opacity: .8;
		}

		.categories .product .image-cont {
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.categories .product .text-cont {
			padding: 25px 30px 25px 30px;
			box-sizing: border-box;
		}
		#related-products .products-cont .product .bg-cont,
		#categories-index .products-cont .product .bg-cont {
			border: 1px solid #eeeeee;
		}

			.categories .product .text-cont {
				display: block;
			    padding: 20px;
			    z-index: 2;
			}
			.categories .product .image-cont {
				display: block;
			    height: 0px;
			    padding-top: 100%;
			    position: relative;
			}

		.categories .product .product-title {
			font-family: 'Lora', serif;
			font-size: 20px;
			line-height: 1em;
			font-weight: 400;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		.categories .product .circle-arrow {
			font-size: 17px;
			line-height: 1em;
			font-weight: 500;
			white-space: nowrap;
			color: #698696;
			display: block;
		}
		.categories .product .circle-arrow:after {
			margin-left: 5px;
			margin-bottom: 2px;
		}

@media screen and (max-width: 549px){
	.categories .product-area {
		text-align: center;
	}
}
@media screen and (min-width: 550px){
	.categories .products-cont {
		display: flex;
		flex-wrap: wrap;
		max-width: 600px;
   		margin-left: auto;
   		margin-right: auto;
	}
		.categories .product {
			display: inline-block;
			vertical-align: top;
			flex: 1 1 50%;
			width: 50%;
			max-width: 50%;
			width: 50%;
		}
}
@media screen and (min-width: 850px){
	.categories .products-cont {
		display: flex;
		flex-wrap: wrap;
		max-width: 900px;
   		margin-left: auto;
   		margin-right: auto;
	}
		.categories .product {
			display: inline-block;
			vertical-align: top;
			flex: 1 1 33.33%;
			width: 33.33%;
			max-width: 33.33%;
		}
}
@media screen and (min-width: 1125px){
	#homepage-categories {
		padding-top: 80px;
		padding-bottom: 80px;
	}
		.categories .products-cont {
			max-width: none;
		}
		.categories .product {
			flex: 1 1 25%;
			width: 25%;
			max-width: 25%;
		}
}







#homepage-social-cont {
	background-color: #f5f5f5;
	padding-top: 40px;
	padding-bottom: 40px;
}
	#homepage-social-cont #social-feed .social-post-cont {
		display: none;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	#homepage-social-cont #social-feed .social-post-cont:first-child {
		display: block;
	}
		#social-feed .social-post {
			background-color: #ffffff;
			height: 100%;
			box-shadow: 0px 0px 3px 0px #dddddd;
		}
		#social-feed .social-post .profile-cont {
			
		}
			#social-feed .social-post .profile-cont .name {
				font-family: 'Lato', sans-serif;
				font-size: 16px;
				line-height: 1em;
				font-weight: 700;
				color: #333333;
				padding: 28px 55px 28px 68px;
				box-sizing: border-box;
				position: relative;
			}
			#social-feed .social-post .profile-cont .name:before {
				content: '';
			    width: 40px;
			    height: 40px;
			    /*border: 1px solid #f1f1f1;*/
			    background: url(../images/social-avatar.png) center center no-repeat;
			    background-size: contain;
			    position: absolute;
			    left: 15px;
			    top: 50%;
			    -ms-transform: translateY(-50%);
			    -o-transform: translateY(-50%);
			    -moz-transform: translateY(-50%);
			    -webkit-transform: translateY(-50%);
			    transform: translateY(-50%);
			    border-radius: 50%;
			    overflow: hidden;
			}
			#social-feed .social-post .profile-cont .name:after {
				content: '';
				display: block;
				width: 24px;
				height: 24px;
				background-position: center;
				background-size: contain;
				background-repeat: no-repeat;
				position: absolute;
				right: 18px;
				top: 50%;
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
			}
				#social-feed .social-post.facebook .profile-cont .name:after {
					background-image: url(../images/icon-facebook.svg);
				}
				#social-feed .social-post.twitter .profile-cont .name:after {
					background-image: url(../images/icon-twitter.svg);
				}
				#social-feed .social-post.instagram .profile-cont .name:after {
					background-image: url(../images/icon-instagram.svg);
				}

		#social-feed .social-post .iframe-cont {
			padding-top: 64.8%;
			position: relative;
		}
		#social-feed .social-post .iframe-cont iframe {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			max-width: 100%;
		}
		#social-feed .social-post .iframe-cont iframe {
			height: 100%;
		}
		#social-feed .social-post .image-cont {
			display: block;
			height: 0px;
			padding-top: 100%;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		#social-feed .social-post .image-cont.default {
			background-size: contain;
		}
		#social-feed .social-post .image-cont:hover {
			opacity: .9;
		}
		#social-feed .social-post .text-cont {
			padding: 25px 15px 35px 15px;
			box-sizing: border-box;
			word-break: break-word;
		}
		@media screen and (min-width: 1000px){
			#social-feed .social-post .text-cont {
				padding-left: 35px;
				padding-right: 35px;
			}
		}
		/*#social-feed .social-post.twitter .text-cont {
			padding-top: 0px;
		}*/
			#social-feed .social-post .text-cont .date {
				display: block;
				font-family: 'Lato', sans-serif;
				font-size: 14px;
				line-height: 1em;
				font-weight: 400;
				margin-bottom: 15px;
			}
			#social-feed .social-post .text-cont .text {
				font-size: 15px;
				line-height: 1.25em;
				font-weight: 400;
			}
			#social-feed .social-post .text-cont a {
				color: #212d64;
				text-decoration: none;
			}
			#social-feed .social-post .text-cont .message-cont {
				height: 7.5em;
   				text-overflow: ellipsis;
   				overflow: hidden;
   				font-size: 1em;
   				line-height: 1.25em;
			}
			#social-feed .social-post .text-cont .message-cont p {
				margin-top: 1.25em;
				margin-bottom: 1.25em;
			}
			#social-feed .social-post .text-cont .message-cont p:first-child {
				margin-top: 0px;
			}
			#social-feed .social-post.instagram .text-cont a {
				color: #e12f67;	
			}
			#social-feed .social-post.twitter .text-cont a {
				color: #1da1f2;
			}

			#social-feed .social-post .text-cont a:hover {
				text-decoration: underline;
			}

@media screen and (min-width: 550px){
	#homepage-social-cont #social-feed {
		display: flex;
	}
		#homepage-social-cont #social-feed .social-post-cont {
			display: inline-block;
			vertical-align: top;
			width: 50%;
			max-width: 50%;
			flex: 1 1 50%;
		}
}
@media screen and (min-width: 550px) and (max-width: 849px){
	#homepage-social-cont #social-feed .social-post-cont {
		display: none;
	}
	#homepage-social-cont #social-feed .social-post-cont:nth-child(1),
	#homepage-social-cont #social-feed .social-post-cont:nth-child(2) {
		display: inline-block;
		vertical-align: top;
	}
}
@media screen and (min-width: 850px){
	#homepage-social-cont {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
		#homepage-social-cont #social-feed .social-post-cont {
			width: 33.33%;
			max-width: 33.33%;
			flex: 1 1 33.33%;
		}
}

/*************************************************************************************************/
/*************************************************************************************************/
/* CONTACT FORM STYLES */
/*************************************************************************************************/
/*************************************************************************************************/
.contact-map-cont {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-top: 15px;
	width: 55%;
	padding-left: 5%;
}

	.contact-map-cont iframe {
		max-width: 100%;	
	}

.contact-form {
    box-sizing: border-box;
    max-width: 600px;
}
	.contact-form .required label:after {
		content: '\*';
		color: #963131;
		font-size: 18px;
		line-height: 18px;
		font-weight: 700;
		font-style: normal;
	}

	.contact-form .center {
		text-align: center;
	}

	.contact-form .submit-button {
		margin-left: auto;
		margin-right: auto;
	}

	.contact-form .fieldset {
		border: none;
		max-width: 100%;
		margin-top: 12px;
		margin-bottom: 8px;
	}

		.contact-form .fieldset label {
			display: block;
			line-height: 1em;
    		color: #3a3a3a;
		}

		.contact-form .fieldset input,
		.contact-form .fieldset textarea {
			display: block;
			width: 100%;
			max-width: 100%;
			padding-left: 12px;
			padding-right: 12px;
		    color: #3a3a3a;
		    font-size: 14px;
		    font-weight: 400;
		    box-sizing: border-box;
		    border: 1px solid #cccccc;
		}

		.contact-form .fieldset input {
			height: 36px;
		}

		.contact-form .fieldset textarea {
			min-height: 100px;
			max-width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
		}

	.contact-form .note:not(.required) {
		color: #3a3a3a;
	}
		.contact-form .note {
			font-style: italic;
			margin: 0px;
			font-style: italic;
			color: #3a3a3a;
		}
		.contact-form .note .required {
			color: #963131;
			font-weight: 600;
			font-style: normal;
		}

@media screen and (max-width: 825px){
	.contact-form {
		display: block;
		box-sizing: border-box;
		width: auto;
		margin: 20px auto;
	}

		.contact-form .form-width-limiter {
		    margin-left: auto;
		    margin-right: auto;
		}

	.contact-map-cont {
		display: block;
		width: auto;
		box-sizing: border-box;
		padding: 20px 0px;
		margin: 0px auto;
		text-align: center;
	}
}


.account-page form {
	max-width: 600px;
}
	.account-page form ul {
		margin: 0;
		padding: 0;
	}
		.account-page form ul li {
			list-style: none;
		}
	.account-page form label {
		display: block;
		line-height: 1em;
		font-size: 16px;
    	font-weight: 500;
	}
	.account-page form input[type=checkbox],
	.account-page form input[type=checkbox] + label {
		display: inline-block;
		vertical-align: middle;
	}
	.account-page form input[type=text],
	.account-page form input[type=password],
	.account-page form input[type=number],
	.account-page form input[type=email],
	.account-page form input[type=tel],
	.account-page form select,
	.account-page form textarea {
		display: block;
		padding: 0px 10px;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 12px;
		height: 36px;
		border: 1px solid #bbbbbb;
	}
	.account-page form textarea {
		height: auto;
		min-height: 150px;
	}

	.account-page form input[type=submit] {
		/*display: block;*/
		margin-top: 12px;
		margin-bottom: 5px;
		margin-right: 10px;
	}


/*************************************************************************************************/
/*************************************************************************************************/
/* DEFAULT TEMPLATE STYLES */
/*************************************************************************************************/
/*************************************************************************************************/

#breadcrumb {
	font-size: 15px;
	line-height: 1em;
	font-weight: 500;
	color: #698696;
}
	#breadcrumb a {
		text-decoration: none;
		color: #222222;
	}
		#breadcrumb a:hover {
			opacity: .75;
		}

#interior-hero {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
}
@media screen and (min-width: 769px){
	#interior-hero {
		height: 250px;
	}
}
@media screen and (min-width: 1000px){
	#interior-hero {
		height: 300px;
	}
}

main.default-content-cont {
	padding: 30px 0px 50px 0px;
	min-height: 300px;
	font-size: 17px;
	line-height: normal;
	font-weight: 400;
}
main.default-content-cont.no-pad-bottom {
	padding-bottom: 0px;
}

	main.default-content-cont a {
		color: #698696;
		text-decoration: underline;
	}
		main.default-content-cont a:hover {
			text-decoration: none;
		}

	main.default-content-cont a.form-button {
		color: #ffffff;
		text-decoration: none;
	}
		main.default-content-cont a.form-button:hover {
			text-decoration: none;
		}

	main.default-content-cont h1 {
		margin-top: 0px;
	}

#sidebar {

}
	#sidebar .product {
		margin-bottom: 30px;
	}

#subnav-cont {
	background-color: #698696;
	padding: 30px;
}
	#subnav-cont .subnav-title {
		font-family: 'Lora', serif;
		color: #ffffff;
		font-size: 22px;
		line-height: 1em;
		font-weight: 400;
	}
#subnav {
	margin: 0px;
	padding: 0px;
}
	#subnav li {
		list-style: none;
		border-bottom: 1px solid #879eab;
	}
	#subnav li:last-child {
		border-bottom: none;
	}
		#subnav li a {
			font-size: 17px;
			line-height: 1em;
			font-weight: 400;
			color: #ffffff;
			display: block;
			padding-top: 20px;
			padding-bottom: 20px;
			padding-right: 30px;
			position: relative;
			text-decoration: none;
		}
		#subnav li a:hover {
			opacity: .75;
		}
		#subnav li a:after {
			position: absolute;
			right: 0px;
			top: 50%;
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

@media screen and (min-width: 769px){
	main.default-content-cont .default-content:not(.full){
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 275px);
		box-sizing: border-box;
		padding-right: 30px;
	}
	#sidebar {
		display: inline-block;
		vertical-align: top;
		width: 275px;
	}
}
@media screen and (min-width: 1050px){
	main.default-content-cont {
		padding: 80px 0px 100px 0px;

	}
	main.default-content-cont .default-content:not(.full){
		width: calc(100% - 370px);
	}
	#sidebar {
		width: 370px;
	}
}


.product-details {
	
}
	.product-details > .width-limiter:first-child {
		padding-bottom: 50px;
	}
	.product-details .gallery-cont,
	.product-details .details-cont {
		box-sizing: border-box;
	}
	#about-hero,
	#product-hero {
		padding-top: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		border: 1px solid #eeeeee;
		box-sizing: border-box;
		cursor: zoom-in;
		background-image: url(../images/icon-loading-grey.svg);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: 60px 60px
	}
	#about-hero {
		cursor: inherit;
		border: none;
	}
	#product-hero.zoom {
		background: none;
	}
	#product-hero.zoom:hover {
		cursor: zoom-out;
	}
		#product-hero .zoom-button {
			display: block;
			width: 21px;
			height: 21px;
			background: url(../images/icon-zoom-in.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			position: absolute;
			bottom: 8px;
			right: 8px;
			z-index: 1004;
		}
		#product-hero .zoom-button.active {
			background-image: url(../images/icon-zoom-out.png);
		}
		#about-hero .slide,
		#product-hero .slide {
			position: absolute;
    		top: 0px;
    		left: 110%;
    		background-position: center;
    		background-repeat: no-repeat;
    		background-size: contain;
    		/*background-color: #ffffff;*/
    		width: 100%;
    		height: 100%;
		}
		#about-hero .slide.on,
		#product-hero .slide.on {
			left: 0px;
		}

		#product-hero .slide-controls {
			
		}
			#about-hero .slide-controls .hero-arrow,
			#product-hero .slide-controls .hero-arrow {
				width: 16px;
				height: 25px;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				position: absolute;
				top: 50%;
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				z-index: 1003;
			}
			#about-hero .slide-controls .hero-arrow.left,
			#product-hero .slide-controls .hero-arrow.left {
				background-image: url(../images/icon-hero-arrow-left.png);
				left: 8px;
			}
			#about-hero .slide-controls .hero-arrow.right,
			#product-hero .slide-controls .hero-arrow.right {
				background-image: url(../images/icon-hero-arrow-right.png);
				right: 8px;
			}

	#product-slider {
		box-sizing: border-box;
		margin-top: 30px;
	}
		
			

	.products-scroller {
		overflow: hidden;
		position: relative;
	}
		.products-scroller ul {
			margin: 0px;
			padding: 0px;
			white-space: nowrap;
			position: relative;
		}
			.products-scroller ul li {
				list-style: none;
				display: inline-block;
				vertical-align: top;
				width: 33.33%;
				padding-left: 15px;
				padding-right: 15px;
				box-sizing: border-box;
			}
				.products-scroller ul li a {
					display: block;
					width: 100%;
					padding-top: 100%;
					height: 0px;
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					position: relative;
					border: 1px solid #eeeeee;
				}
					.products-scroller ul li a > .box {
						display: none;
					}
					.products-scroller ul li a.on > .box {
						border: 1px solid red;
					    /*display: block;*/
					    position: absolute;
					    z-index: 1004;
					}

	.products-scroller:not(.scrolling-enabled) .arrows-cont{
		display: none;
	}
		.products-scroller .scroll-left,
		.products-scroller .scroll-right {
			width: 16px;
			height: 25px;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 1003;
		}
		.products-scroller .scroll-left {
			background-image: url(../images/icon-hero-arrow-left.png);
			left: 25px;
		}
		.products-scroller .scroll-right {
			background-image: url(../images/icon-hero-arrow-right.png);
			right: 25px;
		}

	.product-details .details-cont {

	}
		.product-details .details-cont h1 {
			line-height: 1em;
			margin-bottom: 25px;
		}
		.product-details .details-cont .price {
			color: #698696;
			font-size: 33px;
			font-weight: 700;
			line-height: 1em;
		}
			.product-details .details-cont .price > .cents {
				font-size: .72em;
			    display: inline-block;
			    vertical-align: text-top;
			}

		.product-details .details-cont #pricing-options-cont > .option {
			margin-top: 5px;
		}
		.product-details .details-cont #pricing-options-cont > .option:first-child {
			margin-top: 10px;
		}
		.product-details .details-cont #pricing-options-cont .title {
			font-weight: 500;
			color: #aaaaaa;
		}
		.product-details .details-cont #pricing-options-cont .adjustment {
			color: #698696;
			font-size: 18px;
			font-weight: 500;
			line-height: 1em;
			margin-left: 5px;
		}

		.product-details .details-cont #pricing-options-cont .total-cont {
			margin-top: 10px;
			padding-top: 10px;
			border-top: 1px solid #eeeeee;
		}
		.product-details .details-cont #pricing-options-cont .total-cont .title,
		.product-details .details-cont #pricing-options-cont .total-cont .total {
			font-size: 1.35em;
			line-height: 1em;
			font-weight: 700;
		}

		.product-details .details-cont .wysiwyg {
			line-height: 1.5em;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.product-details .details-cont .wysiwyg > p:first-child {
			margin-top: 0px;
		}
		.product-details .details-cont .wysiwyg > p:first-child {
			margin-bottom: 0px;
		}


	.product-details .options-cont {
		margin-bottom: 30px;
	}

	.product-details form {

	}
		.product-details form select,
		.product-details form input[type=text],
		.product-details form input[type=number] {
			height: 60px;
			line-height: 60px;
		}

		.product-details form {
			border-top: 1px solid #eeeeee;
			padding-top: 30px;
		}
			.product-details form .quantity-cont {
				position: relative;
				display: inline-block;
				vertical-align: middle;
			}
				.product-details form .quantity-cont > label {
					font-weight: 500;
					position: absolute;
					left: 15px;
					top: 50%;
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
				.product-details form .quantity-cont {
					display: inline-block;
					vertical-align: middle;
					margin-right: 15px;
				}
					.product-details form .quantity-cont #input-quantity {
						padding-left: 55px;
						border: 1px solid #eeeeee;
					}
				.product-details form .buttons {
					display: inline-block;
					vertical-align: middle;
				}
					.product-details form #cart-button,
					.product-details form .form-button {
						padding: 20px 30px;
					}
					.product-details form .buttons .form-button.add {
						margin-right: 15px;
					}
					
					.product-details form .remove-button {
						display: inline-block;
					    vertical-align: top;
					    color: #9ebed3; /* #d08787 */
					    text-decoration: none;
					    margin-top: 25px;
					    font-size: .95em;
					}
					.product-details form .remove-button:hover {
						opacity: .75;
					}


	.product-details .options {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: inline;
		vertical-align: bottom;
		box-sizing: border-box;
	    max-width: 100%;
	}

	.product-details .product-option-note {
		font-size: 15px;
   		line-height: 1em;
   		font-weight: 600;
   		color: #777;
   		font-style: italic;
   		margin-bottom: 5px;
	}

	.product-details .options.standard {
		display: block;
	}

	.product-details .options.unity-specific {
	    display: inline-block;
	    vertical-align: top;
	    clear: both;
	    border: 1px solid transparent;
	    border-bottom-color: #cccccc;
	    padding-bottom: 15px;
	}
	/*.product-details .options.unity-specific.attention {
		border: 2px solid red;
	}*/

	.product-details .options > li {
		display: inline-block;
		margin-top: 14px;
	}

	.product-details .options > li > ul > li > input {
		display: none;
	}

	.product-details .options > li.listmode {
		background-color: #ffffff;
	    border: 1px solid #eeeeee;
	    position: relative;
	    line-height: 60px;
	    height: 60px;
	    /* height: 24px; */
	    padding: 0px 30px 0px 16px;
	    margin-right: 12px;
	    box-sizing: border-box;
	    max-width: 100%;
	    cursor: pointer;
	}

	.product-details .options > li.listmode:after {
		content: "";
	    display: inline-block;
	    vertical-align: middle;
	    background-image: url(../images/icon-triangle-down-grey.svg);
	    background-repeat: no-repeat;
	    background-size: 14px 8px;
	    background-position: center center;
	    width: 14px;
	    height: 8px;
	    position: absolute;
	    top: 50%;
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    right: 8px;
	}
	.product-details .options > li:last-child.listmode {
		margin-right: 0px;
	}

	.product-details .options > li.listmode > ul {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
	}

	.product-details .options > li.listmode.hover > ul {
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #9ebed3;
		min-width: 250px;
		width: 100%;
		box-sizing: border-box;
		box-shadow: 0px 2px 12px -8px rgba(0,0,0,.75);
		max-height: 400px;
    	overflow-y: auto;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-thumb {
		background: #e1e1e1;
		border: 0px none #ffffff;
		border-radius: 50px;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-thumb:hover {
		background: #ffffff;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-thumb:active {
		background: #999999;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-track {
		background: #666666;
		border: 0px none #ffffff;
		border-radius: 50px;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-track:hover {
		background: #666666;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-track:active {
		background: #333333;
	}
	.product-details .options > li.listmode.hover > ul::-webkit-scrollbar-corner {
		background: transparent;
	}

	.product-details .options > li.listmode > ul > li > label {
		display: block;
		color: #ffffff;
		padding: 15px 10px;
		line-height: 1.2em;
		cursor: pointer;
	}

	.product-details .options > li.listmode > ul > li > label:hover {
		background-color: #b6cbd8;
	}

	.product-details .options > li.listmode > .title,
	.product-details .options > li.listmode > .value {
		/*text-transform: uppercase;*/
		font-weight: 500;
		font-size: 15px;
		display: block;
	}

	.product-details .options > li.listmode.selected > .title {
		display: none;
	}

	.product-details .options > li.listmode > .title:before {
		content: "Select ";
	}

	.product-details .options > li.listmode {
		margin-top: 35px;
	}
	.product-details .options > li.listmode > .label-title {
	   	display: block;
    	position: relative;
    	font-weight: bold;
    	margin-right: 4px;
    	font-size: 17px;
    	top: -22px;
    	margin-bottom: -20px;
    	line-height: 1em;
    	width: calc(100% + 32px);
    	display: block;
    	max-width: none;
    	margin-left: -16px;
    	text-transform: capitalize;
	}


	.product-details .options > li.listmode .adjustment {
		font-weight: 900;
	}


	.product-details .options > li.imagemode {
		display: block;
	}

	.product-details .options > li.imagemode > .title {
		font-weight: bold;
		margin-right: 4px;
	}

	.product-details .options > li.imagemode > .title:after {
		content: ":";
	}

	.product-details .options > li.imagemode > ul {
		list-style-type: none;
		margin: 6px 0 0 0;
		padding: 0;
	}

	.product-details .options > li.imagemode > ul > li {
		display: inline-block;
		/*width: 40px;
		height: 40px;*/
		margin-right: 7px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		cursor: pointer;
	}
	.product-details .options > li.imagemode > ul > li.disabled {
		opacity: .5;
		pointer-events: none;
	}

	.product-details .options > li.imagemode > ul > li > label {
		display: block;
		width: 65px;
		height: 65px;
		overflow: hidden;
		border: 1px solid #eeeeee;
		cursor: pointer;
		box-sizing: border-box;
	}

	.product-details .options > li.imagemode > ul > li > input:checked+label {
		border: 2px solid #9ebed3;
	}

		.product-details .options > li.imagemode > ul > li > label > span {
			display: block;
			text-align: left;
			text-indent: -9999px;
			width: 1px;
			height: 1px;
			position: absolute;
		}


.product-details .share-cont {
	padding-bottom: 30px;
}
	.product-details .share-cont > span {
		display: inline-block;
		vertical-align: middle;
		color: #222222;
		font-size: 15px;
		font-weight: 500;
		line-height: 1em;
		margin-right: 5px;
	}
	.product-details .share-cont ul {
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
	}
		.product-details .share-cont ul li {
			list-style: none;
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
		}
			.product-details .share-cont ul li a {
				display: block;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
			.product-details .share-cont ul li a:hover {
				opacity: .8;
			}
				.product-details .share-cont ul li a.email {
					width: 15px;
					height: 16px;
					background-image: url(../images/icon-share-grey.svg);
				}
				.product-details .share-cont ul li a.pinterest {
					width: 17px;
					height: 17px;
					background-image: url(../images/icon-pinterest-grey.svg);
				}
				.product-details .share-cont ul li a.facebook {
					width: 8px;
					height: 16px;
					background-image: url(../images/icon-facebook-grey.svg);
				}

@media screen and (max-width: 768px){
	.product-details .details-cont {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
	}
}
@media screen and (min-width: 769px){
	.product-details .details-cont h1 {
		font-size: 48px;
	}
	.product-details .gallery-cont,
	.product-details .gallery-cont:not(.hidden) + .details-cont {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.product-details .details-cont {
		padding-left: 15px;
		padding-right: 15px;
	}
	.product-details .gallery-cont:not(.hidden) + .details-cont {
		padding-left: 45px;
	}
}


#related-products {
	background-color: #f4f5f5;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-top: 0px;
	position: relative;
    z-index: 0;
}
	#related-products .related-title {
		font-family: 'Lora', serif;
		font-size: 33px;
		font-weight: 400;
		line-height: 1em;
		text-align: center;
		margin-bottom: 45px;
	}

@media screen and (min-width: 1050px){
	#related-products {
		margin-top: 50px;
		padding-top: 90px;
		padding-bottom: 100px;
	}
}	



/* Shopping Cart */

main .shopping-cart-page {
	padding-top: 10px;
}

main .shopping-cart-page .checkout {
	clear: both;
	padding-top: 5px;
	color: #000000;
}

main .shopping-cart-page .checkout > .sub-total,
main .shopping-cart-page .checkout > .total {
	font-size: 18px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	line-height: 46px;
}

main .shopping-cart-page .checkout > .sub-total > .value {
	float: right;
}

main .shopping-cart-page .checkout > .total > .title {
	position: relative;
	top: 6px;
}

main .shopping-cart-page .checkout > .total > .value {
	float: right;
	font-size: 32px;
}

main .shopping-cart-page .checkout > p {
	margin: 8px 0px 0px 0px;
    padding: 0;
    /* font-size: 21px; */
    font-size: 14px;
    text-align: center;
}

main .shopping-cart-page .checkout > form > input:not([type=submit]) {
	display: inline-block;
    border: 1px solid #aaa;
    border-right: none;
    border-radius: 0;
    margin: 0 0 8px 0;
    padding: 0px 8px;
    box-sizing: border-box;
    float: left;
    line-height: 20px;
    height: 50px;
    width: 68%;
}
main .shopping-cart-page .checkout > form > input[type=submit] {
	padding-left: 10px;
	padding-right: 10px;
	width: 32%;
}

main .shopping-cart-page .checkout h5.title {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 18px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    line-height: 1em;
}

main .shopping-cart-page form.products > input[type=submit] {
	width: auto;
	margin-top: 10px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

main .shopping-cart-page .checkout > .promo-code {
	display: block;
	margin-top: 5px;
}

main .shopping-cart-page .checkout > form.promo-code:after {
	content: "";
	display: table;
	clear: both;
}

main .shopping-cart-page .checkout > .promo-code > .value {
	display: block;
	font-weight: bold;
}

main .shopping-cart-page .checkout > .promo-code > a {
	text-transform: uppercase;
}

main .shopping-cart-page .checkout > .links {
	text-align: center;
}

	main .shopping-cart-page .checkout > .links > .back {
		color: #698696;
		font-size: 1em;
	}
	main .shopping-cart-page .checkout > .links > .back:hover {
		opacity: .8;
	}

/*main .shopping-cart-page .checkout .checkout-link {
	display: inline-block;
	width: 70%;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	line-height: 34px;
	margin: 10px 0;
    color: #ffffff;
    background-color: #951b1e;
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
    border: none;
}

main .shopping-cart-page .checkout > .links > .checkout-link:hover {
	background-color: #40567e;
}*/

main .shopping-cart-page .cart-entries > h6 {
	/*background-color: #951b1e;*/
	border-bottom: 1px solid #ffffff;
    color: white;
	line-height: 24px;
	margin: 0;
	padding: 8px;
}

main .shopping-cart-page a {
	text-decoration: none;
}

main .shopping-cart-page .cart-entries > h6 > .description {
	padding-left: 6px;
}

main .shopping-cart-page .cart-entries > h6 > span+span {
	display: none;
}

main .shopping-cart-page .cart-entries > ul,
main .shopping-cart-page .cart-entries > ul .description > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

main .shopping-cart-page .cart-entries > ul .description {
	color: #777777;
	float: left;
	width: 60%;
}

main .shopping-cart-page .cart-entries > ul .qty,
main .shopping-cart-page .cart-entries > ul .price,
main .shopping-cart-page .cart-entries > ul .total {
	float: right;
	clear: right;
}

main .shopping-cart-page .cart-entries > ul .qty > input {
	border: 1px solid #aaaaaa;
	border-radius: 0;
	padding: 4px;
	box-sizing: border-box;
	width: 60px;
}

main .shopping-cart-page .cart-entries > ul > li {
	border-bottom: 2px solid black;
	padding: 8px 8px 15px;
	border-bottom: 2px solid #000000;
}

main .shopping-cart-page .cart-entries > ul > li:after {
	content: "";
	display: table;
	clear: both;
}

main .shopping-cart-page .cart-entries > ul .price:after {
	content: " ea.";
	font-weight: bold;
}

main .shopping-cart-page .cart-entries > ul .image {
	display: none;
}

main .shopping-cart-page .cart-entries > ul .description > .title {
	font-size: 16px;
	font-weight: bold;
}

main .shopping-cart-page .cart-entries > ul .description > .options {
	font-size: 12px;
	line-height: 1.8em;
}

main .shopping-cart-page .cart-entries > ul .description > .options > li > .title:after {
	content: ":";
}

main .shopping-cart-page .cart-entries > ul .description > .options > li > .value {
	font-weight: bold;
}

main .shopping-cart-page .cart-entries > ul .description .title {
	font-size: 1.1em;
	text-decoration: none;
}
main .shopping-cart-page .cart-entries > ul .description .title:hover {
	text-decoration: underline;
}
main .shopping-cart-page .cart-entries > ul .description .remove {
	display: inline-block;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: 700;
}
main .shopping-cart-page .cart-entries > ul .description .remove:hover {
	opacity: .8;
}
main .shopping-cart-page .cart-entries > input[type=submit] {
	margin-top: 20px;
	float: right;
}

@media (min-width: 640px) {
	main .shopping-cart-page:after {
		content: "";
		display: table;
		clear: both;
	}

	main .shopping-cart-page {
		padding-top: 0px;
		padding: 10px 0px;
	}


	main .shopping-cart-page .cart-entries > h6 {
		line-height: 1.0em;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	main .shopping-cart-page .checkout > .total {
		margin: 20px 0 10px 0;
	}

	main .shopping-cart-page .checkout > .links > .checkout-link {
		margin: 20px 0;
	}

	main .shopping-cart-page .cart-entries > ul .description {
		/*width: 36%;*/
		width: 54%;
	}

	main .shopping-cart-page .cart-entries > ul .description:after {
		content: "";
		display: table;
		clear: both;
	}

	main .shopping-cart-page .cart-entries > ul .image-wrapper {
		display: block;
		float: left;
		width: 18%;
		height: 120px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	main .shopping-cart-page .cart-entries > ul .image-wrapper > .image {
		display: block;
		width: 100%;
		height: 100%;
		content: "";
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		text-decoration: none;
	}

	main .shopping-cart-page .cart-entries > h6:after {
		content: "";
		display: table;
		clear: both;
	}

	main .shopping-cart-page .cart-entries > h6 span.description {
		float: left;
		width: 54%;
		box-sizing: border-box;
	}

	main .shopping-cart-page .cart-entries > h6 span+span {
		display: block;
		float: left;
		width: 15%;
		text-align: center;
	}

	main .shopping-cart-page .cart-entries > ul .qty,
	main .shopping-cart-page .cart-entries > ul .price,
	main .shopping-cart-page .cart-entries > ul .total {
		float: left;
		clear: none;
		width: 15%;
		text-align: center;
		line-height: 34px;
	}

	main .shopping-cart-page .cart-entries > ul .price:after {
		content: none;
	}

	main .shopping-cart-page .cart-entries > ul > li:last-child {
		border-bottom-style: solid;
	}
}

@media (min-width: 1050px) {

	main .shopping-cart-page .cart-entries {
		float: left;
		width: 69%;
	}

	main .shopping-cart-page .checkout {
		clear: none;
	    float: right;
	    width: 30%;
	    border: 2px solid #000;
	    padding: 0 10px 20px;
	    box-sizing: border-box;
	    /* border-radius: 12px; */
	}
}

@media (min-width: 1200px) {
	main .shopping-cart-page .checkout {
		padding: 10px 32px 35px;
	}
}





/* Checkout Page */
.checkout-page {
    padding-top: 10px
}

.checkout-page:after {
    content: "";
    clear: both;
    display: table
}

.checkout-page ol,.checkout-page ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.checkout-page > ol > li,.checkout-page > aside {
    margin-top: 15px;
    border: 1px solid #ebebeb
}

.checkout-page > ol > li > h3,.checkout-page > aside > h3 {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    margin: 0;
    padding: 8px
}

.checkout-page > ol > li > ol,.checkout-page > aside > ul {
    padding: 10px
}

.checkout-page > aside > ul + ul {
    padding: 0 10px 25px
}

.checkout-page > aside.loading > .order-totals-summary {
    text-align: left
}

.checkout-page > aside.loading > .order-totals-summary > li {
    display: none
}

.checkout-page > aside.loading > .order-totals-summary:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    background-image: url(../images/icon-loading.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: middle
}

.checkout-page > aside.loading > .order-totals-summary:after {
    content: "Updating..."
}

.checkout-page > ol > li.address > ol > li + li,.checkout-page > ol > li.payment > ol > li > ol > li + li {
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
    padding-top: 15px
}

.checkout-page > ol > li.notes > textarea {
    margin: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    line-height: 20px;
    padding: 8px;
    font-size: 14px
}

.checkout-page > ol > li > p {
    padding: 10px 10px 0;
    margin: 0
}

.checkout-page > ol > li > p > a {
    white-space: nowrap
}

.checkout-page .required:after {
    content: "*";
    color: red;
    font-size: 10px;
    vertical-align: top
}

.checkout-page .text-field-set label,.checkout-page legend {
    float: left;
    width: 125px;
    font-size: 13px;
    line-height: 20px;
    padding-top: 8px;
}

.checkout-page .text-field-set label > .note {
    font-size: 11px;
    display: block;
    line-height: 1.2em;
    margin-top: 5px
}

.checkout-page .text-field-set > .checkbox input[type=checkbox] {
    display: none
}

.checkout-page .text-field-set > .checkbox input[type=checkbox] + label {
    float: none;
    width: auto;
    display: block;
    margin-left: 130px
}

.checkout-page .text-field-set > .checkbox input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    text-align: center;
    line-height: 20px;
    margin-top: -2px
}

.checkout-page .text-field-set > .checkbox input[type=checkbox]:checked + label:before {
    content: "\2716"
}

.checkout-page fieldset {
    border: 0;
    padding: .01em 0 0;
    margin: 0;
    min-width: 0;
    display: block;
    overflow: hidden
}

.checkout-page fieldset li + li {
    margin-top: 5px
}

.checkout-page .text-field-set label + input,.checkout-page .text-field-set label + select,.checkout-page .payment-options > li > input[type=text] {
    float: right;
    width: calc(100% - 130px);
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    line-height: 20px;
    padding: 8px;
    font-size: 14px
}

.checkout-page .text-field-set select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    line-height: 20px;
    padding: 8px;
    font-size: 14px
}

.checkout-page fieldset ol {
    float: right;
    width: calc(100% - 130px)
}

.checkout-page fieldset label {
    position: absolute;
    left: -999px
}

.checkout-page .text-field-set fieldset label + select {
    float: none;
    width: 100%
}

.checkout-page .payment-options > li > input[type=text] {
    float: none;
    width: 100%;
    margin-top: 10px
}

.checkout-page .text-field-set > li + li {
    margin-top: 8px
}

.checkout-page .text-field-set > li:after {
    content: "";
    clear: both;
    display: table
}

.checkout-page #shipping_same_as_billing {
    display: none
}

.checkout-page label[for=shipping_same_as_billing]:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    text-align: center;
    line-height: 20px;
    margin-top: -2px
}

.checkout-page #shipping_same_as_billing:checked ~ p > label[for=shipping_same_as_billing]:before {
    content: "\2716"
}

.checkout-page #shipping_same_as_billing:checked ~ ol {
    display: none
}

.checkout-page .radio-selection > li + li {
    margin-top: 10px
}

.checkout-page .radio-selection input,.checkout-page .payment-options input[type=checkbox],.checkout-page .payment-options input[type=radio] {
    position: absolute;
    left: -9999px
}

.checkout-page .radio-selection label:before,.checkout-page .payment-options input[type=checkbox] + label:before,.checkout-page .payment-options input[type=radio] + h4 > label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    text-align: center;
    line-height: 20px;
    margin-top: -2px
}

.checkout-page .radio-selection input:checked + label:before,.checkout-page .payment-options input[type=checkbox]:checked + label:before,.checkout-page .payment-options input[type=radio]:checked + h4 > label:before {
    content: "\2716"
}

.checkout-page #payment_method_creditcard ~ ol {
    display: none
}

.checkout-page #payment_method_creditcard:checked ~ ol {
    display: block
}

.checkout-page label[for=payment_method_paypal]:after {
    content: "";
    display: inline-block;
    text-indent: -999px;
    text-align: left;
    width: 46px;
    height: 29px;
    overflow: hidden;
    background-image: url(../images/payment-paypal.png);
    vertical-align: middle;
    margin-left: 20px;
    margin-top: -3px
}

@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) {
    .checkout-page label[for=payment_method_paypal]:after {
        background-image:url(../images/payment-paypal@2x.png)
    }
}

.checkout-page input[type=submit] {
    float: right;
    clear: both;
    margin-top: 10px;
    width: 200px
}

.checkout-page input[disabled] {
    text-indent: -999px;
    background-image: url(../images/icon-loading-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px
}

.checkout-page .shipping .loading:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    background-image: url(../images/icon-loading.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: middle
}

.checkout-page .shipping .cost {
    font-weight: 600
}

.checkout-page .shipping .loading:after {
    content: "Updating Shipping Quotes..."
}

.checkout-page .shipping .loading > li {
    display: none
}

.checkout-page .payment-methods {
    margin: 10px 0
}

.checkout-page .payment-methods > li {
    display: inline-block;
    vertical-align: middle
}

.checkout-page .payment-methods > li > span {
    display: block;
    text-indent: -999px;
    text-align: left;
    width: 46px;
    height: 29px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.checkout-page .payment-methods .mastercard {
    background-image: url(../images/payment-mastercard.png)
}

.checkout-page .payment-methods .paypal {
    background-image: url(../images/payment-paypal.png)
}

.checkout-page .payment-methods .amex {
    background-image: url(../images/payment-amex.png)
}

.checkout-page .payment-methods .visa {
    background-image: url(../images/payment-visa.png)
}

.checkout-page .payment-methods .discover {
    background-image: url(../images/payment-discover.png)
}

@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) {
    .checkout-page .payment-methods .mastercard {
        background-image:url(../images/payment-mastercard@2x.png)
    }

    .checkout-page .payment-methods .paypal {
        background-image: url(../images/payment-paypal@2x.png)
    }

    .checkout-page .payment-methods .amex {
        background-image: url(../images/payment-amex@2x.png)
    }

    .checkout-page .payment-methods .visa {
        background-image: url(../images/payment-visa@2x.png)
    }

    .checkout-page .payment-methods .discover {
        background-image: url(../images/payment-discover@2x.png)
    }
}

@media (min-width: 800px) {
    .checkout-page:after {
        content:"";
        clear: both;
        display: table
    }

    .checkout-page > ol {
        float: left;
        width: calc(100% - 340px)
    }

    .checkout-page > aside {
        float: right;
        width: 320px
    }

    .checkout-page input[type=submit] {
        margin-right: 340px
    }
}

@media (min-width: 1000px) {
    .checkout-page > ol > li.payment > ol > li > ol > li + li {
        padding-top:0;
        border-top-style: none
    }

    .checkout-page > ol > li.address p {
        line-height: 1.2em;
        min-height: 2.4em
    }

    .checkout-page > ol > li.address > ol:after,.checkout-page > ol > li.payment > ol:after {
        content: "";
        clear: both;
        display: table
    }

    .checkout-page > ol > li.address > ol > li,.checkout-page > ol > li.payment > ol > li {
        float: left;
        clear: left;
        width: 48%
    }

    .checkout-page > ol > li.address > ol > li + li,.checkout-page > ol > li.payment > ol > li + li {
        margin-top: 0;
        padding-top: 0;
        border-top-style: none;
        float: right;
        clear: right;
        width: 48%
    }
}
/* Shopping Cart Summary Component */
.shopping-cart-summary .description {
    font-weight: 700;
    text-align: left;
    margin: 8px 0
}

.shopping-cart-summary,.shopping-cart-summary ul,.order-totals-summary {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.shopping-cart-summary ul {
    font-size: 12px
}

.shopping-cart-summary > li {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}

.shopping-cart-summary .image {
    float: left;
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #ebebeb
}

.shopping-cart-summary .image + ul {
    float: right;
    width: calc(100% - 120px)
}

.shopping-cart-summary > li {
    content: "";
    clear: both;
    display: table
}

.shopping-cart-summary .title:after,.order-totals-summary .title:after {
    content: ":"
}

.order-totals-summary .title {
    font-weight: 700
}

.order-totals-summary {
    text-align: right
}

img.ssl-secure-image {
    max-width: 120px;
    display: inline-block;	
    vertical-align: middle;
}
.AuthorizeNetSeal {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

/*************************************************************************************************/
/*************************************************************************************************/
/* GALLERY STYLES */
/*************************************************************************************************/
/*************************************************************************************************/
.gallery-page {
	text-align: center;
	box-sizing: border-box;
    max-width: 100%;
}

	.gallery-page .gallery-width-limiter {
		/*display: inline-block;*/
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

		.gallery-page .gallery-width-limiter .gallery-image {
			display: inline-block;
			padding: 5px;
			box-sizing: border-box;
		}

		@media screen and (max-width: 700px){
			#default-content-cont.full {
				padding: 0px;
			}			
		}

		@media screen and (max-width: 650px){
			.gallery-page .gallery-width-limiter {
				text-align: center;
			}

				.gallery-page .gallery-width-limiter .gallery-image {
					display: block;
				}
		}


@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) {
	#social-feed .social-post .profile-cont .name:before {
	    background: url(../images/social-avatar@2x.png) center center no-repeat;
	    background-size: contain;
	}
	#hm-hero #homepage-hero-prev-slide {
		background: url(../images/icon-hero-arrow-left@2x.png) center center no-repeat;
		background-size: contain;
	}
	#hm-hero #homepage-hero-next-slide {
		background: url(../images/icon-hero-arrow-right@2x.png) center center no-repeat;
		background-size: contain;
	}
	#product-hero .zoom-button {
		background: url(../images/icon-zoom-in@2x.png);
		background-size: contain;
	}
	#product-hero .zoom-button.active {
		background-image: url(../images/icon-zoom-out@2x.png);
		background-size: contain;
	}
	#product-hero .slide-controls .hero-arrow.left,
	.products-scroller .scroll-left {
		background-image: url(../images/icon-hero-arrow-left@2x.png);
		background-size: contain;
	}
	#product-hero .slide-controls .hero-arrow.right,
	.products-scroller .scroll-right {
		background-image: url(../images/icon-hero-arrow-right@2x.png);
		background-size: contain;
	}
}