/* START TOP-NAV LAYOUT */
.top-nav{
    display:inline-flex;
    width:100%;
    }
.top-nav-red{
    width:30%;
    margin:0%;
    background-color: #A71F23;
    text-align: center;
    padding: 1% 0%
    }
.top-nav-red a{
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-size: 1.5vw;
    font-weight: bold;
    color: #fff;
    }
.top-nav-wht{
    width:15%;
    margin:0%;
    background-color: #fff;
    text-align: center;
    padding: 1% 0%
    }
.top-nav-wht a{
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-size: 1.5vw;
    font-weight: bold;
    color: #325897;
    }
.top-nav-blue{
    width:55%;
    margin:0%;
    background-color: #325897;
    text-align: right;
    padding: 1% 1% 1% 0%
    }
.top-nav-blue a{
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-size: 1.25vw;
    font-weight: bold;
    color: #fff;
    }
.top-nav-blue span{
    border-right: 1px solid #fff;
    font-style: italic;
    padding: 1% 2%;
    }
.top-nav-blue span:last-child {
    border-right: none;
    }
@media screen and (max-width: 800px) {
.top-nav{
    display:none;
    }
}
/* END TOP-NAV LAYOUT */


/* START HEADER STYLES */
.header-logo {
    margin: 2rem auto 1rem;
    }
.headerContainer {
    display: inline-flex;
    width: 100%;
    max-width: 1250px;
    margin: auto;
    align-items: center;
    }
.headerspan1 {
    width: 48%;
    margin: 0% auto;
    display: inline-block;
    }
.headerspan2 {
    width: 48%;
    margin: 0% 1%;
    text-align: right;
    display: inline-block;
    }
@media screen and (max-width: 800px) {
.headerspan1 {
    width: 100%;
    margin: 0% auto;
    } 
.headerspan2 {
    display: none;
    }
.header {
    height: 6rem;
    }
.header-logo {
    margin: 1rem auto 1rem;
        }
.header-logo-image-unknown-size {
    max-height: 5rem;
    }
}
/* END HEADER STYLES */


/* START NAV STYLES */
.navPages ul{
    max-width: 1800px;
    }
.navPages-action {
    text-transform: capitalize;
    font-family: 'Roboto';
    color: #413d5d;
    }
a.navPage-subMenu-action.navPages-action {
    color: #fff;
    }
/*.countPill{
    margin-top:-10px;
    }*/
@media screen and (min-width: 801px){
a.navPages-action.has-subMenu.is-open {
    color: #fff;
    background: rgba(50, 88, 151, 0.90);
    }
.navPage-subMenu.is-open {
    background: rgba(50, 88, 151, 0.90);
    }
}
@media only screen and (max-width: 800px) {
/* MOBILE NAV STYLES */
.navPages {
    background-color: #333;
    color: #fff;
    margin-top: 30px;
    }
.navPages-item a {
    color: #fff;
    }
.navPages-action svg {
    fill: #fff;
    stroke: #fff;
    }
.navPages-action:hover {
    background-color: #444;
    color: #fff;
    }
.navPages-action:hover svg {
    color: #fff;
    }
}
/* END NAV STYLES */


/* START BANNER STYLES */
.banners {
    background-color: #ffffff;
    color: #000;
    padding: 0;
    }
.banner{
    padding: 0;
    max-width:  2560px;
    }
/* END BANNER STYLES */


/* START HOME PAGE STYLES */
.ShopByTxt {
    border-bottom: 1px solid #325897;
    display: block;
    margin: 0 auto 50px;
    padding: 0;
    width: 94%;
    max-width: 1500px
    }
.ShopByTxt > h3 {
    background: #fff;
    bottom: -18px;
    margin: 0 auto;
    padding: 0 3%;
    position: relative;
    width: fit-content;
    color: #325897;
    font-size: 30px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    }
.promoContainer {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 1500px;
    width: 96%;
    }
.flex-direction-promo {
    flex-direction: row;
    }
.promoDiv1 {
    width: 31.33%;
    margin: 0% 1% 3%;
    }
.promoTitle {
    color: #325897;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: normal;
    text-transform: capitalize;
    }
.hpAbout {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 1500px;
    width: 96%;
    }
