/*-------------------------------------------VAR--*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
.btn_buynow {
  background: #004685;
  padding: 14px 10px;
  color: #fff;
  width: 60%;
  margin-top: 23px !important;
  font-size: 15px;
  margin: auto;
}
.btn_buynow a {
  display: block;
  color: #fff;
}
.btn_buynow:hover {
  background: #525151;
}
.wpsm_tab_23881 .wpsm_nav-tabs li a {
  padding: 10px 12px !important;
}
.wpsm_tab_23881 {
  /*----------------------------------------------------MIXINS*/
}
.vf-mic-image {
  width: 77% !important;
  height: 76% !important;
}
body {
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 14px;
}
body table {
  width: 80%;
  border: 1px #ccc solid;
  margin: auto;
}
body table td {
  border: 1px solid #ccc;
}
p {
  font-family: 'Quattrocento Sans', sans-serif;
}
a {
  text-decoration: none;
  color: #004685;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 38px;
}
ul, ol {
  margin: 0 0 1.5em 3em;
  padding: 0px;
}
#searchsubmit {
  background-color: #004685;
  color: #fff;
  text-transform: uppercase;
  padding: 9px;
}
.content-area-single h3 {
  font-size: 26px;
  line-height: 100%;
  color: #004685;
}
.content-area-single h4 {
  font-size: 22px;
}
.buttona {
  display: block;
  padding: 5px;
  color: #fff;
  text-align: center;
  border: 1px solid #004685;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.buttona:hover {
  background-color: #004685;
  color: #fff;
}
.buttona:hover a {
  display: block;
  color: #fff;
}
div#n2-ss-4 .n2-ss-layer .n2-font-ed577f4a9f28646776ebb1638015257c-hover {
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-weight: bolder !important;
}
div#n2-ss-4 .n2-ss-layer .n2-font-f2891c172dcfb5682bb566d800351262-paragraph {
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 14px !important;
}
.buttonb {
  display: block;
  padding: 5px;
  color: #fff;
  text-align: center;
  background-color: #004685;
  border: 1px solid #004685;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.buttonb a {
  color: #fff;
  display: block;
}
.buttonb:hover {
  background-color: #fff;
  color: #fff;
}
.buttonb:hover a {
  color: #004685;
}
.entry-title {
  color: #004685;
  font-size: 34px;
}
#rum_sst_tab {
  font-family: Quattrocento Sans, sans-serif;
  border-width: 1px;
  font-weight: 200;
  border-color: #fff;
  border-top: 0px;
  border-radius: 0px;
  padding: 5px;
  padding-left: 13px;
  padding-right: 13px;
  /*--------------------dont snooze and loose badge-----*/
}
#rum_sst_tab:hover {
  background-color: #fff;
  color: #004685;
  border-color: #004685;
  transition: all 900ms ease-in-out;
}
.dsl_badge {
  position: absolute;
  z-index: 999;
  left: 5%;
  width: 180px;
  display: none;
}
.dsl_badge_mobile {
  width: 80%;
  margin: auto;
}
@media (max-width: 600px) {
  .dsl_badge_mobile {
    display: block;
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 2000px) {
  /*----------------------------------------------------NAVIGATION*/  .dsl_badge {
    display: block;
  }
  .dsl_badge_mobile {
    display: none;
  }
}
.main-navigation a {
  padding: 0px 6px;
  font-size: 13px;
}
.main-navigation ul {
  float: left;
}
.main-navigation ul li {
  margin-right: 15px;
}
.main-navigation .sub-menu {
  box-shadow: none;
}
.main-navigation .sub-menu li {
  background-color: #004685;
  padding: 10px 0px;
  border-bottom: 2px solid #fff;
}
.main-navigation .sub-menu li:hover {
  background-color: #525151;
}
.main-navigation .sub-menu li a {
  color: #fff;
}
.main-navigation .sub-menu li a:hover {
  color: #fff;
}
.menu-item-has-children a:after {
  color: #525151;
  content: '▾';
  font-size: 22px;
  vertical-align: middle;
  line-height: 0px;
}
.menu-item-has-children .sub-menu li a:after {
  color: #525151;
  content: ' ';
  font-size: 22px;
  vertical-align: middle;
  line-height: 0px;
}
#mega-menu-item-58 ul {
  padding: 0px 30px !important;
}
.mega-sub-menu {
  width: 128% !important;
  max-width: 900px !important;
  /*--------------------------------------------------------------------------------------------HEADER*/
}
.mega-sub-menu .mega-menu-item {
  padding: 0px !important;
}
.mega-sub-menu a {
  padding: 0px;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.mega-sub-menu a:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(80%);
  /*--------------------------------------------GLOBAL----------*/
}
.postid-97 .proudly, .postid-102 .proudly, .postid-78 .proudly, .postid-76 .proudly, .postid-77 .proudly, .postid-103 .proudly, .postid-105 .proudly, .postid-22497 .proudly, .postid-106 .proudly, .postid-26104 .proudly, .postid-26107 .proudly, .postid-107 .proudly {
  display: none;
}
.proudly {
  position: relative;
  z-index: 9999;
  right: 20px;
}
.proudly img {
  width: 80px;
  position: absolute;
  right: 20px;
  top: 20px;
}
body.scrolled .mainhead {
  z-index: 99999;
  position: fixed;
  width: 100%;
  margin-top: 30px;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
body.scrolled .topheader {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 999999;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}
.mainhead {
  background-color: #004685;
  padding: 0px 20px;
}
.mainhead .section {
  position: relative;
}
.mainhead .col {
  margin: 0px;
}
.mainhead .menu-item-has-children a:after {
  color: #fff;
  content: '▾';
  font-size: 22px;
  vertical-align: middle;
  line-height: 0px;
}
.mainhead a {
  color: #fff;
}
.mainhead .fa-phone, .mainhead .fa-envelope {
  border: 1px solid #fff;
  padding: 5px;
  -webkit-border-radius: 50px 50px 50px 50px;
  border-radius: 50px 50px 50px 50px;
  margin-right: 10px;
}
.mainhead .span_1_of_6.mail {
  text-align: right;
  right: 10px;
  width: fit-content;
  position: absolute;
  font-size: 13px;
}
.mainhead .span_1_of_6 {
  padding: 10px 0px;
}
.mainhead .main-navigation ul ul {
  box-shadow: none;
}
.mainhead .main-navigation li {
  padding: 10px 0px;
}
.mainhead .main-navigation li:hover {
  background-color: #525151;
}
.mainhead .main-navigation .current-menu-item {
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.topheader {
  padding: 0px 20px;
}
.topheader .col {
  margin: 5px 0px;
}
.topheader .main-navigation a {
  color: #525151;
}
.topheader .main-navigation a:hover {
  color: #004685;
}
.topheader .social a {
  color: #525151;
  margin-right: 14px;
}
.topheader .fa-search {
  float: right;
}
.topheader .span_1_of_6.search {
  width: 10.33%;
}
.topheader .span_4_of_6 {
  width: 71.13%;
}
.discl {
  font-size: 13px;
  line-height: 14px;
  width: 95%;
  /*--------------------------------------------------------HOME--*/
}
.homec {
  margin-top: -40px;
  z-index: 999999 !important;
  background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2021/04/Banner-for-main-site-01-1.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 10% 40%;
  text-align: center;
}
.homec .entry-title {
  display: none;
}
.homec .Ribbon {
  margin: auto;
  background: url(http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/Sealy-Look-Feel-01-For-Export-Images-06.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  padding: 50px 50px 50px 50px;
  width: 30%;
  text-align: left;
}
.homec .Ribbon p {
  margin-bottom: 3px;
  margin-top: 0px;
}
.homec .Ribbon h4 {
  font-size: 20px;
  font-weight: normal;
}
.homec .Ribbon a {
  color: white;
  font-weight: 500;
}
.homec .entry-content {
  margin: 0px;
}
.home-blocks {
  text-align: center;
  margin-bottom: 50px;
  /*--mattress ranges--*/
}
.home-blocks h3 {
  color: #004685;
}
.home-blocks .col {
  margin: 0px;
}
.home-blocks .span_1_of_4 {
  width: 19.5%;
}
.home-blocks .span_1_of_4 .copy {
  padding: 20px;
  min-height: 240px;
}
.home-blocks .span_1_of_4 .button a {
  text-align: center;
  width: 90%;
  font-size: 13px;
  margin: auto;
  border: 1px solid #004685;
  display: grid;
  align-items: bottom;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: block;
  padding: 5px;
  color: #004685;
  border: 1px solid #004685;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.home-blocks .span_1_of_4 .button a:hover {
  background-color: #004685;
  color: #fff;
}
.home-blocks .span_1_of_4 .button a:hover a {
  color: #fff;
}
.home-blocks .span_1_of_4.larger {
  width: 30.5%;
}
.home-blocks .span_1_of_4.larger .copy {
  width: 70%;
  float: right;
  padding: 20px;
  min-height: 240px;
}
.home-blocks .span_1_of_4.larger .button {
  width: 70%;
  float: right;
}
.home-blocks .span_1_of_4.larger .button a {
  display: block;
}
.home-blocks .span_1_of_4.larger2 {
  width: 30.5%;
}
.home-blocks .span_1_of_4.larger2 .button {
  width: 70%;
  float: left;
}
.home-blocks .span_1_of_4.larger2 .copy2 {
  width: 70%;
  padding: 20px;
  min-height: 240px;
}
.home-blocks .span_1_of_4.larger2 .copy2 a {
  display: block;
  margin-top: 30px;
  border: 1px solid #004685;
  text-align: center;
  bottom: 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.mat-range {
  text-align: center;
  margin-bottom: 50px;
  /*--BOTTOM MORE INFO--*/
}
.mat-range .inner {
  width: 70.9%;
  margin: auto;
}
.mat-range img {
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.mat-range img:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(80%);
  /*--------------------------------------------GLOBAL----------*/
}
.more-info {
  background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/bottom-bg.jpg');
  background-position: right top;
  background-size: 65%;
  background-repeat: no-repeat;
  background-color: #f3f3f3;
  /*------------------------------------------------------------SINGLE*/
}
.more-info .col {
  margin: 0px;
}
.more-info .experts {
  background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/bottom-tag.png');
  background-size: auto 100%;
  background-position: right;
  background-repeat: no-repeat;
  padding: 10px;
  color: #fff;
  font-size: 26px;
  text-align: center;
}
.more-info .experts .inner {
  padding: 20px;
}
.more-info .experts .inner a {
  margin-top: 10px;
  font-size: 16px;
  width: 40%;
  margin: 20px auto;
  display: block;
  padding: 5px;
  color: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.more-info .experts .inner a a {
  display: block;
}
.more-info .experts .inner a:hover {
  background-color: #fff;
  color: #004685;
}
.more-info .commercial {
  color: #004685;
  text-align: center;
  padding: 20px;
}
.more-info .commercial .inner {
  width: 30%;
}
.more-info .commercial .inner h3 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
}
.more-info .commercial .inner a {
  margin-top: 10px;
  font-size: 16px;
  width: 80%;
  margin: 20px auto;
  display: block;
  padding: 5px;
  color: #004685;
  border: 1px solid #004685;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.more-info .commercial .inner a:hover {
  background-color: #004685;
  color: #fff;
}
.more-info .commercial .inner a:hover a {
  color: #fff;
}
.content-area-single .entry-title {
  display: none;
}
.page-id-10 .description {
  background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/single-banner.png');
  background-size: cover;
  background-position: center;
  min-height: 450px;
}
.page-id-10 .description .overlay_description {
  top: 60%;
}
.warrantybtntc {
  background: #004685;
  position: absolute;
  top: 20%;
  right: 50px;
}
.warrantybtntc:hover {
  background: #ccc;
}
.warrantybtntc a {
  display: block;
  padding: 10px 70px;
  color: #fff;
  text-transform: uppercase;
}
.description {
  background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/single-banner.png');
  min-height: 400px;
  position: relative;
}
.description .overlay_description {
  position: absolute;
  top: 50%;
  width: 25%;
  text-align: right;
  right: 50px;
  transform: translateY(-50%);
}
.description .overlay_description h1 {
  text-align: center;
  color: #004685;
  text-transform: uppercase;
  font-size: 38px;
}
.buy_online_page {
  text-align: center;
}
.buy_online_page .group_bed {
  width: 40%;
  margin: auto;
}
.buy_online_page h4 {
  line-height: 25px;
}
.buy_online_page img {
  height: 80px;
  width: auto;
}
.buy_online_page .section {
  margin-top: 30px;
  margin-bottom: 40px;
}
.buy_online_page .col {
  padding: 0px 20px;
  border-right: 1px #ccc solid;
}
.buy_online_page .last {
  border-right: 0px;
}
.buy_online_page .span_1_of_3 {
  width: 31%;
}
.content-area, .content-area-single {
  max-width: 1250px;
  margin: auto;
  width: 100%;
  padding-left: 40px !important;
}
.tables {
  text-align: center;
}
.tables td {
  padding: 15px;
}
.entry-meta {
  display: none;
}
.nav-previous, .nav-next {
  display: block;
  padding: 5px;
  color: #004685;
  border: 1px solid #004685;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
  text-align: center !important;
  /*------------------------------------------------------------MATRRESS SELECTOR*/
}
.nav-previous:hover, .nav-next:hover {
  background-color: #004685;
  color: #fff;
}
.nav-previous:hover a, .nav-next:hover a {
  color: #fff;
}
.nav-previous a, .nav-next a {
  font-size: 16px;
}
.page-id-24242 #ssb-container {
  display: none !important;
}
.slb_data_content {
  display: none;
}
.page-id-24242 {
  height: 100vh;
}
.page-id-24242 .description {
  display: none;
}
.page-id-24242 .content-area, .page-id-24242 .content-area-single {
  max-width: 100%;
}
.page-id-24242 .hentry {
  margin: 0;
}
.page-id-24242 .content-padding {
  width: 90%;
  margin: auto;
  text-align: center;
}
.page-id-24242 .page-content, .page-id-24242 .entry-content, .page-id-24242 .entry-summary {
  margin: 0;
}
.page-id-24242 .entry-footer {
  display: none;
}
.page-id-24242 h3 {
  color: #686a68;
}
.page-id-24242 .primary-button {
  background-color: #004685;
  color: white;
  padding: 10px 30px;
  border-radius: 10px;
}
.page-id-24242 .mattress-selector-banner {
  background-image: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2020/08/mattress-selector-banner.jpg');
  background-size: cover;
  height: 40vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
}
.page-id-24242 .mattress-selector-banner .mattress-selector-description {
  background-color: #004685;
  color: white;
  padding: 20px;
  position: absolute;
  top: 30px;
  left: 60px;
  bottom: 30px;
  width: auto;
}
.page-id-24242 .mattress-selector-banner .mattress-selector-description h2 {
  font-size: 35px;
  line-height: 35px;
  font-weight: 300;
  margin: 0;
}
.page-id-24269 .description, .page-id-24275 .description, .page-id-24271 .description, .page-id-24273 .description {
  display: none;
}
.journey-result {
  width: 80%;
  margin: auto;
  text-align: center;
}
.journey-result .congratulations {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  line-height: 40px;
  margin: 20px 0;
}
.journey-result .beds_results {
  display: flex;
  justify-content: space-between;
  width: 100%;
  /* 
 * Position both images in same place
*/
  flex-wrap: wrap;
}
.journey-result .beds_results .options_image2 {
  position: relative;
  display: block;
}
.journey-result .beds_results .options_image2 > img {
  position: absolute;
  top: 0;
  left: 0;
  /* 
 * Show the last image by default
*/
}
.journey-result .beds_results .options_image2 > img:last-of-type {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  /* 
 * Hide the last image on hover
*/
}
.journey-result .beds_results .options_image2:hover > img:last-of-type {
  opacity: 0;
}
.journey-result .beds_results .options {
  height: 300px;
  position: relative;
  flex: 0 0 30%;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
.journey-result .bbb {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 15px;
  /* button hover*/
}
.journey-result button:hover {
  cursor: pointer;
}
.journey-result button {
  background: transparent;
  outline: none;
  position: relative;
  border: 2px solid #fff;
  overflow: hidden;
  /*button:before (attr data-hover)*/
}
.journey-result button:hover:before {
  opacity: 1;
  transform: translate(0, 0);
}
.journey-result button:before {
  content: attr(data-hover);
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  opacity: 0;
  transform: translate(-100%, 0);
  transition: all 0.3s ease-in-out;
  /*button div (button text before hover)*/
}
.journey-result button:hover div {
  opacity: 0;
  transform: translate(100%, 0);
}
.journey-result button div {
  font-size: 13px;
  transition: all 0.3s ease-in-out;
  line-height: 15px;
}
.journey-result button {
  border: 2px solid #fff;
  font-family: 'Quattrocento Sans', sans-serif;
  line-height: 10px;
  background-color: #004685;
  border-radius: 10px;
  color: white;
  height: 75px;
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.print_matselector {
  display: flex;
  justify-content: space-around;
  margin-top: 0.6rem;
  width: 70%;
  margin: auto;
}
.print_matselector .matselector_option {
  flex: 0 0 35%;
  text-align: center;
}
.print_matselector .matselector_option a {
  color: #000;
}
.print_matselector .matselector_option a:hover {
  color: #004685;
}
.print_matselector .matselector_option .icon {
  text-align: center;
  margin: auto;
  width: 50px;
  height: 50px;
  background-color: #004685;
  padding-top: 16px;
  border-radius: 100px;
  transition: all 0.5s ease-out;
}
.print_matselector .matselector_option .icon img {
  width: 20px;
  transition: all 0.2s ease-out;
}
.print_matselector .matselector_option .icon .far, .print_matselector .matselector_option .icon .fas {
  color: white;
  transition: all 0.5s ease-out;
}
.print_matselector .matselector_option .icon:hover {
  background: #525151;
}
.show-pf-branding .pf-branding a {
  display: none !important;
  font-size: 1px !important;
}
#slb_viewer_wrap .slb_theme_slb_baseline {
  z-index: 9999999999 !important;
}
.mat-selector-button {
  /*------------------------------------------------------------FORM SETTINGS*/
}
.mat-selector-button button {
  border: 2px solid #fff;
  font-family: 'Quattrocento Sans', sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  background-color: #004685;
  border-radius: 10px;
  color: white;
  padding: 1px;
  width: 30%;
  cursor: pointer;
}
.mat-selector-button button:hover {
  background: #555;
  transition: all 0.7s ease-out;
}
#input_7_18 {
  width: 45% !important;
}
#gform_submit_button_18, .gform_previous_button, .gform_next_button {
  background: #004685;
  color: #fff !important;
  text-transform: capitalize;
  border-radius: 10px !important;
  font-size: 15px !important;
  padding: 10px 50px !important;
  text-decoration: none !important;
  width: fit-content;
  cursor: hand;
  font-family: 'Quattrocento Sans', sans-serif;
  margin: auto !important;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(to right, #ccc 50%, #004685 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
  transition: all 0.7s ease-out;
}
#gform_submit_button_18:hover, .gform_previous_button:hover, .gform_next_button:hover {
  background-position: left bottom !important;
  color: #000 !important;
}
li .continuebtn2 {
  width: 100% !important;
  margin: auto !important;
}
.continuebtn2 {
  /*-----------------FORM Mattress Selector------*/
}
.continuebtn2 label {
  width: 200px !important;
  padding: 7px 0px 7px 5px !important;
  text-align: center;
  font-weight: 200 !important;
  font-size: 15px !important;
}
.continuebtn2 li {
  background: #004685 !important;
  color: #fff;
  text-transform: capitalize;
  border-radius: 7px !important;
  text-decoration: none !important;
  width: fit-content !important;
  font-family: 'Quattrocento Sans', sans-serif;
  margin: auto !important;
  text-align: center;
  background: linear-gradient(to right, #ccc 50%, #004685 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
  transition: all 0.7s ease-out;
  cursor: pointer;
}
.continuebtn2 li:hover {
  background-position: left bottom !important;
  color: #000 !important;
  border: 2px #ccc solid;
}
.page-id-25537 #catapult-cookie-bar, .page-id-25544 #catapult-cookie-bar, .page-id-25535 #catapult-cookie-bar, .page-template-page-Mattress-Selector #catapult-cookie-bar, .page-id-24269 #catapult-cookie-bar, .page-id-24271 #catapult-cookie-bar, .page-id-24273 #catapult-cookie-bar, .page-id-24275 #catapult-cookie-bar, .page-id-24242 #catapult-cookie-bar {
  display: none !important;
}
.matselector, .matselector4and5 {
  position: relative;
  margin: auto;
  text-align: center;
}
.matselector:before, .matselector4and5:before {
  content: "";
  display: block;
  background: #004685;
  width: 50px;
  height: 10px;
  border-radius: 10px;
  top: 150px;
  position: absolute;
  left: -10px;
}
.matselector:after, .matselector4and5:after {
  content: "";
  display: block;
  background: #004685;
  width: 50px;
  height: 10px;
  border-radius: 10px;
  top: 150px;
  position: absolute;
  right: -10px;
}
.matselector .q2 label .labletext, .matselector4and5 .q2 label .labletext {
  height: 40px;
  margin-top: -42px;
  font-size: 12px;
}
.matselector .gform_page_footer, .matselector4and5 .gform_page_footer {
  text-align: center;
}
.matselector ul, .matselector4and5 ul {
  font-family: 'Quattrocento Sans', sans-serif;
  width: 100% !important;
  text-align: center;
}
.matselector h3, .matselector4and5 h3 {
  background: #004685;
  color: #fff;
  text-align: center;
  border-radius: 7px;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: 200 !important;
  width: fit-content;
  margin: auto;
}
.matselector #gform_submit_button_19, .matselector4and5 #gform_submit_button_19, .matselector #gform_submit_button_9, .matselector4and5 #gform_submit_button_9 {
  padding: 10px 30px !important;
  letter-spacing: 1px;
  font-family: 'Quattrocento Sans', sans-serif;
}
.matselector .continuebtn, .matselector4and5 .continuebtn, .matselector #gform_submit_button_9, .matselector4and5 #gform_submit_button_9, .matselector #gform_submit_button_19, .matselector4and5 #gform_submit_button_19 {
  background: #004685;
  color: #fff;
  text-transform: capitalize;
  border-radius: 10px;
  margin: auto;
  padding: 10px;
  width: fit-content !important;
  background: linear-gradient(to right, #ccc 50%, #004685 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
  transition: all 0.7s ease-out;
  cursor: pointer;
}
.matselector .continuebtn:hover, .matselector4and5 .continuebtn:hover, .matselector #gform_submit_button_9:hover, .matselector4and5 #gform_submit_button_9:hover, .matselector #gform_submit_button_19:hover, .matselector4and5 #gform_submit_button_19:hover {
  background-position: left bottom !important;
  color: #000 !important;
}
.matselector #input_9_102, .matselector4and5 #input_9_102 {
  margin-top: 25px;
}
.matselector #field_9_98, .matselector4and5 #field_9_98 {
  transition: all 0.5s ease-out;
}
.matselector .gfield_label, .matselector4and5 .gfield_label {
  font-size: 14px !important;
  text-align: center !important;
  margin-bottom: 15px;
}
.matselector .gfield_required, .matselector4and5 .gfield_required {
  display: none;
}
.matselector .gfield_radio li, .matselector4and5 .gfield_radio li {
  padding: 0 !important;
  display: inline-block;
}
.matselector .gfield_radio li .outter_img, .matselector4and5 .gfield_radio li .outter_img {
  background: #004685;
  border-radius: 50%;
  margin: 5px;
}
.matselector .gfield_radio li .outter_img:hover, .matselector4and5 .gfield_radio li .outter_img:hover {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.9);
  transition: all 0.5s ease-out;
}
.matselector .gfield_radio li img:hover, .matselector4and5 .gfield_radio li img:hover {
  -webkit-transform: scale(1.05);
  transition: all 0.5s ease-out;
}
.matselector .gfield input[type=radio], .matselector4and5 .gfield input[type=radio] {
  display: none !important;
}
.matselector label, .matselector4and5 label {
  z-index: -1.1111111111111E+15;
}
.matselector label .labletext, .matselector4and5 label .labletext {
  height: 60px;
  background: #004685;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 12px 10px;
  margin-top: -40px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -0.2px;
  vertical-align: center;
}
.matselector label .labletext p, .matselector4and5 label .labletext p {
  margin: auto;
}
.matselector label:hover .labletext, .matselector4and5 label:hover .labletext {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.7);
  transition: all 0.5s ease-out;
  background: #525151;
}
.matselector .gfield_radio li input[type=radio]:checked + label .labletext, .matselector4and5 .gfield_radio li input[type=radio]:checked + label .labletext {
  background: #525151;
}
.matselector .gfield_radio li input[type=radio]:checked + label .labletext, .matselector4and5 .gfield_radio li input[type=radio]:checked + label .labletext, .matselector .gfield_radio li input[type=radio]:checked + label .outter_img, .matselector4and5 .gfield_radio li input[type=radio]:checked + label .outter_img {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.9);
  transition-delay: 0.1s;
}
.matselector .gform_footer .button, .matselector4and5 .gform_footer .button {
  background: #004685 !important;
  color: #fff;
  text-transform: capitalize;
  border-radius: 10px;
  margin: auto;
}
.matselector .gform_footer, .matselector4and5 .gform_footer {
  text-align: center;
  margin: auto;
}
.matselector .gfield_radio li {
  width: 13.5%;
  margin: auto 2%;
}
.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label .comfort, .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label .price {
  background: #004685 !important;
  color: #fff !important;
  font-weight: 200 !important;
}
.matselector4and5 .gfield_radio li {
  width: 40%;
}
.matselector4and5 .comfort {
  margin: 50px auto;
  border: 3px solid #004685;
  border-radius: 50px;
  width: fit-content;
  font-size: 20px;
  color: #004685;
  background: linear-gradient(to right, #004685 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
.matselector4and5 .comfort p {
  display: block;
  transition: all 0.6s ease-out;
  padding: 10px 30px;
  margin: unset;
  line-height: 12px;
}
.matselector4and5 .comfort p:hover {
  color: white;
}
.matselector4and5 .comfort span {
  padding-right: 40px;
}
.matselector4and5 .comfort:hover {
  background-position: left bottom;
}
.matselector4and5 .price {
  margin: 50px;
  border: 3px solid #004685;
  border-radius: 50px;
  width: fit-content;
  padding: 1px 30px;
  font-size: 20px;
  color: #004685;
  background: linear-gradient(to right, #004685 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}
.matselector4and5 .price p {
  display: block;
  transition: all 0.6s ease-out;
  padding: 10px 30px;
  margin: unset;
  line-height: 12px;
}
.matselector4and5 .price p:hover {
  color: white;
}
.matselector4and5 .price span {
  padding-right: 40px;
}
.matselector4and5 .price:hover {
  background-position: left bottom;
}
.requestquote {
  display: block !important;
  /*-----------------MOBILE FOR MATTRESS SELECTOR ONLY!!!!!---------*/
}
.requestquote .gfield_select {
  padding: 8px !important;
  border: 1px solid #525151 !important;
  border-radius: 3px;
  font-size: 14px;
  color: #666;
}
.requestquote .gform_footer {
  text-align: center;
}
.requestquote .gform_button {
  text-transform: uppercase;
  background: #004685;
  color: #fff;
  padding: 10px 30px;
  letter-spacing: 1px;
  font-size: 13px;
}
.requestquote .gform_button:hover {
  background: #525151;
}
@media (max-width: 600px) {
  /*----------MATTRESS SELECTOR IPAD ONLY */  #gform_submit_button_18 {
    width: 100%;
  }
  .page-template-page-Mattress-Selector .ssb-btns-right, .page-id-24269 .ssb-btns-right, .page-id-24271 .ssb-btns-right, .page-id-24273 .ssb-btns-right, .page-id-24275 .page-id-25535 .ssb-btns-right {
    display: none;
  }
  .page-template-page-Mattress-Selector .rum_sst_contents, .page-id-24269 .rum_sst_contents, .page-id-24271 .rum_sst_contents, .page-id-24273 .rum_sst_contents, .page-id-24275 .page-id-25535 .rum_sst_contents {
    display: none;
  }
  .mat-selector-button button {
    width: 100%;
  }
  .matselector4and5 .price {
    margin: 10px auto;
    width: 90%;
  }
  .matselector4and5 .price p {
    line-height: 20px;
  }
  .matselector4and5 .price span {
    padding-right: unset;
  }
  .matselector4and5 .comfort {
    margin: 10px auto;
    width: 80%;
  }
  .matselector4and5 .comfort p {
    line-height: 20px;
  }
  .matselector4and5 .comfort span {
    padding-right: unset;
  }
  .matselector4and5 .gfield_radio li {
    width: 100% !important;
  }
  .matselector label .labletext {
    height: 70px !important;
    font-size: 12px;
  }
  .matselector .gfield_radio li {
    width: 48%;
    margin: auto 2%;
  }
  .matselector:before {
    top: 16px;
    position: absolute;
    left: -39px;
  }
  .matselector:after {
    top: 16px;
    position: absolute;
    right: -30px;
  }
  .matselector .gfield_label, .matselector4and5 .gfield_label {
    font-size: 17px !important;
  }
  .journey-result {
    width: 90%;
  }
  .journey-result .beds_results .options {
    height: fit-content;
    position: relative;
    flex: 0 0 100%;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
  }
  .journey-result button {
    margin-top: 0;
  }
  .journey-result .congratulations {
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    line-height: 31px;
    margin: 0px 0;
  }
  .journey-result .beds_results .options_image2 > img {
    position: relative;
  }
  .journey-result .bbb {
    position: relative;
  }
  .print_matselector {
    width: 100%;
  }
  .print_matselector .matselector_option {
    flex: 0 0 50%;
  }
  #sgpb-popup-dialog-main-div {
    width: 100% !important;
  }
  #sgpb-popup-dialog-main-div h1 {
    font-size: 35px;
  }
}
@media (min-width: 750px) and (max-width: 1025px) {
  /*--------------STORE LOCATOR---*/  .matselector:before {
    left: -39px;
  }
  .matselector:after {
    right: -30px;
  }
  .matselector .gfield_radio li {
    width: 28%;
    margin: auto 2%;
  }
  .journey-result {
    width: 90%;
  }
  .beds_results .options {
    height: fit-content !important;
    position: relative !important;
  }
  button {
    margin-top: 0;
  }
  .beds_results .options_image2 > img {
    position: relative !important;
  }
  .bbb {
    position: relative !important;
  }
  .mat-selector-button button {
    width: 60%;
  }
  .matselector4and5 .price {
    margin: 10px auto;
    width: 100%;
  }
  .matselector4and5 .price p {
    line-height: 20px;
    padding: 10px 3px;
  }
  .matselector4and5 .price span {
    padding-right: unset;
  }
  .matselector4and5 .comfort {
    margin: 10px auto;
    width: 100%;
  }
  .matselector4and5 .comfort p {
    line-height: 20px;
  }
  .matselector4and5 .comfort span {
    padding-right: unset;
    display: block;
  }
}
.storeloc1, .storeloc3 {
  text-align: center;
  background: #d6d6d6;
}
.storeloc2, .storeloc4 {
  text-align: center;
  /*---------------------------------------------------------SEARCH--*/
}
.search-page {
  /*------------COMP------*/
}
.search-page ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.search-page img {
  max-width: 150px;
  float: left;
  margin-right: 30px;
  margin-bottom: 40px;
}
.search-page h3 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.comp_form {
  width: 80%;
  margin: auto;
}
.comp_form .gform_wrapper .top_label .medium {
  width: 80%;
}
.comp_form .button a {
  text-align: center;
  width: 140px;
  border: 1px solid #004685;
  display: grid;
  align-items: bottom;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: block;
  padding: 5px;
  color: #004685;
  border: 1px solid #004685;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.comp_form .button a:hover {
  background-color: #004685;
  color: #fff;
}
.comp_form .button a:hover a {
  color: #fff;
}
.page-id-23246 .description {
  background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2020/03/image007.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  min-height: 400px;
  position: relative;
  width: 100% !important;
  min-width: 100% !important;
  background-position: 100%;
  /*--------------------------------------------------------------------------------LA DIFFERENCE--*/
}
.page-id-23246 .description .overlay_description {
  position: absolute;
  top: 50%;
  width: 25%;
  text-align: right;
  right: 50px;
  transform: translateY(-50%);
}
.page-id-23246 .description .overlay_description h1 {
  display: none;
}
.ladiff_stor .span_1_of_3 {
  width: 31%;
  padding: 27px;
}
.ladiff_stor .span_1_of_3 hr {
  width: 80%;
  margin: auto;
}
.greyblock {
  background-color: #f3f3f3;
  padding: 20px;
  text-align: center;
}
.content-area-ladif h3 {
  font-size: 26px;
  line-height: 100%;
  color: #004685;
}
.content-area-ladif .entry-title {
  display: none;
}
.content-area-ladif .ladifblock {
  max-width: 1250px;
  margin: auto;
}
.ms-skin-default .ms-tooltip-cont {
  background: transparent;
  /*--------LA DIFFERENCE FABS-------*/
}
.ladiff_fabs {
  Width: 70%;
  margin: auto;
  /*-----------------------------------------------------------------WOOCOMMERCE*/
}
.ladiff_fabs .col {
  background: #f3f3f3;
  padding: 10px 50px;
  border-radius: 5px;
}
.ladiff_fabs p {
  margin-bottom: 0px;
  letter-spacing: 1px;
  font-weight: 200;
  font-size: 20px;
}
.ladiff_fabs h4 {
  font-size: 38px;
  font-weight: 200;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 0px;
  margin-top: 15px;
}
.ladiff_fabs h5 {
  margin-top: -20px;
  font-size: 28px;
  font-weight: 200;
  line-height: 0px;
}
.ladiff_fabs .btn_ladiff {
  text-align: center;
  margin-bottom: 10px;
  border-radius: 5px;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: 200;
}
.ladiff_fabs .btn_ladiff a {
  padding: 8px;
  color: #fff;
  text-transform: uppercase;
  display: block;
}
.ladiff_fabs .biane .btn_ladiff {
  background: #c65c2c;
}
.ladiff_fabs .biane .btn_ladiff:hover {
  background: grey;
}
.ladiff_fabs .jonelle .btn_ladiff {
  background: #4cbdc5;
}
.ladiff_fabs .jonelle .btn_ladiff:hover {
  background: grey;
}
.ladiff_fabs .nicci .btn_ladiff {
  background: #84579a;
}
.ladiff_fabs .nicci .btn_ladiff:hover {
  background: grey;
}
.videopp {
  width: 100%;
}
.site-content {
  position: relative;
}
.cot-banner {
  background-color: #004685;
  position: absolute;
  width: 12%;
  top: 0;
  right: 120px;
  padding: 20px 15px;
  color: #fff;
  text-align: center;
  background: url(http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/Sealy-Look-Feel-01-For-Export-Images-06.png);
  background-position: bottom;
  background-size: 100%;
  font-size: 16px;
}
.woocommerce-result-count {
  display: none;
}
.woocommerce-breadcrumb {
  text-transform: lowercase;
}
.woocommerce .woocommerce-breadcrumb {
  margin-top: 20px;
}
.woocommerce ul.products li.product a img {
  height: 200px;
  object-fit: contain;
}
.woocommerce-loop-category__title, .woocommerce-loop-product__title {
  text-align: center !important;
  font-size: 17px !important;
  height: 65px;
  text-transform: uppercase;
  line-height: 19px;
}
.woocommerce-ordering {
  display: none;
}
.woocommerce ul.products li.product .price {
  color: #525151;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.woocommerce ul.products li.product .price:before {
  content: "Starting From ";
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  margin-top: 0px;
  color: #525151;
  font-size: 16px;
  font-weight: bold;
}
.count {
  display: none;
}
.postid-24960 .related, .post-24952 .related {
  display: none;
}
.woocommerce div.product .woocommerce-tabs .panel h2, .related, .woocommerce-products-header__title {
  text-transform: uppercase;
  color: #004685;
}
.woocommerce ul.products li.product .button {
  background-color: #004685;
  color: #fff;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: #004685;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0px;
  border: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-top: 0px;
  border-radius: 0px;
  color: #525151;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  width: 0px;
  height: 0px;
}
.yikes-custom-woo-tab-title {
  font-size: 26px;
}
.woocommerce ul.products .woocommerce-product-details__short-description {
  text-align: center;
  /*-----ACCESSORIES-----*/
}
.woocommerce ul.products .woocommerce-product-details__short-description .buttonb, .woocommerce ul.products .woocommerce-product-details__short-description .buttona, .woocommerce ul.products .woocommerce-product-details__short-description p, .woocommerce ul.products .woocommerce-product-details__short-description ul {
  display: none;
}
.woocommerce ul.products .woocommerce-product-details__short-description h3 {
  display: block;
  margin-bottom: 10px;
}
.video_acc {
  position: absolute;
  top: 80px;
  margin-left: 10px;
}
.brochure_button {
  border: 2px #004685 solid;
  width: fit-content;
  padding: 15px 50px;
  text-align: center;
  border-radius: 50px;
  margin: auto;
  margin-bottom: 80px;
  /*------------------------------------------------SEALY CATEGORY*/
}
.brochure_button:hover {
  background: #004685;
}
.brochure_button:hover a {
  color: #fff !important;
}
.term-sealy-singles .woocommerce-products-header__title {
  display: none;
}
.term-40 .page-title {
  display: none;
}
.sealymain {
  width: 70%;
  float: left;
}
.sealyside {
  width: 29%;
  float: right;
  padding: 30px;
  /*-----------------------------------------------------CONTACT US*/
}
.sealyside .sealy1 {
  margin-top: 60px;
  min-height: 280px;
}
.ccbuttons {
  margin: 30px 0px 30px 0;
}
.ccbuttons a {
  margin-right: 15px;
  border: 1px solid #004685;
  padding: 10px;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 190px;
}
.cform #gform_submit_button_1 {
  background: transparent;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #525151;
  color: #525151;
}
.cform #gform_submit_button_1:hover {
  cursor: pointer;
  background-color: #004685;
  color: #fff;
  border: none;
}
.gform_wrapper.gf_browser_chrome input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]), .gform_wrapper.gf_browser_chrome textarea, .gform_wrapper.gf_browser_gecko input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]), .gform_wrapper.gf_browser_gecko textarea, .gform_wrapper.gf_browser_safari input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]), .gform_wrapper.gf_browser_safari textarea {
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 14px;
  padding: 8px 0px 8px 15px;
  border: 1px solid #525151;
  margin-top: 0px;
}
#gform_submit_button_3, #gform_submit_button_2, #gform_submit_button_5, #gform_submit_button_4, #gform_submit_button_7 {
  display: block;
  padding: 5px;
  color: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
  padding: 10px 20px;
  text-transform: uppercase;
  background-color: #004685;
}
#gform_submit_button_3 a, #gform_submit_button_2 a, #gform_submit_button_5 a, #gform_submit_button_4 a, #gform_submit_button_7 a {
  display: block;
}
#gform_submit_button_3:hover, #gform_submit_button_2:hover, #gform_submit_button_5:hover, #gform_submit_button_4:hover, #gform_submit_button_7:hover {
  background-color: #fff;
  color: #004685;
}
#gform_submit_button_3:hover, #gform_submit_button_2:hover, #gform_submit_button_5:hover, #gform_submit_button_4:hover, #gform_submit_button_7:hover {
  border: 1px solid #004685;
  cursor: pointer;
}
body #gform_wrapper_7 .gform_body .gform_fields .gfield select {
  height: 38px;
  border: 1px solid #525151;
  border-radius: 3px;
  /*------------------------------------------------------ABOVE FOOTER--*/
}
.abovefooter {
  background-color: #1a1a1a;
  padding: 30px;
  color: #fff;
  /*-------SINGLE PAGES------*/
}
.abovefooter a {
  color: #fff;
  display: block;
}
.abovefooter .buttons a {
  background-color: #004685;
  margin-bottom: 10px;
  text-align: center;
  width: 60%;
  padding: 10px;
  font-size: 13px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 900ms ease-in-out;
  -moz-transition: all 900ms ease-in-out;
  -ms-transition: all 900ms ease-in-out;
  -o-transition: all 900ms ease-in-out;
  transition: all 900ms ease-in-out;
}
.abovefooter .buttons a:hover {
  background-color: #fff;
  color: #004685;
}
.page.hentry {
  margin: 0 0 0em;
  /*---------------FAQ--------*/
}
.faq_form_desktop {
  display: block;
  width: 43%;
  margin: 0 auto;
  padding: 0 30px;
}
.faq_form_mobile {
  display: none;
}
.page-id-12 {
  /*-------------------------------------------------------FOOTER--*/
}
.page-id-12 .wp-block-columns {
  margin-bottom: 0px;
}
.page-id-12 .bb {
  margin-bottom: 8px;
}
.site-footer {
  background-color: #004685;
  color: #fff;
  text-transform: uppercase;
  padding: 20px;
  /*-----------------------------------------------------------MOBILE*/
}
.site-footer a {
  color: #fff;
}
.site-footer p {
  margin: 0px;
}
#responsive-menu-container {
  z-index: 99999999999;
}
@media (max-width: 600px) {
  /*-----------------------------------------------------------IPAD*/  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    display: none;
  }
  .proudly img {
    width: unset;
    position: unset;
    right: 5px;
    top: 0px;
  }
  .proudly {
    position: absolute;
    z-index: 9999999999999;
    top: 64px;
    width: 60px;
    right: 25px;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
    display: block;
    width: 100% !important;
  }
  .faq_form_desktop {
    display: none;
  }
  .faq_form_mobile {
    display: block;
  }
  .storeloc1, .storeloc3 {
    background: none;
  }
  .storeloc2 .last, .storeloc1 .last, .storeloc3 .last, .storeloc4 .last {
    border-bottom: none !important;
  }
  .storeloc2 .span_1_of_3, .storeloc1 .span_1_of_3, .storeloc3 .span_1_of_3, .storeloc4 .span_1_of_3 {
    border-bottom: 1px solid #ccc;
    margin: 3px 0px;
  }
  .term-description .span_1_of_2 br {
    display: none;
  }
  .brochure_button {
    margin-bottom: 22px !important;
  }
  .video_acc {
    position: relative;
    top: 0px !important;
  }
  .wp-video {
    max-width: 100%;
    width: 100%;
  }
  .pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
    padding-right: unset !important;
  }
  .buttonb {
    width: 80% !important;
    margin-top: 10px !important;
  }
  #catapult-cookie-bar {
    display: none;
  }
  .buy_online_page .col {
    border-right: 0px;
    border-top: 1px solid #ccc;
  }
  .buy_online_page .section {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .buy_online_page img {
    margin-top: 20px;
  }
  .buy_online_page .btn_buynow {
    margin-bottom: 30px;
  }
  .homec {
    background: none;
  }
  .homec .Ribbon {
    width: 90%;
    margin: auto;
    background-size: cover;
    background-position: top;
    padding: 0px 30px 20px 30px;
  }
  .more-info {
    background: none;
  }
  .dsl_badge {
    display: none;
  }
  .home-blocks img {
    display: none;
  }
  .home-blocks .span_1_of_4, .home-blocks .span_1_of_4.larger, .home-blocks .span_1_of_4.larger2 {
    width: 100%;
  }
  .home-blocks .span_1_of_4 .copy {
    min-height: auto;
  }
  .home-blocks .span_1_of_4.larger .copy, .home-blocks .span_1_of_4.larger2 .copy2 {
    width: 100%;
    min-height: auto;
  }
  .home-blocks .span_1_of_4.larger2 .button, .home-blocks .span_1_of_4.larger .button {
    width: 100%;
  }
  .more-info .commercial .inner {
    width: 100%;
  }
  .abovefooter {
    text-align: center;
  }
  .abovefooter .buttons a {
    margin: 10px auto;
  }
  .mat-range .span_1_of_5 {
    width: 50%;
  }
  .sealyside {
    display: none;
  }
  .sealymain {
    width: 100%;
    float: none;
  }
  body.scrolled .mainhead {
    position: relative;
    margin-top: auto;
  }
  body.scrolled .topheader {
    position: relative;
  }
  #site-navigation {
    display: block;
  }
  .menu-toggle {
    display: none;
  }
  .mainhead .span_1_of_6.mail {
    text-align: right;
    right: unset;
    width: unset;
    position: relative;
    font-size: unset;
  }
  .topheader {
    position: relative;
  }
  .topheader .search {
    position: absolute;
    top: 3px;
    left: 125px;
  }
  .cot-banner {
    display: none;
    /*---- single*/
  }
  .warrantybtntc {
    position: relative;
    right: 0px;
    text-align: center;
  }
  .warrantybtntc a {
    padding: 10px 0;
  }
  .page-id-10 .description {
    width: 100%;
    background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2019/01/single-banner.png');
    background-repeat: no-repeat;
    background-size: contain;
  }
  .page-id-10 h1 {
    display: none;
  }
  .description {
    min-height: 250px;
    background: url('http://sealyold.atomicdev.co.za/wp-content/uploads/2021/01/mobilebanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  .description .overlay_description {
    top: 75%;
    width: 50%;
  }
  .description .overlay_description h1 {
    line-height: 30px;
    font-size: 26px;
  }
  .content-area-single {
    padding: 20px;
    /*navigation*/
  }
  .menu-item-has-children a:after {
    color: #525151;
    content: ' ';
    font-size: 22px;
    vertical-align: middle;
    line-height: 0px;
  }
  .menu-item-has-children .sub-menu li a:after {
    color: #525151;
    content: ' ';
    font-size: 22px;
    vertical-align: middle;
    line-height: 0px;
    /*--products*/
  }
  .content-area-ladif {
    padding: 20px;
  }
  .content-area-ladif .buttonb {
    width: 100% !important;
    margin: auto;
  }
  .content-area {
    padding: 20px;
  }
  .page-id-32 .site-main {
    text-align: center;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
  #wpsl-wrap #wpsl-result-list ul li {
    line-height: 20px;
  }
  .wp-block-gallery {
    margin-left: 0px;
  }
  ul {
    margin: 0px 40px;
  }
  .ccbuttons a {
    width: 100%;
    margin-bottom: 20px;
  }
  .cinfo {
    text-align: center;
  }
  .cinfo a {
    line-height: 200%;
  }
  body {
    font-size: 16px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0px;
  }
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
  }
  .proudly {
    position: absolute;
    z-index: 9999999999999;
    top: 64px;
    width: 60px;
    right: 25px;
  }
  .page-id-10 .description {
    min-height: 200px;
  }
  .page-id-10 .entry-content {
    margin: -90px 0 0;
  }
}
@media (max-width: 768px) and (min-width: 601px) {
  .page-id-10 .description {
    background-position: left;
  }
  .faq_form_desktop {
    display: block;
    width: 40%;
    margin: 0 auto;
  }
  .faq_form_mobile {
    display: none;
  }
  .strong-view.wpmtst-modern .wpmtst-testimonial-content:before, .strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
    height: 32px;
  }
  h3 {
    line-height: 120%;
  }
  #main {
    margin-bottom: 40px;
  }
  ul li, ol li {
    margin-left: 16px;
  }
  .strong-view.wpmtst-modern .wpmtst-testimonial-content {
    margin: 0 16px;
  }
  .strong-view.wpmtst-modern .wpmtst-testimonial-content:before {
    left: -24px;
  }
  .video_acc {
    width: 47%;
  }
  .description .overlay_description {
    right: 102px;
  }
  .strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
    right: -29px;
  }
  .strong-view.wpmtst-modern .wpmtst-testimonial-inner {
    padding: 10px 20px;
    text-align: center;
  }
  .abovefooter .buttons a {
    width: 87%;
  }
  .abovefooter {
    margin-bottom: 129px;
  }
  #catapult-cookie-bar {
    display: none;
  }
  .homec .Ribbon {
    width: 90%;
    margin: auto;
    text-align: center;
  }
  .homec .Ribbon h4 {
    margin: 0px;
  }
  .mat-range .inner {
    width: 98%;
  }
  .home-blocks img {
    display: none;
  }
  .home-blocks .span_1_of_4, .home-blocks .span_1_of_4.larger, .home-blocks .span_1_of_4.larger2 {
    width: 100%;
  }
  .home-blocks .span_1_of_4 .copy {
    min-height: auto;
  }
  .home-blocks .span_1_of_4.larger .copy, .home-blocks .span_1_of_4.larger2 .copy2 {
    width: 100%;
    min-height: auto;
  }
  .home-blocks .span_1_of_4.larger2 .button, .home-blocks .span_1_of_4.larger .button {
    width: 100%;
  }
  .more-info {
    background: url('');
  }
  .more-info .span_2_of_5, .more-info .span_3_of_5 {
    width: 48%;
  }
  .more-info .commercial .inner {
    width: 100%;
  }
  .more-info .experts {
    font-size: 20px;
  }
  .abovefooter {
    text-align: center;
  }
  .abovefooter .buttons a {
    margin: 10px auto;
  }
  .topheader .span_1_of_6 {
    width: 18%;
  }
  .mainhead .span_1_of_6 {
    width: 28%;
  }
  body.scrolled .mainhead {
    position: relative;
    margin-top: auto;
  }
  body.scrolled .topheader {
    position: relative;
  }
  #site-navigation {
    display: none;
  }
  button#responsive-menu-button {
    right: 5%;
  }
  .mainhead .span_1_of_6.mail {
    text-align: left;
    width: 41%;
  }
  .topheader {
    position: relative;
    /*---- single*/
  }
  .topheader .search {
    position: absolute;
    top: 10px;
    right: 15px;
  }
  .content-area-single {
    padding: 20px;
    padding-bottom: 80px;
    /*navigation*/
  }
  .menu-item-has-children a:after {
    color: #525151;
    content: ' ';
    font-size: 22px;
    vertical-align: middle;
    line-height: 0px;
  }
  .menu-item-has-children .sub-menu li a:after {
    color: #525151;
    content: ' ';
    font-size: 22px;
    vertical-align: middle;
    line-height: 0px;
    /*--products*/
  }
  .content-area-ladif {
    padding: 20px;
    padding-bottom: 120px;
  }
  .content-area-ladif .buttonb {
    width: 100% !important;
    margin: auto;
  }
  .content-area {
    padding: 20px;
    padding-bottom: 120px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 48%;
  }
  .wp-block-gallery {
    margin-left: 0px;
  }
  ul {
    margin: 0px;
  }
  .ccbuttons a {
    width: 100%;
    margin-bottom: 20px;
  }
  .cinfo {
    text-align: center;
  }
  .cinfo a {
    line-height: 200%;
  }
  body {
    font-size: 16px;
  }
  .wp-block-column:not(:first-child) {
    margin-left: 0px;
  }
  .wp-block-column:not(:last-child) {
    margin-right: 0px;
  }
  .warrantee .wp-block-column {
    padding: 40px;
  }
  .wp-block-column {
    padding: 10px;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 13px;
  }
  .description {
    background-size: 100%;
    min-height: 250px;
  }
  .site-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .cot-banner {
    width: 40%;
  }
}
.page_wrapper {
  width: 90%;
  margin: auto;
  /*-------SIZE BETWEEN IPAD PRO AND SCREEN----------------**/
}
@media (min-width: 800px) and (max-width: 1200px) {
  /*-----------------------------------------------------------IPAD PRO*/  .faq_form_desktop {
    display: block;
    width: 40%;
    margin: 0 auto;
    padding: 0 30px;
  }
  .faq_form_mobile {
    display: none;
  }
  .search {
    margin-left: 30px;
  }
  .mainhead .span_1_of_6.mail {
    text-align: right;
    width: 34%;
    margin-left: -29px;
  }
  .main-navigation ul li {
    margin-right: 5px;
    font-size: 13px;
  }
  .ctcc-inner {
    line-height: 13px;
    font-size: 12px;
  }
  .abovefooter {
    margin-bottom: 113px;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  /*-----------------------------------------------------------LARGE SCREENS*/  .page-id-10 .description {
    background-size: unset;
    background-position: left;
  }
  .topheader .span_1_of_6.search {
    width: 0.33%;
  }
  .topheader .span_4_of_6 {
    width: 81.13%;
  }
  .homec .Ribbon {
    width: 50%;
  }
  .content-area, .content-area-single {
    padding: 20px;
    padding-bottom: 120px;
  }
  .content-area-ladif {
    padding-bottom: 120px;
  }
  .content-area-ladif .ladifblock {
    padding: 20px;
  }
  .description {
    background-size: 100%;
    min-height: 300px;
  }
  .site-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .cot-banner {
    width: 40%;
  }
}
@media (min-width: 1400px) {
  .strong-view.modern .testimonial-content:after {
    bottom: -2%;
  }
  .strong-view.modern .testimonial-content {
    min-height: 12vh !important;
  }
  .site-content {
    width: 100%;
    max-width: 1400px;
    margin: auto;
  }
  .topheader .section, .mainhead .section {
    width: 100%;
    max-width: 1400px;
    margin: auto;
  }
  .site-footer {
    position: relative;
    bottom: 0;
    width: 100%;
  }
  .content-area, .content-area-single, .content-area-ladif {
    padding-bottom: 220px;
  }
  .home .site-footer {
    position: relative;
    bottom: 0;
    width: 100%;
  }
}
.testimonial-inner {
  background: #004685;
  border-radius: 5px;
  color: #fff;
  font-family: 'Quattrocento Sans', sans-serif !important;
}
.strong-view.modern .testimonial-heading {
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  padding-top: 15px;
}
.strong-view.modern .testimonial-content {
  border-top: 2px solid #fff;
  font-size: 16px;
  font-family: 'Quattrocento Sans', sans-serif !important;
  min-height: 35vh;
  line-height: 15px;
}
.strong-view.modern .testimonial-client {
  padding-bottom: 5%;
  color: #fff;
  border-bottom: 2px solid #fff;
  font-size: 12px;
  font-family: 'Quattrocento Sans', sans-serif !important;
}
.strong-view.modern .testimonial-content:before, .strong-view.modern .testimonial-content:after {
  color: #fff;
  font-size: 40px;
}
.strong-view.modern .testimonial-content:after {
  bottom: -10%;
}
.col.span_1_of_2.facebook.feed {
  width: 20%;
  margin: 0;
}
.col.span_1_of_2.testimonialsview {
  width: 80%;
  margin: 0;
}
p.cff-post-text, a.cff-viewpost-facebook, a.cff-share-link {
  font-size: 14px;
  color: #fff;
}
#cff.cff-default-styles .cff-post-desc {
  line-height: 1.4;
  color: #f9f9f9;
}
#cff.cff-default-styles .cff-author .cff-date {
  font-size: 12px !important;
  color: #ccc;
}
#cff.cff-default-styles .cff-author .cff-author-text * {
  font-size: 16px;
  color: #fff;
}
.cff-media-link {
  display: none;
}
h3.cff-header.cff-outside {
  background-color: #3b5998;
  padding: 5px;
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: 20px;
}
#cff.cff-default-styles a {
  color: #fff;
}
#cff img.emoji {
  width: 1.6em !important;
  height: 1.6em !important;
  margin-top: 5px !important;
}
.fa-facebook-square:before {
  font-size: 22px;
  color: #fff;
}
.content-area-single h3 {
  text-align: center;
}
#cff {
  background: #004685 !important;
  /*  GRID OF THREE  */
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 66.13%;
}
.span_1_of_3 {
  width: 32.26%;
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 {
    width: 100% !important;
  }
}
#wpsl-search-wrap input {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
#wpsl-search-btn {
  -webkit-transform: rotateY(0deg) !important;
  -moz-transform: rotateY(0deg) !important;
  -o-transform: rotateY(0deg) !important;
  -ms-transform: rotateY(0deg) !important;
}