/* primary, secondary colors */
ul, li, p, h1, h2, h3 {
    margin: 0;
    padding: 0;
}

:root {
	--primary: #000;
    --primary-btn: #8c010e;
    --primary-btn-font: #fff;
    --primary-btn-hover: #161616;
    --primary-btn-font-hover: #fff;
    --nav-hover-active: #39c;
}

input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
textarea:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

#request-information, #email-friend {
	background: var(--primary-btn);
}
#request-information:hover, #email-friend:hover {
	background: var(--primary-btn-hover);
}
#request-information a, #email-friend a {
	color:var(--primary-btn-font);
}
#request-information a:hover, #email-friend a:hover {
	background: var(--primary-btn-hover);
	color:var(--primary-btn-font-hover);
}
#request-information:hover a, #email-friend:hover a {
	color:var(--primary-btn-font-hover);
}

#item-info-draping .customize-choice-tabs > li.selected a span {
	background: var(--primary-btn);
}

.RequestInfoPageButtonSend {
	background: var(--primary-btn);
	color:var(--primary-btn-font);	
	border:1px solid var(--primary-btn);
}
.RequestInfoPageButtonSend:hover {
	background: var(--primary-btn-hover);
	color:var(--primary-btn-font-hover);
	border:1px solid var(--primary-btn-hover);	
}
/* end primary, secondary colors */

/* global */
* {
    box-sizing: border-box;
}

body, html {
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight: 400;
	/*height:100%;*/
}
/* end global */

/* lazy loading auto sizes helper */
img[data-sizes="auto"] { display: block; }
/* end lazy loading auto sizes helper */

/* sticky header */
@media screen and (min-width: 896px) {
	.dynamicHeader {
		position:sticky;
		position:-webkit-sticky;
		top:0;
		z-index: 200;
	}
	/* prevent image cut off on item information when sticky header used */
	#item-info-left {
		padding-top: 65px;
	}
	/* end prevent image cut off on item information when sticky header used */
}
/* end sticky header */

/* helpers */
.container, .grid-container, #divworkspacearea, .workspacearea, #item-info-container {
	max-width: 1400px;
	margin:0 auto;
	padding:10px;
}

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

hr.spacer {
	border:0;
	display: block;
	margin:25px 0;
}
/* end helpers */

/* omnivue (ePiphany4) */

/* homepage */
.HomePageForm #divworkspacearea {
	width:100%;
	max-width: unset;
	padding:0;
}
/* homepage */

/* item info */
/* end item info */

/* item browser */
/* end item browser */

/* end omnivue */
/* end global */

/* header */
#main-header {
	border-bottom:1px solid #ccc;

	position: sticky;
	top:0;
	z-index: 999;

	background:#fff;
}

header * {
	margin:0;
	padding:0;
}

#main-header a {
	color:#61584d;
	text-decoration: none;
}

#main-header a:hover {
	text-decoration: underline;
	color:var(--primary-btn);
}

/* top promo */
#main-header section#promo-top {
	background:var(--primary-btn-hover);
	text-align: right;
	font-size:0.75em;
	letter-spacing: 1px;
}

#main-header section#promo-top .container {
	position: relative;
}

#main-header section#promo-top .container ul {
	color:#fff;
	list-style-type: none;
}

#main-header section#promo-top .container ul li {
	display: inline-block;
	margin-right: 15px;
}

#main-header section#promo-top .container ul li:last-child {
	margin-right: 0;
}

#main-header section#promo-top .container ul li a {
	color:#fff;
}

/* main nav / header */
#main-header nav#main-nav .container .logo {
	order:1;
}

#main-header nav#main-nav .container .logo img {
	width:100%;
	height:auto;
	max-width: 280px;
}

@media screen and (max-width: 1100px) {
	#main-header nav#main-nav .container .logo img {
		max-width: 200px;
	}
}

/* search */
#main-header nav#main-nav .container .search {
	order:4;
	position: relative;
}

#main-header nav#main-nav .container .search input[type="text"] {
	display: inline-block;
    vertical-align: middle;
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #ccc;
    color: #0d2657;
    height: 30px;
    -webkit-appearance: none;
    font-size: 16px;
    border-radius: 0;
    padding: 10px;
    box-sizing: border-box;
    border-radius:5px;
}

#main-header nav#main-nav .container .search input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:12px;
}
#main-header nav#main-nav .container .search input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  font-size:12px;
}
#main-header nav#main-nav .container .search input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  font-size:12px;
}
#main-header nav#main-nav .container .search input[type="text"]:-moz-placeholder { /* Firefox 18- */
  font-size:12px;
}

#main-header nav#main-nav .container .search input[type="search"]::-webkit-input-placeholder {
    font-size: 0.75em;
    color:#888;
}