.hpAbout-left {
    width: 30%;
    margin: 0% 0% 3%;
    }
.hpAbout-right {
    width: 66%;
    margin: 0% 2% 3%;
    }
.abtTxt > h2 {
    color: #325897;
    font-family: 'Roboto', sans-serif;
    font-size: 4vw;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 3%;
    }
.hpAbout-right p {
    color: #444;
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 3% !important;
    text-align: left;
    }
.socialContainer {
    display: inline-flex;
    flex-wrap: wrap;
    width: 96%;
    margin: 0 auto 0;
    }
.socialDiv1 {
    width: 23%;
    margin: 0% 1% 0%;
    }
@media only screen and (max-width: 800px) {
.ShopByTxt {
    width: 90%;
    }
.ShopByTxt > h3 {
    font-size: 25px;
    bottom: -15px;
    }
.promoContainer {
    width: 92%;
    }
.promoTitle {
    font-size: 18px;
    }
.hpAbout-right p {
    font-size: 16px;
    }
}
@media only screen and (max-width: 600px) {
.flex-direction-promo {
    flex-direction: column;
    }
.promoDiv1 {
    width: 90%;
    margin: 0% auto 10%;
    max-width: 375px;
    }
.hpAbout-left {
    width: 90%;
    margin: 0% auto 3%;
    }
.hpAbout-right {
    width: 90%;
    margin: 0% auto 3%;
    }
.hpAbout-left img {
    max-width:  300px;
    }
}
/* END HOME PAGE STYLES */


/* START BODY STYLES */
.video-container {
    position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
    }
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    }
ol.breadcrumbs {
    margin-top: 20px;
    text-align: left;
    }
.breadcrumbs a {
    text-decoration: none;
    }
.page-heading {
    text-align: left;
    color: #000;
    font-size: 35px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 25px;
    }
main.page .page-heading {
    display: block;
    }
.sidebarBlock-heading{
    font-weight: bold;
    font-family: open-sans, sans-serif;
    }
a.navList-action {
    font-family: open-sans, sans-serif;
    }
.button.button--primary {
    border-color: #283179;
    color: #fff;
    background: #283179;
    font-family: open-sans, sans-serif;
    margin-top: 0rem;
    font-weight: 700;
    text-transform: uppercase;
    }
.dropdown--quickSearch.is-open{
    top:31px!important;
    }
.form-prefixPostfix.wrap{
    display:block;
    }
.addthis_toolbox ul li a.icon svg {
    fill: #313131!important;
    }

.clear{
    clear:both;
    }
.privacy-policy a {
    color: #A71F23 !important;
    /*text-decoration: underline;*/
    }
/*.productGrid .product {
    width: 21%;
    margin: 0 2%;
    }*/
.brandGrid .card-body {
    display: none;
    }
.seoTxt{
    max-width: 1500px;
    margin: 0 5% 5%;
    }
/* END BODY STYLES */


/* START FOOTER STYLES */
.footer {
    padding: 0rem 0 3rem;
    background-color: #325897;
    color: #fff;
    margin-top: 0 !important;
    border: none;
    }
.footer-info {
    padding-top: 3%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3%;
    }
.footer-info-col {
    color: #fff;
    }
.footer-info-col--small {
    width: 22%;
    }
.footer-info-heading {
    color: #fff;
    font-weight: bold;
    font-size: 18px
    }
.footer-info-list a {
    color: #fff;
    }
.footer-info-list a:hover {
    color: #ccc;
    }
input.button.button--primary {
    background: #A71F23;
    border: #A71F23 solid 1px;
    }
.form-prefixPostfix .button {
    width: 149px;
    margin: 15px 0 0 !important;
    }
.footer-copyright {
    text-align: center;
    }
.footer-copyright>.powered-by{
    color:#fff;
    }
/* END FOOTER STYLES */


