  .bg-lightgray {background-color:#f0f0f0}
  
  #seatingHeader:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
    }
  .SEDEOopening {max-width: 530px}
  .slick-track {margin: 0 auto}
 
  .nav-link:hover {background-color:#e3e3e3}
  .titleLine {position:relative}
  .titleLine:after {
    content: '';
    position: relative;
    display:block;
    width:80px;
    height: 4px;
    background-color:orange;
    margin-top:15px;
    }
  .vh90 {position:relative}
.vh90:before {
content:'';
    display:block;
    position:absolute;
    top:0;
    width:100%;
  height:100px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    z-index: 1;
}
  
  .slick-slide a {background-color: #ffffff; margin-right: 5px}
  .slick-slide a:hover {text-decoration:none}
  .slick-slide a:hover .more-info {color:#f06c00}
  
  .tab-pane ul {list-style: disc;padding-left: 1rem;line-height:1.5;}
  .tab-pane ul li {margin-bottom: 5px}
  .tab-selection, .availability {background-color: #f0f0f0;}
  .nav-tabs {border-bottom:0!important}
  .nav-link {border-top: none!important; border-right: none!important; border-left: none!important; border-bottom: none!important; min-width:372px}

  
  .fw-bold {font-weight: 600}

  .seatingTab {display:flex!important;overflow-y: hidden; }
  .seatingTab h2 {line-height: 1.2}
  .seatingTab .nav-item {border-right: solid 3px #ffffff}
  
 .circles{
  display:inline-block;
  margin: 0;
  padding:0;
  width: 61px;
} 
  
span.circle{
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  padding:2px;
  border-radius:50%;
  list-style:none;
  border:2px solid #e3e3e3;
  overflow:hidden;
  background-color: #ffffff;
}
  
  span.circle.full:before{
  content:'';
  display:inline-block;
  background:orange;
  width:100%;
  height:100%;
  border-radius:50%;
  vertical-align:top;
}
  
  span.circle.half:before{  
  content:'';
  display:inline-block;
  background:#88af29;
  width:100%;
  height:100%;
  margin-left:-50%;
  vertical-align:top;
}
  
  span.circle.halfy:before {
  content:'';
  display:block;
    width: 5px;
    height: 7px;
    background-color: #88af29;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 2x solid gray;
    border-right: 0;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


  

  
  /* Tooltip text */
.highlight-group .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333333;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 14px;
   position: absolute;
  z-index: 1;
    top:50px;
    left:0;
    font-weight: 700;
    font-size: 13px;
}
  
  /* Show the tooltip text when you mouse over the tooltip container */
.highlight-group:hover .tooltiptext {
  visibility: visible;
}
  
  .highlight-group {
    position: absolute;
    width: 40px;
    height: 40px;
    }

  .highlight-spot {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  box-shadow: none;
    display:block;
}
.highlight-spot:before {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: orange;
  border: 2px solid orange;
  -webkit-animation: sonar 800ms ease-out infinite;
          animation: sonar 800ms ease-out infinite;
    content: '';
    display:block;
}
 
.highlight-group:hover .highlight-spot:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    }
  

  .plus .highlight-spot:after {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #54b72c;
  border: 2px solid #54b72c;
    content: '';
    display:block;
    color:#ffffff;
    position: absolute;
    top:-9px;
    left:-9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
  
  .pro .highlight-spot:before {
    background-color: #668cd3;
    border: 2px solid #668cd3;
    -webkit-animation: sonar-plus 800ms ease-out infinite;
          animation: sonar-plus 800ms ease-out infinite;
    }
  
  .plus.pro .highlight-spot:after {
    background-color: #3356b7;
  border: 2px solid #3356b7;
    }
  
  .advanced .highlight-spot:before {
    background-color: #92d72f;
    border: 2px solid #92d72f;
    -webkit-animation: sonar-plus 800ms ease-out infinite;
          animation: sonar-plus 800ms ease-out infinite;
    }
  .plus.advanced .highlight-spot:after {
    background-color: #5dbe13;
  border: 2px solid #5dbe13;
    }
  
  .up .highlight-spot:before {
    background-color: #d94f52;
    border: 2px solid #d94f52;
    -webkit-animation: sonar-plus 800ms ease-out infinite;
          animation: sonar-plus 800ms ease-out infinite;
    }
  
  .plus.up .highlight-spot:after {
    background-color: #c12426;
  border: 2px solid #c12426;
    }
  
 
  

  

  
.highlight-spot:hover
{
    cursor: pointer;
}

    a.nav-link {padding: 1.2rem 2rem;}
  a.nav-link.active {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f8a807' class='bi bi-chevron-compact-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z'/%3E%3C/svg%3E");
    background-position: center bottom 15px;
    background-repeat: no-repeat;
    background-size: 55px 55px;
  }
  a.nav-link img {margin-bottom: 5px}
  
  a.nav-link.active .sm-btn {visibility:hidden}
  
  a.nav-link .sm-btn {border-radius: 50px; font-size: 12px; margin-top: 15px; width: 100%;text-align: center; background-color: orange; border-color: orange!important}
  .scale li {margin-bottom:2px}
  .scale li span {max-width: 145px; line-height: 1.5}
  
@-webkit-keyframes sonar {
  from {
    box-shadow: 0 0 0 0 orange, 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 10px rgba(255, 147, 223, 0), 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
}
@keyframes sonar {
  from {
    box-shadow: 0 0 0 0 orange, 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 10px rgba(255, 147, 223, 0), 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
}

@-webkit-keyframes sonar-plus {
  from {
    box-shadow: 0 0 0 0 #54b72c, 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 10px rgba(255, 147, 223, 0), 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
}
@keyframes sonar-plus {
  from {
    box-shadow: 0 0 0 0 #54b72c, 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 10px rgba(255, 147, 223, 0), 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
}
  
/* Play Button */
  
.video-play-button {
  position: relative;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  width: 60px;
  height: 60px;
  /* background: #fa183d; */
  border-radius: 50%;

}
  
  .video-play-button svg {z-index: 11; position: relative}
  
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: orange;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
  
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: orange;
  border-radius: 50%;
  transition: all 200ms;
}
  
.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}
  
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
  
  .guide-button svg {
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: #ff6e00;
    border-radius: 50%;
    padding:8px;
}
  
  
  /* SIDE ARROWS */
  
  .arrows {
  width: 60px;
  height: 72px;
  position: relative;
  transform: rotate(270deg);
}
  
  @media screen and (max-width: 992px) {
    .arrows
    {
      transform: rotate(0deg);
    }
    }

.arrows path {
  stroke: #f06c00;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.hotspotIntro div {color: #f06c00}

/* Consideration Checkbox List */
  .sm-btn.selection {background-color: #ffa500; border-radius: 40px;border: #ffa500}
  .selectionGuide select {border-radius: 50px; width:100%!important}
  .selectionGuide .filterLabel, .selectionGuide .filterLabel-2, .selectionGuide .filterLabel-3 {font-weight:600; color: #333333; position:relative; display:block}
  .selectionGuide .filterLabel:before, .selectionGuide .filterLabel-2:before, .selectionGuide .filterLabel-3:before {
    content: "1";
    display:flex;
    position: relative;
    width: 35px;
    height: 35px;
    background-color: #f06c00;
    color: #ffffff;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    font-size: 14px!important;
        -webkit-flex: 0 0 35px;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
 }
  
  .selectionGuide .filterLabel span,.selectionGuide .filterLabel-2 span {}

    
    .selectionGuide .filterLabel-2:before {
      content:"2";
      }
  
  .selectionGuide .filterLabel-3:before {
      content:"3";
      }
  
  ul.symptoms {margin-bottom:0}
  
  ul.symptoms>li {
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  margin: 0 12px 12px 0;
  text-transform: normal; 
  text-decoration: none;  
}
  
  ul.symptoms>li:last-child {
    margin-bottom:0
  }
  
ul.symptoms>li label {
   padding: 0px 0px 0px 28px;
   margin:0;
   cursor:pointer;
   position: relative;
   overflow: hidden;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left top 1px;
    font-size: 14px;
   
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3C/svg%3E");
}
  
  

  ul.symptoms>li>span {
    
    padding-right: 20px;
    }

  svg.tooltipBubble {
position: absolute;
    margin-left: 5px;
    top: 8px;
    right: 8px;
    }
  
 
svg.tooltipBubble:hover {
    position: relative;
    }


svg.tooltipBubble:hover:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    content: attr(data-title);
    margin-top: 0.3em;
    padding: 0.6em 0.8em;
    width: 200px;
    word-wrap: break-word;
    color: #fff;
    text-align: center;
    background-color: #333;
    text-transform: initial;
    font-size: 13px;
    border-radius: 8px;
    }
  

 
  

ul.symptoms>li label:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z'/%3E%3C/svg%3E");
}
  

ul.symptoms>li input[type="checkbox"] {
  display: none;
}
  
ul.symptoms>li input[type="checkbox"]:checked + label {
    font-weight:600;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z'/%3E%3C/svg%3E");
}


.seatingOptions img {
    border: solid 1px #e3e3e3;
    border-radius: 10px;
    }

.accordion-toggle-link {color: #333; font-weight: 600}
.accordion-toggle-container {
    padding-bottom: 0;
    margin-bottom: 4px;
    border-bottom: none;
    }
.expand[aria-expanded="false"]
  {
    background-color: #e1e1e2;
    padding: 9px 14px;
    }
  
.expand[aria-expanded="true"]
  {
    padding: 9px 14px;
    background-color: #f1f1f1;
    }



 
.poweredOptions .col-3:not(:only-child):not(:last-child):after {
    content: '';
    position: absolute;
    display:block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e3e3e3' class='bi bi-plus-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: cover;
    backround-repeat: no-repeat;
    right: -10px;
    top: 59px;
    margin-top: -5px;
    z-index: 1;
}
  
    
 

  
  details ul, #considerationSection ul {list-style:disc;margin-left:25px}
  details ul li, #considerationSection ul li {margin-bottom:8px;font-size:14px; line-height:1.5}
  
  details {
    margin-bottom: 12px;
    display: block;
  }
  details ul {margin-top: 10px; margin-left: 30px;}
  details summary {position: relative; padding-left: 30px;font-size: 16px;color: #242a34;
    font-weight: 400;}
  details summary::-webkit-details-marker {display: none; }
  details summary {
    list-style: none;
    background-position: left center;
    background-size: 30px 30px;
    background-repeat: no-repeat;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 4000'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:orange;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Crect class='cls-1' width='4000' height='4000'/%3E%3Cpath class='cls-2' d='M1932.12,2501.91l-777.37-777.38a96,96,0,0,1,0-135.76l90.66-90.67a96,96,0,0,1,135.61-.16L2000,2114l619-616.08a96,96,0,0,1,135.61.16l90.66,90.67a96,96,0,0,1,0,135.76L2067.88,2501.9A96,96,0,0,1,1932.12,2501.91Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  details[open] summary {
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 4000'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:orange;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Crect class='cls-1' width='4000' height='4000'/%3E%3Cpath class='cls-2' d='M2067.88,1498.09l777.37,777.38a96,96,0,0,1,0,135.77l-90.66,90.66a96,96,0,0,1-135.61.16L2000,1886l-619,616.08a96,96,0,0,1-135.61-.16l-90.66-90.67a96,96,0,0,1,0-135.76l777.37-777.37A96,96,0,0,1,2067.88,1498.09Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
 
  
.warning p {
        font-size: 13px !important;
    line-height: 1.55;
    margin-bottom:0
    }
  
 #selectionForm .noval.form-control {
    -webkit-animation: sonar 800ms ease-out infinite;
    animation: sonar 800ms ease-out infinite;
    border: none;
    }
  
 #selectionForm input[type=submit] {
    margin-top: 8px;
    margin-right: 8px;
    padding: 15px 22px;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: .2px;
    display: inline-block;
    text-decoration: none;
    border: none;
    font-family: 'Montserrat',sans-serif;
    position: relative;
    color: #fff;
    -webkit-animation: sonar 800ms ease-out infinite;
    animation: sonar 800ms ease-out infinite;
    }
 #selectionForm input[type=submit].aspNetDisabled {
    background-color: #dedede;
    border-radius: 40px;
    border: #dedede;
}
  

 .powerFunctions li {   
  box-sizing: border-box;
    flex: 1;
    width: 25%;
    text-align: center;
    margin-right:4px;
    }
  
 .powerFunctions li:last-child {margin-right:0}
  
 .powerFunctions li a {
    width: 100%;
    padding: 10px 10px;
    background-color: #e3e3e3;
    }
  
 .powerFunctions li a.active {
    background-color: #ffffff;
    }
  
/* Carousel */
  .carousel {white-space: initial}
  .carousel-item {min-height: 100vh}
  .carousel-indicators {
    position:relative;
  }
  .carousel-indicators .active {
    background-color: orange;
  }
  .carousel-indicators li {
    background-color: black;
  }
  
  .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    height: auto;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 0px;
    cursor: pointer;
    background-color: #ffffff;
}
  
  .carousel-control-next, .carousel-control-prev {
    position: relative;
    top: initial;
    bottom: initial;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    color: initial;
    text-align: center;
    opacity: 1;
}
  
  /* Power Options */
  
  .poweredOptions {padding-left: 35px;position:relative}
  
  .poweredOptions .subTitle {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 120px;
    left: 0;
    margin-left: 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #e3e3e3;
    width: 120px;
    text-align: center;
    padding: 6px 0px;
    color:#242a34;
}
  
  .poweredOptions.critical .subTitle {
    background-color:#d67b4b;
    color:#ffffff;
    }
  
  .poweredOptions .subTitle svg {margin-right:5px}
  
.sedeoOptions .selectOption {
    margin-right: 10px;
    }
  
.poweredOptions .selectOption {
    margin-right: 0;
    position: relative;
    
    }

  .sedeoOptions .selectOption .optionTitle, .poweredOptions .selectOption .optionTitle {
    text-align: center;
    white-space: initial;
    }
  
 
.sedeoOptions .selectOption .optionImg {
    border: solid 1px #f1f1f1;
    height: 118px;
    width: 118px;
    margin-bottom: 2px;
    }
  
.poweredOptions .selectOption .optionImg {
    border: solid 1px #f1f1f1;
    border-right: none;
    height: 120px;
    width: 120px;
    margin-bottom: 2px;
    }
  
  .sedeoOptions.products .selectOption .optionImg {border:none}
  .sedeoOptions.products .selectOption {margin-right: 0}
  
  .poweredOptions .col-3:last-child .selectOption .optionImg {
    border-right: solid 1px #f1f1f1;
    }
  
 .sedeoOptions .selectOption a, .poweredOptions .selectOption a {
    position: absolute;
    top: 3px;
    right: 20px;
    }
  
   .poweredOptions .selectOption a {
    right: 10px;
    }

  .sedeoOptions .optionTitle, .poweredOptions .optionTitle {padding: 0 10px}
  
  .powerOptions {position:relative}
.powerOptions:not(:last-child):after {
    content: '';
    display: block;
    background-color: #e3e3e3;
    position: absolute;
    bottom: -16px;
    left:0;
    right:0;
    height:1px
    }
.sedeoOptions .selectOption, .powerOptions .selectOption, .seatOptions .selectOption {

    }
  
  .selectOption span {line-height: 1.4}
  
  .warning-bubble {
    border: solid 1px #e3e3e3;
    border-radius: 15px;
    padding: 15px;
  }
  .warning-bubble p {
    margin-bottom:0;
    }
  
  #guideContent {overflow-y: scroll; height:85vh;position:relative;padding-right:20px}
  #guidePanel {position: relative}
  #guidePanel:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 32px;
    height: 52px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */   
  }
  
/* Custom Scrollbar */
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  #guideContent {
    scrollbar-width: auto;
    scrollbar-color: #ffa200 #d9d9d9;
  }

  /* Chrome, Edge, and Safari */
  #guideContent::-webkit-scrollbar {
    width: 8px;
  }

  #guideContent::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 8px;
  }

  #guideContent::-webkit-scrollbar-thumb {
    background-color: #ffa200;
    border-radius: 8px;
  }
  
  #guideContent::-webkit-scrollbar-thumb {
    cursor: pointer;
    }
  
 .modal .close {pointer: cursor!important;top:10px;}
  .tooltip{
  z-index: 1500 !important;
}


/* CSS Carousel */
  .carousel{
  display:block;
  width: 100%;
   background: white;
  overflow-x: auto;
    overflow-y: hidden;
  margin: 0;
  white-space: nowrap; 
}
.item {
    display: inline-block;
    width: 118px;
    margin: 0 10px 0 0;
    position:relative;
    white-space: normal;
    vertical-align: bottom;   
}
.item a {
    padding: 8px 0 15px 0;
    display:block;
    }
  
  .item p {height:35px}
  .item:first-child {margin-left:0}
.item a:hover, .item a:focus {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    display: block;
    border-radius: 10px;
    text-decoration: none;
    color: #242a34;
    }
  
 .item a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23575757' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display:block;
    content: '';
    position:absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    width: 16px;
    height: 16px;
    }
 
  
  .sedeoOptions .col-3 {max-width: 128px}
  .poweredOptions .col-3 {max-width: 119px}
  
  
  @media only screen and (max-width: 767px) {
    #ResultsPanel {padding-right:0!important}
    .modal .modal-xl {margin: 0}
   }
  
  .subhead{
  display: none;
    }
  .subhead li {
    border-bottom: solid 1px #e3e3e3;
    margin-bottom: 1px;
    padding-bottom: 1px;
}
  .show .subhead li {
    border-bottom: solid 1px #f1f1f1;
    }
  
  .show .subhead li:last-child, .subhead li:last-child {
    border-bottom: none;
    }
  
  .tick {color: orange}
  
  #expand-collapse {
    margin: 5px 0;
    font-weight: 600;
    }
  #expand-collapse span {display:inline-flex}
  #expand-collapse div {
    border-radius:30px;
    background-color: #f06c00;
    display:inline-flex;
    width: 30px;
    height: 30px;
    }
  
  #expand-collapse:hover div {background-color: orange}
  
  #considerationSection a {position: relative;
    top: -1px;
}
  
  .bg-form {background-color: #666666; color: #ffffff}
  
  a.watchvideo {
  text-decoration: none;
    font-weight: bold;
    color: #242a34;
}  
  a.watchvideo:hover {
    color: #f06c00;
    }
  
  a.watchvideo svg {margin: 0 5px 0 0;}
 
  