#main-header nav#main-nav .container .search button {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    background: transparent;
    color: var(--primary-btn-hover);
    height: 30px;
    position: absolute;
    right: 0;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    font-size: 1.25em;
    background: var(--primary-btn-hover);
    padding: 0px 10px;
    color: #fff;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
#main-header nav#main-nav .container .search button:hover {
	color:#fff;
}
/* end search */

#main-header nav#main-nav .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	padding:10px;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

}

/*nav .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	padding:10px;
	position: relative;	
}
*/
nav .container #main {
	order: 3;
}
@media screen and (min-width: 896px) {
	nav .container #main {
		flex:1;
	}
}
nav .container a {
	text-decoration: none;
}

nav .container .mobile-action {
	display: none;
}
nav .container a.mobile-action .fa-close {
	display: none;
}
nav .container a.mobile-action.active .fa-bars {
	display: none;
}
nav .container a.mobile-action.active .fa-close {
	display: block;
}

nav .container ul#menu {
	padding:0;
	margin:0 auto;
	position: relative;
	z-index: 100;
}

nav .container ul#menu > li {
    letter-spacing: 1px;
    margin:0 25px 0 5px;
    display: inline-block;
    vertical-align: middle;
}

nav .container ul#menu > li:last-of-type {
	margin:0;
}

nav .container ul#menu > li > a {
	color:#333;
	display: block;
	font-weight: 600;
	font-size:0.9em;
}

nav .container ul#menu > li > a.has-sub::after {
	content: "\f107";
	font-family: 'FontAwesome';
	margin:0 0 0 5px;
	font-size: 1.25em;
    position: relative;
    top: 3px;
}
nav .container ul#menu > li > a.has-sub:hover::after {
	content: "\f106";
	font-family: 'FontAwesome';
	margin:0 0 0 5px;
}

nav .container ul#menu > li > a:hover {
	text-decoration: none;
	color:var(--nav-hover-active);
}

/* mega menu */
nav .container ul#menu .sub-menu {
    position: absolute;
    left: 0;
    right:0;
    max-width:615px;
    z-index: 1000;
    background: #fff;
    display: none;
	font-size:0.925em;
    padding-top:10px;
	background:transparent;
}

nav .container ul#menu .sub-menu ul {
	padding:0;
	margin:0;
}

@media screen and (min-width: 896px) {
	nav .container ul#menu .sub-menu > div {
		box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25);
	    background:#fafafa;	
	    overflow-y: scroll;
	}
}

nav .container ul#menu > li:hover .sub-menu {
	display: block;
}

nav .container ul#menu .sub-menu > div > div.menu-items {
	display: inline-block;
	vertical-align: top;
	width:60%;
	padding:25px;
	box-sizing: border-box;
}

nav .container ul#menu .sub-menu > ul {
	padding-right:15px;
	box-sizing: border-box;

	position: relative;

	padding:0;
	margin:0;
}

nav .container ul#menu .sub-menu ul li {
	display: block;
	margin:0 0 8px 0;
	white-space: nowrap;
}

nav .container ul#menu .sub-menu ul li a {
	display: block;
	position: relative;
	width:100%;
	padding-right: 25px;
	box-sizing: border-box;
	white-space: break-spaces;
}

nav .container ul#menu .sub-menu .menu-image ul li a::after {
	display: none;
}

nav .container ul#menu .sub-menu ul li a:not(.active):hover {
	text-decoration: none;
	text-shadow: 0 0 0.01px black;
	color:#333;
}

nav .container ul#menu .sub-menu ul li a::after {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 1.25em;
	margin:0 0 0 15px;
	position: absolute;
	right:5px;
	top: 50%;
    transform: translateY(-50%);
}

nav .container ul#menu .sub-menu ul li a.active {
	font-weight: bold;
	font-size:1.25em;
	color:#333;
	margin:0 0 15px 0;
}

nav .container ul#menu .sub-menu ul li a.active::after {
	display: none;
}

nav .container ul#menu .sub-menu ul li ul {
	display: none;
	z-index: 100;
	padding-right:15px;
}

nav .container ul#menu .sub-menu > div > div.menu-image {
	display: inline-block;
	vertical-align: top;
    width: 39%;
    padding: 15px;
    box-sizing: border-box;
    background:#fff;
}

nav .container ul#menu .sub-menu > div > div.menu-image ul {
	margin:15px 0 0 0;
	text-align: left;
}

nav .container ul#menu .sub-menu > div > div.menu-image img {
	width:100%;
	height: auto;
}

nav .container ul#menu .sub-menu > div > div.menu-items .menu-actions {
	margin:0 0 15px 0;
}

