@charset "UTF-8";
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*###########################
####### VARIABLES ########
#############################*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd ? Copyright {Year(s)} and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*###########################
#######GENERAL LAYOUT########
#############################*/
* {
  box-sizing: border-box;
}

body {
  margin: 0px;
  -webkit-text-size-adjust: none;
  background: #fff;
}

html {
  font-size: 1em;
  line-height: 1.6;
  /*font-family:'Muli', sans-serif;*/
  font-family: "Lato", sans-serif;
  color: #ffffff;
  background: #151c22;
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: 0px;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

video {
  background: #fff;
}

main {
  display: block;
}

::-moz-selection {
  background: #428cbd;
  text-shadow: #428cbd;
  color: #ffffff;
}

::selection {
  background: #428cbd;
  text-shadow: #428cbd;
  color: #ffffff;
}

h1, h2, h3, h4 {
  margin: 0;
  color: #ffffff;
  font-size: 2.5em;
}

h1 {
  padding-bottom: 25px;
  line-height: 1.4em;
  font-weight: 400;
}

p, ul, ol {
  padding-bottom: 20px;
  margin: 0;
}

p.small {
  font-size: 0.5em;
}

a {
  color: #428cbd;
  text-decoration: none;
}

a.alt {
  color: #ffffff;
  text-decoration: underline;
}

.button {
  background: #ffffff;
  color: #151c22;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 6px;
  border: none;
}
.button.submit {
  width: 300px;
  max-width: 100%;
}

.noapple a {
  color: #151c22;
}

.max100 {
  max-width: 100%;
  height: auto !important;
}

.paddingTop20 {
  padding-top: 20px;
}

.paddingBottom0 {
  padding-bottom: 0;
}

/*HIDE THINGS*/
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*CLEAR THINGS*/
/*CHECK THE DIFFERENCE BETWEEN THESE*/
.clear {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/*OTHER*/
.uppercase {
  text-transform: uppercase;
}

.pointer {
  cursor: pointer;
}

/*SPACING STYLES*/
/*###########################
####OLD IE MESSAGE LAYOUT####
#############################*/
.browsehappy {
  margin: 0.2em 0;
  background: #000;
  color: #fff;
  padding: 0.2em 0;
  text-align: center;
}

/*FULL WEBSITE ONLY*/
@media only screen and (max-width: 1023px) {
  .hideOnScale {
    display: none;
  }
}
/*CHANGE TO TABLET SIZE*/
@media only screen and (max-width: 767px) {
  .showTablet {
    display: inherit;
  }
}
/*CHANGE TO MOBILE SIZE*/
@media only screen and (max-width: 479px) {
  .showMobile {
    display: inherit;
  }
  .hideMobile {
    display: none;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd ? Copyright {Year(s)} and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
#doc {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/*#mainContent {
    position:relative;
}*/
#slideHolder {
  background: #000;
}
#slideHolder.move {
  position: absolute;
  top: 0;
  left: 0;
}

.contentInner {
  width: 100%;
  height: 100%;
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  position: relative;
}
.contentInner .contentHolder {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.textContent {
  margin: auto;
  padding: 180px 0 60px 0;
  font-size: 0.875em;
  background: #ffffff;
  color: #151c22;
}
.textContent h1 {
  font-size: 2.75em;
  color: #151c22;
}
.textContent h2 {
  font-size: 1.75em;
  font-weight: 400;
  color: #151c22;
}
.textContent a {
  color: #151c22;
  text-decoration: underline;
}
.textContent dt {
  font-weight: bold;
}

.slide {
  width: 100%;
  height: 1100px;
  position: relative;
  background: #151c22;
}
.slide.firstSlide {
  padding-top: 160px;
}
.slide h1 {
  display: inline-block;
  font-weight: 600;
  padding-bottom: 0;
  text-transform: uppercase;
}
.slide h1.dark {
  color: #151c22;
}
.slide h1 span {
  display: block;
  line-height: 1em;
}
.slide h1 span.alt {
  text-transform: none;
  color: #ffffff;
}
.slide h1 span.vsmall {
  font-size: 0.429em;
  line-height: 1.8em;
}
.slide h1 span.small {
  font-size: 0.929em;
  line-height: 1.3em;
}
.slide h1 span.medium {
  font-size: 1.143em;
}
.slide h1 span.large {
  font-size: 2.107em;
}
.slide h1 span.vlarge {
  font-size: 2.429em;
  line-height: 0.9em;
}
.slide h1 span.tight {
  letter-spacing: -7px;
}
.slide p.titleMore {
  font-size: 1.5em;
  font-weight: 500;
  padding-bottom: 0;
  font-style: italic;
}
.slide p {
  font-size: 1.188em;
  font-weight: 500;
}
.slide p.dark {
  color: #151c22;
}
.slide.alt {
  background: #ffffff;
  color: #151c22;
}
.slide.alt h1 span.alt {
  color: #151c22;
}
.slide .heroHolder {
  position: absolute;
  width: 50%;
  right: 0%;
  display: none;
  z-index: 1;
}
.slide .heroHolder img, .slide .heroHolder video {
  width: 100% !important;
  height: auto !important;
  margin: auto;
  position: relative;
}
.slide .slideContent {
  z-index: 2;
  position: absolute;
  top: 35%;
}
.slide .slideContent .slideContentBg {
  background: rgb(21, 28, 34);
  background: rgba(21, 28, 34, 0.85);
  padding: 20px;
  float: left;
  border-radius: 250px 220px 250px 0px;
  width: 360px;
  height: 360px;
}
.slide .slideContent h1 {
  position: relative;
}
.slide .slideContent p {
  position: relative;
  padding-top: 20px;
  padding-bottom: 0;
}
.slide .slideContent p.titleMore {
  padding-top: 10px;
}
.slide .slideContent img {
  position: relative;
}
.slide.themePractical .slideContent .slideContentBg h1, .slide.themePractical .slideContent .slideContentBg p {
  left: 25px;
  top: 110px;
}
.slide.themePractical .slideTrans .transContent img {
  margin-top: 20px;
  width: 80%;
  height: auto;
}
.slide.themeEfficient .slideContent .slideContentBg {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.85);
}
.slide.themeEfficient .slideContent .slideContentBg h1, .slide.themeEfficient .slideContent .slideContentBg p {
  left: 60px;
  /*top:95px;*/
  top: 110px;
  color: #151c22;
}
.slide.themeEfficient .slideContent .slideContentBg img {
  left: 0px;
  top: 115px;
}
.slide.themeRange .slideContent .slideContentBg h1, .slide.themeRange .slideContent .slideContentBg p {
  left: 60px;
  top: 65px;
}
.slide.themeValue .slideContent .slideContentBg h1, .slide.themeValue .slideContent .slideContentBg p {
  left: 60px;
  top: 85px;
}
.slide.themeGuarantee .slideContent .slideContentBg {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.85);
}
.slide.themeGuarantee .slideContent .slideContentBg h1, .slide.themeGuarantee .slideContent .slideContentBg p {
  left: 40px;
  top: 90px;
  color: #151c22;
}
.slide.themeGuarantee .slideTrans {
  box-shadow: 0px 5px 5px rgb(0, 0, 0);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
.slide .scrollArrow {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -40px;
  z-index: 2;
}
.slide .scrollArrow a {
  display: block;
  width: 100%;
  height: 100%;
}
.slide .scrollArrow img {
  width: 100% !important;
  height: 100% !important;
}

.slideNoScale {
  height: auto;
  padding: 50px 0;
  position: relative;
  background: #151c22;
}
.slideNoScale .slideContent {
  z-index: 2;
}

.videoAlt {
  display: none;
}

.slideBg {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
}

.no-js .videoBg {
  display: none;
}

.bgCaption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  text-transform: uppercase;
}
.bgCaption h2 {
  font-size: 1.5em;
}
.bgCaption p {
  padding-bottom: 0px;
}

