/** Shopify CDN: Minification failed

Line 480:0 Unexpected "}"

**/
* {
  box-sizing: border-box;
}

/* Set height of body and the document to 100% */
body,
html {
  height: 100%;
  margin: 0;
/*   font-family: Arial; */
 
}

@media (min-width: 846px){
  .column h2 {
  	font-size: 36px;
  }
}
.column h2 {
  font-weight: 700;
}

.column hr {
	margin: 0;
}

.category-subtext{
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 160%;
  color: #303133;
  margin-bottom: 0px;
}

ul li {
  list-style: none !important
}

#content {
  height: 1200px;
}
#blue{
  background-color: #f3f8fb;
}
.faq-title{
  font-size: 42px; 
  text-align: center; 
  background-color: #f3f8fb; 
  padding-top: 55px;   
  font-family: 'Frank Ruhl Libre', serif; 
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: none;
  color: #303133;
}

.faq-title>a:hover{
  color: #303133;
}

.container {
/*   height: 100px; 
  margin-bottom: 60px;
  background-color: #f3f8fb; */
}

/* Style for accordion in general*/
.accordion {
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.accordion > a {
  color: #303133;
  cursor: pointer;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Open Sans';
}
.accordion > a:hover {
  text-decoration: none;
  font-weight: 500;
}

/* Style for question-answer accordion arrow in subcat page */
.accordion.question-panel {
  position: relative;
  /* padding-bottom: 40px; */
  font-family: Frank Ruhl Libre;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}
/* .accordion.question-panel > a {
  position: absolute;
} */

.question-below-Subcategory.active > a{
	font-weight: 500;
}
.question-below-Subcategory{
	margin: 15px 0px;
}

.question-below-Subcategory {
  font-size: 20px;
  background-color: #f3f3f3;
}

.question-below-Subcategory:hover {
  background-color: lightgray;
}

.question-below-Subcategory:hover > a {
  font-weight: 500;
}

.subcat-section.active div .question-below-Subcategory {
/*   margin-bottom: 15px; */
  display: flex;
  justify-content: space-between;
  align-items: center;
/*   height: 60px; */
}

.subcat-section.active div .question-below-Subcategory a {
  max-width: 90%;
}

/* Disable cursor pointer for question panel div when subcategory not active */
section.subcat-section:not(.active)
  .question-panel.question-below-Subcategory:hover {
  cursor: default;
}

/* Dropdown arrow in accordion */
.accordion-arrow {
  width: 30px;
  height: auto;
  transform: scale(0.5);
}
.active > .accordion-arrow {
  /*To rotate the arrow (point downwards) when accordion is opened*/
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg) scale(0.5);
}

.accordion-arrow--subcat {
  position: absolute;
  right: 20px;
  bottom: 16px;
  width: 30px;
  height: auto;
  transform: scale(0.5);
  transition: 0.2s ease;
}

.active > .accordion-arrow--subcat {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

/* Accordion in subcategory pages */
w {
  background-color: #f3f8fb;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  position: relative;
}

.subcat-name {
/*   position: absolute; */
  color: #eee;
  font-size: 26px;
}

.subcat-accordion {
  padding: 20px 0px 20px 30px;
  position: relative;
  font-family: Frank Ruhl Libre;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  background-color: rgba(42, 58, 91, 1);
  cursor: pointer;
}

.subcat-accordion.active {
  background-color: rgba(42, 58, 91, 1);
}

.subcat-accordion:hover {
  background-color: rgba(42, 58, 91, 0.9);
}

.identifyparts-mobile {
  display: none;
}
#identify_pop-mobile {
  display: none;
}

.faq-nav-footer {
  position: absolute;
/*   width: 120%; */
  right:2vw;
  bottom: 20px;
}

.identifyparts > .left-text {
  width: 220px;
  text-align: left;
  font-family: Frank Ruhl Libre;
  font-size: 25px;
  font-weight: 500;
  padding-left: 15px;
  padding-top: 15px;
}
.identifyparts > img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 90%;
  max-width: 330px;
}

.identifyparts_popup_bottom_nav{
  height: 160px; 
  width: 287px; 
  max-width: 287px; 
  position: relative;
  background-color: #f2eadf;
  border: 1px solid black;
  cursor: pointer;
  line-height:32px;
}

.support_popup_bottom_nav{
  height: 160px; 
  width: 287px; 
  max-width: 287px; 
  position: relative;
  background-color: #f3f8fb;
  border: 1px solid black;
  cursor: pointer;
  line-height: 32px; 
}

.no-hover{
    pointer-events:none;
}

.plus_button {
  position: absolute;
  width: 29px;
  height: 27px;
  cursor: pointer;
  border: transparent;
  background-image: url("https://www.dl.dropboxusercontent.com/s/i2f19i40ei4a32a/plus.svg?raw=1");
  background-color: #eae4dc;
  left: 260px;
  top: 10px;
}