nav .container ul#menu .sub-menu > div > div.menu-items .menu-actions a.back {
	color:#333;
	font-size:smaller;
	font-weight: bold;
	position: relative;
	padding-left: 15px;
	display: block;
	margin-bottom: 15px;
}

nav .container ul#menu .sub-menu > div > div.menu-items .menu-actions a.back::before {
	content: "\f104";
	font-family: 'FontAwesome';
	font-size: 1.25em;
	position: absolute;
	left:0;
	top: 50%;
    transform: translateY(-50%);	
}

nav .container ul#menu .sub-menu > div > div.menu-items .menu-actions a.browse {
	color:#fff;
	background:#333;
	border-radius: 0;
	margin:10px 0;
	padding:5px;
	display: inline-block;
}

@media screen and (max-width: 896px) {
	nav .container .mobile-action {
		display: block;
	}

	nav .container ul#menu {
		order:5;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 100;
		background: #fafafa;
		padding: 15px;

		display: none;
	}

	nav .container ul#menu.active {
		display: block;
	}
	nav .container ul#menu > li {
		display: block;
		margin:0 0 5px 0;
	}

	nav .container ul#menu > li:first-of-type > a {
		pointer-events: none;
	}

	nav .container ul#menu > li > a {
		font-weight: 600;
		font-size: 1em;
	}

	nav .container ul#menu > li > a::after {
		display: none;
	}

	nav .container ul#menu .sub-menu {
		position: relative;
		padding:15px 0;
		max-width: unset;
		width:100%;
		display: block !important;
		overflow: hidden;
		box-shadow: none;
		background:#fafafa;
	}

	nav .container ul#menu .sub-menu ul li a {
		border-bottom:1px solid #ccc;
		padding:5px 0;	
	}

	nav .container ul#menu .sub-menu ul li a.active {
		border-bottom:0;
	}

	nav .container ul#menu .sub-menu ul li a:hover {
		background:#fff;
	}

	nav .container ul#menu .sub-menu ul li ul {
		padding:0;
	}

	nav .container ul#menu .sub-menu > div > div.menu-items {
		display: block;
		width:100%;
		margin:0 0 15px 0;
		padding:0px;
	}

	nav .container ul#menu .sub-menu > div > div.menu-image  {
		display: none;
	}
}	
/* end mega menu */
/* end main nav */

/* media queries for header */
@media screen and (max-width: 896px) {

	#main-header section#promo-top .container ul li a .fa {
		font-size:1.5em;
		vertical-align: middle;
	}

	#main-header section#promo-top .container ul li a span {
		display: none;
	}

	#main-header nav#main-nav .container .icons {
		order:2;
		margin-left: auto;
    	padding: 0 35px;
	}

	#main-header nav#main-nav .container .icons ul li.phone .fa {
		font-size: 2em;
	}

	#main-header nav#main-nav .container .icons ul li.phone span {
		display: none;
	}


	#main-header nav#main-nav .container .search {
		width:100%;
		margin:15px 0 0 0;
	}
}
/* end media queries for header */
/* end header */

/* main content */
main {
	position: relative;
}

/* hero */
main section#hero {
	/*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;*/
    /*margin: 0 0 -120px 0;*/
    /*z-index: -1;*/
    position: relative;
    overflow: hidden;
}

main section#hero img {
	width:100%;
	/*height:auto;*/
	/*min-height: 525px;*/
	object-fit: cover;
}

main section#hero .text {
	/*-webkit-flex-basis: 35%;
    flex-basis: 35%;
    max-width: 35%;*/

	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px;
    text-align: center;
    background: rgba(255,255,255,0.75);
    margin: 0 auto;
}

main section#hero .text h1 {
	font-family: 'Crimson Text', serif;
	font-weight: 700;
	color:#000;
	font-size:2.25em;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

main section#hero .text a {
    color: #fff;
    text-decoration: none;
    background: #333;
    padding: 10px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size:0.825em;
    white-space: nowrap;
}

main section#hero .text a::after {
	content: "\f105";
	font-family: 'FontAwesome';
	margin:0 0 0 15px;
}

main section#hero .text a:hover {
    color: #fff;
    background:var(--primary-btn);
}

main section#learn-more {
	margin:45px 0;
}

main section#learn-more .container {
	position: relative;
	/*top:-125px;*/
	background:#fff;
	/*padding:25px;*/

	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;

	/*-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;*/

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	/*box-shadow: 0 -15px 10px -15px #000;*/
}

main section#learn-more .container > div {
	flex:1 1 33.33%;
	display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

    padding:15px;
    
    background:#f5f5f5;

    border:2px solid #fff;
    box-sizing: border-box;
}

main section#learn-more .container > div * {
	width: 100%;
	text-align: center;
}

main section#learn-more .container > div .fa {
	color:var(--primary-btn);
	margin:0 0 10px 0;
}

