/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Raleway:300,400,800,900|Libre+Baskerville:400,700,400italic);*/ @import url(https://fonts.googleapis.com/css?family=Roboto:300,500,700|Raleway:700,800,500,300,200,900|Libre+Baskerville:400,700,400italic); @import url(swatches.css); @import url(sealy.css); /* BCThemes - TODO */ .columns3 { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; column-count: 3;} .padding-xsm {padding:.5em;} .triangle-right-bottom { width: 0;height: 0;border-style: solid;border-width: 3em 3em 0 0;margin: auto;} .animate-opacity {transition: opacity .3s;} .animate-opacity:not([class*="opacity"]) {opacity: 1;} p:empty {display: none;} .box-shadow {box-shadow: none; border: 1px solid rgba(220,220,200,.4);} .if-empty-alt:empty:before { content: attr(alt); display: inherit;} /* TYPOGRAPHY */ html,body, .Sans {font-family: 'Roboto', sans-serif;} .Sans-Alt, button,.button:not(i),a.button,input[type="submit"], .active-buttons a {font-family: 'Raleway', sans-serif;} .Serif {font-family: 'Palatino','Palatino Linotype','Libre Baskerville','Palatino LT STD', 'Book Antiqua', Georgia, serif;} a.button[disabled] {opacity: .4 !important;} h1.white-bg.inline {padding-bottom: .25rem;} button,.button,a.button,input[type="submit"],.active-buttons a {font-weight: 800; text-transform: uppercase;} .Serif.italic, .Serif em {/*font-weight: 400;*/} .strong, .bold, b, strong { font-weight: 500;} .Serif .strong, .Serif .bold, .Serif b, .Serif strong { font-weight: 600;} .Sans-Alt .strong, .Sans-Alt .bold, .Sans-Alt b, .Sans-Alt strong { font-weight: 700;} html,body {font-weight: 300;} a:not(:hover) {text-decoration: none;} #content p a:not(.button) {font-weight: 500;} .copy h2, .copy h3, .copy h4 {font-weight: 300;} .content {margin-top: -60px;z-index: 2;position: relative;background: #fff;} .copy [class*="column"] p, [class*="column"].copy p {margin-top: 0; margin-bottom:1.5em;} .styled-first-p p:first-child {font-size: 140%; color:rgba(82,159,211,.8); font-family: 'Palatino','Libre Baskerville','Baskerville Std Roman', sans-serif; font-style: italic; line-height: 1.5em; margin-top: 0; margin-bottom: 1rem;} .fact-box p.-line-height {line-height: .7em !important;} /*.Sans-Alt.bold300 { letter-spacing: .15em;}*/ /* COLOURS * CrownJewel #76768C Exquisite #A6A97C Enhance #5C7D88 Aspire #92B7BC PostureLux #CBA2A5 PosturePremier #83A2C4 .blue #529fd3 rgba(82,159,211,1) .blue300 {#71B1DD rgba(113,177,221,1);} .carlys-blah-color #dcdcdc */ a {color: rgba(82,159,211,.9); transition: opacity .2s, color .3s;} html,body {color: rgba(51,51,51,1);} h1,h2,h3,h4,h5,h6,nav {color: rgba(0,0,0,.9);} .blue, nav#primary .js-active > a {color: rgba(82,159,211,1);} .blue-bg {background-color: rgba(82,159,211,1);} .transparent-blue-bg { background-color: rgba(82,159,211,.8);} #header-nav .span12.-gutter { box-shadow: inset 0px -2px rgba(180,180,180,1);} .js-stuck #header-nav .span12.-gutter {/*box-shadow: none !important;*/} html.ontablet #header-nav .span12.-gutter {padding-left: 0 !important; padding-right: 0 !important;} #header-nav nav#primary > ul > li.js-active > a {box-shadow:inset 0 -3px rgba(82,159,211,1);} nav#primary.dropdown-on-hover ul ul {transition: max-height .3s, opacity .3s; opacity: 1; box-shadow: 0 2px 4px rgba(0,0,0,.1);} nav#primary.dropdown-on-hover ul li:not(:hover) ul {opacity: 0;} html.ondesktop nav#primary ul ul { min-width: 150%;} nav#primary ul ul li, nav#primary ul ul li a {display: block; width: 100%;} nav#primary ul ul li:hover, nav#primary ul ul li:hover ul {z-index: 99;} nav#primary ul ul ul { display: none !important;} html.ondesktop nav#primary > ul > li:first-child {display: none;} .blue300 {color: rgba(113,177,221,1);} .blue-bg300 {background-color:rgba(113,177,221,1);} .triangle-right-bottom.blue300 { border-color: rgba(113,177,221,1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} .transparent-border {border-color: transparent;} #hero-nav li:hover a {color: rgba(82,159,211,1);} html.ondesktop #nav-sidebar-left > ul ul > li.js-active > a, html.ontablet #nav-sidebar-left > ul ul > li.js-active > a { margin-right: 1rem;} #nav-sidebar-left > ul ul > li.js-active > a {position: relative;overflow: visible;} html.ontablet #nav-sidebar-left > ul > li > ul > li.js-active > a:after, html.ondesktop #nav-sidebar-left > ul > li > ul > li.js-active > a:after { width: 0; height: 0; border-style: solid; border-width: 1rem 0 1rem 1rem; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(82,159,211,.2); content: ''; position: absolute; left: 100%; top: 0;} html.onphone #nav-sidebar-left > ul ul > li.js-active > a {padding-top: .75em; padding-bottom: .75em;} html.onphone #nav-sidebar-left > ul > li > ul > li.js-active > a:after { width: 3rem; height: 3rem; content: '\f107'; font-family: "FontAwesome"; font-size: 1.5em; position: absolute; right: 0; top: 0; color: rgba(82,159,211,.9); font-weight: bold; line-height: 3rem; text-align: center; } html.onphone #nav-sidebar-left.js-toggle-open > ul > li > ul > li.js-active > a:after { content: '\f106'; } /* TABLES */ .color-border, table.color-borders {border:none !important;} #page-sale table.color-borders th, table.color-borders td {border:none !important;} table.color-borders th, table.color-borders td {border-color: #bad9ed; border-width: 1px; border-style: solid; border-bottom-width: 0; border-right-width: 0; transition: border-color .3s;} table.color-borders th {border-bottom-width: 1px;} table.color-borders tbody td {border-top-color: transparent; border-bottom-color: transparent;} table.color-borders tfoot td {border-left: 0; border-right:0;} table.color-borders tfoot td {padding-bottom: .5em !important;} table.color-borders tfoot tr:hover td {background: transparent !important;} /*.fat.full-width.button {color: #FFF;}*/ table.color-borders tfoot td:hover, table.color-borders tfoot th:hover{background: #f5f5f5;} table.color-borders tfoot td a {box-shadow: 0 0 0;} table.color-borders tfoot td .full-width.button {width: 100%;} /*.range i{color: #FFF; font-size: 0.7em;} .range .small {font-size: .6em; padding: 0 0.5em;} .range {border: 0; box: shadow: 0 0 0;}*/ /* BUTTONS */ button,.button,a.button,input[type="submit"], .active-buttons li.js-active a, .active-buttons a.js-active {white-space: nowrap;font-weight: 800; text-transform: uppercase; transition: opacity .3s; box-shadow: none !important;} .active-buttons li.js-active a, .active-buttons a.js-active {color: #FFF;} .opacity-on-hover {transition: opacity .3s; opacity: 1;} button:not(:hover), .button:not(:hover), a.button:not(:hover), input[type="submit"]:not(:hover), .opacity-on-hover:not(:hover) {opacity: .9;} .button.transparent:not(:hover) {opacity: .8;} a.circle.button { line-height: 2em; box-shadow: none; border: none;} a.circle.button i.fa-plus, a.circle.button i.fa-minus { font-size: 1.2em; line-height: 2.5rem; vertical-align: baseline;} .spanX i:not(:empty) {margin-left: 5px;} .blue.button, .active-buttons li.js-active a, .active-buttons a.js-active {background-color: rgba(82,159,211,1);} .blue.transparent.button {color: rgba(82,159,211,1) !important; white-space: normal;} .transparent.button.border-top {border-top: .175em solid rgba(0,0,0,.4); padding-left: 2px; padding-right: 2px;} .blue.transparent.button.border-top {border-top-color: rgba(82,159,211,1);} .white.transparent.button { color: rgba(255,255,255,1); /*line-height: 1.7em;*/ font-weight: 600;} .white.transparent.button.border {border: .125em solid rgba(255,255,255,1);} .blue.transparent.button.border {border: .125em solid rgba(82,159,211,1);} .color,a.color,.colors,.colors a {color: rgb(82,159,211);} .button.color, .color-bg {background-color: /*#76768C;*/ rgb(82,159,211); color: #FFF;} .blue-bg600.button {color: #FFF !important; background-color:rgba(82,159,211,.6) !important;} .blue-bg600.button.-padding { padding-left: 1rem !important; padding-right: 1rem!important; height: 1em !important; line-height: 1em !important;} .circle.button:not(:hover) {opacity: .6;} i.blue.circle.button.fa.fa-paper-plane.-box-shadow {text-indent: -7px;} .active-buttons.reverse a {background-color:rgb(82,159,211) !important; color: #FFF; padding: 0 .75em !important;} .active-buttons.reverse li.js-active a, .active-buttons.reverse a.js-active {color:rgb(82,159,211) !important; background-color: #FFF !important;} /* NAVIGATION */ nav#primary.dropdown-on-hover {margin-bottom: -7px;} nav#primary a { padding: 1rem;} .js-stuck nav#primary a { padding: 1rem .5rem;} html.onsmallscreen nav#primary.small{font-size: 0.75em;} html.onsmallscreen nav#primary a { padding: 1rem .5rem;} nav#primary ul ul {z-index: 9; background: #FFF; width: 100%;} nav#primary ul ul li a {line-height: 1.2em;padding: 1em;font-weight: 400;text-transform: initial; white-space: initial; text-align: left;} nav#hero-nav.blocks a { padding-top: .25em; padding-bottom: .25em; display: block; font-weight: 700; line-height: 2em;} nav#hero-nav.blocks a i.sprite {vertical-align: middle;} nav.li-with-dotted-bottom li:not(:last-child):after { display: block; content:''; border-top: 1px dotted rgba(255,255,255,.8);margin-left: 2.25em;width: 2em; opacity: .6; transition: opacity .3s;} nav.li-with-dotted-bottom li:not(:last-child):hover:after { opacity: 1; border-color: rgba(82,159,211,1);} nav:not(.block-groups).li-with-angle li:first-child:before {display: none;} .li-with-caret li:first-child:before {content: '';} .li-with-caret li:before {font-family: "FontAwesome"; content: '\f105'; padding: 0 .75em; line-height: 1.5em; font-size: 12px; opacity: .5;} #primary ul li:hover ul {overflow: visible !important;} #primary ul ul li ul {left: 100%;top: 0 !important;bottom: inherit !important; width: 15em !important;} #primary ul ul li ul li, #primary ul ul li ul li a {float: none; display: block; width: 100%;} #nav-sidebar-left li {display: none;} #nav-sidebar-left a {padding:.25em 1em; display: block; color: rgba(0,0,0,.8);} /*#nav-sidebar-left > ul > li.js-active > a {background: rgba(82,159,211,.8);} #nav-sidebar-left > ul > li.js-active li.js-active > a { color: rgba(82,159,211,1);}*/ #nav-sidebar-left > ul > li.js-active, #nav-sidebar-left > ul > li.js-active li {display: block;} #nav-sidebar-left > ul > li > a {display: none;} #nav-sidebar-left > ul > li > ul > li > a {background: rgba(82,159,211,.2); background: rgba(220,220,220,.2); border-top: 2px solid white;} #nav-sidebar-left > ul > li > ul > li.js-active > a {background: rgba(82,159,211,.2);} #nav-sidebar-left ul ul ul {padding-top: .25em; padding-bottom: .25em; font-size: smaller;} #nav-sidebar-left ul ul ul li a {;} #nav-sidebar-left ul ul ul li a {text-indent: 1em; font-weight: 700; text-transform: uppercase;} #nav-sidebar-left ul ul ul li a:before { font-family: "FontAwesome"; content:"\f0da";display: inline; margin-right: .5em;font-size: 12px; opacity: .5;} #nav-sidebar-left ul ul ul li.js-active > a {color: rgba(82,159,211,.8);} #social-links a {margin-top: .25em; display: block;} #social-links button {margin-top: 2px;} /* FORMS */ .form-control {background: none repeat scroll 0 0 #f8fafa;border: 1px solid #dde1e1;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03) inset !important;color: #424242;border-radius: 3px;display: inline-block;font-size: 14px;height: 38px;max-width: 100%;margin-bottom: 0 !important;padding: 8px 11px 9px;transition: all 0.1s ease-in-out 0s;} .form-control:hover {background: none repeat scroll 0 0 #f8fafa;border-color: #dde1e1;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) inset;color: #afb8bb;} .form-control:focus {background: none repeat scroll 0 0 #ffffff;border-color: #3fadda;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #424242;} .form-control.bc-form-control-changed:focus {background: none repeat scroll 0 0 #ffffff;color: #2e343c;} .form-group {display: inline-block;width: 100%;clear: both;} .bc-padding-bottom-10, .bc-padding-top-bottom-10 {padding-bottom: 10px !important;} .form-group .quarter{float: left;width: 24%;margin-right: 2%;} .form-group .thequater{float: left;width: 74%;} .form-group .text p{margin: 0px;padding: 25px 0 0 0;line-height: normal;} .form-group .half{float: left;width: 49%;} .form-group .half-right{float: left;width: 49%;margin-left: 2%;} .form-group .half.pull{margin-left: 0;} .form-group .third{float: left;width: 31.2%;margin-right: 2%;} .form-group .third-right{float: left;width: 33.2%;margin-right: 0;} .form-group .full{display: inline-block;width: 92%;} .form-group em{display: inline-block;width: 30px;line-height: 30px;background: #efefef;text-align: center;border-radius: 30px;margin-right: .5em;font-weight: 400;font-style: normal;} .form-group ul, .form-group li{display: block;list-style: none;margin-left: 0;margin-top: 0;padding-left: 0;} .form-group .no-margin{margin: 0;} .form-group label{width: auto;padding-bottom: 10px;} .form-group.padding-top-0, .padding-top-0{padding-top: 0 !important;} .bc-btn-big {font-size: 16px;line-height: 20px;padding: 12px 17px;} .btn {-moz-user-select: none;border: 1px solid transparent;border-radius: 3px;cursor: pointer;display: inline-block !important;line-height: 14px;outline: medium none;padding: 9px 12px;text-align: left;transition: all 0.2s ease-in-out 0s;vertical-align: middle;white-space: normal;} .bc-btn-base {background: none repeat scroll 0 0 #56a1d5;border: 1px solid #56a1d5;box-shadow: 0 1px 0 #288ef3 inset;color: #fff !important;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);} .bc-btn-base-red {background: #b9060f;border: 1px solid #b9060f;box-shadow: 0 1px 0 #ffcbce inset;color: #fff !important;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);} .copy li{margin: .5em 0 .5em 0;} .features i, .features svg {font-size: 4.5em;line-height: 1.5em; padding: 0; width: 2em; height: 2em; margin: 0 auto; background: rgba(82,159,211,.2); text-align: center; color: #FFF;} .features .find i{color: #818a93;} .features .choose i{color: #94cbf2;} .features .range i{color: #9da2a5;} .features .support i{color: #9c8d64;} fieldset {padding: 1.5rem 0;} form label{max-height: none !important;} fieldset {position: absolute;width: 99%;opacity: .2;transition: opacity .3s, left .3s;z-index: 0;top: 0;left: -100%;border: 0;} fieldset.active {position: relative;opacity: 1;z-index: 1;left: 0;} fieldset.active~fieldset {z-index: 2;left: 100%;} fieldset.active:first-child ~ .row button.float-left { visibility: hidden !important;} fieldset.active.last + .row button.float-right:not(.-display) { visibility: hidden !important;} fieldset:not(.last) ~ .row button.-display {display: none !important;} fieldset.last.active + .row button.-display {display: block !important;} /* Error Message */ .error.alert, .error.message { background-color: #fcefef; color: #ae0505; ;} input.error+.error, textarea.error+.error, select.error+.error {background: none !important; border: none !important; box-shadow: none !important; font-weight: 400; font-size: 80%; padding-left: 0; opacity: .8;} select.error+.error {display:inherit;} /* Tables */ table th, table td {padding: .5em .75em;} table.align-center th, table.align-center td {text-align: center;} table.align-center th {font-weight: 400; background: rgba(0,0,0,.02);} html:not(#page-sale) section:not(#compareRange) table.align-center tr:hover td {background: rgba(0,0,0,.03);} section#compareRange table.align-center tbody tr:hover td {background: rgba(0,0,0,.03);} table th p {margin-top: 0 !important;} table th p+p {margin-top: 1.5em !important;} /*GLOBAL */ /*html {opacity: 0; transition: opacity .3s;} html.ready {opacity: 0;} html.js-loaded {opacity: 1;}*/ html {opacity: 1;} .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 1; z-index: 9999;} html#page-index .loader { -webkit-transition: top .1s 1.3s, opacity .3s 1s; transition: top .1s 1.3s, opacity .3s 1s; } html#page-index .spinner { -webkit-transition: top .8s cubic-bezier(0.68, -1, 0.265, 1.55); transition: top .8s cubic-bezier(0.68, -1, 0.265, 1.55); } html .loader { -webkit-transition: top .1s .4s, opacity .5s; transition: top .1s .4s, opacity .5s; } html .spinner { -webkit-transition: top .4s .4s; transition: top .6s .4s;} html.js-loaded .loader {opacity: 0; top: 100%;} html.js-loaded .spinner {top: 100%;} .spinner, .spinner, .spinner:before, .spinner:after { border-radius: 50%; } .spinner { color: rgba(113,177,221,1);; font-size: 5px; text-indent: -99999em; position: absolute; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); top:60%; left: 50%; margin-left: -5em; } .spinner:before, .spinner:after { position: absolute; content: ''; } .spinner:before { width: 5.2em; height: 10.2em; background: white; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 5s infinite ease 2s; animation: load2 5s infinite ease 2s; -webkit-animation: load2 3s infinite cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s; animation: load2 3s infinite cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s; } .spinner:after { width: 5.2em; height: 10.2em; background: white; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 3s infinite cubic-bezier(0.895, 0.03, 0.685, 0.22); animation: load2 3s infinite cubic-bezier(0.895, 0.03, 0.685, 0.22); } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .container { max-width: 84rem !important;} [data-fullwidth] #content.container {max-width: 100% !important;} .truncate-2 {height: 3em;} .limit-width-sm {max-width: 42rem;} .limit-width-lg {max-width: 66rem;} .border-top-fade-inside {position: relative; border-top: 0;} .border-top-fade-inside:before, .border-top-fade-inside:after {content: ''; position: absolute;display: block; width: 45%; height: 1px;top: 0;z-index:1;} .border-top-fade-inside:before{left: 0;} .border-top-fade-inside:before, .strike-outside.fade-strike:after { background: rgba(255,255,255,.1); background: -webkit-linear-gradient(left, rgba(0,0,0,.1), rgba(0,0,0,0)); background: -o-linear-gradient(right, rgba(0,0,0,.1), rgba(0,0,0,0)); background: -moz-linear-gradient(right,rgba(0,0,0,.1), rgba(0,0,0,0)); background: linear-gradient(to right, rgba(0,0,0,.1), rgba(0,0,0,0));} .border-top-fade-inside:after {right: 0;} .border-top-fade-inside:after, .strike-outside.fade-strike:before { background: rgba(255,255,255,.1); background: -webkit-linear-gradient(right, rgba(0,0,0,.1), rgba(0,0,0,0)); background: -o-linear-gradient(left, rgba(0,0,0,.1), rgba(0,0,0,0)); background: -moz-linear-gradient(left,rgba(0,0,0,.1), rgba(0,0,0,0)); background: linear-gradient(to left, rgba(0,0,0,.1), rgba(0,0,0,0));} /*.strike-outside.fade-strike:before, .strike-outside.fade-strike:after {height: 2px;}*/ .transparent-white-gradient-up { background-image: linear-gradient( rgba(255,255,255,.9) 70%, rgba(255,255,255,.15));} .triangle-right-bottom.margin-right {margin-right: 3em;} /*LAYOUTS */ html {transition: opacity .3s;} html:not(.ready) {opacity: 0;} /*html.ondesktop #body {min-width: 64rem !important;} html.ontablet #body {min-width: 48em !important;}*/ /*html.ondesktop #content { margin-top:-8px;}*/ #hero.vh70 {min-height: 32em; max-height: 41em;} #hero.border {border: none !important;} #hero.transparent-border {border-width: 0;} #hero.span12 {width: 100%; margin-left: 0; margin-right: 0;} html#page-mattress-range #hero.js-show-video {height: auto !important;} html#page-mattress-range #hero #video-container {min-height: 0; z-index: -1; opacity: 0; transition: opacity .3s .3s;} html#page-mattress-range #hero.js-show-video #video-container {min-height: 0; z-index: 9; opacity: 1;} html#page-mattress-range #hero .wrapper-embed-video {min-height: 0; top: 0; left: 0; width: 100%; position: absolute; transition: padding-bottom .3s, opacity .3s; padding-bottom: 0; opacity: 0; height: 0; min-height: 0; position: absolute; z-index: -1;} html#page-mattress-range #hero.js-show-video .wrapper-embed-video {padding-bottom: 56.5%; opacity: 1; z-index: 9;} html#page-mattress-range #hero.js-show-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} html#page-mattress-range #hero > img {transition: opacity .3s; opacity: 1;} html#page-mattress-range #hero.js-show-video > img {opacity: 0;} html#page-mattress-range #hero.js-show-video .animate-in {opacity: 0;} .bg-image {background: url(/_System/Assets/placeholders/footer.jpg?action=thumbnail&width=1600) 50% 50% no-repeat; background-size: cover;} .footer-wrapper.bg-image { background-attachment: fixed;} .bg-image.transparent-white-overlay:before {background-color: rgba(255,255,255,.8);} #banner.box-shadow { border: none;} #banner .border-gradient-bottom-right:before, html[data-hero] .header-nav-wrapper:not(.js-stuck) #header-nav .border-gradient-bottom-right:before {content: ''; display: block; width: 100%; position: absolute; top: 100%; height: 3em; z-index: 1; left: 0; background-image: radial-gradient(50% 120%, ellipse cover, rgba(0,0,0,0) 70%, rgba(0,0,0,.2) 90%); background-image: -o-radial-gradient(50% 120%, ellipse cover, rgba(0,0,0,0) 70%, rgba(0,0,0,.2) 90%); background-image: -ms-radial-gradient(50% 120%, ellipse cover, rgba(0,0,0,0) 70%, rgba(0,0,0,.2) 90%); background-image: -moz-radial-gradient(50% 120%, ellipse cover, rgba(0,0,0,0) 70%, rgba(0,0,0,.2) 90%); background-image: -webkit-radial-gradient(50% 120%, ellipse cover, rgba(0,0,0,0) 70%, rgba(0,0,0,.2) 90%);} #banner .border-gradient-bottom-right:before {top: 0;} #search-box { height: 2.8rem !important; width: 15em;} #search-box:hover {z-index: 99;} #search-box, #search-box + ul {transition: opacity .3s; opacity: 1;} #search-box:hover + ul {opacity: 0;} #search-box:hover {;} #search-box input.pill { border-radius: 2em !important; opacity: 1; transition: right .3s, opacity .3s;width: 15em; right: -100%; opacity: 0; margin-bottom: 2px; margin-right: 2px;} #search-box:hover input.pill, #search-box input.pill.js-active, #search-box input.pill:focus {right: 0; opacity: 1;} #search-box i, #search-box svg {position: absolute; top: 50%; right: 1.0em; top: 1.1em} #sticky-searchbox {transition: top .3s; top:0; position: relative;} #sticky-searchbox.js-stuck {position: fixed; top: 5em;} #sidebar-right img.margin-bottom-sm {margin-bottom: 1.5em;} #banner .spacer-bottom {padding-bottom: 6rem;} #banner .padding-bottom {padding-bottom: 3rem;} /* Content Holders */ .mch-callout-sealy-statements.bg-image {background-image: none; background-color: #EFEFEF;} .mch-callout-sealy-statements img {opacity: .6; max-width: 70%;} .mch-callout-sealy-statements > div:empty {display: none;} #content .mch-callout-sealy-statements .transparent-white-overlay:before {display: none !important;} .mch-home-testimonial .vh40 {min-height: 27.5rem;} /*PAGES */ .spanHalf .limit-width-sm.callout-bed {max-width: 19em;} .spanHalf .limit-width-sm.callout-bed { margin-left: auto; margin-right: 4.5em;} .spanHalf+.spanHalf .limit-width-sm.callout-bed { margin-right: auto; margin-left: 4.5em;} /* About Pages */ #tip-grid svg {color:rgba(162,152,112,1);} /* Mattress Ranges */ html:not(.no-ice) [id^="mattress-spec"] {max-height: 999em !important; opacity: 1 !important; overflow: auto !important;} [id^="mattress-spec"] p {margin-top: 0;} .spanX.align-center.margin-auto {display: inline-block; margin-left: auto; margin-right:auto; display: inline-block; float: none;} .spanX img.circle.full-width {max-height: 15em; width: auto; max-width: 100%;} .mch-callout-sealy-statements .spanX img.circle.full-width {max-height: 10rem;} .spanX.inline-block { float: none !important; margin: auto !important;display: inline-block !important;vertical-align: top;} /* Mattress Selector 2018 - */ .circle-alt {border: 1px solid #A29870;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;width:2em;height:2em;line-height:1.8em;text-align:center;padding:0;display:inline-block;vertical-align:middle} /* Store Locator */ /*#content {min-height: 0;}*/ #form-searchByPlaces .max-width-custom {max-width: 65%;} #store-search-container [class*="span"].border-right {border-right-color: rgba(0,0,0,.1); min-height: 6em;} #store-search-container.animate-min-height:not(.min-vh30) .border-right {min-height: 0;} #store-search-container h4 { transition: margin-top .3s;} #store-search-container i {transition: font-size .3s;} #store-search-container.animate-min-height:not(.min-vh30) h4 { margin-top: -1.5em;} #store-search-container.animate-min-height:not(.min-vh30) i.fa-search {font-size: 2.3em;} #store-search-container.animate-min-height:not(.min-vh30) i.fa-map-marker {font-size: 2.5em;} /* Store Directory */ #store-directory-nav {transition: opacity .3s; opacity: 1;} body.js-off-canvas #store-directory-nav {opacity: 0;} #store-directory-nav.inline-group .js-active { font-weight: 600;border-bottom: .2em solid rgba(82, 159, 211, 1);} #store-directory-nav.inline-group li {display: inline-block;padding: 0 .5em .3em .5em;} #page-store-directory #store-search-container .border-right { border: none;} #page-store-directory .mch-layout-store-locator-search.border-bottom { border-bottom: 1px solid rgba(0,0,0,.1);} #page-store-directory #store-search-container .position-top {position: relative;} #store-directory-list-by-alphabetical a {width: 33%;padding-right: 1em;padding-top: 1em;vertical-align: top;} #store-directory-list-by-alphabetical a:not(.js-active), #store-directory-list-by-states tr:not(.js-active) {display: none !important;} #store-directory-list-by-states tr td:first-child {width: 33%;} #store-directory-list-by-states tr:not(.odd) {background: #FFF !important;border-bottom: 1px solid #f5f5f5;} #store-directory-list-by-states tr.odd {background: #FFF;border-bottom: 1px solid #f5f5f5;} #store-directory-list-by-states tr:not(.odd):hover, #store-directory-list-by-states tr.odd:hover {background: rgba(0, 0, 0, .045) !important;} html.onphone #store-directory-list-by-states tr {clear: both;} html.onphone #store-directory-list-by-states td:first-child a {font-weight: 600;} html.onphone #store-directory-list-by-states td {display: block;width: 100%;} html.onphone #store-directory-list-by-states td+td {float: left;width: 60%;font-size: smaller;} html.onphone #store-directory-list-by-states td+td+td {float: left;width: 40%;} #page-store-directory #store-search-container .span3 { display: none;} /* Facts */ #page-facts.onsmallscreen .waFact .transparent-blue-bg p.subtitle {font-size: 2em !important;line-height: .7em !important;} #page-facts .waFact .transparent-blue-bg p.subtitle {font-size: 2.8em !important;line-height: .7em !important;} /*Blog */ html#post .spanX.column0 {width: 100%; margin: 0;} html#post .spanX.column0~.spanX {display: none;} html#post #blogtaglist-container {display: none;} html#post .module-blogpost {display: none !important;} #blogtaglist-container li.js-active > a {background-color: rgba(82,159,211,1); color: white;} html:not(#post) .js-posts-by-tag { display: none !important;} .postlist.js-animate { transition: opacity .3s .3s, left .3s .3s; max-height: 99em; opacity: 0 !important; left: 3em;} .postlist.js-animate-in {left: 0 !important; opacity: 1 !important;} .postlist.opacity10 {max-height: 0; overflow: hidden; border: none !important; margin: 0 !important;} .postlist a.button, .postlist a.button:hover {opacity: 1 !important;} .mPost-detail img {max-width: 100%;} #post .content {margin-top: 0;} #sizing-guide [data-sticky] {min-height: 100px;} #sizing-guide [data-sticky].js-stuck .sizing-guide-wrapper { position:fixed; left: 0; top: 3.5em; width: 100%; background: white; z-index: 9; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 1em;} #sizing.sizing-guide-wrapper {vertical-align: top;} #sizing.sizing-guide-wrapper p {font-size: 80%; line-height: 1.2em !important;} #sizing.sizing-guide-wrapper span:first-child {margin-bottom: .5em;} html.onsmallscreen #sizing.sizing-guide-wrapper p {font-size: 70%;} #sizing.sizing-guide-wrapper p span:first-child{font-size: .9rem; display: inline-block;} #sizing.sizing-guide-wrapper .spanX {margin-right: 0; width:15.41666667%;} #sizing.sizing-guide-wrapper .spanX.margin-auto {display: inline-block; float: none; margin-left: auto; margin-right: auto; text-align: left;} html.ontablet #sizing.sizing-guide-wrapper {text-align: center;} html.ontablet #sizing.sizing-guide-wrapper .spanX { display:inline-block; min-width: 12em; float: none; vertical-align: top;} .sizing-guide-wrapper span~ span {margin-bottom: -.5em;} .BlogTagList a, .js-clearTabs{border-radius: 3px; font-weight: 600;opacity: 1 !important; box-shadow: 0 0 0;} .BlogTagList .js-active a[href*="Competitions"]{background: #424242 !important; color: #fff;} .BlogTagList .js-active a[href*="Latest"]{background: #de4e2c !important; color: #fff;} .BlogTagList .js-active a[href*="Videos"]{background: #e3b12b !important; color: #fff;} .BlogTagList .js-active a[href*="Topics"]{background: #84c97a !important; color: #fff;} .BlogTagList span{display: none;} a[data-tag="Competitions"].blue.transparent.button.skinny.border {border-color:#424242 !important; color: #424242 !important; background: white !important;} a[data-tag="Latest_News"].blue.transparent.button.skinny.border {border-color:#de4e2c !important; color: #de4e2c !important; background: white !important;} a[data-tag="Sealy_Videos"].blue.transparent.button.skinny.border {border-color:#e3b12b !important; color: #e3b12b !important; background: white !important;} a[data-tag="Sleep_Topics"].blue.transparent.button.skinny.border {border-color:#84c97a !important; color: #84c97a !important; background: white !important;} a[data-tag="Mothers_Day"].blue.transparent.button.skinny.border {border-color:#F29A9A !important; color: #F29A9A !important; background: white !important;} a.blue.transparent.button.skinny.border {padding-left: 4px !important; padding-right: 4px !important;} a.blue.transparent.button.skinny.border+a.blue.transparent.button.skinny.border {margin-left: 4px;} /* JS */ /* JS - [data-sticky] */ html.ondesktop .header-nav-wrapper[data-sticky] {height: calc(3.5em - 1px);} /* GARY QC */ html.ondesktop .header-nav-wrapper[data-sticky] > div {top: -3.5em; transition: top .3s .5s;} html.ondesktop .header-nav-wrapper[data-sticky]:hover > div {transition: top 0s 0s;} html.ondesktop .header-nav-wrapper[data-sticky].js-stuck > div {top: 0; position: fixed; width: 100%; z-index:999; background: rgba(255,255,255,.95); top: 0; /*box-shadow: 0 0 .25em rgba(0,0,0,.2);*/} html.ondesktop .header-nav-wrapper[data-sticky].js-stuck nav {display: block;} html.ondesktop .header-nav-wrapper[data-sticky].js-stuck .img-logo.padding-top-sm {;} html.ondesktop .header-nav-wrapper[data-sticky]:not(.js-stuck) .img-logo, html.ontablet .img-logo {display: none;} /* JS -Toggle Open/Close */ .circle.button:not(.js-toggle-active) i.fa-minus { display: none;} .circle.button.js-toggle-active i.fa-plus { display: none;} .js-toggle-open, .js-toggle-close {transition: opacity .3s, max-height .3s; height: auto; min-height: 0; overflow: hidden;} .js-toggle-open {opacity: 1; max-height: 999em;} .js-toggle-close {opacity: 0; max-height: 0; z-index: -1;} /* JS - Table Carousel */ [id^="bed-"] {width: 50px; border-radius: 4px; overflow: hidden; text-align: center;} [id^="bed-"] img {margin-top: 8px; height: auto;} [id^="bed-"] img[src*="-one-"] {width: 29px;} [id^="bed-"] img[src*="-two-"] {width: 62px;} #bed-single {width: 45.75px; height: 95px;} #bed-single-xl {width: 45.75px; height: 101.5px;} #bed-king-single {width: 53.25px; height: 101.5px;} #bed-double {width: 69.25px; height: 95px;} #bed-queen {width: 76.25px; height: 101.5px;} #bed-king {width: 91.75px; height: 101.5px;} [data-table-carousel] tbody td, [data-table-carousel] tbody th {font-size: smaller; width: 100%;} [data-table-carousel].relative {position: relative !important;} [data-table-carousel] tfoot td {padding: 0 !important; background: none!important;} html.no-ice [data-table-carousel] {width: 200vw;} html#page-sale [data-table-carousel] {width: 600vw;} html.no-ice section:not(#compareRange) [data-table-carousel] tbody tr:not(:hover), html.no-ice section:not(#compareRange) [data-table-carousel] td:not(:hover) {background: transparent !important;} html.no-ice [data-table-carousel] tbody th {font-weight: 700; font-family: 'Raleway', sans-serif; font-size: 1rem;} html.no-ice [data-table-carousel] th, html.no-ice [data-table-carousel] td { display: block; float: left; max-width: 36rem; width: 100%;} html.no-ice [data-table-carousel] thead td {padding-top: 1rem; padding-bottom: 1rem;} html.no-ice table[data-table-carousel="1"] + a[href="#prev"] {opacity: 0;} html.no-ice table[data-table-carousel] {left: 50%; transition: margin-left .3s;} html.no-ice table[data-table-carousel="1"] {margin-left: -18rem;} html.no-ice table[data-table-carousel="1"] th~th, html.no-ice table[data-table-carousel="1"] td~td { border-color: transparent !important; /*opacity: .7;*/} html.no-ice table[data-table-carousel="1"] th:first-child, html.no-ice table[data-table-carousel="1"] td:first-child {border-right-width: 1px !important;} html.no-ice section#compareRange table[data-table-carousel="1"] thead td:not(:nth-child(1)) {background-color: transparent!important;} /* CODEMISTRESS */ html.no-ice section#compareRange table[data-table-carousel="1"] td:nth-child(1) .color:not(.button) {color: #ffffff!important;} /* CODEMISTRESS */ html.no-ice table[data-table-carousel="2"] {margin-left: -54rem;} html.no-ice table[data-table-carousel="2"] th:not(:nth-child(2)), html.no-ice table[data-table-carousel="2"] td:not(:nth-child(2)) { border-color: transparent !important; /*opacity: .7;*/} html.no-ice table[data-table-carousel="2"] th:nth-child(2), html.no-ice table[data-table-carousel="2"] td:nth-child(2) {border-right-width: 1px !important;} html.no-ice section#compareRange table[data-table-carousel="2"] thead td:not(:nth-child(2)) {background-color: transparent!important;} /* CODEMISTRESS */ html.no-ice section#compareRange table[data-table-carousel="2"] td:nth-child(2) .color:not(.button) {color: #ffffff!important;} /* CODEMISTRESS */ html.no-ice table[data-table-carousel="3"] {margin-left: -90rem;} html.no-ice table[data-table-carousel="3"] th:not(:nth-child(3)), html.no-ice table[data-table-carousel="3"] td:not(:nth-child(3)) { border-color: transparent !important; /* opacity: .7;*/} html.no-ice table[data-table-carousel="3"] th:nth-child(3), html.no-ice table[data-table-carousel="3"] td:nth-child(3) {border-right-width: 1px !important;} html.no-ice section#compareRange table[data-table-carousel="3"] thead td:not(:nth-child(3)) {background-color: transparent!important;} /* CODEMISTRESS */ html.no-ice section#compareRange table[data-table-carousel="3"] td:nth-child(3) .color:not(.button) {color: #ffffff!important;} /* CODEMISTRESS */ html.no-ice table[data-table-carousel="4"] {margin-left: -126rem;} html.no-ice table[data-table-carousel="4"] th:not(:nth-child(4)), html.no-ice table[data-table-carousel="4"] td:not(:nth-child(4)) { border-color: transparent !important; /*opacity: .7;*/} html.no-ice table[data-table-carousel="4"] th:nth-child(4), html.no-ice table[data-table-carousel="4"] td:nth-child(4) {border-right-width: 1px !important;} html.no-ice section#compareRange table[data-table-carousel="4"] thead td:not(:nth-child(4)) {background-color: transparent!important;} /* CODEMISTRESS */ html.no-ice section#compareRange table[data-table-carousel="4"] td:nth-child(4) .color:not(.button) {color: #ffffff!important;} /* CODEMISTRESS */ html.no-ice table[data-table-carousel="5"] {margin-left: -162rem;} html.no-ice table[data-table-carousel="5"] th:not(:nth-child(5)), html.no-ice table[data-table-carousel="5"] td:not(:nth-child(5)) { border-color: transparent !important; /* opacity: .7;*/} html.no-ice table[data-table-carousel="5"] th:nth-child(5), html.no-ice table[data-table-carousel="5"] td:nth-child(5) {border-right-width: 1px !important;} html.no-ice section#compareRange table[data-table-carousel="5"] thead td:not(:nth-child(5)) {background-color: transparent!important;} /* CODEMISTRESS */ html.no-ice section#compareRange table[data-table-carousel="5"] td:nth-child(5) .color:not(.button) {color: #ffffff!important;} /* CODEMISTRESS */ html.no-ice table[data-table-carousel="6"] {margin-left: -162rem;} html.no-ice table[data-table-carousel="6"] th:not(:nth-child(6)), html.no-ice table[data-table-carousel="6"] td:not(:nth-child(6)) { border-color: transparent !important; /* opacity: .7;*/} html.no-ice table[data-table-carousel="6"] th:nth-child(6), html.no-ice table[data-table-carousel="6"] td:nth-child(6) {border-right-width: 1px !important;} html.no-ice section#compareRange table[data-table-carousel="6"] thead td:not(:nth-child(6)) {background-color: transparent!important;} /* CODEMISTRESS */ html.no-ice section#compareRange table[data-table-carousel="6"] td:nth-child(6) .color:not(.button) {color: #ffffff!important;} /* CODEMISTRESS */ html.no-ice table[data-table-carousel="1"] {} html.no-ice [data-table-carousel] th, html.no-ice [data-table-carousel] td {max-width: 33vw} html.no-ice table[data-table-carousel="1"] {margin-left: -16.5vw;} html.no-ice table[data-table-carousel="2"] {margin-left: -49.5vw;} html.no-ice table[data-table-carousel="3"] {margin-left: -82.5vw;} html.no-ice table[data-table-carousel="4"] {margin-left: -115vw;} html.no-ice table[data-table-carousel="5"] {margin-left: -148.5vw;} html.no-ice table[data-table-carousel="6"] {margin-left: -181.5vw;} html.no-ice table[data-table-carousel="7"] {margin-left: -214.5vw;} html.no-ice table[data-table-carousel="8"] {margin-left: -247.5vw;} html.no-ice table[data-table-carousel="9"] {margin-left: -280.5vw;} html.no-ice table[data-table-carousel="10"] {margin-left: -313.5vw;} /* Animations */ html:not(.onphone) [data-inview].animate-fade-up {transform: translateY(1em); opacity: 0; -webkit-transition: opacity 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1),transform 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1), transform 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1); ;} html:not(.onphone) [data-inview].animate-fade-up.js-above-the-fold {transform: translateY(0); opacity: 1;} html:not(.onphone) #hero .animate-in { opacity: 0; -webkit-transition: opacity 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1),transform 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1),transform 1s 0s cubic-bezier(0.075, 0.82, 0.165, 1); ;} html:not(.onphone) #hero .animate-in.js-above-the-fold { opacity:1;} html:not(.onphone) #hero .animate-in .animate-fade-up {transform: translateY(1em); opacity: 0; -webkit-transition: opacity 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1),transform 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1),transform 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1); ;} html:not(.onphone) #hero .animate-in .animate-fade-up+.animate-fade-up { -webkit-transition: opacity 2s .75s cubic-bezier(0.075, 0.82, 0.165, 1),transform 2s .75s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 2s .75s cubic-bezier(0.075, 0.82, 0.165, 1),transform 2s .75s cubic-bezier(0.075, 0.82, 0.165, 1); ;} html:not(.onphone) #hero .animate-in .animate-fade-up+.animate-fade-up+.animate-fade-up { -webkit-transition: opacity 2s 1.3s cubic-bezier(0.075, 0.82, 0.165, 1),transform 2s 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 2s 1.3s cubic-bezier(0.075, 0.82, 0.165, 1),transform 2s 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); ;} /*#hero .animate-in .animate-fade-up {transition: transform .3s .6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s .6s ; transform: translateY(1em); opacity: 0;} #hero .animate-in .animate-fade-up+.animate-fade-up {transition: transform .3s .9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s .9s cubic-bezier(0.215, 0.61, 0.355, 1);} #hero .animate-in .animate-fade-up+.animate-fade-up+.animate-fade-up {transition: transform .3s 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);}*/ html:not(.onphone) #hero .animate-in.js-above-the-fold .animate-fade-up { transform: translateY(0); opacity: 1;} html.onphone #hero .position-center.position-bottom { position:initial; transform:initial;} /* TABLET/SMALL SCREEN */ html.ontablet {min-width: 48rem !important;} html:not(.ontablet) #primary .js-toggle-nav, html.ontablet #primary li.js-active ~ .js-toggle-nav {display: none !important;} html.onsmallscreen .js-stuck nav#primary a { padding-left: 0; padding-right: 1.5em; font-size: smaller;} html.onsmallscreen .js-stuck nav#primary li li a {padding-left:1em;} html.onsmallscreen .js-stuck #search-box {display : none;} html.js-touch #search-box {display: none;} html.ontablet .fact-box p {font-size: 2rem !important;} html.onsmallscreen .fact-box p {font-size: 2.4rem !important;} html.ontablet .header-nav-wrapper #primary li {height: auto; max-height: 3.5rem; transition: max-height .3s, opacity .3s; background: #FFF;} html.ontablet .header-nav-wrapper #primary li.js-active {transition: none;} html.ontablet .header-nav-wrapper #primary li:not(.js-active) {height: auto; max-height:0; overflow: hidden; opacity:0;} html.ontablet .header-nav-wrapper #primary.js-open-nav ul ul li:first-child {border-top: 1px solid rgba(0,0,0,.1);} html.ontablet .header-nav-wrapper #primary.js-open-nav li {max-height: none !important; opacity: 1; border-bottom: 1px solid rgba(0,0,0,.1);} html.ontablet .header-nav-wrapper[data-sticky] {position: relative; z-index: 99;} html.ontablet #hero > img {transform: translate(-50%,0%) !important; -webkit-transform: translate(-50%,0%) !important; position: relative; left: 50%;} html.ontablet #search-box {display: none;} html.ontablet #primary {min-height: 3.5rem; background: white;} html.ontablet #primary {position: relative;} html.ontablet #primary:not(.js-open-nav) > ul > li.js-active > a, html.ontablet #primary:not(.js-open-nav) > ul > li.js-active > a {position: relative;} html.ontablet #primary > ul > li.js-active > a:after {content:"\f0c9"; padding-left: 1em; font-family: "FontAwesome"; position: absolute; right: 0; padding-right: 1em;} html.ontablet #primary:not(.js-open-nav) > ul > li.js-active > a:after {font-size: 1.5em;} html.ontablet #primary.js-open-nav > ul > li.js-active > a:after {content:"Close Menu x"; font-family: inherit; top:0; line-height: 3.5rem; vertical-align: middle;} html.ontablet #primary:not(.js-open-nav) li li.js-active {display: none !important;} html.ontablet #primary.js-open-nav {height: 100vh; width: 100vw; padding-bottom: 12em !important; overflow: auto;} /*html.ontablet #primary > ul > li.js-active a:after {content:"\f107"; padding-left: 1em: display: inline-block; font-family: "FontAwesome" ;}*/ html.ontablet #sidebar-left + .span6 {width: 70% !important; padding-right: 1em;} html.ontablet #sidebar-left + .span6 + #sidebar-right {width:100%; clear: both;} html.ontablet #sidebar-left + .span6 + #sidebar-right .postlist header, html.ontablet #sidebar-left + .span6 + #sidebar-right .postlist > div { float: left;width: 50%;} html.ontablet #nav-sidebar-left a {overflow: auto !important; width: 100%;} html.ontablet .contactus .span1 {display: none;} html.ontablet .contactus .span1 + div {padding-right: 1em; width: 47%;} html.ontablet .content { margin-top: 0;} html.ontablet [ontablet="-display"] { display: none !important;} html.ontablet #store-search-container:not(.min-vh30) .position-top { position: relative; top: inherit; left: inherit; padding-top: 0 !important; -webkit-transform:none;-ms-transform:none;transform:none; ;} html.ontablet #store-search-container:not(.min-vh30) input {margin-bottom:.25em !important;} html.ontablet #store-search-container:not(.min-vh30) h4 {margin-top: .5em !important;} html.ontablet #browse-StoreDirectory {margin-top: 0.75em !important;} html.ontablet store-locator-container {padding-top: 0;} html.onphone .tag-phone i.fa-phone {font-size: 1.5em; vertical-align: middle;} html.ontablet#page-bed-selector .callout-answer p {font-size: .75em; line-height: 1.5em;} html.ontablet#page-bed-selector #container-BedSelector-Results {padding-left: 1em; padding-right: 1em;} html.ontablet#page-bed-selector #container-BedSelector-Results .spanX {padding-bottom: 1em !important;} html.ontablet#page-bed-selector #container-BedSelector-Results [class*="padding"], html.ontablet#page-bed-selector #container-BedSelector-Results [class*="spacer"] {padding-left: 0 !important;padding-right: 0 !important;} html.ontablet#page-bed-selector #container-BedSelector-Results .js-populate-features > div div:first-child {float: right;} html.ontablet#page-bed-selector #Bed-Range-Profile-Answers p.small {font-size: .8em;line-height: 1.5em;font-weight: 400;} html.ontablet#page-mattress-range #hero img.full-width { min-width: 100% !important; min-height: 100% !important; width: auto !important; height: auto !important; max-width: 120% !important;} html[data-swatch].ontablet #hero > div {width: 100%;float: none;/*height: auto !important;*/padding: 0 !important;} html[data-swatch].ontablet #hero .span3:first-child { position: absolute;z-index: 1;width: 100%;height: 0 !important;padding-bottom: 75% !important;left: 0;margin: 0 !important; /*width: 33.33%;display: table-cell; vertical-align: middle; padding-right: 1.5em;*/} html[data-swatch].ontablet #hero .span3:first-child > p { position: absolute; width: 100%; text-align: center; top: 0;} html[data-swatch].ontablet #hero .span3:first-child > p img {width: 33%; left: inherit; transform:none !important; -webkit-transform: none !important;} html[data-swatch].ontablet #hero .span3:first-child nav {position: absolute; right: 0; bottom:0;} html[data-swatch].ontablet #hero .span3:first-child > div {position: absolute; left: 1em; bottom:2em;} html[data-swatch].ontablet #hero .span3:first-child > div a {color: #FFF !important; transform:none; -webkit-transform: none;} html[data-swatch].ontablet #hero .span3:first-child > div img {display: none;} html[data-swatch].ontablet #hero .span6 img {width: 100% !important; height:auto !important;} html[data-swatch].ontablet #sizing-guide [data-sticky].js-stuck .sizing-guide-wrapper {top: 0;} html[data-swatch].ontablet #video-container .position-middle {width: 100%;} html[data-swatch].ontablet #hero .span6+.span3 > div {padding: 1em 1.5em 1.5em 1.5em !important;} html.ontablet#page-index .vh40 {height: auto !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;} html.ontablet#page-index .waTestimonial .inline-block {display: block; z-index:1; position: absolute; bottom:2em; left: 0;} html.ontablet#page-index .waTestimonial img {width: 100%; position: relative; margin-top: -3em;} html.ontablet#page-index .waTestimonial + div {overflow: hidden; width: 100%;} html.ontablet#page-index .waTestimonial + div img {left: 50%;} html.ontablet .postlist h2 {font-size: 1.1rem; line-height: 1.3em;} html.ontablet .postlist p {font-size: .9em; line-height: 1.5em; word-wrap: break-word;} html.ontablet .postlist aside {display: none;} html.ontablet .postlist p {margin-bottom: 1em;} html.ontablet .postlist .padding-top {padding-top: 0 !important;} /*.margin-auto {float: none !important; margin: inherit !important;}*/ #AlreadyEntered {text-align: center;display: none; background: rgba(253,237,236,1); color: rgba(169,50,38,1); padding: 20px; margin-top: 20px; font-weight: bold;} .margin-center{ float: none !important; margin: 0 auto !important;} .luxury.image img {max-width: 100%; display: block; margin: 0 auto;} a.no-underline:hover{text-decoration: none !important;} #sizing-guide h2, #compare h2{font-weight: 700;} h1.-hiddden{font-size: 0px;letter-spacing: 0;position: absolute;color: #FFF;} .mobile-btm-menu{ background: rgb(104,167,209); background: -moz-linear-gradient(top, rgba(104,167,209,1) 0%, rgba(82,159,211,1) 99%); background: -webkit-linear-gradient(top, rgba(104,167,209,1) 0%,rgba(82,159,211,1) 99%); background: linear-gradient(to bottom, rgba(104,167,209,1) 0%,rgba(82,159,211,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a7d1', endColorstr='#529fd3',GradientType=0 ); } #aside li i{ color: #FFF; } #aside li a{color: #FFF;display: block;font-weight: 600;} html.onphone#page-index #hero .sm-spacer {} .lg-padding-top {padding-top: 3em;} html.onphone #aside .spanX:nth-child(2){border-right: 1px solid rgba(0,0,0,.2); border-left: 1px solid rgba(0,0,0,.2);padding-bottom: 1.6em} html.onphone #aside .spanX{padding-top: 0em; padding-bottom: .5em;} html.onphone #aside .spanX p{white-space: normal !important;} .add-tooltips,.add-tooltips li{padding: 0; margin: 0; list-style: none} .add-tooltips {display: inline-block; width: 100%;} .add-tooltips li{display: inline-block; float:left;text-align:center;padding:0 1em 0 0} .add-tooltips li p, .add-tooltips li a{margin: 0} .add-tooltips a span {background: #56a1d5; display: inline-block; padding: .5em 1em; line-height: 1em; border-radius: .1em; color: #FFF; text-transform: initial; font-size: 80%; left: -10%; opacity: 0; transition: opacity .3s; position: relative; margin-top: 5px; top: 40px;letter-spacing: normal; position:absolute} .add-tooltips a:hover span {opacity: 1; } .add-tooltips a span { } .add-tooltips a span:before { position: absolute; top: -5px; left: 7%; content:' ';width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #56a1d5;} #page-sleep-census .xxlarge.blue{font-size:2.5rem; color: rgb(58,157,215);line-height: 1.0;} #page-sleep-census .bglight-blue {background: rgb(188,229,244); } #page-sleep-census .bgdark-blue {background-color: rgb(58, 157,215);background-image: url(/uploads/promo/sleep-census-blue-curve.png); background-repeat: no-repeat; background-position: top center; color: #FFF} #page-sleep-census .button.grey{ border-radius: 30px;padding: .2em 5em;opacity: 1;background: rgb(68,68,68);height: inherit;} #page-sleep-census .button.grey:hover{opacity: .9} #page-sleep-census .circleround{display: inline-block;padding: 2em;width: 13em;border-radius: 100%} html#page-sleep-census.onphone #banner {height: 10em;} #page-sleep-census .infographic{max-width:70%; display: block; margin: 0 auto;} /*Sale Page*/ .flip-clock-wrapper { width: 57em; margin: auto; text-align: center; } .red { color: #ac1d25 !important } .flip-clock-divider .flip-clock-label { top: inherit; bottom: -15px; font-size: 1.4em; color:#FFF; } .limit-width-md { max-width: 45rem; } html.onphone .sale-banner{padding-top: 1.5rem;} .sale-banner h1{line-height: 2.2rem;} html.onphone .flip-clock-divider {height: 57px;} html.onphone .flip-clock-wrapper ul{width: 40px; height: 60px; line-height: 57px;margin: 3px;} html.onphone .flip-clock-wrapper ul li a div{font-size: 41px !important;} html.onphone .flip-clock-wrapper ul li{line-height:60px;} html.onphone .flip-clock-divider.seconds{display: none;} html.onphone .flip-clock-wrapper ul:nth-child(n+10) { display: none !important;} html.onphone .flip-clock-wrapper {width: 29em; display: block; } html.onphone .flip-clock-divider .flip-clock-label {color: #FFF;bottom: -25px;} html.onphone .flip-clock-divider .flip-clock-label{right: -65px;} html.onphone .flip-clock-divider.minutes .flip-clock-label {right: -72px;} html.onphone .retailers .spanX {display: inline-block;margin-left: auto;margin-right: auto;vertical-align: top;width: 47% !important;float: none !important;text-align: left !important;margin-bottom: 0 !important;padding: 0.5em;} .padding-top-lg{padding-top: 2.0em;} .button.medium.sale{display: inline-block; height: inherit; line-height: inherit;} #page-posturepedic-exquisite .sizing-guide-wrapper .spanX {width: 12.8%;} #page-posturepedic-exquisite .sizing-guide-wrapper .spanX:last-child {width: 13.8%;} /*XMAS SALE BANNER*/ /*html.ontablet#page-index #hero .transparent-white-gradient-up{background: transparent;bottom: 4.5em; } html.ontablet#page-index #hero h1 {display: none}*/ /*BLOGS MOTHERS DAY*/ .blog-mth-image .statement{ width: 320px; margin: 0 1.0em; background: rgba(255,255,255,0.8); height: 100%; } .blog-mth-image .statement p{ margin: 1em 0; } .blog-mth-image .statement h3{ font-weight: 700; font-size: 1.7em; text-transform: uppercase; line-height: normal; } .blog-mth-image .statement ul, .blog-mth-image .statement li{ list-style: none; padding: 0; margin: 0; } .blog-mth-image .statement li{ padding: .5em 0; font-size: 1.1em; } .blog-mth-image .statement.tip ul{ padding-left: 1.0em; } .blog-mth-image .statement.tip li{ padding: .2em 0; font-size: 1.0em; list-style-position: initial; list-style-type: disc; line-height: 1.4; } .blog-mth-image{ display: block; clear: both; position: relative; margin-top: 2rem } .blog-mth-image .statement li a{ color: rgb(0,0,0); } .grid10 .spanX { width: calc(100%/12*1.2 - 1rem); margin-left: .5rem !important; margin-right: .5rem !important; } /*UPDATED FOOTER 21 MARCH 2018*/ .footer-wrapper { position: relative; z-index: 99999; } .footer-wrapper footer#sitefooter { padding: 30px; background-color: #666; color: #fff; font-family: Raleway, Palatino, 'Palatino Linotype', 'Libre Baskerville', 'Palatino LT STD', 'Book Antiqua', Georgia, serif !important; font-size: 14px; line-height: 23px; z-index: 999; } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter { padding: 0; } } .footer-wrapper footer#sitefooter > div > .container #footer1 { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding-bottom: 30px; margin-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-wrapper footer#sitefooter > div > .container #footer1 { justify-content: space-between; } } .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade { flex-direction: column; width: 48%; } } .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar .footer1logo, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade .footer1logo { width: 150px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; flex-shrink:0; } .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar .footer1logo img, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade .footer1logo img { display: block; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; width: 150px; } .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar .footer1content, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade .footer1content { padding: 0 1.5rem; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar .footer1content, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade .footer1content { padding: 15px 0 0 0; } } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter > div > .container #footer1 #canstar .footer1content, .footer-wrapper footer#sitefooter > div > .container #footer1 #ausmade .footer1content { display: none; } } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter > div > .container #footer1 { border: none; margin: 0; } } .footer-wrapper footer#sitefooter > div > .container #footer2 { margin: 0 150px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1.5rem; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) { .footer-wrapper footer#sitefooter > div > .container #footer2 { margin: 0; padding: 0; flex-wrap: wrap; justify-content: flex-start; } } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col { flex-basis: 1; flex-grow: 1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col { width: 33.33%; margin-bottom: 30px; flex-grow: 0; } } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col h3 { color: #fff; text-transform: uppercase; font-family: Raleway, Palatino, 'Palatino Linotype', 'Libre Baskerville', 'Palatino LT STD', 'Book Antiqua', Georgia, serif !important; font-weight: bold; font-size: 16px; line-height: 1; margin-bottom: 15px; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col ul { list-style: none; padding: 0; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col a { color: #efefef; text-decoration: none; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col a:hover { color: #fff; } @media only screen and (min-width: 768px) and (max-width: 991px) { } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col.socialContainer #socialIconsContainer { margin-bottom: 15px; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col.socialContainer #socialIconsContainer a.social { font-size: 20px; margin-right: 10px; font-weight: 300; line-height: 1; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col.socialContainer #socialIconsContainer a.social[href*="facebook"]:hover { color: #3b5998; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col.socialContainer #socialIconsContainer a.social[href*="instagram"]:hover { color: #517fa4; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col.socialContainer #socialIconsContainer a.social[href*="youtube"]:hover { color: #cd201f; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col p.phoneLabel { font-size: 12px; } .footer-wrapper footer#sitefooter > div > .container #footer2 .footer2col a.phone { font-size: 16px; font-weight: bold; } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter > div > .container #footer2 { display: none; } } .footer-wrapper footer#sitefooter > div > .container #footer3 { margin: 30px 150px; font-size: 12px; text-align: center; padding: 0 15px; } .footer-wrapper footer#sitefooter > div > .container #footer3 p { line-height: 1.2; } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter > div > .container #footer3 { display: none; } } .footer-wrapper footer#sitefooter > div > .container #footer2Mobile, .footer-wrapper footer#sitefooter > div > .container #footer3Mobile { display: none; } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter > div > .container #footer2Mobile, .footer-wrapper footer#sitefooter > div > .container #footer3Mobile { display: block; } } @media only screen and (max-width: 767px) { .footer-wrapper footer#sitefooter > div > .container #footer2Mobile { display: flex; flex-direction: column; justify-content: center; margin-left: 8%; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding-bottom: 30px; margin-top: 20px; margin-bottom: 30px; } .footer-wrapper footer#sitefooter > div > .container #footer2Mobile a { color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 15px; } .footer-wrapper footer#sitefooter > div > .container #footer2Mobile a img { margin-right: 5px; } .footer-wrapper footer#sitefooter > div > .container #footer3Mobile { display: flex; justify-content: space-between; } .footer-wrapper footer#sitefooter > div > .container #footer3Mobile .col h4, .footer-wrapper footer#sitefooter > div > .container #footer3Mobile .col a { color: #fff; text-transform: uppercase; font-size: 16px; display: block; margin-bottom: 5px; font-weight: 500; } .footer-wrapper footer#sitefooter > div > .container #footer3Mobile .col h4 { font-weight: bold; } } #footer4 { position: relative; z-index: 999; background-color: #fff; font-family: 'Roboto', sans-serif !important; font-size: 12px; padding: 5px; text-align: center; } #footer4 .footer4Links { margin-bottom: 5px; } #footer4 .footer4Links a { color: #000; margin: 0 5px; } html.onphone .footer-wrapper.bg-image, .mch-callout-sealy-statements { display: none; } .mobileFooter { z-index: 9999; background-color: #fff; position: relative; }