#identify_pop {
  display: none;
  position: sticky;
  width: 98%;
  height: 450px;
  padding: 2px 0;
  background-color: #f2eadf;
  border: 1px solid;
  z-index: 2;
  bottom: 10px;
  left: 1%;
  max-width: 1300px;
}

.pop-text {
  width: 18%;
  max-width: 290px;
  margin: 2%;
  font-family: Frank Ruhl Libre;
  /* font-size: 2.3vw; */
  font-size: 28px;
  font-weight: 600;
  margin-left: 28px;
  margin-top: 65px;
  line-height: 32px;
  color: #303133;
}

.pop-subtext {
  width: 20%;
  max-width: 220px;
  height: 20%;
  margin: 2%;
  font-family: 'Open Sans';
  font-size: 16px;
  /* font-size: 1.3vw; */
  line-height: 1.6;
  margin-left: 28px;
  margin-top: -10px;
  color: #303133;
}

.minus_button {
  position: absolute;
  width: 46px;
  height: 44px;
  cursor: pointer;
  border: transparent;
  background: url("/cdn/shop/files/faq-minus.svg?v=1630438004") no-repeat !important;
  background-color: #eae4dc;
  right: 20px;
  top: 10px;
  z-index: 3;
}

.previous_button {
  position: absolute;
  height: 46px;
  width: 46px;
  background: url("/cdn/shop/files/faq-previous.svg?v=1630438223") no-repeat !important;
  cursor: pointer;
  border: transparent;
  background-color: transparent;
  bottom: 45%;
  left: 23%;
  z-index: 3;
}

.next_button {
  position: absolute;
  height: 46px;
  width: 46px;
  background: url("/cdn/shop/files/faq-next.svg?v=1630438136") no-repeat !important;
  cursor: pointer;
  border: transparent;
  background-color: transparent;
  bottom: 45%;
  right: 50px;
  z-index: 3;
}

#pop_img {
  position: absolute;
  left: 25%;
  right:6%;
  overflow-x: scroll;
  overflow-y: hidden;
  top: 13%;
  max-width: 900px;
/*   height: 90%; */
  max-height: 400px;
  white-space: nowrap;
  scroll-behavior: smooth;
}

.pop-up-img {
  display: inline-block;
}

.pop_img::-webkit-scrollbar {
  display: none;
}

.contact {
  position: relative;
  height: 200px;
  width: 100%;
  background-color: #293b5a;
  z-index: 1;
}

/* .subcat-section.active > .contact {
  position: relative;
  height: 200px;
  width: 100%;
  background-color: #293b5a;
  z-index: 1;
  margin-top: 490px;
} */

.contact > .right-text {
  color: white;
  width: 500px;
  padding-top: 50px;
  padding-left: 8%;
  font-family: Frank Ruhl Libre;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
.contact > .right-subtext {
  color: white;
  width: 400px;
  padding-left: 8%;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: normal;
  position: relative;
}
.contact > button {
  color: #2a3a5b;
  background-color: #f2eadf;
  width: 200px;
  height: 65px;
  font-family: 'Work Sans';
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  letter-spacing: 0.05px;
  right: 6%;
  bottom: 80px;
  cursor: pointer;
  padding: 0px;
}

@media screen and (max-width:1340px){
  .contact > .right-text {
    font-size: 24px;
  }
  .contact > .right-subtext {
    font-size: 14px;
  }
} 

@media screen and (max-width:1150px){
  .contact > button {
    bottom:30px;
    left: 30%;    
    position: absolute;
   }
  .contact > .right-text {
    width: 100%;
    padding-top:20px;
    padding-left:0px;
    text-align: center;
  }

  .contact > .right-subtext {
    text-align: center;
    width: 100%;
    padding-left:0px;
  }
} 

@media screen and (max-width:940px){
  .contact>button {
    left: 25%;
    bottom: 30px;
   }
  }
} 


/*Style for the directory/breadcrumbs*/
.breadcrumbs-dir {
  color: #303131;
  font-family: 'Work Sans';
  text-transform: uppercase;
}
.breadcrumbs-dir > a{
  text-decoration: none;
  color: #171717;
  font-family: 'Work Sans';
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}
.breadcrumbs-dir > a:hover {
  text-decoration: underline;
  font-weight:500;
  color: #2a3a5b;
  cursor: pointer;
}
.breadcrumbs-dir>a.breadcrumbs-dir-focus, .breadcrumbs-dir-focus{
  font-weight: 600;
  color: #2a3a5b;
}

@media (min-width: 1121px) and (max-width: 1290px){
 .subcat-header-style{
  font-size: 30px !important; 
 }
}