main section#learn-more .container > div h2 {
	font-size:1.25em;
	margin:0 0 10px 0;
	font-weight: normal;
}

main section#learn-more .container > div p {
	font-size:0.875em;
	margin:0 0 10px 0;
}

main section#learn-more .container > div a {
	text-decoration: none;
	color:#000;
}

main section#learn-more .container > div a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 896px) {
	main section#hero .text {
	    /*top:10%;
	    transform: translateY(-10%);*/
	    left:15%;
	    right:15%;
	    transform: translate(0%, -50%);
	}

	main section#hero .text h1 {
		font-size:1.5em;
	}

	main section#learn-more .container > div h2 {
		font-size: 0.85em;
	}

	main section#learn-more .container > div p {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	main section#hero .text {
	    position: static;
		transform: none;
		padding: 20px;
	}
}
/* end hero */

/* brands */
main section#category h3 {
	width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 2.05em;
    margin: 0 0 25px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: 'Crimson Text', serif;
}

main section#category h3:after {
    content: ' ';
    border-bottom: 2px solid var(--primary-btn);
    border-bottom: 2px solid var(--primary-btn);
    display: block;
    width: 105px;
    padding-top: 5px;
    margin:0 auto;
}

main section#category ul {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;	

	list-style-type: none;

	padding:0;
}

main section#category ul li {
	/*flex:1 1 16.666%;*/
	flex:1 1 33.333%;
	display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

    -webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

    margin:0 0 25px 0;	
    text-align: center;
}

main section#category ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;

    position: relative;
}

main section#category ul li a img {
	width:100%;
	height:auto;
	transition: transform .3s ease-in-out;
}

main section#category ul li a span {
    flex: 0 0 100%;
    letter-spacing: 1px;
    font-size: 1em;
    display: block;
    color: #333;
    padding: 3px 0;

	/*flex: 0 0 100%;
    letter-spacing: 1px;
    font-size: 1em;
    display: block;
    color: #333;
    padding: 3px 0;
    background: var(--primary-btn);
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;*/


    /*flex: 0 0 100%;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1em;
    background: rgba(0,0,0,80%);
    display: block;
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 8px;
    left: 5px;
    right: 5px;
    box-sizing: border-box;

	transition: transform .3s ease-in-out;*/
}
main section#category ul li a span::after {
    content: ' ';
    border-bottom: 2px solid var(--primary-btn);
    border-bottom: 2px solid var(--primary-btn);
    display: block;
    /*width: 105px;*/
    width:20%;
    padding-top:10px;
    margin:0 auto;
}

main section#category ul li a:hover img {
	transform: translateZ(0) scale(1.03);
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;	
}
/* end brands */

/* video */
/*main section#video-full {
	position: relative;
    overflow: hidden;
    padding: 25px;
    height: 400px;
}

@media screen and (max-width: 896px) {
	main section#video-full {
		display: none;
	}
}

main section#video-full video {
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    border: none;
}

main section#video-full .overlay {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

main section#video-full .overlay p {
	font-size:2em;
	text-align: center;
}*/
/* end video */

/* deals */
main section#deals {
	margin: 25px 0;
    padding: 25px 0;
	/*background: var(--primary-btn);*/
    /*background: linear-gradient(110deg, var(--primary-btn) 50%, #8eb3c1 60%);*/
    background: #f5f5f5;
}

main section#deals .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;


	/*-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;*/

	 -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;	

	/*-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/

}

main section#deals .container h3 {
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 2.05em;
    margin: 0 0 25px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: 'Crimson Text', serif;
}

main section#deals .container h3:after {
    content: ' ';
    border-bottom: 2px solid var(--primary-btn);
    border-bottom: 2px solid var(--primary-btn);
    display: block;
    width: 105px;
    padding-top: 5px;
    margin:0 auto;
}

main section#deals .container > div {
	display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	flex: 1;
	box-sizing: border-box;
	padding:10px;
	margin: 5px;
	/*border:1px solid #333;*/

	background:#fff;
}

main section#deals > .container div img {
	width:100%;
	height:auto;
	transition: transform .3s ease-in-out;
	align-self: center;
}
	
main section#deals > .container div p.heading {
	margin:15px 0 5px 0;
	padding:0;
	font-size:1.15em;
	/*font-weight: 600;*/
}

main section#deals > .container div p {
	margin:0;
	padding:0;	
	width:100%;
}

main section#deals > .container div a {
    display: inline-block;
    margin-top: 15px;
    color: #333;
    text-decoration: none;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 0.825em;
    align-self: flex-end;
    color: #fff;
    background: var(--primary-btn);
    padding:10px 15px;
    box-sizing: border-box;
}