.heroVideoReplay {
  position: absolute;
  bottom: 50px;
  right: 50px;
  height: 25px;
  width: 25px;
  cursor: pointer;
  display: none;
}

.videoButton {
  display: none;
  margin-top: 20px;
}

.vidControls {
  position: absolute;
  right: 50px;
  bottom: 50px;
  height: 25px;
}
.vidControls.nobar {
  top: 10px;
}
.vidControls .vcMute {
  float: right;
  width: 25px;
  height: 25px;
  padding-top: 2px;
  margin-left: 5px;
  cursor: pointer;
}
.vidControls .vcMute .notMutedImg {
  display: block;
}
.vidControls .vcMute .mutedImg {
  display: none;
}
.vidControls .vcMute.muted .notMutedImg {
  display: none;
}
.vidControls .vcMute.muted .mutedImg {
  display: block;
}
.vidControls .vcRefresh {
  float: right;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  cursor: pointer;
}
.vidControls .vcHide {
  float: right;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  cursor: pointer;
}

.slideTrans {
  width: 100%;
  height: auto;
  z-index: 3;
  position: absolute;
  left: 0;
  background: #151c22;
  background-repeat: no-repeat;
  color: #ffffff;
  bottom: -380px;
  font-size: 1.375em;
  padding: 60px 60px;
}
.slideTrans .contentInner {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slideTrans .contentInner .fiveYearGuarantee {
  width: 290px;
  height: 290px;
  float: left;
  margin: 10px 40px 0 0;
}
.slideTrans .contentInner .fiveYearGuarantee img {
  width: 100%;
  height: 100%;
}
.slideTrans .transContent {
  float: left;
  width: 70%;
}
.slideTrans .transRetailer {
  float: right;
  width: 30%;
  text-align: right;
  height: 100%;
}
.slideTrans .transRetailer a {
  display: block;
}
.slideTrans .transRetailer img {
  max-width: 100% !important;
  height: auto !important;
  vertical-align: middle;
}
.slideTrans h2 {
  font-size: 1.5em;
  font-weight: 600;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.slideTrans h2 span.titleMore {
  font-size: 0.75em;
  font-weight: 400;
  text-transform: none;
  font-style: italic;
}
.slideTrans p {
  font-size: 0.875em;
  font-weight: 300;
}
.slideTrans p.small {
  font-size: 0.6em;
}
.slideTrans p.last {
  padding-bottom: 0;
}
.slideTrans ul {
  padding-bottom: 0;
  list-style: none;
  padding-left: 30px;
}
.slideTrans ul li {
  padding-bottom: 5px;
  position: relative;
}
.slideTrans ul li:before {
  content: "+";
  position: absolute;
  top: 0px;
  left: -25px;
}
.slideTrans a {
  font-weight: 500;
}
.slideTrans .slideTransArrow {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  border: 50px solid transparent;
  border-bottom: 50px solid #151c22;
  margin-left: -50px;
}

.themeHome .slideContent {
  width: 100%;
  top: 25%;
}
.themeHome .slideContent .logo {
  /*display:none;*/
  width: 600px;
  max-width: 100%;
  padding: 50px;
  margin: auto;
  text-align: center;
  display: none;
}
.themeHome .slideContent .logo img {
  display: block;
  margin: auto;
  max-width: 100% !important;
  height: auto !important;
}
.themeHome .slideTrans {
  opacity: 0;
  filter: alpha(opacity=0);
}

.themeWhere {
  /*height:auto !important;*/
  background: #151c22;
}
.themeWhere .slideContent {
  padding-top: 200px !important;
  padding-left: 0px !important;
  padding-bottom: 100px;
  position: relative;
  top: 0;
}

.lt-ie9 .themeRange .awardBarrier {
  height: 15%;
}
.lt-ie9 .themeRange .awardBarrier .barrier {
  display: none;
}
.lt-ie9 .themeRange .awardBarrier .carpet {
  height: 100%;
}

.themeWhereForm, .themePrimaCare, .themeBrochure {
  padding-left: 40px;
  padding-right: 40px;
}
.themeWhereForm.fixedHeight, .themePrimaCare.fixedHeight, .themeBrochure.fixedHeight {
  height: 500px;
}
.themeWhereForm .slideContent, .themePrimaCare .slideContent, .themeBrochure .slideContent {
  padding: 120px 0px 100px 0px;
  position: relative;
  top: 0;
}
.themeWhereForm .slideContent.mainSlides, .themePrimaCare .slideContent.mainSlides, .themeBrochure .slideContent.mainSlides {
  padding-top: 180px;
}
.themeWhereForm .slideContent .contentIntro, .themePrimaCare .slideContent .contentIntro, .themeBrochure .slideContent .contentIntro {
  font-size: 1.375em;
  padding-bottom: 40px;
}
.themeWhereForm .slideContent .fiveYearGuarantee, .themePrimaCare .slideContent .fiveYearGuarantee, .themeBrochure .slideContent .fiveYearGuarantee {
  width: 230px;
  height: 230px;
  float: left;
  margin: 10px 40px 0 0;
}
.themeWhereForm .slideContent .fiveYearGuarantee img, .themePrimaCare .slideContent .fiveYearGuarantee img, .themeBrochure .slideContent .fiveYearGuarantee img {
  width: 100%;
  height: 100%;
}
.themeWhereForm .slideContent h1, .themePrimaCare .slideContent h1, .themeBrochure .slideContent h1 {
  font-size: 1.5em;
  font-weight: 600;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.themeWhereForm .slideContent h1 span.titleMore, .themePrimaCare .slideContent h1 span.titleMore, .themeBrochure .slideContent h1 span.titleMore {
  font-size: 0.75em;
  font-weight: 400;
  text-transform: none;
  font-style: italic;
}
.themeWhereForm .slideContent h1.large, .themePrimaCare .slideContent h1.large, .themeBrochure .slideContent h1.large {
  display: inline-block;
  font-weight: 600;
  padding-bottom: 0;
  text-transform: uppercase;
  font-size: 2.5em;
}
.themeWhereForm .slideContent p, .themePrimaCare .slideContent p, .themeBrochure .slideContent p {
  font-size: 0.875em;
  font-weight: 300;
}
.themeWhereForm .slideContent p.lead, .themePrimaCare .slideContent p.lead, .themeBrochure .slideContent p.lead {
  font-weight: 400;
  font-size: 1.2em;
  padding-bottom: 10px;
}
.themeWhereForm .slideContent ol, .themeWhereForm .slideContent ul, .themePrimaCare .slideContent ol, .themePrimaCare .slideContent ul, .themeBrochure .slideContent ol, .themeBrochure .slideContent ul {
  font-size: 0.875em;
  font-weight: 300;
}
.themeWhereForm .slideContent h2, .themePrimaCare .slideContent h2, .themeBrochure .slideContent h2 {
  font-size: 1.5em;
  padding-top: 20px;
}
.themeWhereForm .slideContent .pleaseNote, .themePrimaCare .slideContent .pleaseNote, .themeBrochure .slideContent .pleaseNote {
  background: #f1f1f1;
  padding: 20px 20px 0 20px;
  color: #151c22;
}
.themeWhereForm .slideContent .pleaseNote h2, .themePrimaCare .slideContent .pleaseNote h2, .themeBrochure .slideContent .pleaseNote h2 {
  color: #151c22;
  font-size: 1.25em;
  padding-bottom: 20px;
  padding-top: 0;
}

.themeWhereForm .slideContent {
  padding-bottom: 0;
}

.themeBrochure .slideContent {
  padding: 120px 0px 100px 0px;
}
.themeBrochure .slideContent.mainSlides {
  padding-top: 20px;
}
.themeBrochure .slideContent .brochureOpen {
  width: 430px;
  height: 192px;
  margin-top: 25px;
}
.themeBrochure .slideContent .brochureOpen img {
  width: 100%;
  height: 100%;
}
.themeBrochure .slideContent .downloadBrochure {
  width: 300px;
  height: 55px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.themeBrochure .slideContent .downloadBrochure img {
  width: 100%;
  height: 100%;
}
.themeBrochure .slideContent .formSection.chk input {
  width: auto;
  float: left;
  margin-top: 27px;
  margin-right: 10px;
}
.themeBrochure .slideContent .formSection.chk label {
  float: left;
  width: 85%;
}
.themeBrochure .slideContent .formSection.brochureSubmit {
  padding-top: 30px;
  text-align: center;
}
.themeBrochure .slideContent .formSection.brochureSubmit .submit {
  padding: 10px 20px;
  max-width: 230px;
}

.orderBrochurePopup {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.orderBrochurePopup .brochurePopupClose {
  display: block;
  position: absolute;
  right: 27px;
  top: 6px;
  z-index: 11;
  width: 30px;
  height: 30px;
}
.orderBrochurePopup.closed {
  transition: all 1s;
  left: -223px;
}
.orderBrochurePopup a:active {
  outline: none;
}
.orderBrochurePopup a:focus {
  outline: none;
}

.coverHolder {
  position: relative;
  overflow: hidden;
}
.coverHolder .cover {
  position: absolute;
  top: 0;
  left: 0;
}

.coverInner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*########################
######## WHERE ########
##########################*/
.productBuy {
  padding: 70px 0 40px 0;
  width: 92%;
}
.productBuy ul {
  padding-left: 0;
  list-style: none;
}
.productBuy ul li {
  float: left;
  width: 18%;
  padding: 2px;
  background: #ffffff;
  margin-right: 2.5%;
  text-align: center;
  font-size: 1em;
  margin-bottom: 20px;
}
.productBuy ul li.end {
  margin-right: 0%;
}
.productBuy ul li a {
  color: #151c22;
  display: block;
}
.productBuy ul li a img {
  width: 100% !important;
  height: auto !important;
}
.productBuy ul li a span {
  display: block;
  padding: 15px 0px;
}

.tab {
  position: fixed;
  top: 50%;
  z-index: 4;
}
.tab a {
  display: block;
  background: #151c22;
  color: #ffffff;
  padding: 4px 20px 5px 20px;
  transform: rotate(90deg);
  width: 180px;
  height: 38px;
  font-size: 1em;
  text-align: center;
  border: 1px solid #ffffff;
  border-top: 0;
}
.tab span {
  display: default;
}
.tab img {
  display: none;
}
.tab.whereToBuyTab span {
  float: left;
  position: relative;
  left: 5px;
}
.tab.whereToBuyTab img {
  display: block;
  position: relative;
  top: 7px;
  left: 15px;
}

@-moz-document url-prefix() { /* FOR FF */
  .tab.whereToBuyTab img {
    top: 6px;
  }
}
.lt-ie9 .tab a {
  width: 38px;
  height: 180px;
  border-radius: 0;
  padding: 20px 10px 20px 10px;
  margin-top: -90px;
}
.lt-ie9 .tab span {
  display: none;
}
.lt-ie9 .tab img {
  display: block;
}
.lt-ie9 .sinksTapsTab {
  right: 0px;
}
.lt-ie9 .whereToBuyTab {
  left: 0px;
}
.lt-ie9 .backTab {
  left: 0px;
}

.sinksTapsTab {
  right: -71px;
}
.sinksTapsTab a {
  transform: rotate(90deg);
}

.whereToBuyTab {
  left: -71px;
}
.whereToBuyTab a {
  transform: rotate(-90deg);
}

.backTab {
  display: none;
  left: -71px;
}
.backTab a {
  transform: rotate(270deg);
}

/*########################
######## Products ########
##########################*/
#productHolder {
  background: #fff;
  display: none;
  padding-top: 168px;
}
#productHolder.move {
  position: absolute;
  top: 0;
  left: 0;
}

.productsSubMenu {
  width: 100%;
  top: 68px;
  left: 0;
  background: #7c8287;
  padding: 10px 0 10px 0;
  position: fixed;
  z-index: 1;
}
.productsSubMenu .psmHeader {
  width: 100%;
  max-width: 1240px;
  margin: auto;
  padding: 10px 20px 10px 20px;
  background: #7c8287;
  display: none;
}
.productsSubMenu .psmHeader .psmArrow {
  float: right;
  position: relative;
  width: 13px;
  height: 13px;
  margin-top: 7px;
}
.productsSubMenu .psmHeader .psmArrow .arrow {
  position: absolute;
  top: 0;
  left: 0;
}
.productsSubMenu .psmHeader .psmArrow .openArrow {
  display: none;
}
.productsSubMenu .psmHeader .psmArrow .closedArrow {
  display: block;
}
.productsSubMenu.open .psmHeader .psmArrow .openArrow {
  display: block;
}
.productsSubMenu.open .psmHeader .psmArrow .closedArrow {
  display: none;
}
.productsSubMenu ul {
  display: block;
  width: 100%;
  max-width: 1240px;
  margin: auto;
  list-style: none;
  text-transform: uppercase;
  padding: 10px 20px 0 20px;
}
.productsSubMenu ul li {
  display: inline-block;
  margin-right: 30px;
  padding-bottom: 10px;
}
.productsSubMenu ul li.end {
  margin-right: 0;
}
.productsSubMenu ul li a {
  color: #ffffff;
}

.introSection {
  width: 100%;
  max-width: 1240px;
  margin: auto;
  padding: 0 40px;
  color: #7c8287;
}

.productSection {
  margin-bottom: 50px;
  width: 100%;
  max-width: 1240px;
  margin: auto;
  padding: 0 40px;
  color: #7c8287;
}
.productSection .titleHolder {
  float: right;
  margin-bottom: 50px;
  padding: 5px 20px 5px 20px;
  background: #7c8287;
  min-width: 50%;
}
.productSection h1 {
  font-size: 1.5em;
  font-weight: 300;
  font-style: italic;
  padding-bottom: 0;
}
.productSection .postTitle {
  padding-bottom: 40px;
}
.productSection .footNote {
  font-size: 0.75em;
  clear: both;
  text-transform: uppercase;
  padding: 6px 20px 5px 20px;
  margin-bottom: 40px;
  background: #eeeeee;
}

.products {
  clear: both;
}

.product {
  width: 23.125%;
  margin-right: 2.5%;
  float: left;
  margin-bottom: 30px;
}
.product.plus .productTitle h2 {
  color: #428cbd;
}
.product .productImage img {
  margin: auto;
  display: block;
  max-width: 280px;
  height: auto;
  width: 100%;
}
.product .productTitle {
  /*padding:3px 15px 0px 15px;*/
  padding: 0 0 15px 0;
  position: relative;
}
.product .productTitle h2 {
  /*font-size:1.4em;*/
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #7c8287;
}
.product .productTitle h2 .new {
  display: inline-block;
  background: #428cbd;
  color: #ffffff;
  font-size: 0.5em;
  line-height: 1em;
  padding: 3px 5px 3px 5px;
  position: absolute;
  top: -18px;
}
.product .productTitle .code {
  /*float:right;
  padding-top:7px;
  padding-left:10px;
  font-size:.750em;
  color:$text-color;*/
  display: block;
  font-size: 1em;
}
.product .productTitle .code .new {
  display: inline-block;
  background: #428cbd;
  color: #ffffff;
  font-size: 0.625em;
  line-height: 1em;
  padding: 3px 5px 3px 5px;
  vertical-align: text-bottom;
  margin-right: 5px;
  text-transform: uppercase;
}
.product .productTitle .plusImage {
  float: right;
  cursor: pointer;
}
.product .productMedia {
  margin-top: 15px;
  border-left: 3px solid #e0e1e3;
}
.product .productMedia .productMediaItem {
  float: left;
  width: 25%;
  position: relative;
  background: #e0e1e3;
  padding: 3px 3px 3px 0px;
}
.product .productMedia .productMediaItem.end, .product .productMedia .productMediaItem:last-child {
  padding-right: 3px;
}
.product .productMedia .productMediaItem img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.product .productMedia .productMediaItem .play {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../images/content/play-icon.png") no-repeat center center;
  background-size: cover;
  top: 0;
  left: 0;
}
.product .productFeatures {
  padding-top: 15px;
  padding-bottom: 5px;
}
.product .productFeatures img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.product .productDescription {
  padding-top: 15px;
  padding-left: 2px;
}
.product .productDescription h3 {
  font-size: 1em;
  color: #7c8287;
  font-weight: 400;
}
.product .productDescription p {
  font-size: 0.75em;
  padding-bottom: 5px;
}
.product .productDescription ul {
  padding-left: 20px;
  font-size: 0.688em;
  padding-bottom: 10px;
  clear: both;
}
.product .productDescription ul li {
  padding-bottom: 3px;
}
.product .productDescription ul li.plus {
  list-style: none;
  position: relative;
}
.product .productDescription ul li.plus:before {
  content: url(../images/content/list-plus.png);
  position: absolute;
  top: 0px;
  left: -21px;
}
.product .productDescription ul li.video {
  list-style: none;
  position: relative;
  cursor: pointer;
  color: #428cbd;
  font-weight: 700;
  font-size: 1.2em;
}
.product .productDescription ul li.video:before {
  content: url(../images/content/list-video.png);
  position: absolute;
  top: 0px;
  left: -23px;
}
.product .productDescription ul li.diagram {
  list-style: none;
  position: relative;
  cursor: pointer;
  color: #428cbd;
  font-weight: 700;
  font-size: 1.2em;
}
.product .productDescription ul li.diagram:before {
  content: url(../images/content/list-diagram.png);
  position: absolute;
  top: -1px;
  left: -22px;
}
.product .productDescription ul li.datasheet {
  list-style: none;
  position: relative;
  cursor: pointer;
  color: #428cbd;
  font-weight: 700;
  font-size: 1.2em;
}
.product .productDescription .extraDeepBowl {
  float: left;
  max-width: 50%;
  margin-bottom: 15px;
}
.product .productDescription .lifetimeGuarantee {
  float: right;
  max-width: 50%;
}
.product .productDescription .r1025 {
  float: left;
  max-width: 50%;
  margin-bottom: 15px;
}
.product .productDescription .r1025.stack {
  margin-right: 15px;
}
.product .productDescription .ukflag {
  line-height: 1.1em;
  font-size: 0.75em;
  float: left;
  max-width: 50%;
  padding-bottom: 10px;
}
.product .productDescription .ukflag img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.product .productDescription .buyNow {
  display: inline-block;
  background: #151c22;
  padding: 7px 12px 5px 12px;
  margin-bottom: 20px;
  font-size: 0.875em;
  color: #ffffff;
}
.product:nth-child(4n) {
  margin-right: 0;
}
.product:nth-child(4n+1) {
  clear: both;
}
.product.end {
  margin-right: 0;
}
.product.first {
  clear: both;
}

/*#########################
######## PrimaCare ########
##########################*/
.primaCareMenu {
  padding-bottom: 50px;
}
.primaCareMenu ul {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #afb2b4;
  font-size: 1em !important;
  font-weight: 400 !important;
  padding-left: 0;
}
.primaCareMenu ul li {
  float: left;
  height: 60px;
  border-left: 1px solid #afb2b4;
  border-top: 1px solid #afb2b4;
  background: #428cbd;
}
.primaCareMenu ul li.end {
  border-right: 1px solid #afb2b4;
}
.primaCareMenu ul li.on {
  background: #151c22;
}
.primaCareMenu ul li a {
  display: block;
  height: 60px;
  padding: 15px 30px 0 30px;
  color: #ffffff;
}

.primaCareIntro, .retailerIntro {
  font-size: 1.167em;
}

.manualHolder {
  clear: both;
  padding-top: 50px;
}
.manualHolder .manualSection {
  width: 30%;
  margin-right: 5%;
  float: left;
  padding-bottom: 50px;
}
.manualHolder .manualSection:nth-child(3n) {
  margin-right: 0;
}
.manualHolder .manualSection:nth-child(3n+1) {
  clear: both;
}
.faqList dt {
  font-weight: 700;
  padding-bottom: 10px;
}
.faqList dd {
  margin-left: 0;
  font-weight: 300;
  padding-bottom: 30px;
}

/*########################
######## BOXES ########
##########################*/
.box {
  clear: both;
  width: 100%;
}

.box2, .box2Form {
  width: 50%;
  float: left;
  display: block;
}
.box2.left, .box2Form.left {
  padding-right: 20px;
}
.box2.right, .box2Form.right {
  padding-left: 20px;
}

/*########################
######## FORM ########
##########################*/
input, select, textarea {
  font-size: 1em;
  font-weight: 300;
  padding: 12px 15px 10px 15px;
  width: 100%;
  color: #151c22;
}

textarea {
  height: 120px;
}

.formSection label, .formSection .textLabel {
  display: inline-block;
  padding: 21px 0 10px 0;
}
.formSection input, .formSection select, .formSection textarea, .formSection .textInput {
  margin-bottom: 10px;
}
.formSection select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  padding: 13px 15px 11px 15px;
  border: 1px solid #cccccc;
  background: #ffffff url("../images/content/select-arrow.png") top right no-repeat;
}
.formSection select::-ms-expand {
  display: none;
}
.formSection select.pleaseselect {
  color: rgb(169, 169, 169);
  text-transform: uppercase;
}
.formSection input.dateShort {
  float: left;
  width: 60px;
}
.formSection input.dateLong {
  float: left;
  width: 80px;
}
.formSection .dateSlash {
  float: left;
  padding: 0 10px;
  font-size: 2em;
  line-height: 1.4em;
}
.formSection .error {
  color: #ff0000;
}
.formSection .checkboxHoler input {
  width: auto;
  margin-right: 10px;
}
.formSection .checkboxHoler label {
  padding-top: 5px;
}

.guaranteeDateError, .engineerDateError {
  display: block;
  clear: both;
  padding: 10px 0 0 0;
  color: #ff0000;
}
.guaranteeDateError ul, .engineerDateError ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#validationSummary {
  height: 40px;
  clear: both;
}

.submitHolder {
  text-align: center;
  padding: 50px 0;
}
.submitHolder .button {
  padding: 10px 20px;
}

.thanks {
  text-align: center;
  padding-top: 100px;
}
.thanks p {
  font-size: 1em !important;
}
.thanks .submitHolder {
  padding: 10px 0 40px 0;
}
.thanks input.button {
  width: auto;
}

/*########################
######## WHERE BUY #######
##########################*/
.whereSubmit {
  padding-top: 58px;
}
.whereSubmit .submit {
  padding: 10px 20px;
  float: left;
  max-width: 230px;
}
.whereSubmit input.detectLocation {
  background-image: url("../images/content/location-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0 0 0 0;
  background-color: #151c22;
  cursor: pointer;
  margin: 4px 0 0 15px;
  float: left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .whereSubmit input.detectLocation {
    background-image: url("../images/content/location-icon-2x.png");
    background-size: 30px 30px;
  }
}

.whereError {
  clear: both;
  max-width: 767px;
}

.retailerResults {
  clear: both;
  padding-top: 60px;
  font-size: 1.2em;
}
.retailerResults .retailerResultItem {
  margin-bottom: 50px;
  clear: both;
  padding: 20px;
  border: 1px solid #ffffff;
}
.retailerResults .retailerResultItem .retailerDetails h2 {
  font-size: 1.6em;
  line-height: 1.2em;
}
.retailerResults .retailerResultItem .retailerDetails p {
  font-size: 0.875em;
}
.retailerResults .retailerResultItem .retailerDetails .tel {
  padding-bottom: 0px;
}
.retailerResults .retailerResultItem .map .gmap {
  height: 240px;
}

.thanks {
  text-align: center;
}

/*########################
######## Prima+  #######
##########################*/
.plusIcon {
  cursor: pointer;
}

.primaPlusHolder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
}
.primaPlusHolder .primaPlusOverlay {
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  top: 0;
  left: 0;
  z-index: 2001;
}
.primaPlusHolder .primaPlusTextOuter {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
}
.primaPlusHolder .primaPlusTextInner {
  padding: 40px;
  overflow: hidden;
  height: 100%;
}
.primaPlusHolder .primaPlusText {
  width: 600px;
  height: 500px;
  margin-left: -300px;
  margin-top: -250px;
  background: #ffffff;
  color: #151c22;
  position: relative;
}
.primaPlusHolder .primaPlusText h2 {
  color: #151c22;
  line-height: 1.2em;
  padding-bottom: 20px;
}
.primaPlusHolder .primaPlusImage {
  float: right;
  width: 160px;
  max-width: 30%;
}
.primaPlusHolder .primaPlusImage img {
  width: 100% !important;
  height: auto !important;
}
.primaPlusHolder .primaPlusClose {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #151c22;
  background-image: url("../images/luxBox/close.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .primaPlusHolder .primaPlusClose {
    background-image: url("../images/luxBox/close-2x.png");
    background-size: 20px 20px;
  }
}

.primaPlusPopupFull {
  height: 100%;
  overflow: hidden;
  margin: 0;
}
.primaPlusPopupFull .primaPlusTextOuter {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.primaPlusPopupFull .primaPlusTextInner {
  overflow-y: scroll;
}
.primaPlusPopupFull .primaPlusText {
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-top: 0;
}

@media only screen and (max-height: 899px) {
  .themeHome .slideContent {
    top: 15%;
  }
  .themeWhere .slideContent {
    padding-top: 100px !important;
  }
}
@media only screen and (max-height: 700px) {
  .themeHome .slideContent {
    top: 10%;
  }
  .themeWhere {
    height: auto !important;
  }
}
@media only screen and (max-height: 500px) {
  .themeHome .slideContent {
    top: 5%;
  }
}
@media only screen and (max-height: 380px) {
  .themeHome .slideContent {
    top: 2%;
  }
  .themeHome .slideContent .logo {
    padding: 20px;
  }
  .themeHome .slideContent .logo img {
    width: auto !important;
    height: 100px !important;
  }
}
@media only screen and (max-width: 1239px) {
  /*.themeStyle {
      .heroHolder {
          right:-20% !important;
      }
  }*/
  .slideTrans {
    font-size: 1.25em;
  }
  .slide.themeWhereForm .slideContent .contentIntro, .slide.themeBrochure .slideContent .contentIntro, .slideNoScale.themeWhereForm .slideContent .contentIntro, .slideNoScale.themeBrochure .slideContent .contentIntro {
    font-size: 1.25em;
    padding: 30px 30px;
  }
  .productBuy ul li {
    font-size: 1em;
  }
  .productsSubMenu ul {
    display: none;
  }
  .productsSubMenu ul li {
    width: 25%;
    float: left;
    margin-right: 0;
  }
  .productsSubMenu .psmHeader {
    display: block;
  }
  .productsSubMenu.open ul {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  /*.themeStyle {
      .heroHolder {
          right:-40% !important;
      }
  }*/
  .slideTrans {
    font-size: 1.125em;
    padding: 30px 30px;
  }
  .slide.themeWhereForm .slideContent .contentIntro, .slide.themeBrochure .slideContent .contentIntro, .slideNoScale.themeWhereForm .slideContent .contentIntro, .slideNoScale.themeBrochure .slideContent .contentIntro {
    font-size: 1.125em;
    padding: 30px 30px;
  }
  .product {
    width: 30%;
    margin-right: 5%;
  }
  .product:nth-child(4n) {
    margin-right: 5%;
  }
  .product:nth-child(4n+1) {
    clear: none;
  }
  .product:nth-child(3n) {
    margin-right: 0;
  }
  .product:nth-child(3n+1) {
    clear: both;
  }
  /*.productBuy {
      ul {
          li {
              font-size:1em;
          }
      }
  }*/
  .productBuy {
    width: 100%;
  }
  .productBuy ul li {
    width: 22.5%;
    margin-right: 3.333%;
  }
  .productBuy ul li:nth-child(4n) {
    margin-right: 0;
  }
  .productBuy ul li:nth-child(4n+1) {
    margin-right: 3.333%;
  }
}
@media only screen and (max-width: 899px) {
  .box2 {
    width: 100%;
  }
  .box2.left {
    padding-right: 0px;
  }
  .box2.right {
    padding-left: 0px;
  }
  .manualHolder .manualSection {
    width: 45%;
    margin-right: 10%;
  }
  .manualHolder .manualSection:nth-child(3n) {
    margin-right: 10%;
  }
  .manualHolder .manualSection:nth-child(3n+1) {
    clear: none;
  }
  .manualHolder .manualSection:nth-child(2n) {
    margin-right: 0;
  }
  .manualHolder .manualSection:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .box2Form {
    width: 100%;
  }
  .box2Form.left {
    padding-right: 0px;
  }
  .box2Form.right {
    padding-left: 0px;
  }
  .slide h1 {
    font-size: 2em;
  }
  .slide p {
    font-size: 0.875em;
  }
  .slide p.titleMore {
    font-size: 1.25em;
    padding-top: 5px !important;
  }
  .slide, .slideNoScale {
    height: auto !important;
    /*.scrollArrow {
        position:relative;
        left:auto;
        bottom:auto;
        margin:auto;
        margin-bottom:40px;
    }*/
  }
  .slide .heroHolder, .slideNoScale .heroHolder {
    position: relative;
    padding: 0 !important;
    top: 0 !important;
    right: auto !important;
    width: 80% !important;
    margin: auto;
    padding-top: 30px !important;
    padding-bottom: 80px !important;
    display: block;
  }
  .slide .slideBg, .slideNoScale .slideBg {
    min-height: 700px;
  }
  .slide .slideContent, .slideNoScale .slideContent {
    padding-top: 210px !important;
    padding-left: 0px !important;
    position: relative;
  }
  .slide .slideContent .slideContentBg, .slideNoScale .slideContent .slideContentBg {
    width: 270px;
    height: 270px;
  }
  .slide.themePractical .slideContent .slideContentBg h1, .slide.themePractical .slideContent .slideContentBg p, .slideNoScale.themePractical .slideContent .slideContentBg h1, .slideNoScale.themePractical .slideContent .slideContentBg p {
    left: 2px;
    top: 80px;
  }
  .slide.themePractical .slideTrans .transContent img, .slideNoScale.themePractical .slideTrans .transContent img {
    width: 70%;
  }
  .slide.themeEfficient .slideContent .slideContentBg h1, .slide.themeEfficient .slideContent .slideContentBg p, .slideNoScale.themeEfficient .slideContent .slideContentBg h1, .slideNoScale.themeEfficient .slideContent .slideContentBg p {
    left: 35px;
    top: 80px;
  }
  .slide.themeEfficient .slideContent .slideContentBg img, .slideNoScale.themeEfficient .slideContent .slideContentBg img {
    top: 90px;
    width: 60px;
    height: 60px;
  }
  .slide.themeRange .slideContent .slideContentBg h1, .slide.themeRange .slideContent .slideContentBg p, .slideNoScale.themeRange .slideContent .slideContentBg h1, .slideNoScale.themeRange .slideContent .slideContentBg p {
    left: 35px;
    top: 40px;
  }
  .slide.themeValue .slideContent .slideContentBg h1, .slide.themeValue .slideContent .slideContentBg p, .slideNoScale.themeValue .slideContent .slideContentBg h1, .slideNoScale.themeValue .slideContent .slideContentBg p {
    left: 25px;
    top: 60px;
  }
  .slide.themeGuarantee .slideContent .slideContentBg h1, .slide.themeGuarantee .slideContent .slideContentBg p, .slideNoScale.themeGuarantee .slideContent .slideContentBg h1, .slideNoScale.themeGuarantee .slideContent .slideContentBg p {
    left: 14px;
    top: 65px;
  }
  .slide.themeWhere .slideContent, .slideNoScale.themeWhere .slideContent {
    padding-top: 100px !important;
  }
  .slide.themeWhereForm, .slide.themePrimaCare, .slide.themeBrochure, .slideNoScale.themeWhereForm, .slideNoScale.themePrimaCare, .slideNoScale.themeBrochure {
    padding-left: 0px;
    padding-right: 0px;
  }
  .slide.themeWhereForm .slideContent, .slide.themePrimaCare .slideContent, .slide.themeBrochure .slideContent, .slideNoScale.themeWhereForm .slideContent, .slideNoScale.themePrimaCare .slideContent, .slideNoScale.themeBrochure .slideContent {
    padding-top: 100px !important;
  }
  .slide.themeWhereForm .slideContent .contentIntro h1, .slide.themePrimaCare .slideContent .contentIntro h1, .slide.themeBrochure .slideContent .contentIntro h1, .slideNoScale.themeWhereForm .slideContent .contentIntro h1, .slideNoScale.themePrimaCare .slideContent .contentIntro h1, .slideNoScale.themeBrochure .slideContent .contentIntro h1 {
    font-size: 1.5em;
  }
  .slide.themeWhereForm .slideContent .contentIntro p, .slide.themePrimaCare .slideContent .contentIntro p, .slide.themeBrochure .slideContent .contentIntro p, .slideNoScale.themeWhereForm .slideContent .contentIntro p, .slideNoScale.themePrimaCare .slideContent .contentIntro p, .slideNoScale.themeBrochure .slideContent .contentIntro p {
    font-sizer: 0.875em;
  }
  .slide.themeWhereForm .slideContent .contentIntro .fiveYearGuarantee, .slide.themePrimaCare .slideContent .contentIntro .fiveYearGuarantee, .slide.themeBrochure .slideContent .contentIntro .fiveYearGuarantee, .slideNoScale.themeWhereForm .slideContent .contentIntro .fiveYearGuarantee, .slideNoScale.themePrimaCare .slideContent .contentIntro .fiveYearGuarantee, .slideNoScale.themeBrochure .slideContent .contentIntro .fiveYearGuarantee {
    width: 145px;
    height: 145px;
    float: left;
    margin: 10px 30px 0 0;
  }
  .slideTrans {
    font-size: 1em;
    position: relative;
    bottom: auto !important;
    top: auto !important;
    height: auto;
  }
  .slideTrans .contentInner .fiveYearGuarantee {
    width: 145px;
    height: 145px;
    float: left;
    margin: 10px 30px 0 0;
  }
  .slideTrans .transContent {
    width: 100%;
  }
  .slideTrans .transRetailer {
    width: 100%;
    padding-top: 30px;
    text-align: center;
  }
  .slideTrans .transRetailer a {
    margin-top: 0 !important;
  }
  .slideTrans .transRetailer img {
    max-width: 60% !important;
  }
  .slideTrans .slideTransArrow {
    width: 25px;
    height: 25px;
    border: 25px solid transparent;
    border-bottom: 25px solid #151c22;
    margin-left: -25px;
  }
  .productsSubMenu ul li {
    width: 33.333%;
  }
  .product {
    width: 46%;
    margin-right: 8%;
  }
  .product:nth-child(3n), .product:nth-child(4n) {
    margin-right: 8%;
  }
  .product:nth-child(3n+1) {
    clear: none;
  }
  .product:nth-child(2n) {
    margin-right: 0;
  }
  .product:nth-child(2n+1) {
    clear: both;
  }
  .multiBgHolder .mbgHero {
    width: 100%;
    height: 66.666%;
  }
  .multiBgHolder .mbgFeature {
    border-right: 10px solid #151c22;
    border-top: 10px solid #151c22;
    border-bottom: 0;
    border-left: 0;
  }
  .multiBgHolder .mbgFeature .mbgText {
    bottom: 20px;
    right: 0px;
    width: 100%;
    padding: 5px;
  }
  .multiBgHolder .mbgFeature.mbgSplitHolder .mbgSplit .mbgText {
    top: 30%;
    font-size: 0.875em;
  }
  .productBuy ul li a span {
    padding: 10px 0px;
  }
  .productBuy ul li {
    width: 30%;
    margin-right: 5%;
  }
  .productBuy ul li:nth-child(4n) {
    margin-right: 5%;
  }
  .productBuy ul li:nth-child(4n+1) {
    margin-right: 5%;
  }
  .productBuy ul li:nth-child(3n) {
    margin-right: 0;
  }
  .productBuy ul li:nth-child(3n+1) {
    margin-right: 5%;
  }
  .qPanelHolder {
    top: 0%;
    left: 10%;
    height: 100%;
    width: 80%;
    padding: 0% 2%;
  }
  .qPanelHolder .qPanel {
    float: none;
    width: 100%;
    height: 33.333%;
  }
  .qPanelHolder .qPanel .qContent {
    text-align: center;
  }
  .qPanelHolder .qPanel .qContent h1 {
    font-size: 1.5em;
  }
  .qPanelHolder .qPanel .qContent p {
    font-size: 1em;
  }
  .qPanelHolder .qPanel .qpsText {
    top: 30%;
    font-size: 0.875em;
    padding: 5px;
  }
  .qPanelHolder .qPanel .standardText {
    position: relative;
    width: 100%;
    padding-top: 20%;
    font-size: 2em;
  }
  .qPanelHolder .qPanel .standardText img {
    width: 140px !important;
    height: auto !important;
  }
  .productSection .productSectionInner .productSectionBox {
    float: none;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
  }
  .productSection .productSectionInner .productSectionBox h1 img {
    max-width: 90% !important;
    height: auto;
  }
  .productSection .productSectionInner .productSectionBox ul {
    text-align: left;
    margin-left: 10px;
  }
  .productSection .productSectionInner .productSectionBox ul.productList {
    margin-left: 30px;
  }
  .productSection .productSectionInner .featureTitle {
    margin-bottom: 20px;
  }
  .slide.themeHome, .slideNoScale.themeHome {
    height: 100% !important;
  }
  .slide.themeHome .slideBg, .slideNoScale.themeHome .slideBg {
    height: 100% !important;
    min-height: inherit;
  }
  .slide.themeHome .slideContent, .slideNoScale.themeHome .slideContent {
    padding-top: 0px !important;
    width: 100%;
  }
  .primaCareMenu ul {
    height: 60px;
    font-size: 1em !important;
  }
  .primaCareMenu ul li {
    height: 60px;
  }
  .primaCareMenu ul li a {
    height: 60px;
    padding: 15px 20px 0 20px;
  }
  .whereSubmit {
    padding-top: 10px;
  }
  .introSection {
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  .slide .slideContent h1, .slideNoScale .slideContent h1 {
    font-size: 2em;
  }
  .slide .slideContent p, .slideNoScale .slideContent p {
    font-size: 0.875em;
  }
  .slide .slideContent p.titleMore, .slideNoScale .slideContent p.titleMore {
    font-size: 1.25em;
  }
  .slide.themeWhereForm .slideContent h1, .slide.themeBrochure .slideContent h1, .slideNoScale.themeWhereForm .slideContent h1, .slideNoScale.themeBrochure .slideContent h1 {
    font-size: 1.25em;
  }
  .slideTrans {
    font-size: 0.75em;
    padding: 30px 10px;
  }
  .slideTrans ul {
    padding-left: 20px;
  }
  .productSection {
    padding: 0 30px;
  }
  .tab {
    top: 75%;
    font-size: 0.75em;
  }
  .tab a {
    padding: 3px 20px 5px 20px;
    height: 28px;
  }
  .tab.whereToBuyTab {
    left: -76px;
  }
  .tab.whereToBuyTab span {
    left: 16px;
  }
  .tab.whereToBuyTab img {
    top: 3px;
    left: 27px;
  }
  @-moz-document url-prefix() { /* FOR FF */
    .tab.whereToBuyTab img {
      top: 2px;
    }
  }
  .sinksTapsTab {
    right: -76px;
  }
  .backTab {
    left: -76px;
  }
  .productBuy {
    padding-bottom: 100px;
  }
  .productBuy ul li {
    width: 47.5%;
  }
  .productBuy ul li:nth-child(3n) {
    margin-right: 5%;
  }
  .productBuy ul li:nth-child(2n) {
    margin-right: 0;
  }
  .manualHolder .manualSection {
    width: 100%;
    margin-right: 0% !important;
    clear: both !important;
  }
  .primaCareMenu ul {
    height: 50px;
    font-size: 0.857em !important;
  }
  .primaCareMenu ul li {
    height: 50px;
  }
  .primaCareMenu ul li a {
    height: 50px;
    padding: 13px 15px 0 15px;
  }
}
@media only screen and (max-width: 539px) {
  .slide .slideContent, .slideNoScale .slideContent {
    padding-top: 250px !important;
  }
  .slide .slideContent h1, .slideNoScale .slideContent h1 {
    font-size: 1.5em;
  }
  .slide .slideContent p, .slideNoScale .slideContent p {
    font-size: 0.75em;
  }
  .slide .slideContent p.titleMore, .slideNoScale .slideContent p.titleMore {
    font-size: 1em;
  }
  .slide .slideContent .slideContentBg, .slideNoScale .slideContent .slideContentBg {
    width: 220px;
    height: 220px;
    padding: 15px;
  }
  .slide.themePractical .slideContent .slideContentBg h1, .slide.themePractical .slideContent .slideContentBg p, .slideNoScale.themePractical .slideContent .slideContentBg h1, .slideNoScale.themePractical .slideContent .slideContentBg p {
    left: 5px;
    top: 70px;
  }
  .slide.themePractical .slideTrans .transContent img, .slideNoScale.themePractical .slideTrans .transContent img {
    width: 100%;
  }
  .slide.themeEfficient .slideContent .slideContentBg h1, .slide.themeEfficient .slideContent .slideContentBg p, .slideNoScale.themeEfficient .slideContent .slideContentBg h1, .slideNoScale.themeEfficient .slideContent .slideContentBg p {
    top: 75px;
  }
  .slide.themeEfficient .slideContent .slideContentBg img, .slideNoScale.themeEfficient .slideContent .slideContentBg img {
    top: 82px;
    width: 45px;
    height: 45px;
  }
  .slide.themeRange .slideContent .slideContentBg h1, .slide.themeRange .slideContent .slideContentBg p, .slideNoScale.themeRange .slideContent .slideContentBg h1, .slideNoScale.themeRange .slideContent .slideContentBg p {
    left: 20px;
    top: 35px;
  }
  .slide.themeValue .slideContent .slideContentBg h1, .slide.themeValue .slideContent .slideContentBg p, .slideNoScale.themeValue .slideContent .slideContentBg h1, .slideNoScale.themeValue .slideContent .slideContentBg p {
    top: 60px;
  }
  .slide.themeGuarantee .slideContent .slideContentBg h1, .slide.themeGuarantee .slideContent .slideContentBg p, .slideNoScale.themeGuarantee .slideContent .slideContentBg h1, .slideNoScale.themeGuarantee .slideContent .slideContentBg p {
    top: 60px;
  }
  .slide .slideTrans .contentInner .fiveYearGuarantee, .slideNoScale .slideTrans .contentInner .fiveYearGuarantee {
    width: 80%;
    height: auto;
    margin: 0 auto 20px;
    float: none;
  }
  .slide.themeWhereForm .slideContent, .slide.themePrimaCare .slideContent, .slide.themeBrochure .slideContent, .slideNoScale.themeWhereForm .slideContent, .slideNoScale.themePrimaCare .slideContent, .slideNoScale.themeBrochure .slideContent {
    padding-top: 50px !important;
  }
  .slide.themeWhereForm .slideContent .contentIntro h1, .slide.themePrimaCare .slideContent .contentIntro h1, .slide.themeBrochure .slideContent .contentIntro h1, .slideNoScale.themeWhereForm .slideContent .contentIntro h1, .slideNoScale.themePrimaCare .slideContent .contentIntro h1, .slideNoScale.themeBrochure .slideContent .contentIntro h1 {
    font-size: 1.125em;
  }
  .slide.themeWhereForm .slideContent .contentIntro p, .slide.themePrimaCare .slideContent .contentIntro p, .slide.themeBrochure .slideContent .contentIntro p, .slideNoScale.themeWhereForm .slideContent .contentIntro p, .slideNoScale.themePrimaCare .slideContent .contentIntro p, .slideNoScale.themeBrochure .slideContent .contentIntro p {
    font-size: 0.675em;
  }
  .slide.themeWhereForm .slideContent .contentIntro .fiveYearGuarantee, .slide.themePrimaCare .slideContent .contentIntro .fiveYearGuarantee, .slide.themeBrochure .slideContent .contentIntro .fiveYearGuarantee, .slideNoScale.themeWhereForm .slideContent .contentIntro .fiveYearGuarantee, .slideNoScale.themePrimaCare .slideContent .contentIntro .fiveYearGuarantee, .slideNoScale.themeBrochure .slideContent .contentIntro .fiveYearGuarantee {
    width: 80%;
    height: auto;
    margin: 0 auto 25px;
    float: none;
  }
  .pageOptionsMenu .changeStyle ul li .title {
    margin-top: 15px;
  }
  .productsSubMenu ul li {
    width: 50%;
  }
  .product {
    width: 100%;
    margin-right: 0%;
    clear: both;
    padding-right: 40px;
    padding-left: 40px;
  }
  .product:nth-child(2n), .product:nth-child(3n), .product:nth-child(4n) {
    margin-right: 0%;
  }
  .product .productTitle {
    padding: 8px 20px 10px 20px;
  }
  .productSection {
    padding: 0;
  }
  .productSection .productSectionInner .productSectionBox {
    font-size: 0.75em;
  }
  .productSection .productSectionInner .productSectionBox ul {
    margin-left: 0px;
  }
  .productSection .productSectionInner .productSectionBox ul.productList {
    margin-left: 10px;
  }
  .productSection .productSectionInner .productSectionBox ul.productList li {
    padding-top: 4px;
  }
  .multiBgHolder .mbgFeature .mbgText {
    font-size: 0.75em;
  }
  .bgCaption {
    font-size: 0.75em;
  }
  .primaCareMenu ul {
    height: 40px;
    font-size: 0.714em !important;
  }
  .primaCareMenu ul li {
    height: 40px;
  }
  .primaCareMenu ul li a {
    height: 40px;
    padding: 10px 10px 0 10px;
  }
  .primaPlusText {
    font-size: 0.75em;
  }
}
@media only screen and (max-width: 470px) {
  .themeBrochure .slideContent .brochureOpen {
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-top: 25px;
  }
  .themeBrochure .slideContent .downloadBrochure {
    width: 75%;
    height: auto;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 320px) {
  .slide .slideContent h1, .slideNoScale .slideContent h1 {
    font-size: 1.6em;
  }
  .slide .slideContent p, .slideNoScale .slideContent p {
    font-size: 0.75em;
  }
  .slide.themeWhereForm .slideContent h1, .slide.themePrimaCare .slideContent h1, .slide.themeBrochure .slideContent h1, .slideNoScale.themeWhereForm .slideContent h1, .slideNoScale.themePrimaCare .slideContent h1, .slideNoScale.themeBrochure .slideContent h1 {
    font-size: 1.6em;
  }
  .slide.themeWhereForm .slideContent p, .slide.themePrimaCare .slideContent p, .slide.themeBrochure .slideContent p, .slideNoScale.themeWhereForm .slideContent p, .slideNoScale.themePrimaCare .slideContent p, .slideNoScale.themeBrochure .slideContent p {
    font-size: 0.75em;
  }
  .primaCareMenu ul li a {
    padding: 10px 8px 0 8px;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd ? Copyright {Year(s)} and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  overflow: hidden;
  height: 106px;
}
#header.scroll, #header.productActive, #header.menuTransition {
  height: 68px;
}
#header.scroll h1, #header.productActive h1, #header.menuTransition h1 {
  display: block;
}
#header.scroll h1 a, #header.productActive h1 a, #header.menuTransition h1 a {
  display: block;
  height: 100%;
}
#header.scroll .headerBg, #header.productActive .headerBg, #header.menuTransition .headerBg {
  top: 0;
}
#header.scroll ul, #header.productActive ul, #header.menuTransition ul {
  padding-top: 20px;
}
#header.scroll ul li, #header.productActive ul li, #header.menuTransition ul li {
  /*.reg {
      display:none;
  }

  .alt {
      display:inherit;
  }*/
}
#header.scroll ul li a, #header.productActive ul li a, #header.menuTransition ul li a {
  opacity: 1;
  filter: alpha(opacity=100);
}
#header.scroll ul li a:hover, #header.scroll ul li a.active, #header.productActive ul li a:hover, #header.productActive ul li a.active, #header.menuTransition ul li a:hover, #header.menuTransition ul li a.active {
  color: #428cbd;
}
#header.menuTransition ul.mainMenu, #header.productActive ul.mainMenu {
  display: none;
}
#header.productActive ul.productsMenu {
  display: block;
}
#header .headerInner {
  width: 100%;
  height: 100%;
  position: relative;
}
#header .contentInner {
  max-height: 100%;
  height: 100%;
}
#header .headerBg {
  background: #151c22;
  height: 68px;
  width: 100%;
  position: absolute;
  top: 100%;
}
#header h1 {
  padding: 15px 0 16px 0;
  float: left;
  display: none;
  height: 68px;
  max-height: 100%;
}
#header h1 img {
  display: block;
  height: 100% !important;
  width: auto !important;
}
#header ul {
  float: right;
  padding-top: 40px;
  padding-left: 0px;
}
#header ul li {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 40px;
  position: relative;
  font-size: 0.875em;
}
#header ul li:first-child {
  padding-left: 0px;
}
#header ul li .reg {
  display: none;
}
#header ul li .alt {
  display: inherit;
}
#header ul li a {
  color: #ffffff;
}
#header ul li a:hover, #header ul li a.active {
  color: #428cbd;
  opacity: 1;
  filter: alpha(opacity=100);
}
#header ul li.home a {
  opacity: 1;
  filter: alpha(opacity=100);
}
#header ul li.home a img {
  margin-top: -3px;
}
#header ul li.home a.active .reg {
  display: inherit;
}
#header ul li.home a.active .alt {
  display: none;
}
#header .productsMenu {
  display: none;
}