/* START CATEGORY SUB-CATEGORY STYLES */
/*.NewSubcat {
    display: none;
    }
.Cat-Img {
    padding: 40px 0px;
    min-height: 194px;
    }
.topcat-head {
    border-bottom: 1px solid #ccc;
    margin: 0 0 50px;
    padding: 0;
    width: 100%;
    }
.topcat-head > h3 {
    background: #FFFFFF;
    bottom: -20px;
    margin: 0 auto;
    padding: 0;
    text-transform: CAPITALIZE;
    position: relative;
    width: 38%;
    color: #333;
    font-size: 30px;
    text-align: center;
    font-weight: lighter;
    }
.topcategory ul {
    margin: 0;
    padding: 0;
    }
.topcategory ul li {
    display: inline-block;
    width: 24%;
    }
.topcategory ul li span a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    display: block;
    padding-top: 10px;
    }
.topcat-inner {
    max-width: 1110px;
    margin: 0 auto;
    }
h1#cat-head {
    background: transparent;
    max-width: 530px;
    padding: 0px 0px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-family: sans-serif;
    margin: -78px 0 0 20px;
    }
.subcat {
    float: left;
    }
.subcat h1.page-heading {
    font-weight: lighter;
    margin-bottom: 0px;
    font-size: 25px;
    }*/

img#gc-slide {
    height: 39.7vw;
    }
.ad-page {
    text-align: center;
    margin-bottom: 2rem;
    }
main#product-listing-container li.navList-item {
    display: inline-block;
    width: 30.5%;
    margin: 0% 1% 2%;
    text-align: center;
    }
.page-content ul.navList li a {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin-top: 0;
    font-size: 18px;
    }
.page-content ul.navList li img {
    display: block;
    margin: 0 auto 15px;
    }
@media screen and (max-width: 600px) {
main#product-listing-container li.navList-item {
    width: 48%;
    margin: 0% auto 2%;
    }
.page-content ul.navList li a {
    font-size: 16px;
    }
}
@media screen and (max-width: 480px) {
main#product-listing-container li.navList-item {
    display: block;
    width: 96%;
    }
}
/* END CATEGORY SUB-CATEGORY STYLES */


/* START ABOUT US STYLES */
.about-txt h2 {
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
    }
.about-txt p {
    color: #120d35;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    }
.aboutBottom {
    margin-top: 50px;
    }
.abt-col {
    float: left;
    width: 44.5%;
    margin-right: 5%;
    margin-bottom: 80px;
    }
.abt-col img {
    display: block;
    margin-bottom: 30px;
    } 
.abt-col span {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    }   
.abt-col p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
}
.abt-col a {
    color: #325897 !important;
    text-decoration: underline;
    font-family: 'Montserrat', sans-serif;
    display: block;
    }
@media screen and (max-width: 600px) {
.abt-col {
    float: none;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    }    
.abt-col img {
    margin: 20px auto;
    }
}
/* END ABOUT US STYLES */


/* START STORE LOCATIONS STYLES */
.address {
  margin-top: 60px;
    width: 100%,
}
.address .col {
  width: 30%;
  margin-right: 3%;
  display: inline-block;
}
.col h2 {
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
}   
  .address .col p {
  line-height: 30px;
} 
/* END STORE LOCATIONS STYLES */


/* START PRODUCT STYLES */
.card-figcaption-button {
    background-color: rgba(167,31,35,.9);
    color: #fff;
    }
.card-figcaption-body {
    margin-top: 75px;
    }
/* END PRODUCT STYLES */

#gc-ad-output-tempurpedic img {
    width: 100%;
    }

.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before {
    background: #000;
    }
.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before {
    background-color: #000;
    }


@media screen and (min-width: 801px){
.body {
    margin-top: 0rem;
    }
.page-content--centered {
    text-align: left;
    width: 90%;
    }
}
@media screen and (max-width: 800px) {
.navPages-action {
    padding: .78571rem .7rem 1.14286rem;
    font-size: 15px;
    color: #000;
    }
/*.body {
    margin-top: 6rem;
    }
.page-content, .page-content-full {
    padding-left: .75rem;
    padding-right: .75rem;
    margin: 0 auto;
    width: 80%!important;
    float: none;
    }*/
}
@media screen and (max-width: 600px) {
.footer-info-col--small {
    width: 100%;
    margin: 0 auto 3%;
    }
.footer-info-col {
    text-align: center;
    display: block;
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    }
.form-prefixPostfix .button {
    width: 100%;
    } 
}
@media screen and (max-width: 500px) {
.flex-direction-promo{
    flex-direction:column;
    }
}