main section#deals > .container div a::after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin: 0 0 0 15px;
}

main section#deals > .container div a:hover {
	background:var(--primary-btn-hover);
	color:#fff;
}

main section#deals > .container div:hover img {
	transform: translateZ(0) scale(1.03);
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;	
}

/* end deals */

/* featured */

/* carousel */

section#featured .slider-container {
    padding: 25px 65px;
}

section#featured ul {
    list-style: none;
}

section#featured .owl-carousel .owl-nav button.owl-prev,
section#featured .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    width: 55px;
    color: #243e5f;
}

section#featured .owl-carousel .owl-nav button.owl-prev:hover,
section#featured .owl-carousel .owl-nav button.owl-next:hover {
    background-color: #f5f5f5;
}

section#featured .owl-carousel .owl-nav button.owl-prev {
    left: 5px;
    transform: translate(-100%, -50%);
}

section#featured .owl-carousel .owl-nav button.owl-next {
    right: 5px;
    transform: translate(100%, -50%);
}

section#featured .owl-carouselProductPrice {
	color: green;
}

section#featured .ProductThumbnailParagraphSkuName {
	display: none;
}

/* end carousel */

main section#featured {
	padding:45px;
}

main section#featured h3 {
	width: 100%;
    font-weight: normal;
    font-size: 2.05em;
    margin: 0 0 25px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: 'Crimson Text', serif;
}

main section#featured h3:after {
    content: ' ';
    border-bottom: 2px solid var(--primary-btn);
    border-bottom: 2px solid var(--primary-btn);
    display: block;
    width: 105px;
    padding-top: 5px;
    margin:0 auto;
}

main section#featured ul {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;	
	list-style-type: none;
	padding:0;
}

main section#featured ul li {
	flex:1 1 25%;
	display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    margin:0 0 25px 0;	
}

main section#featured ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    padding:15px;
}

main section#featured ul li a:hover img {
	transform: translateZ(0) scale(1.03);
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;		
}

main section#featured ul li a img {
    width: 100%;
    height: auto;
    transition: transform .3s ease-in-out;
    /*border: 1px solid #ccc;*/
    /*border-radius: 2px;*/
    padding: 5px;
    margin: 0 0 10px 0;
}

main section#featured ul li a span {
    flex: 0 0 100%;
    font-size: 0.825em;
    display: block;
    color: #333;
    margin:0 0 5px 0;
}

main section#featured ul li a span.callout {
    background: #333;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 2px;
    margin:0 0 15px 0;
}

main section#featured ul li a span.title {
	font-size:1em;
	font-weight: 600;
}

main section#featured ul li a span.price {
	color:green;
	/*font-weight:600;*/
	font-size:1em;
}
/* end featured */

/* testimonials */

main section#testimonials {
	padding: 15px 45px 25px;
}

@media screen and (max-width: 767px) {
	main section#testimonials {
		padding: 15px 45px 5px;
	}
}

main section#testimonials h3 {
	width: 100%;
    font-weight: normal;
    font-size: 2.05em;
    margin: 0 0 25px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: 'Crimson Text', serif;
}

main section#testimonials h3:after {
    content: ' ';
    border-bottom: 2px solid var(--primary-btn);
    border-bottom: 2px solid var(--primary-btn);
    display: block;
    width: 105px;
    padding-top: 5px;
    margin:0 auto;
}

.testimonial-carousel img {
    max-width: 100%;
    height: auto;
}

.testimonial-carousel .owl-carousel {
    list-style-type: none;
    margin: 15px auto 45px;
    width: calc(100% - 60px);
}

.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #243e5f;
    background: none;
	width: 55px;
}

section#testimonials .owl-carousel .owl-nav button.owl-prev:hover,
section#testimonials .owl-carousel .owl-nav button.owl-next:hover {
    background-color: #f5f5f5;
	color: #243e5f;
}

.testimonial-carousel .owl-prev {
    left: -65px;
}

.testimonial-carousel .owl-next {
    right: -65px;
}

.testimonial-carousel ul .carousel-slide {
    width: calc(100% - 2px);
    border: 1px solid #d7d7d7;
    padding: 20px 20px 40px;
    display: block;
}

.testimonial-carousel ul li {
	list-style: none;
}

.testimonial-carousel ul li a {
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    text-transform: uppercase;
    color: var(--primary);
}

.testimonial-carousel ul li a > p {
    font-weight: 600;
}

.testimonial-carousel ul li a > p > span {
    font-weight: 400;
}

.testimonial-carousel ul li img {
    margin-bottom: 15px;
}

.testimonial-carousel ul li a:hover {
    text-decoration: none;
}

.testimonial-carousel ul .testimonial-slide {
    width: calc(100% - 2px);
    border: 1px solid #d7d7d7;
    padding: 20px 20px 40px;
    display: block;
}