@media (min-width: 1000px) and (max-width: 1120px){
 .subcat-header-style{
  font-size: 28px !important;
 }
}

@media (min-width: 900px) and (max-width: 999px){
 .subcat-header-style{
  font-size: 25px !important;
 }
}
@media (min-width: 846px) and (max-width: 899px){
 .subcat-header-style{
  font-size: 23px !important; 
 }
}

.subcat-header-style{
  background-color: #2a3a5b;
  color: white;
  padding: 34px 20px;
}

.subcat-header-style + hr{
  display: none;
}

/* Create two equal columns that float next to each other */
.column {
  float: left;
  max-width: 1390px;
  background-color:white; 
  width:70%; 
  padding-left: 60px;
  padding-right: 10%;
  height: 100px;
  display: flex;
  flex-direction: row-reverse;
}

.column::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.subcat-section::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.scroll-cat::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#tab-content {
  background-color: white;
  max-height: 900px;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  position: relative;
  color: black;
  display: table;
  padding: 100px 0px 0px 0px;
  height: 100%;
  width: 100%;
/*   padding-left: 10%; */
}

.column > ul > li > ul > li{
  margin: 10px;
}

li {
  text-decoration: none;
}

.nav {
  position: relative;
  background-color: white;
  width: 30%;
  border-right: 1px solid lightgray;
  padding:0px;
  height: 777px;
}

.nav ul {
  padding: 0px;
  margin-top: 0px;
}

.drop-nav {
  background-color: white;
  margin: 0px 0px 10px 30px;
  width: 225px;
}
.drop-nav a {
  text-decoration: none;
  color: #616161;
  display: block;
  font-size: 16px;
  background-color: white;
  min-width: 125px;
}

.drop-nav a:active {
  text-decoration: none;
  background-color: white;
}

.drop-nav a:hover {
  text-decoration: none;
  background-color: white;
  color: black;
  font-weight: 600;
}

.drop-nav a:focus {
  text-decoration: none;
  background-color: white;
  color: #303133;
}

.drop-nav > ul {
  display: none;
  margin: 12px;
}

.drop-nav li > a {
  font-size: 14px;
}

.drop-nav.active > ul {
  display: block;
}

.drop-nav.active > a {
  color: #303133;
  font-weight: 600;
}

.drop-nav.active > ul > li.active > a {
  color: #303133;
  font-weight: 600;
}

.dropdown-active {
  border-radius: 25px;
}

.subcat-section:not(.active) .question-panel a:hover {
  text-decoration: underline;
  color: gray;
  transition: 0.2s ease;
}

.subcat-section {
  margin: 30px 0;
}
.subcat-section.active{
  margin: 0;
}
.subcat-section:not(.active) > .contact {
  display: none;
  margin-top: 0px;
}
.subcat-section.active {
  max-height: 609px;
}

.subcat-section.active > .subcat-accordion {
  display: none;
}

/* the a tags will be underlined if hoevered over when category page is open; but is should not be underlined when subcategory page is open*/
.subcat-section:not(.active) .question-panel > a:hover {
  text-decoration: underline;
  color: gray;
}
.subcat-section.active .question-panel > a:hover {
  text-decoration: none;
}

/* Question panel colors*/
.subcat-section:not(.active) .question-panel {
  border: none;
/*   background-color: #f5f5f5; */
}
.subcat-section:not(.active) .question-panel:hover {
  border: none;
  background-color: white;
  text-decoration: underline;
}
.subcat-section:not(.active) .question-panel .accordion-arrow {
  display: none;
}

/*category  page scroll*/
.scroll-cat {
  overflow: scroll;  
  max-height: 625px;
/*   background-color: #f5f5f5; */
}

.subcat-header-style ~ .scroll-cat{
  max-height: 608px;
}

.question-panel-answer--wrapper {
  overflow: hidden;
  transition: height 0.6s ease-in;
  background-color: white;
  font-size: 14px;
}

.question-panel-answer--inner {
  padding: 0 25px;
  line-height: 24px;
  white-space: pre-line;

}

#NeoSeries {
  background-color: white;
}
#LUXE {
  background-color: white;
}
#LUXELET {
  background-color: white;
}
#ToiletSeat {
  background-color: white;
}
#WaterFilter {
  background-color: white;
}
#FootStool {
  background-color: white;
}
#Whift {
  background-color: white;
}

/*
  Accordion expand & collapse animation
*/
.collapsible {
  overflow: hidden;
  transition: height 0.2s ease-out;
  height: auto;
/*   background-color: #f5f5f5; */
}

/* fix footer */
#pagefooter {
	margin-top: 50px;
}
#NeoSeries-cat{
	margin-top: 0px;
}