@media only screen and (max-width: 1239px) {
  #header ul li {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1023px) {
  #header ul li {
    padding-left: 10px;
    font-size: 0.75em;
  }
}
@media only screen and (max-width: 883px) {
  #header ul li {
    padding-left: 5px;
    font-size: 0.65em;
  }
}
@media only screen and (max-width: 767px) {
  #header ul li.hide {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  #header {
    height: 68px;
  }
  #header h1 {
    padding: 15px 0 16px 0;
    height: 68px !important;
  }
  #header ul {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 374px) {
  /*#header {
      height: 50px;
      h1 {
          padding: 12px 0 10px 0;
          height: 50px !important;
      }

      ul {
          padding-top:12px;

          li {
              font-size:0.750em;
              padding-left:5px;
          }
      }
  }*/
  #header ul li {
    font-size: 0.75em;
    padding-left: 5px;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd ? Copyright {Year(s)} and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
#footer {
  background: #151c22;
  padding: 60px 20px;
  text-align: center;
}
#footer .footerSocial {
  padding: 0 0 20px 0;
}
#footer .footerSocial li {
  list-style: none;
  display: inline-block;
  padding: 0 10px 0 10px;
}
#footer .footerLinks {
  padding: 0 0 20px 0;
  margin: 0;
}
#footer .footerLinks li {
  list-style: none;
  display: inline-block;
  padding: 0 11px 0 10px;
  border-right: 1px solid #ffffff;
  text-transform: uppercase;
  font-size: 0.75em;
}
#footer .footerLinks li.end {
  border-right: none;
}
#footer .small {
  font-size: 0.875em;
}
#footer a {
  color: #ffffff;
}
#footer .legal {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #footer .footerLinks li {
    list-style: none;
    display: block;
    padding: 0 0 16px 0;
    border-right: none;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