.testimonial-carousel ul .testimonial-slide  p {
    line-height: 1.6em;
    color: var(--primary);
}

.testimonial-carousel ul .testimonial-slide .rating {
    margin-bottom: 15px;
}

.testimonial-carousel ul .testimonial-slide .rating .fa {
    padding-right: 5px;
    color: var(--primary-btn);
}

.testimonial-carousel ul .testimonial-slide .fa-quote-left,
.testimonial-carousel ul .testimonial-slide .fa-quote-right {
    display: inline-block;
}

.testimonial-carousel ul .testimonial-slide .fa-quote-left:before {
    content: '\f10d';
    color: var(--primary);
}

.testimonial-carousel ul .testimonial-slide .fa-quote-right:before {
    content: '\f10e';
    color: var(--primary);
}

.testimonial-carousel ul .testimonial-slide .testimonial {
    display: inline;
    line-height: 1.8em;
}

/* end testimonials */

/* home text */
main section#home-text {
	margin:50px 0;
	background: #f5f5f5;
	padding:50px;
}

main section#home-text .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	box-shadow: 0 0.5px 4px 0 #ccc;
    border-radius: 2px;
    padding: 0;

    background:#fff;
}

main section#home-text h3 {
	width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 2.05em;
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    font-family: 'Crimson Text', serif;
	line-height: 1em;
}

main section#home-text h3 span {
	font-size:1em;
	font-weight: normal;
	display: block;
	font-style: italic;
}

main section#home-text p {
	width: 100%;
	text-align: center;
}

main section#home-text .container div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main section#home-text .container div {
	box-sizing: border-box;
	flex:0 1 70%;
}

main section#home-text .container div.last {
	flex:0 1 30%;
}

main section#home-text .container div.last h4 {
	font-size:1.5em;
	border-bottom: 1px solid #ccc;
	padding:0 0 25px 0;
	font-weight: normal;
}

main section#home-text .container div.last ul {
	list-style-type: none;
	margin: 25px 0 0 0;
	padding:0 25px;
	background: #fff;
}

main section#home-text .container div.last ul li {
	margin:0 0 15px 0;
}

/*main section#home-text .container div.last ul li.last-list span {
    display: block;
    margin-top: 15px;
    background: var(--primary-btn);
    color:#fff;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 0.825em;
    font-weight: 600;
    text-align: center;
    border:1px solid;
}

main section#home-text .container div.last ul li.last-list span:hover {
	background:#333;
}*/

main section#home-text .container div.last ul li a {
	text-decoration: none;
	color:#333;
	display: block;
}

main section#home-text .container div.last ul li a img {
	transition: transform .3s ease-in-out;	
}

main section#home-text .container div.last ul li a:hover img {
	transform: translateZ(0) scale(1.03);
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;	
}

main section#home-text .container div.last ul li a span {
    display: block;
    /*color: #fff;
    background: #333;*/
    padding: 5px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 1em;
    /*font-weight: 600;*/
	/*background: #333333;
    color: #fff;*/
    text-align:right;
}

main section#home-text .container div.last ul li a span::after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin: 0 0 0 15px;
}
/* end home text */

/* seo text */
/* home text */
main section#home-seo-text {
	margin:45px 0;
	padding:25px;
}

main section#home-seo-text .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

    border-radius: 2px;
    padding: 0;

}

main section#home-seo-text h3 {
	width: 100%;
    font-weight: normal;
    font-size: 2.05em;
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #333;
    font-family: 'Crimson Text', serif;
	line-height: 1em;
}

main section#home-seo-text h3::after {
    content: ' ';
    border-bottom: 2px solid var(--primary-btn);
    border-bottom: 2px solid var(--primary-btn);
	display: block;
    width:105px;
    padding-top:5px;
}

/*main section#home-seo-text h3 span {
	font-size:1em;
	font-weight: normal;
	display: block;
	font-style: italic;
}*/

main section#home-seo-text p {
	width: 100%;
}
/* end seo text */

/* media queries for main content */
@media screen and (max-width: 1024px) {
	/*main section#category ul li, main section#featured ul li {
		flex:0 0 25%;
	}*/
}

@media screen and (max-width: 896px) {
	main section#home-text {
		padding: 0;
		margin: 0;
	}


	main section#category ul li, main section#featured ul li {
		flex:0 0 50%;
	}

	main section#deals .container > div {
		flex:1 1 100%;
	}

	main section#home-text .container div {
	    flex: 0 0 100% !important;
	}

	main section#home-text .container, main section#category ul {
		/*padding:10px;*/
		padding: 0px;
	}

	main section#home-text .container div.last, main section#home-text .container div.last ul {
		padding:0px;
	}


}
/* end media queries for main content */
/* end main content */

