@charset "UTF-8";
.store_finder .stores .store .contact_details p, .contact_page .wrap .hold > p, .landing_page article h3, .landing_page article, .landing_page .people .person header p, .text_page, .main_footer .wrap section > ul > li ul li a, .main_footer .wrap section > ul > li ul li p, .main_footer .wrap section .newsletter form input::placeholder, .main_footer .wrap section .newsletter form input, .main_footer .wrap section .newsletter p, .basket_page .wrap .basket_list .basket_is_empty > a, .product_detail_overlay .product_detail_overlay_panel section ul li h3 span + span, .product_detail_overlay .product_detail_overlay_panel section, .product_page .product_details .wrap ul li div ul li h3 span + span, .product_page .product_view .wrap header .suite_savings_pricing p.small, .product_list .content_list .wrap .product_list_item a header .colours, .product_list_hero header p, .promo_callout .wrap h2, .sofatime_category_promo .wrap .list ul li article a header h4 span, .sofatime_category_promo .wrap .list ul li article a header p, .sofatime_product_testimonial .wrap article .testimonial .name p, .sofatime_product_testimonial .wrap article .testimonial, .sofatime_product_testimonial .wrap article header a p, .sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide p, .sofatime_testimonials .wrap header p, .sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a header h4, .sofatime_online_products .wrap > header h3, .sofatime_sizes .wrap header h3, .sofatime_promo_product .wrap header .colours, .sofatime_promo_product .wrap header p, .store_alert .wrap h2, .sofatime_header .wrap .search form .input input {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.newsletter_popup .panel .terms a, .newsletter_popup .panel header > button, .newsletter_popup .panel header form button, .newsletter_popup .panel header a, .newsletter_popup .panel header h2, .location_popup .panel header button, .location_popup .panel header a, .location_popup .panel header h2, .page_overlay .panel .question button, .page_overlay .panel header .options button, #clockdiv > div, #clockdiv-1 > div, #clockdiv-2 > div, #clockdiv-3 > div, #clockdiv-4 > div, #clockdiv-5 > div, #clockdiv-6 > div, #clockdiv-7 > div, .store_finder .stores .store .contact_details .phone, .store_finder .menu .swiper .swiper-wrapper .swiper-slide button, .contact_page .wrap .hold form button, .landing_page article h2, .landing_page article header p, .landing_page article header, .text_page.success .wrap article h4, .text_page.success .wrap article h3, .text_page.success .wrap article header h2, .text_page .wrap article header h1, .main_footer .wrap section > ul > li button, .main_footer .wrap section .newsletter form button, .main_footer .wrap section .newsletter h2, .basket_page .wrap .basket_overview > button, .basket_page .wrap .basket_list .details button, .basket_page .wrap .basket_list .basket_is_empty > a span, .basket_page .wrap .basket_list .basket_is_empty .continue_shopping, .product_detail_overlay .product_detail_overlay_panel section ul li h3 span, .product_page .product_details .wrap ul li div ul li h3 span, .product_page .product_details .wrap ul li button, .product_page .product_view .wrap header button, .product_page .product_view .wrap header .suite_savings_pricing p, .product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div, .product_page .product_view .wrap header .st_patricks .countdown #clockdiv h3, .product_page .product_view .wrap header .st_patricks p, .product_page .product_view .wrap header .st_patricks h2, .product_page .product_view .wrap header .product_details .wrap ul li button, .product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div, .product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div, .product_list > nav .filter select, .product_list_hero.navy_sale header .countdown #clockdiv > div, .product_list_hero.flash_deals header .countdown #clockdiv > div, .page_contain .hero .swiper ul li.bg_image header h2, .page_contain .hero .swiper ul li.bg_image header h3, .sofatime_product_testimonial .wrap article .testimonial .name h3, .sofatime_testimonials .wrap header h2, .sofatime_online_products .wrap > header h2, .sofatime_sizes .wrap header h2, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div, .clearance_event .countdown #clockdiv > div, .clearance_event .countdown #clockdiv h3, .side_menu .searchbox input, body {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.cat_ad_banner > .main_cab .countdown #clockdiv h3, .cat_ad_banner > .main_cab .countdown, .cat_ad_banner > .main_cab, .newsletter_popup .panel header form button, .newsletter_popup .panel header form p input, .newsletter_popup .panel header a, .newsletter_popup .panel header, .newsletter_popup .panel, .newsletter_popup, .location_popup .panel header a, .location_popup .panel, .page_overlay .panel .question select, .page_overlay .panel header .options, .page_overlay .panel, #clockdiv > div, #clockdiv-1 > div, #clockdiv-2 > div, #clockdiv-3 > div, #clockdiv-4 > div, #clockdiv-5 > div, #clockdiv-6 > div, #clockdiv-7 > div, .store_finder .stores .store .contact_details .promo_ad, .store_finder .stores .store .contact_details, .store_finder .menu .swiper .swiper-wrapper .swiper-slide + .swiper-slide, .store_finder .menu .swiper .swiper-wrapper .swiper-slide button, .contact_page .wrap .hold form p select, .contact_page .wrap .hold form p textarea, .contact_page .wrap .hold form p input, .landing_page article header, .landing_page .people .person header a, .landing_page .people .person header, .main_footer .wrap section.copyright nav a, .main_footer .wrap section > ul > li button, .main_footer .wrap section > ul, .main_footer .wrap section .newsletter form button, .main_footer .wrap section .newsletter form input, .basket_page .wrap .basket_overview .discount_code div input, .basket_page .wrap .basket_overview .discount_code, .basket_page .wrap .basket_list ul li, .basket_page .wrap .basket_list .details .input select, .basket_page .wrap .basket_list .details .input input, .basket_page .wrap .basket_list .details .tickbox > span input, .basket_page .wrap .basket_list .details .terms_and_conditions ul li, .basket_page .wrap .basket_list .details .terms_and_conditions, .basket_page .wrap .basket_list .details, .basket_page .wrap .basket_list .basket_is_empty .continue_shopping, .basket_page .wrap .basket_list .basket_is_empty, .product_detail_overlay .product_detail_overlay_panel section, .product_detail_overlay .product_detail_overlay_panel header, .product_detail_overlay .product_detail_overlay_panel, .product_page .related_products .wrap article + article, .product_page .product_view .wrap header .options .selector button:after, .product_page .product_view .wrap header .options .selector button:before, .product_page .product_view .wrap header .new_guarantee, .product_page .product_view .wrap header .promotion_box, .product_page .product_view .wrap header .buy_button, .product_page .product_view .wrap header .flash, .product_page .product_view .wrap header .suite_savings_pricing, .product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div, .product_page .product_view .wrap header .st_patricks .countdown, .product_page .product_view .wrap header .product_features ul, .product_page .product_view .wrap header .product_features header, .product_page .product_view .wrap header .product_features, .product_page .product_view .wrap header .s_savings header, .product_page .product_view .wrap header .s_savings, .product_page .product_view .wrap header .new_suite_savings header div, .product_page .product_view .wrap header .new_special_buy header div, .product_page .product_view .wrap header .new_special_buy, .product_page .product_view .wrap header .callout p, .product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div, .product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv, .product_page .product_view .wrap header .peak_sale .promo.flash_deal, .product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div, .product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv, .product_page .product_view .wrap header .peak_sale .promo.big_sale, .product_page .product_view .wrap header .peak_sale header .flash p, .product_page .product_view .wrap header .peak_sale header .save, .product_page .product_view .wrap header .peak_sale header, .product_page .product_view .wrap header .peak_sale, .product_page .product_view .mobile_ad_banner div .countdown #clockdiv h3, .product_page .product_view .mobile_ad_banner div .countdown, .product_page .product_view .mobile_ad_banner, .pagination nav a, .pagination .click_to_load button, .product_list .content_list .wrap .product_list_item.ad .panel span, .product_list .content_list .wrap .product_list_item a h6, .product_list .content_list .wrap .product_list_item a .suite_savings, .product_list .content_list .wrap .product_list_item a header .flash div.black_outline, .product_list .content_list .wrap .product_list_item a header .flash div, .product_list .content_list .wrap .product_list_item a figure, .product_list .content_list .wrap .product_list_item, .product_list > nav .filter select, .product_list .cat_ad_banner > .main_cab .countdown #clockdiv h3, .product_list .cat_ad_banner > .main_cab .countdown, .product_list .cat_ad_banner > .main_cab, .promo_bar, .product_list_hero.navy_sale header .countdown #clockdiv > div, .product_list_hero.navy_sale header .countdown, .product_list_hero.flash_deals header .countdown #clockdiv > div, .product_list_hero.flash_deals header .countdown, .product_list_hero header > div div, .product_list_hero header, .promo_callout .wrap, .page_contain .home_panel header a, .page_contain .hero footer section, .page_contain .hero .swiper ul li.bg_image header, .page_contain .hero .swiper ul li a, .page_contain .hero > header a, .sofatime_category_promo .wrap .list nav a, .sofatime_category_promo .wrap .list ul li article a, .sofatime_product_testimonial .wrap article .testimonial .name, .sofatime_product_testimonial .wrap article .testimonial, .sofatime_product_testimonial .wrap article header a > span, .sofatime_product_testimonial .wrap article header a, .sofatime_product_testimonial .wrap article, .sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide, .sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a span, .sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article, .sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a h2, .sofatime_sizes, .sofatime_promo_product .wrap header a, .sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a header, .sofatime_category_slider, .three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a header, .three_boxes, .mobile_category_collection .wrap article a header, .mobile_category_collection, .store_alert .wrap, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket.has_countdown .countdown #clockdiv h3, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a span, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a, .sofatime_header_promobar, .sofatime_header .wrap .search form .input input, .sofatime_header .wrap .logo, .sofatime_header .wrap .mobile_icons a, .sofatime_header .wrap .mobile_icons button, .header_top_subbar .feefo, .header_top_subbar, .header_top_bar, .promo_banner, .clearance_event .countdown #clockdiv > div, .clearance_event .countdown, .side_menu ul li a, .side_menu .searchbox button, .side_menu .searchbox input, .side_menu .searchbox, .side_menu, body.small_header header[role=banner], body.small_header .sofatime_header {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main_footer .wrap section.copyright nav a.instagram:before, .main_footer .wrap section.copyright nav a.twitter:before, .main_footer .wrap section.copyright nav a.facebook:before, .product_detail_overlay .product_detail_overlay_panel header button:before, .product_page .product_view .wrap header .guarantee ul li:before, .product_page .product_view .slider_gallery .swiper button:before, .pagination nav a + a:before, .pagination nav a:before, .product_list .content_list .wrap .product_list_item a ul li:before, .product_list > nav .filter:after, .callouts .wrap .swiper .swiper-wrapper .swiper-slide .guarantee span, .callouts .wrap .swiper .swiper-wrapper .swiper-slide .finance span, .sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a h2:before, .sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a header:after, .mobile_category_collection .wrap article a header:after, .sofatime_header .wrap .search form button, .sofatime_header .wrap .mobile_icons a.menu:before, .sofatime_header .wrap .mobile_icons button.menu:before, .sofatime_header .wrap .mobile_icons a.call:before, .sofatime_header .wrap .mobile_icons button.call:before, .sofatime_header .wrap .mobile_icons a.locations:before, .sofatime_header .wrap .mobile_icons button.locations:before, .sofatime_header .wrap .mobile_icons a:before, .sofatime_header .wrap .mobile_icons button:before, .side_menu .searchbox button:after {
  background-image: url("../sprites/sprite.svg");
  background-size: 1000px 1000px;
  background-repeat: no-repeat;
  font-size: 20px;
}

.cat_ad_banner:after, .cat_ad_banner > .main_cab:after, .page_overlay .panel header .options:after, #clockdiv:after, #clockdiv-1:after, #clockdiv-2:after, #clockdiv-3:after, #clockdiv-4:after, #clockdiv-5:after, #clockdiv-6:after, #clockdiv-7:after, .store_finder .stores .store .contact_details ul li:after, .feefo_reviews .wrap .swiper .swiper-wrapper .swiper-slide article figure:after, .main_footer .wrap section.copyright nav:after, .main_footer .wrap section .newsletter form:after, .basket_page .wrap .basket_overview .discount_code div:after, .basket_page .wrap .basket_overview ul li p:after, .basket_page .wrap .basket_list ul li article div + div:after, .basket_page .wrap .basket_list ul li article div:after, .basket_page .wrap .basket_list .details .tickbox:after, .basket_page .wrap .basket_list .details .toggle:after, .product_detail_overlay .product_detail_overlay_panel section ul li h3:after, .product_page .product_details .wrap ul li div ul li h3:after, .product_page .product_view .wrap header .options .selector:after, .product_page .product_view .wrap header .new_guarantee ul li div:after, .product_page .product_view .wrap header .st_patricks .countdown #clockdiv:after, .product_page .product_view .wrap header .product_features ul:after, .product_page .product_view .wrap header .peak_sale header:after, .product_page .product_view .wrap header .peak_sale header .flash:after, .product_page .product_view .mobile_ad_banner div:after, .pagination .pager .pages ul:after, .pagination nav:after, .product_list .content_list .wrap:after, .product_list .content_list .wrap .product_list_item a header h4 span.savings:after, .product_list .content_list .wrap .product_list_item a header .flash.two:after, .product_list .cat_ad_banner:after, .product_list .cat_ad_banner > .main_cab:after, .product_list_hero.navy_sale header .countdown #clockdiv:after, .product_list_hero.flash_deals header .countdown #clockdiv:after, .product_list_hero header > div:after, .page_contain .hero .swiper ul li.bg_image header:after, .sofatime_category_promo .wrap .list ul:after, .mobile_category_collection .wrap:after, .sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv:after, .header_top_subbar .feefo:after, .clearance_event .countdown #clockdiv:after {
  content: "";
  display: block;
  clear: both;
}

button {
  color: rgb(0, 0, 0);
  color: inherit;
}

.desktop_only {
  display: none;
}

body.open_menu .side_menu {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
body.product_pagee {
  padding-bottom: 111px !important;
}
body.small_header {
  padding: 63px 0 0 0;
}
body.small_header header[role=banner], body.small_header .sofatime_header {
  position: fixed;
  width: 100%;
  background-color: rgb(38, 36, 81);
  z-index: 100000000000;
}

.side_menu {
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 10000000000;
  background-color: rgb(255, 255, 255);
  border-left: 1px solid rgb(232, 232, 232);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}
.side_menu .searchbox {
  display: block;
  border-bottom: 1px solid rgb(232, 232, 232);
  background-color: rgb(242, 242, 242);
  padding: 10px;
}
.side_menu .searchbox input {
  display: block;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  float: left;
  font-size: 1rem;
  padding: 0 12px;
  height: 50px;
  border-radius: 8px 0 0 8px;
  border: 1px solid rgb(200, 200, 200);
  border-right: 0;
}
.side_menu .searchbox button {
  width: 70px;
  height: 50px;
  background-color: rgb(0, 153, 145);
  border-radius: 8x;
  text-indent: -1000px;
  overflow: hidden;
  position: relative;
  border-radius: 0 8px 8px 0;
}
.side_menu .searchbox button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 29px;
  height: 28px;
  background-position: -14em -15em;
}
.side_menu ul {
  list-style: none;
  border-bottom: 1px solid rgb(232, 232, 232);
}
.side_menu ul li {
  position: relative;
}
.side_menu ul li a {
  display: block;
  text-decoration: none;
  padding: 22px 25px 20px 25px;
  font-size: 1.125rem;
  line-height: 1;
}
.side_menu ul li img {
  width: 12px;
  position: absolute;
  top: 50%;
  right: 20px;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.side_menu ul li + li {
  border-top: 1px solid rgb(232, 232, 232);
}

.clearance_event {
  background-color: rgb(0, 0, 0);
}
.clearance_event figure .mobile_event {
  display: block;
  margin: 0 auto;
  height: auto;
  width: 100%;
  max-width: 400px;
}
.clearance_event figure .desktop_event {
  display: none;
}
.clearance_event .countdown {
  border-radius: 0;
  padding: 0;
  margin: 0 auto 0 auto;
  display: block;
  width: 280px;
  padding: 0 0 20px 0;
  background-color: transparent;
}
.clearance_event .countdown #clockdiv {
  color: rgb(22, 22, 22);
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 250px;
  margin: 0 auto;
}
.clearance_event .countdown #clockdiv h3 {
  margin: 0 0 12px 0;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
}
.clearance_event .countdown #clockdiv > div {
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  display: block;
  padding: 0;
  overflow: hidden;
  float: left;
}
.clearance_event .countdown #clockdiv > div > span {
  padding: 5px 0 5px 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.clearance_event .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  padding: 5px 10px;
  background-color: rgb(242, 242, 242);
}
.clearance_event .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.clearance_event .countdown #clockdiv > div + div {
  margin: 0 0 0 10px;
}
.clearance_event .countdown + .countdown_panel {
  margin: 0 15px;
}