.luxBox {
  cursor: pointer;
}

.luxBody {
  height: 100%;
  overflow: hidden;
}

.luxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  top: 0;
  left: 0;
  z-index: 1000;
}

.luxBoxOuter {
  position: fixed;
  z-index: 1002;
  background: #151c22;
}

.luxBoxInner {
  position: relative;
}

.luxClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 58px;
  height: 32px;
  background-color: #151c22;
  background-image: url("../images/luxBox/close.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .luxClose {
    background-image: url("../images/luxBox/close-2x.png");
    background-size: 15px 15px;
  }
}

.luxLoading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}

.luxError {
  background: #151c22;
  padding: 20px;
  position: fixed;
  border-radius: 6px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}

.luxText {
  padding: 25px 58px 16px 28px;
  background: #151c22;
  line-height: 1.2em;
  color: #ffffff;
  position: relative;
}
.luxText.luxHasLink {
  padding-right: 166px;
}

.luxTextTitle {
  padding-bottom: 10px;
  font-weight: 400;
}

.luxTextDesc {
  font-size: 0.875em;
  padding-bottom: 10px;
}

.luxLink {
  position: absolute;
  top: 0;
  right: 68px;
  display: block;
  background: #151c22;
  padding: 7px 12px 5px 12px;
  font-size: 0.875em;
}

/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2015 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
#lscookiesMax {
  position: fixed;
  bottom: 5%;
  right: 0;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #e9e8e3;
  border-right: 0;
  z-index: 9999;
  padding: 20px 25px 15px 25px;
  border-radius: 6px 0 0 6px;
  color: #151c22;
  width: 280px;
  font-weight: 400;
}
#lscookiesMax h1 {
  font-size: 0.813em;
  color: #151c22;
  text-transform: uppercase;
  padding-bottom: 3px;
  font-weight: 700;
}
#lscookiesMax p {
  font-size: 0.75em;
  padding-bottom: 3px;
}
#lscookiesMax p a {
  text-decoration: underline;
  color: #428cbd;
}

#cookieClose {
  position: relative;
}
#cookieClose a {
  display: block;
  padding: 5px;
  border: 1px solid #e9e8e3;
  width: 23px;
  height: 23px;
  background: #fff;
  position: absolute;
  top: -8px;
  right: -10px;
  border-radius: 4px;
}
#cookieClose a img {
  display: block;
}