/* footer */
#main-footer {
	background:var(--primary-btn-hover);
}

#main-footer section#footer-top {
	margin: 0 auto;
    background: var(--primary-btn);
    color: #fff;
    padding:15px 0;
}

#main-footer section#footer-top .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	padding:10px;
	position: relative;	

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;	

	/*max-width:800px;*/
}

#main-footer section#footer-top .container p {
	margin:0 0 10px 0;
	padding:0;
}

#main-footer section#footer-top .container > div#social {
	flex:1 1 50%;
	text-align: right;
	font-style: 1.25em;
}

#main-footer section#footer-top .container > div#social ul {
	margin:0;
	list-style-type: none;
	padding:0;
}

#main-footer section#footer-top .container > div#social li {
	display: inline-block;
	margin: 0 10px 0 0;
}

#main-footer section#footer-top .container > div#social li a {
	text-decoration: none;
	color:#fff;
}

#main-footer section#footer-top .container > div#social li a:hover {
	color:var(--primary-btn-hover);
}

#main-footer section#footer-top .container > div:first-of-type {
	flex:1 1 50%;
	/*font-size:1.15em;*/
	max-width: 600px;
	align-self: center;
}

#main-footer section#footer-top .container > div input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	width:75%;
	padding:10px;
	background-color: #FFF;
	border:1px solid #8a7c6b;
	color:#0d2657;
	height:40px;
	-webkit-appearance:none;
	border-radius: 2px;
	font-size:16px;
	box-sizing: border-box;
}

#main-footer section#footer-top .container > div button {
	display: inline-block;
	vertical-align: middle;
	width:20%;
	margin-left: 5px;
	padding:10px;
	border:1px solid var(--primary-btn);
	background:var(--primary-btn-hover);
	color:#fff;
	height:40px;
	line-height: 20px;
	-webkit-appearance:none;
	border-radius: 2px;
	cursor: pointer;
	text-transform: uppercase;
	box-sizing: border-box;
}

#main-footer section#footer-top .container > div button:hover {
	background: #fff;
	color:var(--primary-btn-hover);
}	

#main-footer .container section#footer-content {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-justify-content: space-between;

    padding:25px 0;

}

#main-footer .container section#footer-content > div {
    display: -webkit-inline-flex;
    display: inline-flex;
    align-content: flex-start;
    flex:0 1 25%;
    -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	color:#b3b3b3;
}

#main-footer .container section#footer-content > div img {
	width: 100%;
	height: auto;
	align-self: center;
}
/*#main-footer .container section#footer-content > div:last-of-type {
	margin-left: auto;
	text-align: right;
}*/

#main-footer .container section#footer-content > div p {
	width:100%;
	margin:0 0 20px 0;
	padding:0;
	font-size: 0.925em;
}

#main-footer .container section#footer-content > div p.phone {
	font-weight: 600;
}

#main-footer .container section#footer-content > div p.phone a {
	color:#fff;
	/*color:var(--primary-btn);*/
}

#main-footer .container section#footer-content > div p a {
	color:#b3b3b3;
	text-decoration: none;
}

#main-footer .container section#footer-content > div .fa-credit-card {
	font-size:1.75em;
	margin:15px 15px 10px 0;
	color:#fff;
}

#main-footer .container section#footer-content > div p a:hover {
	text-decoration: underline;
}

#main-footer .container section#footer-content > div p.heading {
	font-weight: 600;
	color:#fff;
	font-size:1.15em;
	margin:0 0 15px 0;
	width:100%;
}

#main-footer .container section#footer-content > div ul {
	width:100%;
	list-style-type: none;
	margin:0 0 25px 0;
	padding:0;
	font-size:0.925em;
}

#main-footer .container section#footer-content > div ul li {
	width:100%;
	margin:0 0 15px 0;
}

#main-footer .container section#footer-content > div ul li a {
	color:#b3b3b3;
	text-decoration: none;
}

#main-footer .container section#footer-content > div ul li a:hover {
	text-decoration: underline;
	color:#fff;
}

#copyright {
	background:#333;
	color:#fff;
	font-size:0.825em;
}

#copyright .container {
	padding:5px 10px;
}

#copyright .container p {
	padding:0;
}

#copyright .container p a {
	color:#fff;
	text-decoration: underline;
}

#copyright .container p a:hover {
	color:#fff;
}

@media screen and (max-width: 896px) {
	#main-footer .container section#footer-content > div {
	    flex:0 0 50%;
	}

	#main-footer .container section#footer-content > div:last-of-type {
		margin-left: 0;
		text-align: left;
	}


	#main-footer section#footer-top .container > div:first-of-type {
		margin:0 0 15px 0;
		text-align: left;
	}

	#main-footer section#footer-top .container > div#social, #copyright {
		text-align: left;
	}

	#main-footer section#footer-top .container > div:first-of-type, #footer section#footer-top .container > div#social {
		flex: 1 1 100%;
	}
}
/* end footer */