.promo_banner {
  background-color: rgb(55, 39, 107);
  padding: 30px 20px;
  background-size: cover;
  background-position: center;
  margin: 15px 0 0 0;
}
.promo_banner figure {
  width: 50%;
  margin: 0 auto;
}

.header_top_bar {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 153, 145);
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  padding: 10px 0;
  text-transform: uppercase;
  margin: 0;
}
.header_top_bar p em {
  font-style: normal;
  color: #357BBF;
}

.header_top_subbar {
  color: rgb(36, 31, 71);
  background-color: rgb(242, 242, 242);
  text-align: left;
  font-size: 1rem;
  line-height: 1;
  padding: 10px 20px 5px 20px;
  margin: 0;
  text-align: center;
}
.header_top_subbar .mobile {
  display: block;
  text-align: center;
}
.header_top_subbar .feefo {
  display: inline-block;
  margin: 0 auto;
  padding: 0 0 0 75px;
  position: relative;
}
.header_top_subbar .feefo img {
  display: block;
  height: 16px;
  float: left;
  position: absolute;
  top: -1px;
  left: 0;
}
.header_top_subbar .feefo p {
  text-transform: capitalize;
  float: left;
}
.header_top_subbar .right {
  display: none;
}

.sitewrap {
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sofatime_header {
  background-color: rgb(36, 33, 70);
  padding: 0 0 10px 0;
}
.sofatime_header .wrap {
  margin: 0 10px;
  position: relative;
}
.sofatime_header .wrap .mobile_icons a, .sofatime_header .wrap .mobile_icons button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgb(255, 255, 255);
  text-indent: -10000px;
  overflow: hidden;
  position: absolute;
  background-color: rgb(5, 154, 146);
  text-indent: -1000px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_header .wrap .mobile_icons a:before, .sofatime_header .wrap .mobile_icons button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 14px;
  height: 12px;
  background-position: -1em -27em;
}
.sofatime_header .wrap .mobile_icons a.basket, .sofatime_header .wrap .mobile_icons button.basket {
  top: 15px;
}
.sofatime_header .wrap .mobile_icons a.locations, .sofatime_header .wrap .mobile_icons button.locations {
  display: none;
  top: 29px;
  left: 35px;
}
.sofatime_header .wrap .mobile_icons a.locations:before, .sofatime_header .wrap .mobile_icons button.locations:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 10px;
  height: 14px;
  background-position: -3em -27em;
}
.sofatime_header .wrap .mobile_icons a.call, .sofatime_header .wrap .mobile_icons button.call {
  display: none;
  top: 29px;
  right: 35px;
}
.sofatime_header .wrap .mobile_icons a.call:before, .sofatime_header .wrap .mobile_icons button.call:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 14px;
  height: 14px;
  background-position: -5em -27em;
}
.sofatime_header .wrap .mobile_icons a.menu, .sofatime_header .wrap .mobile_icons button.menu {
  top: 15px;
  right: 0;
}
.sofatime_header .wrap .mobile_icons a.menu:before, .sofatime_header .wrap .mobile_icons button.menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 14px;
  height: 12px;
  background-position: -7em -27em;
}
.sofatime_header .wrap .mobile_icons a:hover, .sofatime_header .wrap .mobile_icons button:hover {
  background-color: rgba(5, 154, 146, 0.5);
}
.sofatime_header .wrap .logo {
  background-color: rgb(5, 154, 146);
  width: 150px;
  padding: 10px 15px;
  border-radius: 0 0 15px 15px;
  margin: 0 auto;
}
.sofatime_header .wrap .search {
  margin: 10px 0 0 0;
}
.sofatime_header .wrap .search form {
  position: relative;
}
.sofatime_header .wrap .search form .input input {
  display: block;
  width: 100%;
  height: 30px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 15px;
  background-color: rgb(24, 20, 51);
  color: rgb(255, 255, 255);
  padding: 0 15px;
  font-size: 1rem;
  line-height: 1;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_header .wrap .search form .input input::placeholder {
  color: rgb(255, 255, 255);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_header .wrap .search form .input input:focus {
  background-color: rgb(255, 255, 255);
  border-color: rgb(5, 154, 146);
  color: rgb(22, 22, 22);
}
.sofatime_header .wrap .search form .input input:focus::placeholder {
  color: rgba(22, 22, 22, 0.25);
}
.sofatime_header .wrap .search form .input input:focus ~ button {
  background-position: -20em -30em;
}
.sofatime_header .wrap .search form button {
  display: block;
  width: 20px;
  height: 20px;
  background-position: -1em -24em;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
.sofatime_header nav {
  display: none;
}
.sofatime_header.small .wrap {
  position: relative;
}
.sofatime_header.small .wrap h2 {
  color: rgb(255, 255, 255);
  line-height: 1;
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 1.125rem;
  line-height: 1;
}
.sofatime_header.small .wrap h2 span {
  display: block;
  font-weight: 400;
}

.sofatime_header_promobar {
  position: sticky;
  top: 0;
  background-color: rgb(255, 205, 52);
  color: rgb(0, 0, 0);
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  line-height: 1.125;
  z-index: 10000;
}
.sofatime_header_promobar .wrap h2, .sofatime_header_promobar .wrap p {
  font-size: 1rem;
}
.sofatime_header_promobar .wrap .box {
  background-color: rgb(255, 205, 52);
  color: rgb(0, 0, 0);
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  padding: 5px 10px;
  margin: 5px 0 0 0;
  border-radius: 4px;
}
.sofatime_header_promobar.blue {
  background-color: #1850a3;
  color: rgb(255, 255, 255);
}

.sofatime_primary_hero {
  display: none;
}

.sofatime_hero {
  margin: 2px 0 0 0;
}
.sofatime_hero .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article {
  background-size: cover;
  background-position: center;
  background-color: rgb(206, 38, 39);
  height: 400px;
  position: relative;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-decoration: none;
  padding: 25px 0;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a figure img {
  max-height: 160px;
  width: auto;
  max-width: none;
  margin: 0 auto;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown {
  border: 0;
  padding: 0;
  position: relative;
  z-index: 1000;
  width: 300px;
  margin: 0 auto;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv {
  color: rgb(22, 22, 22);
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 300px;
  margin: 20px auto 0 auto;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv h3 {
  margin: 0 0 10px 0;
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div {
  padding: 10px 5px;
  width: -webkit-calc((100% - 10px) / 3);
  width: calc((100% - 10px) / 3);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  display: block;
  float: left;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div > span {
  display: inline-block;
  width: auto;
  height: auto;
  border: 0;
  margin: 0;
  color: rgb(0, 0, 0);
  padding: 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div:nth-child(5) {
  display: none !important;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a .countdown #clockdiv > div + div {
  margin: 0 0 0 5px;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article a span {
  display: block;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  height: 40px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 20px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 1;
  margin: 22px auto 0 auto;
  text-transform: uppercase;
  padding: 11px 0 0 0;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.has_countdown {
  height: 400px;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket {
  background-color: rgb(255, 255, 255);
  position: relative;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket a figure {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket a figure img {
  max-height: 220px;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket a span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket.has_countdown a figure img {
  max-height: 190px;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket.has_countdown .countdown {
  position: absolute;
  bottom: 75px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket.has_countdown .countdown #clockdiv h3 {
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 8px;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket.has_countdown .countdown #clockdiv div {
  display: block;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.swing_ticket.has_countdown .countdown #clockdiv div span {
  display: block;
  position: static;
  width: 100%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.red:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  background-color: #e30613;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.black:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.25;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.yellow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd403;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.yellow a span {
  border: 1px solid rgb(0, 0, 0);
  color: rgb(0, 0, 0);
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.purple:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #604d98;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.blue:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1391d1;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.grey:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d1d1d;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.black:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.teal:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 153, 145);
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.navy:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #013b4f;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.orange:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #efb11e;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-wrapper .swiper-slide article.pink:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #cb1a7a;
  opacity: 0.75;
  z-index: 1;
}
.sofatime_hero .wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}

.store_alert {
  margin: 20px 0 0 0;
}
.store_alert .wrap {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  max-width: 1170px;
  margin: 0 auto;
  background-color: rgb(5, 154, 146);
  padding: 20px;
  border-radius: 6px;
  color: rgb(255, 255, 255);
}
.store_alert .wrap h2 {
  text-align: center;
  font-weight: 700;
  line-height: 1;
  font-size: 2rem;
  color: rgb(255, 255, 255);
}

.mobile_category_collection {
  padding: 15px 0;
}
.mobile_category_collection .wrap {
  margin: 0 20px;
}
.mobile_category_collection .wrap article {
  width: -webkit-calc((100% - 10px) / 2);
  width: calc((100% - 10px) / 2);
  float: left;
  background-color: rgb(36, 33, 70);
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}
.mobile_category_collection .wrap article a {
  display: block;
  text-decoration: none;
}
.mobile_category_collection .wrap article a h4 {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #db052b;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 5px 10px;
}
.mobile_category_collection .wrap article a h4.no_flash:after {
  display: none;
}
.mobile_category_collection .wrap article a h4 + h4 {
  top: 40px;
}
.mobile_category_collection .wrap article a figure {
  height: 150px;
  background-image: url("../images/couple_time.jpg");
  background-size: cover;
}
.mobile_category_collection .wrap article a header {
  padding: 0;
}
.mobile_category_collection .wrap article a header h3 {
  font-size: 1.25rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  text-shadow: 0 3px 4px rgb(0, 0, 0);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.mobile_category_collection .wrap article a header:after {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  bottom: 14px;
  right: 14px;
  background-position: -79px -32em;
}
.mobile_category_collection .wrap article:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.mobile_category_collection .wrap article + article {
  margin: 0 0 0 10px;
}
.mobile_category_collection .wrap article:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.mobile_category_collection .wrap article:nth-child(2) ~ article {
  margin-top: 10px;
}

.three_boxes {
  padding: 15px 0;
}
.three_boxes .wrap {
  margin: 0 20px;
}
.three_boxes .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide {
  width: -webkit-calc(80vw - 40px);
  width: calc(80vw - 40px);
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article {
  background-color: rgb(255, 0, 0);
  border-radius: 10px;
  overflow: hidden;
  height: 300px;
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a {
  display: block;
  text-decoration: none;
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a > img {
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a figure {
  height: 230px;
  background-color: rgb(242, 242, 242);
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a header {
  padding: 20px;
  color: rgb(255, 255, 255);
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a header h2 {
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article a header p {
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article.image a figure {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.three_boxes .wrap .swiper .swiper-wrapper .swiper-slide article.image a figure img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.sofatime_category_slider {
  padding: 15px 0;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide {
  width: 180px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article {
  background-color: rgb(36, 33, 70);
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a {
  display: block;
  text-decoration: none;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a h4 {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #db052b;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 5px 10px;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a h4.no_flash:after {
  display: none;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a h4 + h4 {
  top: 40px;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a figure {
  height: 150px;
  background-image: url("../images/couple_time.jpg");
  background-size: cover;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a header {
  padding: 18px 20px;
  position: relative;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a header h3 {
  font-size: 0.9375rem;
  line-height: 1;
  color: rgb(255, 255, 255);
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article a header:after {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  bottom: 14px;
  right: 14px;
  background-position: -79px -32em;
}
.sofatime_category_slider .wrap .swiper .swiper-wrapper .swiper-slide article:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.sofatime_promo_product {
  background-color: rgb(255, 255, 255);
  position: relative;
  padding: 50px 0;
  text-align: center;
}
.sofatime_promo_product .wrap > figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/couple_time.jpg");
  background-position: center;
  background-size: cover;
  opacity: 0.3;
  z-index: 1;
}
.sofatime_promo_product .wrap header {
  position: relative;
  z-index: 3;
}
.sofatime_promo_product .wrap header h2 {
  font-size: 1.875rem;
  line-height: 1;
  text-transform: uppercase;
}
.sofatime_promo_product .wrap header h2 span {
  display: block;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 3px;
}
.sofatime_promo_product .wrap header h3 {
  font-size: 1rem;
  color: #db052b;
  text-transform: uppercase;
  margin: 20px 0 2px 0;
}
.sofatime_promo_product .wrap header h3 + p {
  margin-top: 0;
}
.sofatime_promo_product .wrap header h3.red_box {
  background-color: #db052b;
  color: rgb(255, 255, 255);
  display: inline-block;
  padding: 6px 10px 4px 10px;
  border-radius: 5px;
  margin: 15px 0 5px 0;
}
.sofatime_promo_product .wrap header p {
  margin: 12px 0 0 0;
  font-size: 1.25rem;
  line-height: 1.2;
}
.sofatime_promo_product .wrap header p span {
  font-size: 1.5rem;
  display: block;
}
.sofatime_promo_product .wrap header p span + span {
  font-size: 1rem;
}
.sofatime_promo_product .wrap header figure {
  width: 90%;
  max-width: 400px;
  margin: 12px auto 0 auto;
}
.sofatime_promo_product .wrap header .colours {
  text-align: center;
  position: relative;
}
.sofatime_promo_product .wrap header .colours span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/colours.webp");
  background-size: 20px 20px;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
  margin: 0 5px 0 0;
}
.sofatime_promo_product .wrap header a {
  display: block;
  width: 200px;
  height: 40px;
  background-color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 1;
  border-radius: 20px;
  text-decoration: none;
  padding: 11px 0 0 0;
  margin: 16px auto 0 auto;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid rgb(22, 22, 22);
}
.sofatime_promo_product .wrap header a:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.sofatime_promo_product .wrap header > span {
  display: block;
  font-size: 0.75rem;
  margin: 15px 0 0 0;
  color: rgb(255, 255, 255);
}
.sofatime_promo_product.summer {
  background-color: rgb(205, 35, 28);
  background-image: url("https://www.sofatime.co.uk/static/version1719922772/frontend/Moonlight/Dreams/en_GB/images/background.webp");
  background-size: cover;
  background-position: center center;
}
.sofatime_promo_product.summer .wrap header h2, .sofatime_promo_product.summer .wrap header h3, .sofatime_promo_product.summer .wrap header p {
  color: rgb(255, 255, 255);
}
.sofatime_promo_product.summer .wrap header figure {
  max-width: 220px;
  margin: 20px auto;
}

.sofatime_sizes {
  text-align: center;
  padding: 50px 0;
  border-bottom: 1px solid rgb(234, 234, 234);
}
.sofatime_sizes .wrap header {
  margin: 0 0 20px 0;
}
.sofatime_sizes .wrap header h2 {
  font-size: 1.5rem;
  line-height: 1;
}
.sofatime_sizes .wrap header h3 {
  color: rgb(5, 154, 146);
  font-size: 1.125rem;
  line-height: 1.25;
  margin: 5px 0 0 0;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide {
  width: 80vw;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article {
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a {
  display: block;
  text-decoration: none;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a figure {
  width: 90%;
  max-width: 300px;
  margin: 0 auto;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a h2 {
  display: inline-block;
  background-color: rgb(36, 33, 70);
  height: 30px;
  font-size: 1rem;
  margin: 12px 0 0 0;
  padding: 7px 40px 0 40px;
  border-radius: 15px;
  color: rgb(255, 255, 255);
  line-height: 1;
  position: relative;
  text-indent: -10px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a h2:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: -8em -32em;
  position: absolute;
  bottom: 3px;
  right: 10px;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a p {
  font-size: 1.25rem;
  line-height: 1;
  color: rgb(5, 154, 146);
  margin: 12px 0 0 0;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a:hover h2 {
  background-color: rgb(5, 154, 146);
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide article a:hover h2:before {
  background-position: -8em -35em;
}
.sofatime_sizes .wrap .swiper .swiper-wrapper .swiper-slide.swiper-slide-active article {
  opacity: 1;
}

.sofatime_online_products {
  padding: 50px 0;
}
.sofatime_online_products .wrap > header {
  text-align: center;
}
.sofatime_online_products .wrap > header h2 {
  font-size: 1.25rem;
  line-height: 1;
}
.sofatime_online_products .wrap > header h3 {
  color: rgb(5, 154, 146);
  font-size: 1.125rem;
  line-height: 1.25;
  margin: 5px 0 0 0;
}
.sofatime_online_products .wrap .swiper {
  margin: 20px 0 0 0;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide {
  width: 180px;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article {
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  border: 2px solid rgb(5, 154, 146);
  overflow: hidden;
  padding: 20px 0 70px 20px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a {
  display: block;
  text-decoration: none;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a header {
  margin: 0 0 110px 0;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a header h3 {
  font-size: 1.25rem;
  line-height: 1;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a header h4 {
  font-size: 1rem;
  line-height: 1;
  margin: 4px 0 0 0;
  color: rgb(0, 0, 0);
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a header p {
  font-size: 1rem;
  line-height: 1.125;
  margin: 14px 0 0 0;
  color: rgb(36, 32, 72);
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a figure {
  margin: 14px 0 0 0;
  position: absolute;
  bottom: 50px;
  left: 0;
  height: 120px;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/3_seater.png");
  background-size: 110% auto;
  background-position: center;
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article a span {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 10%;
  width: 80%;
  max-width: 200px;
  font-size: 1rem;
  line-height: 1;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  padding: 7px 0 0 0;
  color: rgb(255, 255, 255);
  background-color: rgb(5, 154, 146);
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.sofatime_online_products .wrap .swiper .swiper-wrapper .swiper-slide article:hover a span {
  background-color: rgb(25, 174, 166);
}
.sofatime_online_products + .promo_bar {
  margin-bottom: 50px;
}
.sofatime_online_products + .promo_bar.home {
  margin-top: 0;
}

.sofatime_testimonials {
  padding: 50px 0 0 0;
}
.sofatime_testimonials .wrap header {
  text-align: center;
}
.sofatime_testimonials .wrap header h2 {
  font-size: 1.25rem;
  line-height: 1;
}
.sofatime_testimonials .wrap header p {
  color: rgb(5, 154, 146);
  line-height: 1.25;
  margin: 5px 0 0 0;
}
.sofatime_testimonials .wrap .swiper {
  margin: 16px 0 0 0;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide {
  border-radius: 20px;
  padding: 20px;
  background-color: rgb(234, 234, 234);
  position: relative;
  width: -webkit-calc(100vw - 20px);
  width: calc(100vw - 20px);
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide svg {
  width: 110px;
  height: auto;
  margin: 0 0 6px 0;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide p {
  font-size: 1rem;
  line-height: 1.25;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide h4 {
  margin: 30px 0 0 0;
  text-transform: uppercase;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide h3 {
  font-weight: 300;
  margin: 2px 0 0 0;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide h3 br {
  display: none;
}
.sofatime_testimonials .wrap .swiper .swiper-wrapper .swiper-slide figure {
  width: 80px;
  position: absolute;
  bottom: 23px;
  right: 20px;
}

.sofatime_product_testimonial {
  padding: 50px 0;
}
.sofatime_product_testimonial .wrap {
  margin: 0 10px;
}
.sofatime_product_testimonial .wrap article {
  background-color: rgb(178, 167, 159);
  border-radius: 20px;
  overflow: hidden;
}
.sofatime_product_testimonial .wrap article header {
  text-align: center;
  color: rgb(255, 255, 255);
}
.sofatime_product_testimonial .wrap article header a {
  display: block;
  text-decoration: none;
  padding: 30px 0;
}
.sofatime_product_testimonial .wrap article header a h2 {
  font-size: 1.875rem;
  line-height: 1;
  text-transform: uppercase;
}
.sofatime_product_testimonial .wrap article header a h2 span {
  display: block;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 3px;
}
.sofatime_product_testimonial .wrap article header a p {
  margin: 12px 0 0 0;
  font-size: 1.25rem;
  line-height: 1.2;
}
.sofatime_product_testimonial .wrap article header a p span {
  font-size: 1.5rem;
  display: block;
}
.sofatime_product_testimonial .wrap article header a p span + span {
  font-size: 1rem;
}
.sofatime_product_testimonial .wrap article header a > span {
  display: block;
  width: 140px;
  height: 30px;
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 0.875rem;
  padding: 8px 0 0 0;
  margin: 16px auto 0 auto;
  color: rgb(36, 31, 71);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_product_testimonial .wrap article header a figure {
  display: none;
  max-width: 240px;
  margin: 20px auto 0 auto;
}
.sofatime_product_testimonial .wrap article header a:hover > span {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.sofatime_product_testimonial .wrap article .testimonial {
  background-image: url("../images/inspire.jpg");
  background-size: cover;
  background-position: center;
  padding: 20px;
}
.sofatime_product_testimonial .wrap article .testimonial p {
  font-size: 1.125rem;
  line-height: 1.25;
  color: rgb(255, 255, 255);
}
.sofatime_product_testimonial .wrap article .testimonial svg {
  margin: 8px 0 0 0;
  width: 120px;
  display: block;
}
.sofatime_product_testimonial .wrap article .testimonial .name {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  margin: 40px 0 0 0;
  background-color: rgba(255, 255, 255, 0.5);
  line-height: 1.25;
}
.sofatime_product_testimonial .wrap article .testimonial .name h3 {
  color: rgb(0, 0, 0);
}
.sofatime_product_testimonial .wrap article .testimonial .name p {
  color: rgb(0, 0, 0);
}

.sofatime_category_promo {
  background-image: url("../images/new-summer-sale.webp");
  background-size: cover;
  background-position: center;
  padding: 0 0 40px 0;
  position: relative;
}
.sofatime_category_promo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(205, 35, 28);
  opacity: 0.7;
  z-index: 1;
}
.sofatime_category_promo .wrap {
  position: relative;
  z-index: 10;
  margin: 0 10px;
}
.sofatime_category_promo .wrap > header {
  margin: 0;
}
.sofatime_category_promo .wrap > header figure {
  max-width: 250px;
  margin: 0 auto;
}
.sofatime_category_promo .wrap .list ul {
  list-style: none;
}
.sofatime_category_promo .wrap .list ul li {
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  float: left;
}
.sofatime_category_promo .wrap .list ul li article {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_category_promo .wrap .list ul li article a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 15px;
}
.sofatime_category_promo .wrap .list ul li article a header h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 4px 0;
}
.sofatime_category_promo .wrap .list ul li article a header h3 {
  font-size: 1.125rem;
  color: rgb(100, 100, 100);
  margin: 0 0 8px 0;
  height: 36px;
}
.sofatime_category_promo .wrap .list ul li article a header p {
  font-size: 0.9375rem;
  line-height: 1.25;
  color: rgb(150, 150, 150);
  color: rgb(0, 0, 0);
}
.sofatime_category_promo .wrap .list ul li article a header p span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/sizes.webp");
  background-size: 20px 10px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  margin: 0 3px 0 0;
}
.sofatime_category_promo .wrap .list ul li article a header p + p span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/colours.webp");
  background-size: 20px 20px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  margin: 0 3px 0 0;
}
.sofatime_category_promo .wrap .list ul li article a header h4 {
  font-size: 1.25rem;
  margin: 12px 0 0 0;
}
.sofatime_category_promo .wrap .list ul li article a header h4 span {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.sofatime_category_promo .wrap .list ul li article a figure {
  margin: 12px 0 0 0;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url("../images/3_seater.png");
  background-size: auto 100%;
}
.sofatime_category_promo .wrap .list ul li article:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.sofatime_category_promo .wrap .list ul li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
.sofatime_category_promo .wrap .list ul li:nth-child(2) ~ li {
  margin-top: 10px;
}
.sofatime_category_promo .wrap .list ul li + li {
  margin: 0 0 0 10px;
}
.sofatime_category_promo .wrap .list nav {
  margin: 25px 0 0 0;
}
.sofatime_category_promo .wrap .list nav a {
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  color: rgb(255, 255, 255);
  text-decoration: none;
  padding: 16px 0 0 0;
  border-radius: 25px;
  font-size: 1.125rem;
  line-height: 1;
  border: 1px solid rgb(255, 255, 255);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sofatime_category_promo .wrap .list nav a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(205, 35, 28);
}

.callouts {
  background-color: rgb(237, 237, 237);
  margin: 5px 0 25px 0;
  padding: 3px 0 11px 0;
}
.callouts .wrap {
  margin: 0 10px;
}
.callouts .wrap .swiper .swiper-wrapper .swiper-slide .reviews {
  display: block;
  text-align: center;
  margin: 0;
  font-size: 1.125rem;
  color: rgb(79, 79, 79);
  padding: 10px 0 0 0;
  letter-spacing: -1px;
}
.callouts .wrap .swiper .swiper-wrapper .swiper-slide .reviews img {
  display: inline-block;
  width: 60px;
  margin: 0 2px 0 0;
}
.callouts .wrap .swiper .swiper-wrapper .swiper-slide .finance {
  display: block;
  text-align: center;
  margin: 0 50px;
  font-size: 1.25rem;
  color: rgb(79, 79, 79);
}
.callouts .wrap .swiper .swiper-wrapper .swiper-slide .finance span {
  display: inline-block;
  background-position: -3em -37em;
  width: 24px;
  margin: 0 5px 0 0;
  height: 23px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.callouts .wrap .swiper .swiper-wrapper .swiper-slide .guarantee {
  display: block;
  text-align: center;
  margin: 0 50px;
  font-size: 1.25rem;
  color: rgb(79, 79, 79);
}
.callouts .wrap .swiper .swiper-wrapper .swiper-slide .guarantee span {
  display: inline-block;
  background-position: -3em -37em;
  width: 24px;
  margin: 0 5px 0 0;
  height: 23px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.callouts + .cat_ad_banner {
  padding-top: 0;
}

.italy_promo {
  margin: 40px 0 0 0;
}
.italy_promo .wrap {
  margin: 0 20px;
}
.italy_promo .wrap article {
  background-image: url("../images/red_background.webp");
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
}
.italy_promo .wrap article a {
  display: block;
  text-decoration: none;
}
.italy_promo .wrap article a figure img.desktop {
  display: none;
}

.page_contain {
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.page_contain .hero {
  height: -webkit-calc(100vh - 93px);
  height: calc(100vh - 93px);
  height: -webkit-fill-available;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  position: relative;
}
.page_contain .hero:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.page_contain .hero > header {
  position: relative;
  top: 0;
  padding: 75px 0 100px 0;
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  color: rgb(255, 255, 255);
  line-height: 1;
  z-index: 10;
}
.page_contain .hero > header a {
  display: block;
  width: 150px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid rgb(255, 255, 255);
  font-size: 1rem;
  text-decoration: none;
  padding: 11px 0 0 0;
  margin: 20px auto 0 auto;
  color: rgb(255, 255, 255);
  line-height: 1;
}
.page_contain .hero .swiper {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000000000;
}
.page_contain .hero .swiper ul {
  list-style: none;
}
.page_contain .hero .swiper ul li {
  background-color: rgb(55, 122, 186);
  height: 250px;
  width: 100vw;
  position: relative;
}
.page_contain .hero .swiper ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
  text-decoration: none;
}
.page_contain .hero .swiper ul li img {
  display: block;
  max-height: 75%;
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.page_contain .hero .swiper ul li.bg_image_cutout {
  background-size: cover;
  background-position: -100px center;
  position: relative;
  overflow: hidden;
}
.page_contain .hero .swiper ul li.bg_image_cutout a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_contain .hero .swiper ul li.bg_image_cutout a img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-height: none;
  max-width: none;
  left: auto;
  -webkit-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}
.page_contain .hero .swiper ul li.bg_image {
  background-size: cover;
  background-position: center;
  position: relative;
}
.page_contain .hero .swiper ul li.bg_image img {
  display: block;
  width: 200px !important;
  height: 180px !important;
  max-height: none !important;
  max-width: none !important;
}
.page_contain .hero .swiper ul li.bg_image img.roundel {
  width: 100px !important;
  height: 100px !important;
  top: 25px;
  left: 25px;
  box-shadow: 0 5px 5px -2px rgba(22, 22, 22, 0.5);
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.page_contain .hero .swiper ul li.bg_image header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 101;
}
.page_contain .hero .swiper ul li.bg_image header h2, .page_contain .hero .swiper ul li.bg_image header h3 {
  font-size: 1rem;
  width: 75%;
  line-height: 1.125;
  text-align: left;
  color: rgb(22, 22, 22);
}
.page_contain .hero .swiper ul li.bg_image header h2 span, .page_contain .hero .swiper ul li.bg_image header h3 span {
  font-weight: 400;
}
.page_contain .hero .swiper ul li.bg_image header h2 span.was, .page_contain .hero .swiper ul li.bg_image header h3 span.was {
  font-size: 1rem;
  text-decoration: line-through;
}
.page_contain .hero .swiper ul li.bg_image header h2 {
  color: rgb(255, 211, 0);
}
.page_contain .hero .swiper ul li.bg_image header h2 span {
  color: rgb(22, 22, 22);
}
.page_contain .hero .swiper ul li.bg_image header h3 {
  margin-top: 20px;
}
.page_contain .hero .swiper ul li.bg_image img {
  display: block;
  max-height: 60%;
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown h2 {
  text-align: center;
  font-size: 2rem;
  color: rgb(22, 22, 22);
  margin: 0 0 8px 0;
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown p {
  text-align: center;
  color: rgb(22, 22, 22);
  font-size: 1.25rem;
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown #clockdiv {
  margin: 16px auto 0 auto;
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown #clockdiv h3 {
  color: rgb(22, 22, 22);
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown #clockdiv > div {
  background: rgb(255, 255, 255);
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
}
.page_contain .hero .swiper ul li.bg_image.has_countdown .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.page_contain .hero .swiper ul li.bg_image.has_overlay:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(5deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%);
  background: -webkit-linear-gradient(5deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%);
  background: linear-gradient(5deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.page_contain .hero .swiper ul li + article {
  display: none;
}
.page_contain .hero footer {
  border-top: 1px solid rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.25);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.page_contain .hero footer section {
  display: block;
  text-align: center;
  color: rgb(255, 255, 255);
  padding: 20px 0;
}
.page_contain .hero footer section h3 {
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 6px 0;
}
.page_contain .hero footer section p {
  font-size: 1.125rem;
  line-height: 1;
}
.page_contain .hero footer section + section {
  border-top: 1px solid rgb(255, 255, 255);
}
.page_contain .hero .background-image {
  width: 100%;
  height: -webkit-calc(100% - 220px);
  height: calc(100% - 220px);
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-image: url("https://www.sofatime.co.uk/static/version1705081774/frontend/Moonlight/Dreams/en_GB/images/big_sale_bg.jpg");
}
.page_contain .hero .background-image figure {
  position: absolute;
  top: -webkit-calc(50% - 15px);
  top: calc(50% - 15px);
  left: 50%;
  width: 220px;
  max-height: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.page_contain .hero .background-image figure img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.page_contain .hero #background-video {
  width: 100%;
  height: -webkit-calc(100% - 220px);
  height: calc(100% - 220px);
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.page_contain .home_panel {
  height: -webkit-calc(100vh - 93px);
  height: calc(100vh - 93px);
  height: -webkit-fill-available;
  background-image: url("../images/sofa.jpg");
  background-size: cover;
  background-position: center;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  position: relative;
}
.page_contain .home_panel:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.25);
}
.page_contain .home_panel header {
  position: sticky;
  top: 0;
  padding: 75px 0 100px 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.page_contain .home_panel header h2 {
  font-size: 2.5rem;
  color: rgb(255, 255, 255);
  line-height: 1;
  text-shadow: 0 2px 4px rgba(22, 22, 22, 0.5);
}
.page_contain .home_panel header a {
  display: block;
  width: 150px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid rgb(255, 255, 255);
  font-size: 1rem;
  text-decoration: none;
  padding: 11px 0 0 0;
  margin: 20px auto 0 auto;
  color: rgb(255, 255, 255);
  line-height: 1;
}
.page_contain .home_panel.fabric_sofas {
  background-position: -150px center;
}
.page_contain .home_panel.corner_sofas {
  background-position: center center;
}
.page_contain .home_panel:last-of-type {
  scroll-snap-align: normal;
  position: relative;
}

.promo_callout {
  padding: 20px 0;
  border-bottom: 1px solid rgb(214, 214, 214);
}
.promo_callout .wrap {
  margin: 0 20px;
  padding: 30px 10px 35px 10px;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/10_off_background.png");
  border-radius: 20px;
}
.promo_callout .wrap h2 {
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  margin: 0 20px;
}
.promo_callout .wrap h2 span:nth-child(2) {
  font-size: 3rem;
}
.promo_callout .wrap > h3 {
  display: none;
}
.promo_callout .wrap p {
  text-align: center;
  color: rgb(255, 255, 255);
  margin: 8px 0 0 0;
  font-size: 1.25rem;
  line-height: 1;
}
.promo_callout .wrap .countdown {
  margin: 10px auto 0 auto;
}
.promo_callout .wrap .countdown #clockdiv, .promo_callout .wrap .countdown #clockdiv-1, .promo_callout .wrap .countdown #clockdiv-2, .promo_callout .wrap .countdown #clockdiv-3, .promo_callout .wrap .countdown #clockdiv-4, .promo_callout .wrap .countdown #clockdiv-5, .promo_callout .wrap .countdown #clockdiv-6, .promo_callout .wrap .countdown #clockdiv-7 {
  margin: 0 auto;
}

.product_list_hero {
  background-color: rgb(0, 155, 148);
  background-image: none;
  position: relative;
}
.product_list_hero:before {
  content: "";
  display: block;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}
.product_list_hero header {
  padding: 40px 10px;
  text-align: center;
}
.product_list_hero header h2 {
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 16px 0;
}
.product_list_hero header p {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 1.25;
  width: 90%;
  margin: 0 auto;
  max-width: 450px;
}
.product_list_hero header > div {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  margin: 20px 0 0 0;
}
.product_list_hero header > div div {
  width: 50%;
  float: left;
  padding: 20px 10px;
}
.product_list_hero header > div div h3 {
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
}
.product_list_hero header > div div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.product_list_hero.itay_promo {
  background-size: cover;
  background-position: center;
  background-color: rgb(0, 0, 0);
}
.product_list_hero.itay_promo:before {
  background-image: url("https://www.sofatime.co.uk/static/version1720090048/frontend/Moonlight/Dreams/en_GB/images/make-it-italian-revised.webp");
  opacity: 0.9;
}
.product_list_hero.itay_promo header {
  background-image: url("../images/red_background.webp");
  background-size: cover;
  background-position: center;
}
.product_list_hero.itay_promo header figure {
  max-width: 250px;
  margin: 0 auto 20px auto;
}
.product_list_hero.itay_promo:after {
  content: "Make it Italian...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.flash_deals {
  background-color: rgb(253, 200, 20);
}
.product_list_hero.flash_deals:before {
  background-image: url("../images/joke_time.jpg");
}
.product_list_hero.flash_deals header h2 {
  color: rgb(22, 22, 22);
  font-size: 2rem;
  margin: 0 0 4px 0;
}
.product_list_hero.flash_deals header p {
  color: rgb(22, 22, 22);
  font-size: 1.5rem;
}
.product_list_hero.flash_deals header .countdown {
  border: 1px solid rgb(22, 22, 22);
  border-radius: 10px;
  padding: 30px 0;
  margin: 20px 0 0 0;
}
.product_list_hero.flash_deals header .countdown #clockdiv {
  color: rgb(22, 22, 22);
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 250px;
  margin: 0 auto;
}
.product_list_hero.flash_deals header .countdown #clockdiv h3 {
  margin: 0 0 20px 0;
  font-size: 1.5rem;
}
.product_list_hero.flash_deals header .countdown #clockdiv > div {
  padding: 10px;
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  display: block;
  float: left;
}
.product_list_hero.flash_deals header .countdown #clockdiv > div > span {
  padding: 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.product_list_hero.flash_deals header .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
}
.product_list_hero.flash_deals header .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.product_list_hero.flash_deals header .countdown #clockdiv > div + div {
  margin: 0 0 0 10px;
}
.product_list_hero.flash_deals:after {
  content: "It's Savings Time!";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.navy_sale {
  background-color: rgb(36, 31, 71);
  background-color: #1b4e9f;
  background-color: rgb(211, 3, 34);
}
.product_list_hero.navy_sale:before {
  background-image: url("../images/joke_time.jpg");
}
.product_list_hero.navy_sale header h2 {
  color: rgb(3, 219, 255);
  font-size: 2rem;
  margin: 0 0 4px 0;
}
.product_list_hero.navy_sale header p {
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
}
.product_list_hero.navy_sale header .countdown {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  padding: 30px 0;
  margin: 20px 0 0 0;
  background-color: #1b4e9f;
}
.product_list_hero.navy_sale header .countdown #clockdiv {
  color: rgb(22, 22, 22);
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 250px;
  margin: 0 auto;
}
.product_list_hero.navy_sale header .countdown #clockdiv h3 {
  margin: 0 0 20px 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgb(249, 207, 0);
}
.product_list_hero.navy_sale header .countdown #clockdiv > div {
  padding: 10px;
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  display: block;
  float: left;
}
.product_list_hero.navy_sale header .countdown #clockdiv > div > span {
  padding: 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.product_list_hero.navy_sale header .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
}
.product_list_hero.navy_sale header .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.product_list_hero.navy_sale header .countdown #clockdiv > div + div {
  margin: 0 0 0 10px;
}
.product_list_hero.navy_sale:after {
  content: "It's Savings Time!";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.baby_time:before {
  background-image: url("../images/baby_time.jpg");
}
.product_list_hero.baby_time:after {
  content: "It's play time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.couple_time:before {
  background-image: url("../images/couple_time.jpg");
}
.product_list_hero.couple_time:after {
  content: "It's movie time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.dog_time:before {
  background-image: url("../images/dog_time.jpg");
}
.product_list_hero.dog_time:after {
  content: "It's play time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.family_time:before {
  background-image: url("../images/family_time.jpg");
}
.product_list_hero.family_time:after {
  content: "It's family time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.friend_time:before {
  background-image: url("../images/friend_time.jpg");
}
.product_list_hero.friend_time:after {
  content: "It's catch-up time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.game_time:before {
  background-image: url("../images/game_time.jpg");
}
.product_list_hero.game_time:after {
  content: "It's kick off time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.joke_time:before {
  background-image: url("../images/joke_time.jpg");
}
.product_list_hero.joke_time:after {
  content: "It's family time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}
.product_list_hero.play_time:before {
  background-image: url("../images/play_time.jpg");
}
.product_list_hero.play_time:after {
  content: "It's game time...";
  display: block;
  position: absolute;
  top: 250px;
  left: 20px;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  z-index: 100000;
  text-shadow: 0 3px 4px rgba(22, 22, 22, 0.8);
}

.promo_bar {
  background-color: rgb(205, 35, 28);
  background-image: transparent;
  border-radius: 10px;
  padding: 0;
  margin: 20px 20px 0 20px;
}
.promo_bar figure {
  width: 100%;
  margin: 0 auto;
}
.promo_bar figure + figure {
  width: 100%;
}
.promo_bar.home {
  margin-top: 50px;
}

.product_list .cat_ad_banner {
  margin: 0 20px;
  padding: 20px 0 0 0;
}
.product_list .cat_ad_banner > .small_cab {
  width: 110px;
  height: 120px;
  border-radius: 10px 0 0 10px;
  background-color: rgb(253, 96, 49);
  float: left;
  position: relative;
}
.product_list .cat_ad_banner > .small_cab figure {
  display: block;
}
.product_list .cat_ad_banner > .small_cab figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  margin-left: -2px;
  margin-top: 15px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.product_list .cat_ad_banner > .main_cab {
  background-color: rgb(23, 85, 165);
  border-radius: 0 10px 10px 0;
  padding: 15px 50px 16px 15px;
  margin: 0;
  height: 120px;
  width: -webkit-calc(100% - 110px);
  width: calc(100% - 110px);
  float: right;
  position: relative;
}
.product_list .cat_ad_banner > .main_cab:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -0.5px;
  width: 50%;
  height: 100%;
  background-image: url("../images/arrow_mask.webp");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
}
.product_list .cat_ad_banner > .main_cab h2 {
  padding: 0;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  margin: 0;
}
.product_list .cat_ad_banner > .main_cab p {
  padding: 0;
  text-align: center;
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
.product_list .cat_ad_banner > .main_cab p span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
.product_list .cat_ad_banner > .main_cab .countdown {
  margin: 15px 0 0 0;
  width: 100%;
  padding: 0 0 0 0;
}
.product_list .cat_ad_banner > .main_cab .countdown #clockdiv {
  width: auto;
  margin: 0;
}
.product_list .cat_ad_banner > .main_cab .countdown #clockdiv h3 {
  margin: 0;
  display: block;
  width: 100%;
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 8px;
  padding: 3px 0;
  font-size: 1rem;
  line-height: 1;
}
.product_list .cat_ad_banner > .main_cab .countdown #clockdiv div {
  display: none;
  padding: 5px;
  background-color: rgb(255, 255, 255);
}
.product_list .cat_ad_banner > .main_cab .countdown #clockdiv div span {
  font-size: 0.875rem;
  line-height: 1;
  display: block;
}
.product_list .cat_ad_banner > .main_cab.image_text {
  height: 120px;
  background-color: rgb(1, 171, 169);
}
.product_list .cat_ad_banner > .main_cab.image_text figure {
  display: block;
  margin: 0 0 10px 0;
  width: 95%;
}
.product_list .cat_ad_banner > .main_cab.image_text figure img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.product_list .cat_ad_banner > .main_cab.image_text p {
  font-size: 1rem;
  line-height: 1;
}
.product_list > header {
  border-bottom: 1px solid rgb(214, 214, 214);
  padding: 22px 0 19px 0;
  text-align: center;
}
.product_list > header .wrap {
  margin: 0 20px;
}
.product_list > header .wrap h1 {
  font-size: 2rem;
  line-height: 1;
}
.product_list > nav {
  display: block;
  border-bottom: 1px solid rgb(214, 214, 214);
  padding: 20px 0 0 0;
}
.product_list > nav button {
  display: none;
}
.product_list > nav h2 {
  font-size: 1.5rem;
  margin: 0 20px;
}
.product_list > nav .filter {
  position: relative;
  padding: 10px 20px 20px 20px;
}
.product_list > nav .filter select {
  display: block;
  min-width: 100%;
  border-radius: 23px;
  height: 46px;
  border: 0;
  -webkit-appearance: none;
  padding: 0 60px 0 20px;
  text-align: left;
  background-color: rgb(240, 240, 240);
  color: rgb(22, 22, 22);
}
.product_list > nav .filter:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 18px;
  height: 10px;
  pointer-events: none;
  background-position: -10em -10em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product_list .content_list .wrap {
  margin: 0 20px;
}
.product_list .content_list .wrap .full_promo {
  display: none;
}
.product_list .content_list .wrap .product_list_item {
  width: 50%;
  float: left;
  padding: 20px 5px;
  position: relative;
  border-top: 1px solid transparent;
}
.product_list .content_list .wrap .product_list_item a {
  display: block;
  text-decoration: none;
}
.product_list .content_list .wrap .product_list_item a figure {
  margin: 0 0 10px 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.product_list .content_list .wrap .product_list_item a figure img {
  height: auto;
  width: 100%;
}
.product_list .content_list .wrap .product_list_item a figure img + img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.product_list .content_list .wrap .product_list_item a figure div {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
}
.product_list .content_list .wrap .product_list_item a header {
  margin: 0;
}
.product_list .content_list .wrap .product_list_item a header h2 {
  font-size: 1.125rem;
  line-height: 1;
}
.product_list .content_list .wrap .product_list_item a header h3 {
  font-size: 0.875rem;
  height: 28px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  margin: 3px 0 0 0;
  color: rgb(125, 125, 125);
}
.product_list .content_list .wrap .product_list_item a header .flash {
  margin: 10px 0 0 0;
}
.product_list .content_list .wrap .product_list_item a header .flash div {
  display: inline-block;
  background-color: rgb(38, 36, 81);
  border-radius: 8px;
  padding: 6px 5px 5px 5px;
}
.product_list .content_list .wrap .product_list_item a header .flash div h3 {
  margin: 0;
  font-size: 0.75rem;
  height: auto;
  color: rgb(255, 255, 255);
}
.product_list .content_list .wrap .product_list_item a header .flash div h3 em {
  display: inline-block;
  font-style: normal;
  color: rgb(50, 123, 192);
}
.product_list .content_list .wrap .product_list_item a header .flash div.red-yellow {
  background-color: #db052b;
}
.product_list .content_list .wrap .product_list_item a header .flash div.red-yellow h3 {
  color: rgb(253, 200, 20);
}
.product_list .content_list .wrap .product_list_item a header .flash div.red {
  background-color: #db052b;
}
.product_list .content_list .wrap .product_list_item a header .flash div.red h3 {
  color: rgb(255, 255, 255);
}
.product_list .content_list .wrap .product_list_item a header .flash div.black_outline {
  background-color: black;
}
.product_list .content_list .wrap .product_list_item a header .flash div.black_outline h3 {
  color: rgb(255, 255, 255);
}
.product_list .content_list .wrap .product_list_item a header .flash div ~ div {
  display: none;
}
.product_list .content_list .wrap .product_list_item a header .flash.two div {
  float: left;
  border-radius: 8px 0 0 8px;
}
.product_list .content_list .wrap .product_list_item a header .flash.two div + div {
  display: block;
  border-radius: 0 8px 8px 0;
}
.product_list .content_list .wrap .product_list_item a header .flash.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.product_list .content_list .wrap .product_list_item a header .flash.hidden + h4 {
  margin-top: 15px;
}
.product_list .content_list .wrap .product_list_item a header h4 {
  font-size: 1.5rem;
  line-height: 1;
  margin: 10px 0 0 0;
}
.product_list .content_list .wrap .product_list_item a header h4 span {
  display: block;
  font-size: 0.875rem;
  margin: 5px 0 0 0;
  color: rgb(125, 125, 125);
}
.product_list .content_list .wrap .product_list_item a header h4 span.savings {
  margin: 0;
}
.product_list .content_list .wrap .product_list_item a header h4 span.savings span {
  display: block;
  float: none;
}
.product_list .content_list .wrap .product_list_item a header h4 span.savings span + span {
  display: block;
  text-decoration: none;
  color: #db052b;
  margin-left: 0;
}
.product_list .content_list .wrap .product_list_item a header .full_price {
  border-top: 1px solid rgb(242, 242, 242);
  border-bottom: 1px solid rgb(242, 242, 242);
  padding: 5px 0;
  margin: 8px 0 0 0;
  font-size: 0.875rem;
  line-height: 1;
}
.product_list .content_list .wrap .product_list_item a header .colours {
  margin: 7px 0 0 0;
  text-align: left;
  position: relative;
  font-size: 0.75rem;
}
.product_list .content_list .wrap .product_list_item a header .colours span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../images/colours.webp");
  background-size: 10px 10px;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  margin: 0 3px 0 0;
}
.product_list .content_list .wrap .product_list_item a .suite_savings {
  margin: 0;
  border: 1px solid rgb(12, 65, 87);
  color: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 8px;
}
.product_list .content_list .wrap .product_list_item a .suite_savings p {
  font-size: 1rem;
  line-height: 1.25;
  color: rgb(12, 65, 87);
  text-align: center;
}
.product_list .content_list .wrap .product_list_item a .suite_savings div p {
  font-size: 0.875rem;
  color: rgb(125, 125, 125);
}
.product_list .content_list .wrap .product_list_item a .suite_savings div p span {
  color: rgb(50, 123, 192);
}
.product_list .content_list .wrap .product_list_item a .suite_savings div p span:hover {
  text-decoration: underline;
}
.product_list .content_list .wrap .product_list_item a .suite_savings div + div {
  margin: 12px 0 0 0;
}
.product_list .content_list .wrap .product_list_item a .suite_savings.hidden {
  display: none;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.product_list .content_list .wrap .product_list_item a ul {
  display: none;
  list-style: none;
  margin: 20px 0 0 0;
  line-height: 1.5;
}
.product_list .content_list .wrap .product_list_item a ul li {
  font-size: 0.875rem;
}
.product_list .content_list .wrap .product_list_item a ul li:before {
  content: "";
  display: block;
  width: 13px;
  height: 12px;
  float: left;
  margin: 2px 6px 0 0;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  background-position: -5em -5em;
}
.product_list .content_list .wrap .product_list_item a h6 {
  margin: 20px 0 0 0;
  font-size: 0.75rem;
  height: 23px;
  background-color: rgb(0, 163, 151);
  color: rgb(255, 255, 255);
  text-align: center;
  border-radius: 10px;
  padding: 6px 0 0 0;
  line-height: 1;
}
.product_list .content_list .wrap .product_list_item a h6.purchase_online {
  background-color: rgb(36, 33, 70);
  color: rgb(255, 255, 255);
  margin-top: 10px;
}
.product_list .content_list .wrap .product_list_item a h6.purchase_instore {
  margin-top: 10px;
}
.product_list .content_list .wrap .product_list_item:hover {
  border-top: 1px solid transparent;
}
.product_list .content_list .wrap .product_list_item:hover a figure img + img {
  opacity: 1;
}
.product_list .content_list .wrap .product_list_item:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgb(0, 155, 148);
}
.product_list .content_list .wrap .product_list_item.ad:before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: -webkit-calc(100% - 5px);
  width: calc(100% - 5px);
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: rgb(255, 213, 8);
  border-radius: 20px;
  pointer-events: none;
}
.product_list .content_list .wrap .product_list_item.ad:after {
  content: "";
  display: block;
  background-image: url("../images/sofa_of_the_week_v2.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 20px;
  pointer-events: none;
  left: 0;
  width: -webkit-calc(100% - 5px);
  width: calc(100% - 5px);
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
}
.product_list .content_list .wrap .product_list_item.ad figure {
  opacity: 0;
  pointer-events: none;
}
.product_list .content_list .wrap .product_list_item.ad .panel {
  height: 207px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.product_list .content_list .wrap .product_list_item.ad .panel h2 {
  width: 100%;
  font-size: 0.9375rem;
  line-height: 1.125;
  text-align: center;
  text-transform: capitalize;
  margin: 20px 0 0 0;
}
.product_list .content_list .wrap .product_list_item.ad .panel span {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  height: 24px;
  width: 100%;
  background-color: rgb(0, 163, 151);
  color: rgb(255, 255, 255);
  text-align: center;
  border-radius: 12px;
  padding: 6px 0 0 0;
  line-height: 1;
  position: absolute;
  bottom: 20px;
}
.product_list .content_list .wrap .product_list_item.ad:hover:after {
  background-color: transparent;
}
.product_list .content_list .wrap .product_list_item + .product_list_item {
  border-top: 1px solid rgb(214, 214, 214);
}

.pagination {
  border-top: 1px solid rgb(214, 214, 214);
  padding: 30px 0 35px 0;
  text-align: center;
}
.pagination .click_to_load {
  text-align: center;
}
.pagination .click_to_load h3 {
  font-size: 1rem;
  line-height: 1;
}
.pagination .click_to_load h3 em {
  display: inline-block;
  font-weight: 700;
  font-style: normal;
}
.pagination .click_to_load button {
  display: block;
  height: 50px;
  width: 250px;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: rgb(0, 153, 145);
  margin: 20px auto 0 auto;
  border: 1px solid rgb(0, 153, 145);
}
.pagination nav {
  margin: 20px 15px 0 15px;
}
.pagination nav a {
  display: block;
  width: 125px;
  float: left;
  height: 24px;
  font-size: 1rem;
  line-height: 1;
  border-radius: 12px;
  background-color: rgb(36, 33, 70);
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-align: center;
  padding: 3px 0 0 0;
  position: relative;
}
.pagination nav a:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-position: -6em -30em;
  position: absolute;
  top: 50%;
  margin: -9px 0 0 0;
  left: 3px;
}
.pagination nav a + a {
  float: right;
}
.pagination nav a + a:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-position: -6em -32em;
  position: absolute;
  top: 50%;
  margin: -9px 0 0 0;
  left: auto;
  right: 3px;
}
.pagination .pager {
  margin: 0 20px;
}
.pagination .pager .toolbar-amount {
  display: none;
}
.pagination .pager .pages .pages-label {
  display: none;
}
.pagination .pager .pages ul {
  list-style: none;
  text-align: center;
}
.pagination .pager .pages ul li {
  display: inline-block;
  padding: 20px 5px;
}
.pagination .pager .pages ul li .label {
  display: none;
}
.pagination .pager .pages ul li a {
  display: block;
  padding: 0;
  text-decoration: none;
}
.pagination .pager .pages ul li a .label {
  display: none;
}
.pagination .pager .pages ul li.current {
  color: rgb(0, 155, 148);
}
.pagination .pager .pages ul li.pages-item-next {
  display: block;
  float: right;
  text-align: right;
}
.pagination .pager .pages ul li.pages-item-previous {
  display: block;
  float: left;
}
.pagination .pager .limiter {
  display: none;
}

.product_page .product_view .mobile_ad_banner {
  background-color: rgb(23, 85, 165);
  border-radius: 10px;
  padding: 15px 70px 16px 35px;
  margin: 0 20px 20px 20px;
  position: relative;
}
.product_page .product_view .mobile_ad_banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -0.5px;
  width: 50%;
  height: 100%;
  background-image: url("../images/arrow_mask.webp");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
}
.product_page .product_view .mobile_ad_banner div h2 {
  padding: 0;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  margin: 0;
}
.product_page .product_view .mobile_ad_banner div p {
  padding: 0;
  text-align: center;
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
.product_page .product_view .mobile_ad_banner div p span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin: 10px 0 0 0;
}
.product_page .product_view .mobile_ad_banner div .countdown {
  margin: 15px 0 0 0;
  width: 100%;
  padding: 0 35px 0 20px;
}
.product_page .product_view .mobile_ad_banner div .countdown #clockdiv {
  width: auto;
  margin: 0;
}
.product_page .product_view .mobile_ad_banner div .countdown #clockdiv h3 {
  margin: 0;
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 8px;
  padding: 3px 0;
  font-size: 1.25rem;
  line-height: 1;
}
.product_page .product_view .mobile_ad_banner div .countdown #clockdiv div {
  display: none;
  padding: 5px;
  background-color: rgb(255, 255, 255);
}
.product_page .product_view .mobile_ad_banner div .countdown #clockdiv div span {
  font-size: 0.875rem;
  line-height: 1;
  display: block;
}
.product_page .product_view .mobile_ad_banner.image_text {
  background-color: rgb(1, 171, 169);
}
.product_page .product_view .mobile_ad_banner.image_text figure {
  display: block;
}
.product_page .product_view .mobile_ad_banner.image_text figure img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.product_page .product_view .mobile_ad_banner.image_text p {
  font-size: 1rem;
  line-height: 1;
}
.product_page .product_view .slider_gallery {
  border-top: 1px solid rgb(232, 232, 232);
  border-bottom: 1px solid rgb(232, 232, 232);
}
.product_page .product_view .slider_gallery .close_button {
  display: none;
}
.product_page .product_view .slider_gallery .swiper {
  position: relative;
}
.product_page .product_view .slider_gallery .swiper .swiper-wrapper {
  list-style: none;
}
.product_page .product_view .slider_gallery .swiper .swiper-wrapper .swiper-slide .gallery_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  z-index: 10;
}
.product_page .product_view .slider_gallery .swiper .swiper-wrapper .swiper-slide .gallery_icon img {
  width: 100%;
}
.product_page .product_view .slider_gallery .swiper button {
  display: block;
  width: 50px;
  height: 50px;
  background-color: rgb(232, 232, 232);
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
  border-radius: 50%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.product_page .product_view .slider_gallery .swiper button:before {
  content: "";
  display: block;
  width: 13px;
  height: 22px;
  margin: 0 auto;
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  transform: translateX(-2px);
  background-position: -10em -15em;
}
.product_page .product_view .slider_gallery .swiper button + button {
  left: auto;
  right: 20px;
}
.product_page .product_view .slider_gallery .swiper button + button:before {
  background-position: -6em -15em;
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.product_page .product_view .gallery {
  display: none;
  border-top: 1px solid rgb(232, 232, 232);
  border-bottom: 1px solid rgb(232, 232, 232);
}
.product_page .product_view .gallery figure {
  overflow: hidden;
}
.product_page .product_view .wrap {
  margin: 0 20px;
}
.product_page .product_view .wrap nav {
  margin: 20px 0;
}
.product_page .product_view .wrap nav p {
  font-size: 0.875rem;
  line-height: 1;
}
.product_page .product_view .wrap nav p a {
  display: inline-block;
  text-decoration: none;
}
.product_page .product_view .wrap header {
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .peak_sale {
  border: 1px solid rgb(200, 200, 200);
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  background-image: url("../images/summer_sale_background.webp");
  background-size: cover;
}
.product_page .product_view .wrap header .peak_sale header {
  padding: 40px 0 35px;
  margin: 0;
  color: rgb(255, 255, 255);
  font-family: "headline-gothic-atf", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
.product_page .product_view .wrap header .peak_sale header h1 {
  margin: 0 0 2px 0;
  font-size: 3.625rem;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .peak_sale header h3 {
  font-size: 1.625rem;
  line-height: 1;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .peak_sale header h3 + h2 {
  margin-top: 50px;
}
.product_page .product_view .wrap header .peak_sale header .was {
  margin: 15px 0 0 0;
  font-size: 1.625rem;
  text-align: center;
  font-weight: normal;
  text-decoration: line-through;
}
.product_page .product_view .wrap header .peak_sale header h2 {
  font-size: 5rem;
  margin: 15px 0 0 0;
  text-align: center;
}
.product_page .product_view .wrap header .peak_sale header .save {
  display: block;
  background-color: rgb(80, 87, 163);
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 3rem;
  padding: 15px;
  text-align: center;
  margin: 20px 0 0 0;
}
.product_page .product_view .wrap header .peak_sale header .ppm {
  clear: both;
  text-align: right;
  padding: 25px 0 0 0;
  color: rgb(120, 120, 120);
  font-size: 1.125rem;
}
.product_page .product_view .wrap header .peak_sale header .ppm a {
  display: block;
  text-decoration: none;
}
.product_page .product_view .wrap header .peak_sale header .ppm a:hover {
  color: rgb(150, 150, 150);
}
.product_page .product_view .wrap header .peak_sale header .flash {
  border: 0;
  padding: 0;
}
.product_page .product_view .wrap header .peak_sale header .flash p {
  display: inline-block;
  margin: 6px 0 0 0;
  font-size: 1rem;
  line-height: 1;
  color: rgb(255, 255, 255);
  border-radius: 12px;
  padding: 10px 15px 10px 15px;
  border: 0;
  background-color: #db052b;
  float: left;
  clear: both;
}
.product_page .product_view .wrap header .peak_sale header .flash.two p + p {
  background-color: transparent;
  color: rgb(50, 123, 192);
  padding: 0;
  border: 0;
  margin: 20px 0 0 0;
}
.product_page .product_view .wrap header .peak_sale .promo.square {
  background-color: #db052b;
  padding: 30px 0;
}
.product_page .product_view .wrap header .peak_sale .promo.square img {
  height: 200px;
  margin: 0 auto;
  width: auto;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale {
  background-color: #1b4e9f;
  padding: 0 0 30px 0;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale.blue {
  background-color: rgb(53, 123, 191);
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown {
  padding: 20px 0 0 0;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown h2 {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.25;
  margin: 0 0 8px 0;
  color: rgb(249, 207, 0);
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown p {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.125;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv {
  margin: 20px auto 0 auto;
  padding: 20px 20px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  width: 80%;
  border-radius: 10px;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv h3 {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 700;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div {
  padding: 10px 0;
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  display: block;
  float: left;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div > span {
  padding: 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.product_page .product_view .wrap header .peak_sale .promo.big_sale .countdown #clockdiv > div + div {
  margin: 0 0 0 10px;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal {
  background-image: url("../images/111_promo.png");
  background-size: cover;
  background-position: center center;
  padding: 30px 0;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown h2 {
  text-align: center;
  font-size: 2.5rem;
  line-height: 1;
  margin: 0 0 8px 0;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown p {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.125;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv {
  margin: 20px auto 0 auto;
  width: 100%;
  max-width: 250px;
  padding: 0 10px;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv h3 {
  color: rgb(22, 22, 22);
  font-size: 1.5rem;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div {
  padding: 10px 0;
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  display: block;
  float: left;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div > span {
  padding: 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.product_page .product_view .wrap header .peak_sale .promo.flash_deal .countdown #clockdiv > div + div {
  margin: 0 0 0 10px;
}
.product_page .product_view .wrap header h1 {
  font-size: 2rem;
  line-height: 1;
  margin: 0 0 4px 0;
  color: rgb(36, 31, 71);
}
.product_page .product_view .wrap header h3 {
  font-size: 1.125rem;
  line-height: 1;
  color: rgb(127, 127, 127);
}
.product_page .product_view .wrap header h4 {
  margin: 22px 0 0 0;
  font-size: 2.25rem;
  line-height: 1;
}
.product_page .product_view .wrap header h4 + p {
  font-size: 0.9375rem;
  margin: 4px 0 0 0;
  color: rgb(0, 155, 148);
}
.product_page .product_view .wrap header .callout {
  margin: 20px 0 0 0;
}
.product_page .product_view .wrap header .callout p {
  display: inline-block;
  background-color: rgb(50, 123, 192);
  border-radius: 8px;
  padding: 6px 10px 5px 10px;
  font-size: 0.875rem;
  color: rgb(253, 200, 20);
}
.product_page .product_view .wrap header .callout p.red {
  background-color: #db052b;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .new_special_buy {
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  border: 1px solid rgb(180, 180, 180);
  overflow: hidden;
  background-color: rgb(0, 174, 171);
}
.product_page .product_view .wrap header .new_special_buy header div {
  padding: 0 20px;
  position: relative;
  z-index: 10;
}
.product_page .product_view .wrap header .new_special_buy header div h2 {
  font-size: 3rem;
  text-align: center;
  line-height: 0.875;
  margin: 0;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.product_page .product_view .wrap header .new_special_buy header div.white {
  background-color: rgb(255, 255, 255);
  text-align: center;
  padding: 20px 0 40px 0;
}
.product_page .product_view .wrap header .new_special_buy header div.white h1 {
  font-size: 2.5rem;
  color: rgb(37, 35, 81);
}
.product_page .product_view .wrap header .new_special_buy header div.white h1 + p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  color: rgb(37, 35, 81);
}
.product_page .product_view .wrap header .new_special_buy header div.white h3 {
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 400;
  margin: 20px 0 0 0;
  color: rgb(37, 35, 81);
}
.product_page .product_view .wrap header .new_special_buy header div.white h3 + p {
  font-size: 0.875rem;
  font-weight: 400;
  color: rgb(37, 35, 81);
}
.product_page .product_view .wrap header .new_special_buy header section {
  margin-top: -20px;
  position: relative;
  z-index: 1;
}
.product_page .product_view .wrap header .new_suite_savings {
  border-radius: 20px;
  background-color: rgb(12, 65, 87);
  color: rgb(255, 255, 255);
  max-width: 350px;
  margin: 0 auto;
}
.product_page .product_view .wrap header .new_suite_savings header {
  margin: 0;
  padding: 0 0 40px 0;
  text-align: center;
}
.product_page .product_view .wrap header .new_suite_savings header div {
  padding: 30px 20px 0 20px;
  position: relative;
  z-index: 5;
}
.product_page .product_view .wrap header .new_suite_savings header div h1 {
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
  letter-spacing: -1px;
}
.product_page .product_view .wrap header .new_suite_savings header div h3 {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 8px 0 0 0;
  letter-spacing: -1px;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .new_suite_savings header div p {
  font-size: 1.5rem;
  margin: 0 0 0 0;
  font-weight: 400;
}
.product_page .product_view .wrap header .new_suite_savings header div p span {
  display: block;
  margin: 6px 0 0 0;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
}
.product_page .product_view .wrap header .new_suite_savings header section {
  position: relative;
  margin: 0 0 10px 0;
}
.product_page .product_view .wrap header .new_suite_savings header section figure {
  margin-top: -20px;
  position: relative;
  z-index: 1;
  max-width: 350px;
  margin: 0 auto;
}
.product_page .product_view .wrap header .new_suite_savings header section h4 {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  font-size: 1.875rem;
  line-height: 1;
  width: 100%;
  color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  margin: 6px 0 0 0;
}
.product_page .product_view .wrap header .new_suite_savings header h2 {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}
.product_page .product_view .wrap header .new_suite_savings header > p {
  margin: 6px 0 0 0;
}
.product_page .product_view .wrap header .new_suite_savings header > p span {
  display: block;
  margin: 25px 20px 0 20px;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
}
.product_page .product_view .wrap header .s_savings {
  position: relative;
  margin: 22px 0 0 0;
  padding: 0 0 25px 0;
  background-color: rgb(250, 250, 250);
  border: 1px solid rgb(38, 36, 81);
  border-radius: 20px;
  overflow: hidden;
  text-align: right;
}
.product_page .product_view .wrap header .s_savings header {
  background-color: rgb(50, 123, 192);
  padding: 25px;
  margin: 0;
}
.product_page .product_view .wrap header .s_savings header figure {
  width: 125px;
  margin: 0 0 25px 0;
}
.product_page .product_view .wrap header .s_savings header h1 {
  color: rgb(255, 255, 255);
  font-size: 3rem;
}
.product_page .product_view .wrap header .s_savings header h1 + h3 {
  margin: 0 0 30px 0;
}
.product_page .product_view .wrap header .s_savings header h3 {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
}
.product_page .product_view .wrap header .s_savings header h4 {
  font-size: 1.25rem;
  margin: 0 0 16px 0;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .s_savings header p {
  margin: 0;
  line-height: 1;
  font-size: 3rem;
  color: rgb(255, 255, 255);
  text-align: right;
}
.product_page .product_view .wrap header .s_savings header p span {
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .s_savings h4 {
  display: block;
  font-size: 1.875rem;
  line-height: 1.25;
  margin: 10px 0 0 0;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .s_savings p {
  font-size: 2rem;
  line-height: 1;
  margin: 25px 25px 0 25px;
  color: rgb(0, 0, 0);
}
.product_page .product_view .wrap header .s_savings p em {
  font-style: normal;
  display: block;
  font-size: 3rem;
  line-height: 1;
}
.product_page .product_view .wrap header .s_savings p span {
  display: block;
  font-size: 1.25rem;
  color: rgb(125, 125, 125);
  color: #357BBF;
  margin: 0 0 8px 0;
}
.product_page .product_view .wrap header .s_savings p span ~ span {
  background-color: rgb(206, 37, 29);
  display: inline-block;
  padding: 5px 15px;
  color: rgb(255, 255, 255);
  font-size: 1.125rem;
  line-height: 1;
  border-radius: 8px;
  margin: 0;
}
.product_page .product_view .wrap header .s_savings + .flash {
  margin-top: 27px;
}
.product_page .product_view .wrap header .product_features {
  border: 1px solid rgb(38, 36, 81);
  border-radius: 20px;
  overflow: hidden;
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .product_features header {
  background-color: rgb(38, 36, 81);
  padding: 11px 10px 15px 10px;
  margin: 0 0 16px 0;
  color: rgb(255, 255, 255);
  border-radius: 0 0 20px 20px;
}
.product_page .product_view .wrap header .product_features header h2 {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.product_page .product_view .wrap header .product_features ul {
  list-style: none;
  text-align: center;
  padding: 0 10px;
}
.product_page .product_view .wrap header .product_features ul li {
  width: -webkit-calc((100% - 10px) / 3);
  width: calc((100% - 10px) / 3);
  float: left;
}
.product_page .product_view .wrap header .product_features ul li figure {
  margin: 0 0 5px 0;
}
.product_page .product_view .wrap header .product_features ul li figure img {
  width: 94%;
  margin: 0 auto;
  max-width: 70px;
}
.product_page .product_view .wrap header .product_features ul li p {
  font-size: 0.875rem;
  font-weight: 700;
}
.product_page .product_view .wrap header .product_features ul li + li {
  margin: 0 0 0 5px;
}
.product_page .product_view .wrap header .product_features p {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
  padding: 0 0 15px 0;
}
.product_page .product_view .wrap header .product_features.two ul {
  max-width: 200px;
  margin: 0 auto;
}
.product_page .product_view .wrap header .product_features.two ul li {
  width: -webkit-calc((100% - 10px) / 2);
  width: calc((100% - 10px) / 2);
}
.product_page .product_view .wrap header .product_features.two ul li figure img {
  max-width: 70px;
}
.product_page .product_view .wrap header .product_features.two ul li + li {
  margin: 0 0 0 10px;
}
.product_page .product_view .wrap header .product_features.one ul {
  max-width: 200px;
  margin: 0 auto;
}
.product_page .product_view .wrap header .product_features.one ul li {
  float: none;
  width: 100%;
  margin: 0 auto;
}
.product_page .product_view .wrap header .product_features.one ul li figure img {
  max-width: 70px;
}
.product_page .product_view .wrap header .product_features.one ul li + li {
  margin: 0 0 0 10px;
}
.product_page .product_view .wrap header .product_details {
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .product_details .wrap {
  margin: 0;
}
.product_page .product_view .wrap header .product_details .wrap ul {
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  list-style: none;
}
.product_page .product_view .wrap header .product_details .wrap ul li {
  padding: 0;
}
.product_page .product_view .wrap header .product_details .wrap ul li button {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1;
  padding: 30px 0;
  position: relative;
  height: auto;
  background-color: transparent;
  padding: 20px 0;
  color: rgb(0, 0, 0);
  margin: 0;
}
.product_page .product_view .wrap header .product_details .wrap ul li button.open ~ div {
  display: block;
}
.product_page .product_view .wrap header .product_details .wrap ul li div {
  display: none;
  padding: 0 0 25px 0;
}
.product_page .product_view .wrap header .product_details .wrap ul li div p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}
.product_page .product_view .wrap header .product_details .wrap ul li div ul li {
  padding: 20px 0;
}
.product_page .product_view .wrap header .product_details .wrap ul li div ul li h3 span {
  color: rgb(0, 0, 0);
}
.product_page .product_view .wrap header .product_details .wrap ul li + li {
  border-top: 1px solid rgb(238, 238, 238);
}
.product_page .product_view .wrap header .st_patricks {
  background-color: #1850a3;
  background-size: cover;
  background-position: center center;
  padding: 20px 10px 20px 10px;
  border-radius: 20px;
  text-align: center;
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .st_patricks h2 {
  font-size: 1.825rem;
  line-height: 1.125;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .st_patricks h2 strong {
  font-weight: 700;
  font-style: normal;
}
.product_page .product_view .wrap header .st_patricks p {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
}
.product_page .product_view .wrap header .st_patricks .box {
  background-color: rgb(255, 205, 52);
  color: rgb(0, 0, 0);
  font-size: 1.25rem;
  line-height: 1;
  display: inline-block;
  padding: 8px 10px;
  margin: 15px 0 0 0;
  border-radius: 4px;
}
.product_page .product_view .wrap header .st_patricks .countdown {
  border-radius: 10px;
  padding: 0;
  width: 100%;
  margin: 15px 0 0 0;
  display: inline-block;
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv {
  color: rgb(22, 22, 22);
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 100%;
  margin: 0 auto;
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv h3 {
  margin: 0 0 12px 0;
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div {
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 5px;
  background: rgb(255, 255, 255);
  display: block;
  padding: 0;
  overflow: hidden;
  float: left;
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div > span {
  padding: 15px 0 10px 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
  padding: 10px 5px;
  background-color: rgb(242, 242, 242);
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div:nth-child(5) {
  display: none;
}
.product_page .product_view .wrap header .st_patricks .countdown #clockdiv > div + div {
  margin: 0 0 0 10px;
}
.product_page .product_view .wrap header .suite_savings_pricing {
  padding: 25px 0;
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  margin: 22px 0 0 0;
}
.product_page .product_view .wrap header .suite_savings_pricing h5 {
  font-size: 1.25rem;
  margin: 4px 0 8px 0;
  color: rgb(53, 123, 191);
}
.product_page .product_view .wrap header .suite_savings_pricing p {
  font-size: 0.9375rem;
  line-height: 1.5;
  color: rgb(38, 36, 81);
}
.product_page .product_view .wrap header .suite_savings_pricing p + h5 {
  margin-top: 22px;
}
.product_page .product_view .wrap header .flash {
  display: inline-block;
  margin: 12px 0 0 0;
  font-size: 0.75rem;
  line-height: 1;
  color: rgb(0, 155, 148);
  border-radius: 12px;
  padding: 6px 10px 4px 10px;
  border: 1px solid rgb(0, 155, 148);
}
.product_page .product_view .wrap header .buy_button {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: -5px 5px 10px rgba(22, 22, 22, 0.5);
  padding: 30px 20px;
  background-color: rgb(255, 255, 255);
  z-index: 10000;
  border-top: 1px solid rgb(202, 202, 202);
}
.product_page .product_view .wrap header .buy_button > div {
  display: none;
}
.product_page .product_view .wrap header .buy_button button {
  margin: 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product_page .product_view .wrap header .buy_button button:hover {
  background-color: rgb(25, 178, 170);
  color: rgb(255, 255, 255);
}
.product_page .product_view .wrap header .promotion_box {
  border-radius: 20px;
  box-shadow: 0 4px 10px -5px rgba(22, 22, 22, 0.5);
  margin: 30px 0 0 0;
  border: 1px solid rgb(220, 220, 220);
  overflow: hidden;
}
.product_page .product_view .wrap header .order_now {
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .order_now p {
  font-size: 1.25rem;
  line-height: 1.5;
}
.product_page .product_view .wrap header .order_now p a {
  display: inline;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid rgb(0, 153, 145);
}
.product_page .product_view .wrap header .order_now p a:hover {
  color: rgb(0, 153, 145);
}
.product_page .product_view .wrap header .new_guarantee {
  margin: 24px 0 0 0;
  border: 1px solid rgb(0, 153, 145);
  border-radius: 20px;
  padding: 20px;
}
.product_page .product_view .wrap header .new_guarantee ul {
  list-style: none;
}
.product_page .product_view .wrap header .new_guarantee ul li {
  padding: 7px 0;
  color: rgb(0, 153, 145);
}
.product_page .product_view .wrap header .new_guarantee ul li div {
  position: relative;
}
.product_page .product_view .wrap header .new_guarantee ul li div figure {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 5px rgba(22, 22, 22, 0.25);
}
.product_page .product_view .wrap header .new_guarantee ul li div h2 {
  position: absolute;
  top: 50%;
  left: 65px;
  width: auto;
  font-size: 1.25rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product_page .product_view .wrap header .new_guarantee ul li div h2 span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin: 2px 0 0 0;
  color: rgb(140, 140, 140);
}
.product_page .product_view .wrap header .guarantee {
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .guarantee ul {
  list-style: none;
  border-bottom: 1px solid rgb(0, 153, 145);
}
.product_page .product_view .wrap header .guarantee ul li {
  border-top: 1px solid rgb(0, 153, 145);
  padding: 15px 0;
  color: rgb(0, 153, 145);
}
.product_page .product_view .wrap header .guarantee ul li:before {
  content: "";
  display: block;
  width: 13px;
  height: 12px;
  float: left;
  margin: 2px 6px 0 0;
  -webkit-transform: translateY(0.5px);
  -ms-transform: translateY(0.5px);
  transform: translateY(0.5px);
  background-position: -5em -5em;
}
.product_page .product_view .wrap header .options {
  margin: 30px 0 0 0;
}
.product_page .product_view .wrap header .options .selector {
  margin: 12px 0 0 0;
}
.product_page .product_view .wrap header .options .selector button {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  float: left;
  position: relative;
}
.product_page .product_view .wrap header .options .selector button:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgb(90, 90, 90);
  border-radius: 50%;
  opacity: 0;
}
.product_page .product_view .wrap header .options .selector button:after {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 1px;
  left: 1px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  opacity: 0;
}
.product_page .product_view .wrap header .options .selector button span {
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgb(242, 242, 242);
}
.product_page .product_view .wrap header .options .selector button:hover:before, .product_page .product_view .wrap header .options .selector button:hover:after {
  opacity: 1;
}
.product_page .product_view .wrap header .options .selector button.selected:before {
  opacity: 1;
  border: 2px solid rgb(0, 155, 148);
}
.product_page .product_view .wrap header .options .selector button.selected:after {
  opacity: 1;
  width: 36px;
  height: 36px;
  top: 2px;
  left: 2px;
}
.product_page .product_view .wrap header .options .selector button + button {
  margin: 0 0 0 5px;
}
.product_page .product_view .wrap header button {
  display: block;
  width: 100%;
  margin: 30px 0 0 0;
  background-color: rgb(0, 155, 148);
  height: 50px;
  font-size: 1.125rem;
  line-height: 1;
  border-radius: 25px;
  color: rgb(255, 255, 255);
}
.product_page .product_details {
  margin: 50px 0 0 0;
}
.product_page .product_details .wrap {
  margin: 0 20px;
}
.product_page .product_details .wrap ul {
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  list-style: none;
}
.product_page .product_details .wrap ul li button {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1.25rem;
  line-height: 1;
  padding: 30px 0;
  position: relative;
}
.product_page .product_details .wrap ul li button:after {
  content: "↓";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 1.875rem;
  line-height: 0.85;
  font-weight: 300;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product_page .product_details .wrap ul li button.open:after {
  content: "↑";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product_page .product_details .wrap ul li button.open + div {
  display: block;
}
.product_page .product_details .wrap ul li div {
  display: none;
  padding: 0 0 35px 0;
}
.product_page .product_details .wrap ul li div figure {
  border-radius: 20px;
  overflow: hidden;
  background-color: rgb(244, 244, 244);
}
.product_page .product_details .wrap ul li div figure img {
  max-width: 600px;
  margin: 0 auto;
}
.product_page .product_details .wrap ul li div ul {
  border-top: 1px solid rgb(242, 242, 242);
  list-style: none;
  margin: 20px 0 0 0;
}
.product_page .product_details .wrap ul li div ul li {
  border-bottom: 1px solid rgb(242, 242, 242);
  padding: 20px 0;
  font-size: 1.125rem;
  line-height: 1;
}
.product_page .product_details .wrap ul li div ul li h3 span {
  display: block;
  width: 50%;
  float: left;
}
.product_page .product_details .wrap ul li div ul li h3 span + span {
  text-align: right;
}
.product_page .product_details .wrap ul li div p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}
.product_page .product_details .wrap ul li div p + p {
  margin: 1em 0 0 0;
}
.product_page .product_details .wrap ul li + li {
  border-top: 1px solid rgb(238, 238, 238);
}
.product_page .related_products {
  margin: 50px 0 0 0;
}
.product_page .related_products .wrap {
  margin: 0 20px;
}
.product_page .related_products .wrap header {
  text-align: center;
}
.product_page .related_products .wrap header h2 {
  font-size: 2rem;
  line-height: 1;
}
.product_page .related_products .wrap article a {
  display: block;
  text-decoration: none;
}
.product_page .related_products .wrap article a header {
  text-align: left;
}
.product_page .related_products .wrap article a header h3 {
  font-size: 1.125rem;
  line-height: 1;
  margin: 0 0 2px 0;
}
.product_page .related_products .wrap article a header h4 {
  font-size: 1rem;
  line-height: 1;
  margin: 0 0 6px 0;
  color: rgb(125, 125, 125);
}
.product_page .related_products .wrap article a header p {
  font-size: 1rem;
}
.product_page .related_products .wrap article + article {
  border-top: 1px solid rgb(242, 242, 242);
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
}

.product_detail_overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product_detail_overlay .product_detail_overlay_panel {
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  right: -90%;
  width: 90%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
}
.product_detail_overlay .product_detail_overlay_panel header {
  border-bottom: 1px solid rgb(238, 238, 238);
  padding: 30px 20px;
  position: relative;
}
.product_detail_overlay .product_detail_overlay_panel header h2 {
  font-size: 1.25rem;
  line-height: 1;
}
.product_detail_overlay .product_detail_overlay_panel header button {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgb(242, 242, 242);
  border-radius: 50%;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product_detail_overlay .product_detail_overlay_panel header button:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-position: -5em -10em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.product_detail_overlay .product_detail_overlay_panel section {
  font-size: 1rem;
  line-height: 1.5;
  padding: 20px;
}
.product_detail_overlay .product_detail_overlay_panel section figure {
  border-radius: 20px;
  overflow: hidden;
}
.product_detail_overlay .product_detail_overlay_panel section ul {
  border-top: 1px solid rgb(242, 242, 242);
  list-style: none;
  margin: 20px 0 0 0;
}
.product_detail_overlay .product_detail_overlay_panel section ul li {
  border-bottom: 1px solid rgb(242, 242, 242);
  padding: 20px 0;
  font-size: 1.125rem;
  line-height: 1;
}
.product_detail_overlay .product_detail_overlay_panel section ul li h3 span {
  display: block;
  width: 50%;
  float: left;
}
.product_detail_overlay .product_detail_overlay_panel section ul li h3 span + span {
  text-align: right;
}
.product_detail_overlay .product_detail_overlay_panel section p + p {
  margin: 1em 0 0 0;
}
.product_detail_overlay.show {
  display: block;
}
.product_detail_overlay.show.has_bg {
  background-color: rgba(36, 31, 71, 0.5);
}
.product_detail_overlay.show.has_bg.open_modal .product_detail_overlay_panel {
  right: 0;
}

.basket_page {
  padding: 35px 0 50px 0;
  background-color: rgb(242, 242, 242);
  border-bottom: 1px solid rgb(222, 222, 222);
}
.basket_page .wrap {
  margin: 0 20px;
}
.basket_page .wrap .basket_list header h1 {
  font-size: 2.5rem;
  margin: 0 0 30px 0;
  color: rgb(38, 36, 81);
  text-align: center;
}
.basket_page .wrap .basket_list .basket_is_empty {
  border: 1px solid rgb(222, 222, 222);
  border-radius: 16px;
  padding: 30px 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 4px 10px -5px rgba(22, 22, 22, 0.5);
}
.basket_page .wrap .basket_list .basket_is_empty h3 {
  font-size: 1.5rem;
  line-height: 1;
  color: rgb(38, 36, 81);
}
.basket_page .wrap .basket_list .basket_is_empty .continue_shopping {
  margin: 12px 0 0 0;
  padding: 12px 25px;
  text-transform: uppercase;
  text-decoration: none;
  height: 40px;
  border-radius: 20px;
  display: inline-block;
  background-color: rgb(0, 153, 145);
  color: rgb(255, 255, 255);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.basket_page .wrap .basket_list .basket_is_empty .continue_shopping:hover {
  background-color: rgb(25, 178, 170);
}
.basket_page .wrap .basket_list .basket_is_empty > a {
  display: block;
  margin: 30px 0 0 0;
  text-decoration: none;
  color: rgb(140, 140, 140);
}
.basket_page .wrap .basket_list .details {
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgb(222, 222, 222);
  box-shadow: 0 4px 10px -5px rgba(22, 22, 22, 0.5);
  padding: 20px;
}
.basket_page .wrap .basket_list .details .toggle {
  max-width: 400px;
  margin: 0;
  margin: 0 0 20px 0;
}
.basket_page .wrap .basket_list .details .toggle button {
  width: 50%;
  float: left;
  margin: 0;
  border-radius: 8px 0 0 8px;
}
.basket_page .wrap .basket_list .details .toggle button + button {
  border-radius: 0 8px 8px 0;
  border-left: 0;
}
.basket_page .wrap .basket_list .details h2 {
  font-size: 2rem;
  line-height: 1;
  margin: 0 0 15px 0;
}
.basket_page .wrap .basket_list .details h2 em {
  font-style: normal;
  color: rgb(0, 153, 145);
}
.basket_page .wrap .basket_list .details .terms_and_conditions {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  border: 1px solid rgb(222, 222, 222);
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0;
  width: 100%;
  max-width: 500px;
}
.basket_page .wrap .basket_list .details .terms_and_conditions h2 {
  font-size: 1.25rem;
}
.basket_page .wrap .basket_list .details .terms_and_conditions p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
}
.basket_page .wrap .basket_list .details .terms_and_conditions p + h2 {
  margin-top: 20px;
}
.basket_page .wrap .basket_list .details .terms_and_conditions p + p {
  margin-top: 1em;
}
.basket_page .wrap .basket_list .details .terms_and_conditions ul {
  border-top: 1px solid rgb(222, 222, 222);
  border-bottom: 1px solid rgb(222, 222, 222);
  margin: 20px 0 0 0;
}
.basket_page .wrap .basket_list .details .terms_and_conditions ul li {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 10px 0;
  line-height: 1.25;
}
.basket_page .wrap .basket_list .details .terms_and_conditions ul li + li {
  margin: 0;
  border-top: 1px solid rgb(222, 222, 222);
}
.basket_page .wrap .basket_list .details .terms_and_conditions ul + h2, .basket_page .wrap .basket_list .details .terms_and_conditions ul + p {
  margin-top: 25px;
}
.basket_page .wrap .basket_list .details .two + .input {
  margin: 10px 0 0 0;
}
.basket_page .wrap .basket_list .details .tickbox > span {
  position: relative;
  display: block;
  width: 30px;
  float: left;
}
.basket_page .wrap .basket_list .details .tickbox > span input {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  border-radius: 50%;
  border: 1px solid rgb(222, 222, 222);
  margin: 0;
}
.basket_page .wrap .basket_list .details .tickbox > span input:checked ~ span {
  display: block;
}
.basket_page .wrap .basket_list .details .tickbox > span span {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
  pointer-events: none;
  border-radius: 50%;
  background-color: rgb(0, 153, 145);
}
.basket_page .wrap .basket_list .details .tickbox > span + span {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-left: 9px;
  max-width: 400px;
  line-height: 1.25;
  padding: 5px 0 0 0;
}
.basket_page .wrap .basket_list .details .tickbox + .tickbox {
  margin: 16px 0 0 0;
}
.basket_page .wrap .basket_list .details .input input {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 1rem;
  line-height: 1;
  border-radius: 8px;
  padding: 0 15px;
  border: 1px solid rgb(222, 222, 222);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.basket_page .wrap .basket_list .details .input input:hover {
  border-color: rgb(170, 170, 170);
}
.basket_page .wrap .basket_list .details .input input:focus {
  border-color: rgb(0, 153, 145);
}
.basket_page .wrap .basket_list .details .input select {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 1rem;
  line-height: 1;
  border-radius: 8px;
  padding: 0 15px;
  -webkit-appearance: none;
  border: 1px solid rgb(222, 222, 222);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.basket_page .wrap .basket_list .details .input select:hover {
  border-color: rgb(170, 170, 170);
}
.basket_page .wrap .basket_list .details .input select:focus {
  border-color: rgb(0, 153, 145);
}
.basket_page .wrap .basket_list .details .input + .input {
  margin: 10px 0 0 0;
}
.basket_page .wrap .basket_list .details button {
  border: 1px solid rgb(0, 153, 145);
  color: rgb(0, 153, 145);
  line-height: 1;
  font-size: 1.125rem;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  margin: 20px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.basket_page .wrap .basket_list .details button:hover {
  background-color: rgb(0, 153, 145);
  color: rgb(255, 255, 255);
}
.basket_page .wrap .basket_list .details + .details {
  margin: 10px 0 0 0;
}
.basket_page .wrap .basket_list .details.hidden h2 {
  margin: 0;
}
.basket_page .wrap .basket_list .details.hidden .two, .basket_page .wrap .basket_list .details.hidden .input, .basket_page .wrap .basket_list .details.hidden button, .basket_page .wrap .basket_list .details.hidden .tickbox {
  display: none;
}
.basket_page .wrap .basket_list .details.locked .input input {
  background-color: rgb(242, 242, 242);
  pointer-events: none;
}
.basket_page .wrap .basket_list .details.locked .input select {
  background-color: rgb(242, 242, 242);
  pointer-events: none;
}
.basket_page .wrap .basket_list .details.locked .tickbox {
  pointer-events: none;
}
.basket_page .wrap .basket_list .details.locked button {
  display: none;
}
.basket_page .wrap .basket_list ul {
  list-style: none;
}
.basket_page .wrap .basket_list ul li {
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgb(222, 222, 222);
  box-shadow: 0 4px 10px -5px rgba(22, 22, 22, 0.5);
}
.basket_page .wrap .basket_list ul li article div {
  padding: 20px;
}
.basket_page .wrap .basket_list ul li article div figure {
  height: 75px;
  width: 75px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  border-radius: 8px;
  overflow: hidden;
  background-color: transparent;
}
.basket_page .wrap .basket_list ul li article div header {
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
  float: right;
}
.basket_page .wrap .basket_list ul li article div header h2 {
  font-size: 1.25rem;
  line-height: 1;
  color: rgb(0, 155, 148);
}
.basket_page .wrap .basket_list ul li article div header h3 {
  font-size: 0.9375rem;
  margin: 4px 0 0 0;
  color: rgb(140, 140, 140);
}
.basket_page .wrap .basket_list ul li article div header p {
  font-size: 1.5rem;
  margin: 24px 0 0 0;
  color: rgb(36, 31, 71);
}
.basket_page .wrap .basket_list ul li article div + div {
  background-color: rgb(242, 242, 242);
}
.basket_page .wrap .basket_list ul li article div + div p {
  float: left;
  line-height: 1;
  color: rgb(36, 31, 71);
}
.basket_page .wrap .basket_list ul li article div + div button {
  float: right;
  line-height: 1;
  color: rgb(192, 192, 192);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.basket_page .wrap .basket_list ul li article div + div button:hover {
  opacity: 0.5;
}
.basket_page .wrap .basket_list ul li + li {
  margin: 20px 0 0 0;
}
.basket_page .wrap .basket_list .finance_options ul li {
  padding: 0;
  border: 0;
  box-shadow: none;
  margin: 0;
}
.basket_page .wrap .basket_list .finance_options ul li button {
  margin: 0;
  box-shadow: none;
  padding: 0;
  border: 1px solid rgb(220, 220, 220);
}
.basket_page .wrap .basket_list .finance_options ul li + li {
  margin-top: 10px;
}
.basket_page .wrap .basket_overview {
  margin: 30px 0 0 0;
  padding: 15px 0 0 0;
  border-top: 1px solid rgb(222, 222, 222);
}
.basket_page .wrap .basket_overview ul {
  list-style: none;
}
.basket_page .wrap .basket_overview ul li p span {
  display: block;
  width: 50%;
  float: left;
}
.basket_page .wrap .basket_overview ul li p span + span {
  text-align: right;
}
.basket_page .wrap .basket_overview ul li p.total {
  margin: 25px 0 0 0;
  font-size: 1.5rem;
}
.basket_page .wrap .basket_overview ul li + li {
  margin: 15px 0 0 0;
  border-top: 1px solid rgb(222, 222, 222);
  padding: 15px 0 0 0;
}
.basket_page .wrap .basket_overview .discount_code {
  background-color: rgb(255, 255, 255);
  padding: 15px;
  border-radius: 12px;
  margin: 30px 0 0 0;
}
.basket_page .wrap .basket_overview .discount_code p {
  margin: 0 0 15px 0;
}
.basket_page .wrap .basket_overview .discount_code div input {
  display: block;
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  height: 40px;
  border-radius: 8px;
  font-size: 1rem;
  padding: 0 10px;
  font-family: inherit;
  border: 1px solid rgb(200, 200, 200);
  float: left;
}
.basket_page .wrap .basket_overview .discount_code div input:focus {
  border-color: rgb(22, 22, 22);
}
.basket_page .wrap .basket_overview .discount_code div button {
  width: 70px;
  border-radius: 8px;
  height: 40px;
  margin: 0;
  background-color: transparent;
  font-size: 1rem;
  color: rgb(0, 153, 145);
  font-weight: 700;
  border: 1px solid rgb(0, 153, 145);
  float: right;
}
.basket_page .wrap .basket_overview .discount_code + button {
  margin-top: 20px;
}
.basket_page .wrap .basket_overview > button {
  background-color: rgb(0, 153, 145);
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 1.125rem;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  margin: 34px 0 0 0;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.basket_page .wrap .basket_overview > button:hover {
  background-color: rgb(25, 178, 170);
}
.basket_page.empty .basket_overview {
  display: none;
}

.main_footer {
  background-color: rgb(242, 242, 242);
  padding: 40px 0;
}
.main_footer .wrap {
  margin: 0 20px;
}
.main_footer .wrap section .logo {
  width: 140px;
}
.main_footer .wrap section .newsletter {
  margin: 30px 0 0 0;
}
.main_footer .wrap section .newsletter h2 {
  font-size: 1.25rem;
  margin: 0 0 4px 0;
}
.main_footer .wrap section .newsletter p {
  font-size: 1rem;
  line-height: 1.125;
  color: rgb(100, 100, 100);
}
.main_footer .wrap section .newsletter form {
  margin: 16px 0 0 0;
}
.main_footer .wrap section .newsletter form input {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 12px;
  padding: 0 20px;
  background-color: transparent;
  border: 1px solid rgb(222, 222, 222);
  font-size: 1rem;
  line-height: 1;
}
.main_footer .wrap section .newsletter form button {
  display: block;
  width: 100%;
  height: 40px;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 155, 148);
}
.main_footer .wrap section > ul {
  list-style: none;
  border-top: 1px solid rgb(222, 222, 222);
}
.main_footer .wrap section > ul > li button {
  display: block;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid rgb(222, 222, 222);
  text-align: left;
  font-weight: 700;
}
.main_footer .wrap section > ul > li button:after {
  content: "+";
  display: inline-block;
  float: right;
  font-size: 1.125rem;
  line-height: 1;
  color: rgb(0, 153, 145);
}
.main_footer .wrap section > ul > li button.open {
  border-bottom: 0;
}
.main_footer .wrap section > ul > li button.open ~ ul {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(222, 222, 222);
}
.main_footer .wrap section > ul > li ul {
  display: none;
  list-style: none;
}
.main_footer .wrap section > ul > li ul li {
  line-height: 1.5;
}
.main_footer .wrap section > ul > li ul li p {
  display: block;
  text-decoration: none;
  color: rgb(100, 100, 100);
}
.main_footer .wrap section > ul > li ul li a {
  display: block;
  text-decoration: none;
  color: rgb(100, 100, 100);
}
.main_footer .wrap section > ul > li ul li a:hover {
  color: rgb(22, 22, 22);
}
.main_footer .wrap section.copyright nav {
  margin: 0 0 20px 0;
}
.main_footer .wrap section.copyright nav a {
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid rgb(36, 31, 71);
  border-radius: 50%;
  float: left;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main_footer .wrap section.copyright nav a.facebook {
  position: relative;
}
.main_footer .wrap section.copyright nav a.facebook:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 11px;
  height: 20px;
  background-position: -1em -20em;
}
.main_footer .wrap section.copyright nav a.twitter {
  position: relative;
}
.main_footer .wrap section.copyright nav a.twitter:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 19px;
  height: 20px;
  background-position: -3em -20em;
}
.main_footer .wrap section.copyright nav a.instagram {
  position: relative;
}
.main_footer .wrap section.copyright nav a.instagram:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  background-position: -5em -20em;
}
.main_footer .wrap section.copyright nav a:hover {
  background-color: rgb(255, 255, 255);
}
.main_footer .wrap section.copyright nav a + a {
  margin: 0 0 0 10px;
}
.main_footer .wrap section.copyright p {
  font-size: 0.875rem;
  line-height: 1.5;
}
.main_footer .wrap section.copyright p a {
  display: inline-block;
  text-decoration: none;
}
.main_footer .wrap section + section {
  margin: 30px 0 0 0;
}

.text_page {
  padding: 40px 0;
  line-height: 1.5;
  color: rgb(36, 31, 71);
}
.text_page .wrap {
  margin: 0 20px;
}
.text_page .wrap article header {
  margin: 0 0 24px 0;
}
.text_page .wrap article header h1 {
  font-size: 1.5rem;
  line-height: 1;
}
.text_page .wrap article p {
  color: rgb(80, 80, 80);
}
.text_page .wrap article p + p {
  margin: 1.5em 0 0 0;
}
.text_page .wrap article ul, .text_page .wrap article ol {
  list-style-position: inside;
  margin: 1.5em 0;
}
.text_page .wrap article ul li, .text_page .wrap article ol li {
  color: rgb(80, 80, 80);
}
.text_page .wrap article p a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid rgb(0, 153, 145);
  color: rgb(0, 153, 145);
}
.text_page .wrap article p + h3 {
  margin-top: 30px;
}
.text_page .wrap article ul {
  border-top: 1px solid rgb(222, 222, 222);
  border-bottom: 1px solid rgb(222, 222, 222);
  list-style: none;
}
.text_page .wrap article ul li {
  line-height: 1.25;
  padding: 10px 0;
}
.text_page .wrap article ul li + li {
  border-top: 1px solid rgb(222, 222, 222);
}
.text_page.success .wrap article header {
  text-align: center;
  margin: 0 0 30px 0;
}
.text_page.success .wrap article header h1 {
  font-size: 2rem;
  line-height: 1;
}
.text_page.success .wrap article header h2 {
  line-height: 1;
  font-size: 1.5rem;
  margin: 4px 0 0 0;
  color: rgb(0, 153, 145);
}
.text_page.success .wrap article figure {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 30px 0;
}
.text_page.success .wrap article h3 {
  font-size: 1.25rem;
  line-height: 1;
}
.text_page.success .wrap article h4 {
  font-size: 1rem;
  line-height: 1;
  margin: 16px 0 4px 0;
}

.landing_page {
  padding: 0 0 50px 0;
}
.landing_page .people .person {
  background-color: rgb(242, 242, 242);
}
.landing_page .people .person figure {
  max-width: 300px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
.landing_page .people .person header {
  border-top: 1px solid rgb(242, 242, 242);
  padding: 30px 30px 50px 30px;
  background-color: rgb(255, 255, 255);
}
.landing_page .people .person header h2 {
  font-size: 1.5rem;
  margin: 0 0 4px 0;
}
.landing_page .people .person header h3 {
  color: rgb(0, 155, 148);
  font-size: 1.125rem;
  line-height: 1;
  margin: 0 0 16px 0;
}
.landing_page .people .person header p {
  line-height: 1.5;
}
.landing_page .people .person header a {
  display: block;
  width: 220px;
  height: 50px;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 155, 148);
  text-decoration: none;
  text-align: center;
  padding: 17px 0 0 0;
  border-radius: 8px;
  margin: 20px 0 0 0;
}
.landing_page .people .person + .person {
  border-top: 1px solid rgb(242, 242, 242);
}
.landing_page article {
  line-height: 1.5;
  color: rgb(36, 31, 71);
}
.landing_page article .wrap {
  margin: 0 20px;
}
.landing_page article .wrap figure {
  border-radius: 10px;
  overflow: hidden;
}
.landing_page article header {
  padding: 40px 0 50px 0;
  margin: 0;
  line-height: 1.25;
}
.landing_page article header h1 {
  font-size: 2rem;
  line-height: 1.125;
  margin: 0 0 8px 0;
}
.landing_page article header h2 {
  font-size: 1.25rem;
  margin: 0 0 16px 0;
}
.landing_page article header p {
  font-size: 1.125rem;
  line-height: 1.5;
}
.landing_page article header:after {
  content: "";
  display: block;
  width: 75px;
  height: 3px;
  background-color: rgb(0, 153, 145);
  margin: 40px 0 0 20px;
}
.landing_page article h2 {
  font-size: 1.5rem;
  line-height: 1.125;
  margin: 1.25em 0 8px 0;
}
.landing_page article h2 + ul, .landing_page article h2 + ol {
  margin-top: 8px;
}
.landing_page article h2:first-child {
  margin-top: 0;
}
.landing_page article h3 {
  font-size: 1.25rem;
  line-height: 1.125;
  margin: 1.25em 0 8px 0;
}
.landing_page article p {
  color: rgb(80, 80, 80);
}
.landing_page article p + p {
  margin: 1.5em 0 0 0;
}
.landing_page article ul, .landing_page article ol {
  list-style-position: inside;
  margin: 1.5em 0;
}
.landing_page article ul li, .landing_page article ol li {
  color: rgb(80, 80, 80);
}
.landing_page aside {
  display: none;
}

.contact_page {
  padding: 30px 0;
}
.contact_page .wrap {
  margin: 0 20px;
}
.contact_page .wrap header {
  margin: 0 0 20px 0;
}
.contact_page .wrap header h1 {
  font-size: 2rem;
}
.contact_page .wrap .hold > p {
  font-size: 1.25rem;
  line-height: 1.25;
}
.contact_page .wrap .hold > p a {
  text-decoration: none;
  border-bottom: 2px solid rgb(0, 155, 148);
}
.contact_page .wrap .hold form {
  margin: 0 0 30px 0;
}
.contact_page .wrap .hold form p {
  vertical-align: middle;
}
.contact_page .wrap .hold form p label {
  display: block;
  margin: 0 0 8px 0;
}
.contact_page .wrap .hold form p input {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 1rem;
  line-height: 1;
  padding: 0 13px;
  font-family: inherit;
  border: 1px solid rgb(222, 222, 222);
  border-radius: 5px;
  margin: 0;
}
.contact_page .wrap .hold form p input[type=checkbox] {
  width: 20px;
  padding: 0;
  margin: 0 5px 0 0;
  height: 20px;
  display: inline-block;
}
.contact_page .wrap .hold form p input[type=checkbox] + label {
  display: inline-block;
  line-height: 1.25;
  margin: 0;
  padding: 2px 0 0 0;
}
.contact_page .wrap .hold form p textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  font-size: 1rem;
  line-height: 1;
  padding: 13px;
  font-family: inherit;
  border: 1px solid rgb(222, 222, 222);
  border-radius: 5px;
}
.contact_page .wrap .hold form p select {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 1rem;
  line-height: 1;
  padding: 0 13px;
  font-family: inherit;
  border: 1px solid rgb(222, 222, 222);
  border-radius: 5px;
  -webkit-appearance: none;
}
.contact_page .wrap .hold form p + p {
  margin: 16px 0 0 0;
}
.contact_page .wrap .hold form .two + p {
  margin: 16px 0 0 0;
}
.contact_page .wrap .hold form button {
  background-color: rgb(0, 153, 145);
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 1.125rem;
  width: 200px;
  height: 50px;
  margin: 24px 0 0 0;
}

.feefo_reviews {
  margin: 40px 0 0 0;
}
.feefo_reviews .wrap {
  margin: 0 20px;
}
.feefo_reviews .wrap header {
  margin: 0 0 30px 0;
}
.feefo_reviews .wrap header h2 {
  font-size: 2rem;
  line-height: 1;
}
.feefo_reviews .wrap .swiper {
  border-bottom: 1px solid rgb(220, 220, 220);
}
.feefo_reviews .wrap .swiper .swiper-wrapper {
  list-style: none;
}
.feefo_reviews .wrap .swiper .swiper-wrapper .swiper-slide article {
  padding: 0 0 40px 0;
}
.feefo_reviews .wrap .swiper .swiper-wrapper .swiper-slide article figure {
  margin: 0 0 16px 0;
}
.feefo_reviews .wrap .swiper .swiper-wrapper .swiper-slide article figure svg {
  width: 25px;
  float: left;
}
.feefo_reviews .wrap .swiper .swiper-wrapper .swiper-slide article h3 {
  font-size: 1.5rem;
  margin: 0 0 8px 0;
}
.feefo_reviews .wrap .swiper .swiper-wrapper .swiper-slide article p {
  font-weight: normal;
  line-height: 1.5;
  color: rgb(140, 140, 140);
}

.store_finder .menu .desktop {
  display: none;
}
.store_finder .menu .swiper .swiper-wrapper {
  list-style: none;
}
.store_finder .menu .swiper .swiper-wrapper .swiper-slide {
  width: 150px;
  position: relative;
}
.store_finder .menu .swiper .swiper-wrapper .swiper-slide button {
  font-size: 1.25rem;
  line-height: 1;
  padding: 15px 10px 12px 10px;
  width: 150px;
}
.store_finder .menu .swiper .swiper-wrapper .swiper-slide button.selected:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: rgb(0, 153, 145);
}
.store_finder .menu .swiper .swiper-wrapper .swiper-slide + .swiper-slide {
  border-left: 1px solid rgb(214, 214, 214);
}
.store_finder .stores {
  border-top: 1px solid rgb(214, 214, 214);
}
.store_finder .stores .store .contact_details {
  padding: 30px 20px;
  position: relative;
}
.store_finder .stores .store .contact_details > div {
  position: relative;
}
.store_finder .stores .store .contact_details figure {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  background-color: rgb(242, 242, 242);
  right: 0;
  border-radius: 50%;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: center center;
}
.store_finder .stores .store .contact_details h2 {
  font-size: 2rem;
  line-height: 1;
}
.store_finder .stores .store .contact_details h3 {
  font-size: 1.25rem;
  line-height: 1;
  color: rgb(125, 125, 125);
}
.store_finder .stores .store .contact_details .actions {
  margin: 20px 0;
}
.store_finder .stores .store .contact_details .actions a {
  display: block;
}
.store_finder .stores .store .contact_details .phone {
  margin: 20px 0 0 0;
  font-size: 1.25rem;
  color: rgb(0, 153, 145);
}
.store_finder .stores .store .contact_details h4 {
  margin: 22px 0 6px 0;
  font-size: 1.125rem;
  line-height: 1;
}
.store_finder .stores .store .contact_details p {
  line-height: 1.25;
  color: rgb(125, 125, 125);
}
.store_finder .stores .store .contact_details ul {
  list-style: none;
  margin: 10px 0 0 0;
}
.store_finder .stores .store .contact_details ul li h5 {
  float: left;
  color: rgb(125, 125, 125);
}
.store_finder .stores .store .contact_details ul li p {
  float: right;
  color: rgb(125, 125, 125);
}
.store_finder .stores .store .contact_details ul li + li {
  border-top: 1px solid rgb(232, 232, 232);
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
.store_finder .stores .store .contact_details .promo_ad {
  background-color: rgb(219, 5, 43);
  border-radius: 20px;
  color: rgb(255, 255, 255);
  padding: 20px 0 25px 0;
  text-align: center;
  margin: 0 0 25px 0;
}
.store_finder .stores .store .contact_details .promo_ad h2 span:nth-child(2) {
  font-size: 3rem;
}
.store_finder .stores .store .contact_details .promo_ad #clockdiv, .store_finder .stores .store .contact_details .promo_ad #clockdiv-1, .store_finder .stores .store .contact_details .promo_ad #clockdiv-2, .store_finder .stores .store .contact_details .promo_ad #clockdiv-3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-4, .store_finder .stores .store .contact_details .promo_ad #clockdiv-5, .store_finder .stores .store .contact_details .promo_ad #clockdiv-6, .store_finder .stores .store .contact_details .promo_ad #clockdiv-7 {
  margin: 14px auto 0 auto;
  width: 350px;
}
.store_finder .stores .store .contact_details .promo_ad #clockdiv h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-1 h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-2 h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-3 h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-4 h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-5 h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-6 h3, .store_finder .stores .store .contact_details .promo_ad #clockdiv-7 h3 {
  color: rgba(255, 255, 255, 0.75);
}
.store_finder .stores .store .map {
  background-color: rgb(242, 242, 242);
}
.store_finder .stores .store .map iframe {
  display: block;
  width: 100%;
  height: 350px;
}

#clockdiv, #clockdiv-1, #clockdiv-2, #clockdiv-3, #clockdiv-4, #clockdiv-5, #clockdiv-6, #clockdiv-7 {
  color: #fff;
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 250px;
  margin: 40px auto 0 auto;
}
#clockdiv h3, #clockdiv-1 h3, #clockdiv-2 h3, #clockdiv-3 h3, #clockdiv-4 h3, #clockdiv-5 h3, #clockdiv-6 h3, #clockdiv-7 h3 {
  margin: 0 0 20px 0;
  font-size: 1.5rem;
}
#clockdiv > div, #clockdiv-1 > div, #clockdiv-2 > div, #clockdiv-3 > div, #clockdiv-4 > div, #clockdiv-5 > div, #clockdiv-6 > div, #clockdiv-7 > div {
  padding: 10px;
  width: -webkit-calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
  border-radius: 3px;
  background: rgb(255, 211, 0);
  display: block;
  float: left;
}
#clockdiv > div > span, #clockdiv-1 > div > span, #clockdiv-2 > div > span, #clockdiv-3 > div > span, #clockdiv-4 > div > span, #clockdiv-5 > div > span, #clockdiv-6 > div > span, #clockdiv-7 > div > span {
  padding: 0;
  border-radius: 3px;
  display: inline-block;
  color: rgb(22, 22, 22);
}
#clockdiv > div .smalltext, #clockdiv-1 > div .smalltext, #clockdiv-2 > div .smalltext, #clockdiv-3 > div .smalltext, #clockdiv-4 > div .smalltext, #clockdiv-5 > div .smalltext, #clockdiv-6 > div .smalltext, #clockdiv-7 > div .smalltext {
  padding-top: 5px;
  color: rgb(22, 22, 22);
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1;
}
#clockdiv > div:nth-child(4), #clockdiv-1 > div:nth-child(4), #clockdiv-2 > div:nth-child(4), #clockdiv-3 > div:nth-child(4), #clockdiv-4 > div:nth-child(4), #clockdiv-5 > div:nth-child(4), #clockdiv-6 > div:nth-child(4), #clockdiv-7 > div:nth-child(4) {
  display: none !important;
}
#clockdiv > div + div, #clockdiv-1 > div + div, #clockdiv-2 > div + div, #clockdiv-3 > div + div, #clockdiv-4 > div + div, #clockdiv-5 > div + div, #clockdiv-6 > div + div, #clockdiv-7 > div + div {
  margin: 0 0 0 10px;
}

.page_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 153, 145, 0.75);
  z-index: 100000000000;
}
.page_overlay .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 90%;
  max-width: 600px;
  background-color: rgb(255, 255, 255);
  border-radius: 16px;
  border: 1px solid rgb(242, 242, 242);
  padding: 30px 20px;
  box-shadow: 0 5px 10px -5px rgba(22, 22, 22, 0.5);
}
.page_overlay .panel header h2 {
  font-size: 1.25rem;
  line-height: 1;
  margin: 0 0 16px 0;
}
.page_overlay .panel header h2 br {
  display: none;
}
.page_overlay .panel header .options {
  border: 1px solid rgb(200, 200, 200);
  border-radius: 10px;
  overflow: hidden;
}
.page_overlay .panel header .options button {
  height: 50px;
  background-color: rgb(255, 255, 255);
  width: 50%;
  float: left;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.page_overlay .panel header .options button:hover {
  background-color: rgb(0, 153, 145);
  color: rgb(255, 255, 255);
}
.page_overlay .panel header .options button + button {
  border-left: 1px solid rgb(200, 200, 200);
}
.page_overlay .panel header.hidden {
  display: none;
}
.page_overlay .panel .question h3 {
  font-size: 1.25rem;
  line-height: 1.125;
  margin: 0 0 16px 0;
}
.page_overlay .panel .question h3 br {
  display: none;
}
.page_overlay .panel .question select {
  display: block;
  padding: 0 10px;
  border: 1px solid rgb(220, 220, 220);
  height: 50px;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1;
  -webkit-appearance: none;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.page_overlay .panel .question select:hover {
  border-color: rgb(170, 170, 170);
}
.page_overlay .panel .question button {
  display: block;
  border: 1px solid rgb(0, 153, 145);
  width: 100%;
  border-radius: 8px;
  margin: 8px 0 0 0;
  height: 50px;
  color: rgb(0, 153, 145);
  background-color: rgb(255, 255, 255);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}
.page_overlay .panel .question button:hover {
  background-color: rgb(0, 153, 145);
  color: rgb(255, 255, 255);
}
.page_overlay .panel .question.hidden {
  display: none;
}
.page_overlay.hidden {
  display: none;
}

.location_popup {
  background-color: rgba(37, 17, 99, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.location_popup .panel {
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: 33px 20px 32px 20px;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.location_popup .panel header {
  text-align: center;
}
.location_popup .panel header h2 {
  font-size: 1.25rem;
  line-height: 1;
  color: rgb(36, 33, 70);
}
.location_popup .panel header p {
  margin: 12px 0 0 0;
  line-height: 1.25;
  color: rgb(36, 33, 70);
}
.location_popup .panel header a {
  display: block;
  width: 100%;
  height: 50px;
  border: 0;
  font-size: 1rem;
  line-height: 1;
  padding: 18px 10px;
  text-decoration: none;
  font-family: inherit;
  border-radius: 8px;
  color: rgb(255, 255, 255);
  margin: 14px 0 0 0;
  background-color: rgb(0, 153, 145);
}
.location_popup .panel header button {
  display: block;
  width: auto;
  margin: 20px auto 0 auto;
  font-size: 1rem;
  line-height: 1;
  padding: 0 0 4px 0;
  border-bottom: 1px solid rgb(0, 153, 145);
  color: rgb(36, 33, 70);
}

.newsletter_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(37, 17, 99, 0.75);
  z-index: 10000;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  display: none;
  padding: 50px 0;
}
.newsletter_popup .panel {
  position: relative;
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  background-color: #059a92;
  border-radius: 20px;
  border: 1px solid rgb(255, 255, 255);
  box-shadow: 0 15px 20px -5px rgba(22, 22, 22, 0.5);
}
.newsletter_popup .panel header {
  padding: 30px;
  text-align: left;
}
.newsletter_popup .panel header figure {
  max-width: 225px;
  margin: 0 auto 20px auto;
}
.newsletter_popup .panel header h2 {
  font-size: 1.25rem;
  line-height: 1.125;
  color: #242146;
  margin: 0 0 12px 0;
}
.newsletter_popup .panel header p {
  font-size: 1rem;
  line-height: 1.25;
  color: rgb(255, 255, 255);
}
.newsletter_popup .panel header p span {
  color: rgb(255, 255, 255);
  border-bottom: 2px solid rgb(185, 85, 115);
}
.newsletter_popup .panel header a {
  display: block;
  height: 50px;
  max-width: 300px;
  margin: 20px auto 0 auto;
  background-color: rgb(255, 255, 255);
  text-decoration: none;
  border-radius: 8px;
  padding: 18px 0 0 0;
  -webkit-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  transition: all 400ms ease;
}
.newsletter_popup .panel header a:hover {
  background-color: rgb(224, 190, 56);
  color: rgb(255, 255, 255);
}
.newsletter_popup .panel header form {
  margin: 16px 0 0 0;
}
.newsletter_popup .panel header form p input {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  font-size: 1rem;
  line-height: 1;
  padding: 0 10px;
  font-family: inherit;
  border-radius: 8px;
  background-color: transparent;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
}
.newsletter_popup .panel header form p input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.newsletter_popup .panel header form p input:focus::placeholder {
  color: rgba(255, 255, 255, 0.125);
}
.newsletter_popup .panel header form button {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  font-size: 1rem;
  line-height: 1;
  padding: 0 10px;
  font-family: inherit;
  border-radius: 8px;
  color: rgb(255, 255, 255);
  margin: 5px 0 0 0;
  background-color: rgb(185, 85, 115);
}
.newsletter_popup .panel header > button {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  line-height: 1;
  margin: 20px 0 0 0;
}
.newsletter_popup .panel > figure {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}
.newsletter_popup .panel .terms {
  position: absolute;
  bottom: -25px;
  right: 20px;
  color: rgb(255, 255, 255);
}
.newsletter_popup .panel .terms a {
  display: block;
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
}
.newsletter_popup.show {
  display: block;
}

.cat_ad_banner {
  margin: 0 20px;
  padding: 20px 0 0 0;
}
.cat_ad_banner > .small_cab {
  width: 110px;
  height: 120px;
  border-radius: 10px 0 0 10px;
  background-color: rgb(253, 96, 49);
  float: left;
  position: relative;
}
.cat_ad_banner > .small_cab figure {
  display: block;
}
.cat_ad_banner > .small_cab figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  margin-left: -2px;
  margin-top: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.cat_ad_banner > .main_cab {
  background-color: rgb(23, 85, 165);
  border-radius: 0 10px 10px 0;
  padding: 15px 50px 16px 15px;
  margin: 0;
  width: -webkit-calc(100% - 110px);
  width: calc(100% - 110px);
  float: right;
  height: 120px;
  position: relative;
}
.cat_ad_banner > .main_cab:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -0.5px;
  width: 50%;
  height: 100%;
  background-image: url("../images/arrow_mask.webp");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
}
.cat_ad_banner > .main_cab h2 {
  padding: 0;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  margin: 0;
}
.cat_ad_banner > .main_cab p {
  padding: 0;
  text-align: center;
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
.cat_ad_banner > .main_cab p span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}
.cat_ad_banner > .main_cab .countdown {
  margin: 15px 0 0 0;
  width: 100%;
  padding: 0 0 0 0;
}
.cat_ad_banner > .main_cab .countdown #clockdiv {
  width: auto;
  margin: 0;
}
.cat_ad_banner > .main_cab .countdown #clockdiv h3 {
  margin: 0;
  display: block;
  width: 100%;
  background-color: rgb(0, 0, 0);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 8px;
  padding: 3px 0;
  font-size: 1rem;
  line-height: 1;
}
.cat_ad_banner > .main_cab .countdown #clockdiv div {
  display: none;
  padding: 5px;
  background-color: rgb(255, 255, 255);
}
.cat_ad_banner > .main_cab .countdown #clockdiv div span {
  font-size: 0.875rem;
  line-height: 1;
  display: block;
}
.cat_ad_banner > .main_cab.image_text {
  height: 120px;
  background-color: rgb(1, 171, 169);
}
.cat_ad_banner > .main_cab.image_text figure {
  display: block;
  margin: 0 0 10px 0;
  width: 95%;
}
.cat_ad_banner > .main_cab.image_text figure img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.cat_ad_banner > .main_cab.image_text p {
  font-size: 1rem;
  line-height: 1;
}

/*# sourceMappingURL=mobile.css.map */