/* dynamic theme demo content */
.imageOverlay {
    display: inline-block;
    position: relative;
}
.imageOverlay .hover {
    position: absolute;
    top: 10px;
    right: 10px;
}
.imageOverlay .hover a {
    width: 100px;
    height: 30px;
    display: block;
    margin-bottom: 5px;
}
/* end dynamic theme demo content */

#rccontact p {
    font-size: 14px;
    line-height: 22px;
}

#mattressPageContainer #featuredBrands {
	display: none;
}
#mattressPageContainer img#featuredMattressSingle {
	border: 1px dotted black; 
	width:220px; 
	height:165px;
}
#mattressPageContainer img#featuredMattressSingle:hover {
    border: 2px solid #ccc;
}


#RoomPlannerMainText a:-webkit-any-link {
	box-sizing: border-box;
    /* color: -webkit-link; */
    cursor: pointer;
    text-decoration: underline;
	
    display: inline;
    padding-top: unset;
    padding-bottom: unset;
    width: unset;
    background-color: unset;
    color: unset;
    font-size: unset;
    text-transform: unset;
    text-align: unset;
}

/* Brands */

#brands-flex {
	display: flex;
	flex-wrap: wrap;
}

#brands-flex .brand-card {
	flex: 0 0 33%;
	padding: 0 10px;
	margin-top: 40px;
}

#brands-flex .brand-card a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #2a2a2a;
}

#brands-flex .brand-card img {
	width: 100%;
	height: auto;
	display: block;
}

#brands-flex .brand-card-heading {
	font-family: 'Crimson Text', serif;
	font-size: 18px;
	margin-top: 20px;
    margin-bottom: 20px;
	text-transform: uppercase;
}

#brands-flex .brand-card-btn {
	font-size: 14px;
	display: inline-block;
	border: 1px solid #2a2a2a;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#brandslist-no-img {
	margin-top: 50px;
}

#brandslist-no-img h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 25px;
}

#brandslist-no-img ul {
	display: flex;
	flex-wrap: wrap;
}

#brandslist-no-img li {
	font-family: 'Crimson Text', serif;
	flex: 0 0 33%;
	list-style: none;
	line-height: 26px;
}

#brandslist-no-img li a {
	color: #2a2a2a;
	text-decoration: none;
}

#brandslist-no-img li a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 1300px) {
	#brandslist-no-img li {
		flex: 0 0 50%;
	}
}

@media screen and (max-width: 900px) {
	#brands-flex .brand-card {
		flex: 0 0 50%;
	}
}

@media screen and (max-width: 600px) {
	#brands-flex .brand-card {
		flex: 0 0 100%;
		padding: 0;
	}
	
	#brandslist-no-img li {
		flex: 0 0 100%;
	}
}

/* End Brands */

/* Design Services */

#staticpagecontent.design-services #hero {
	margin-bottom: 50px;
}

#staticpagecontent.design-services #hero img {
	width: 100%;
	height: auto;
	display: block;
}

#staticpagecontent.design-services .design-service {
	display: flex;
	margin-bottom: 50px;
}

#staticpagecontent.design-services .design-service > div {
	flex: 1 0 50%;
}

#staticpagecontent.design-services .design-service.img-right .design-copy {
	padding-right: 20px;
}

#staticpagecontent.design-services .design-service.img-left .design-copy {
	padding-left: 20px;
}

#staticpagecontent.design-services .design-service .design-copy h2 {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 20px;
}

#staticpagecontent.design-services .design-service .design-copy p {
	line-height: 24px;
}

#staticpagecontent.design-services .design-service .design-copy li {
	line-height: 24px;
}

#staticpagecontent.design-services .design-service .design-img img {
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width: 850px) {
	#staticpagecontent.design-services .design-service {
		flex-direction: column;
	}
	
	#staticpagecontent.design-services .design-service > div {
		flex: 1 0 100%;
	}

	#staticpagecontent.design-services .design-service.img-right .design-copy {
		padding-right: 0;
	}
	
	#staticpagecontent.design-services .design-service.img-left .design-copy {
		padding-left: 0;
	}

	#staticpagecontent.design-services .design-service.img-right .design-copy {
		order: 2;
	}

	#staticpagecontent.design-services .design-service.img-right .design-img {
		order: 1;
		margin-bottom: 20px;
	}

	#staticpagecontent.design-services .design-service.img-left .design-img {
		margin-bottom: 20px;
	}
}

/* End Design Services */