/* Start - rotating image slider of Landings */
/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 416, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider {
  overflow: hidden;
  background-color: transparent;
  height: 425px;
}
/* line 423, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.template-pages-layout-landingLayout3Page .rotating-image-slider {
  height: 437px;
}
/* line 426, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .image-wrapper {
  background-color: #DDDDDD;
  margin: auto;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.1s linear 1s,opacity 1s linear;
}
/* line 448, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .image-wrapper.active {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 453, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .image-wrapper > a {
  /* cursor: default; */
  width: 100%;
  display: block;
  color: #000;
  text-decoration: none;
  height: 425px;
}
/* line 463, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.template-pages-layout-landingLayout3Page .rotating-image-slider .image-wrapper > a {
  height: 437px;
  line-height: 437px;
}
/* line 468, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .image-wrapper img {
  margin-left: 210px;
  width: 918px;
  height: 425px;
}
/* line 478, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.template-pages-layout-landingLayout3Page .rotating-image-slider .image-wrapper img {
  margin-left: 0;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
/* line 550, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .height-425 {
  height: 425px;
}
/* line 555, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.template-pages-layout-landingLayout3Page .rotating-image-slider .height-425 {
  height: 437px;
}
/* line 559, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .width-1188 {
  position: relative;
  margin: auto;
  width: 1188px;
}
/* line 563, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.template-pages-layout-landingLayout3Page .rotating-image-slider .width-1188 {
  width: 943px;
}
/* line 566, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.rotating-image-slider .width-1188 .image-nav-container {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 5px;
  z-index: 10;
}
/* line 572, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.template-pages-layout-landingLayout3Page .rotating-image-slider .width-1188 .image-nav-container {
  padding-right: 10px;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-generalLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #36b449;
  border: 1px;
  border-color: #36b449;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-generalLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #36b449;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-generalLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #36b449;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-supermarketLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #36b449;
  border: 1px;
  border-color: #36b449;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-supermarketLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #36b449;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-supermarketLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #36b449;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-beautynhealthLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #db4d6d;
  border: 1px;
  border-color: #db4d6d;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-beautynhealthLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #db4d6d;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-beautynhealthLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #db4d6d;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-PersonalcarenhealthLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #443936;
  border: 1px;
  border-color: #443936;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-PersonalcarenhealthLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #443936;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-PersonalcarenhealthLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #443936;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-personalcarenhealthLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #443936;
  border: 1px;
  border-color: #443936;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-personalcarenhealthLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #443936;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-personalcarenhealthLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #443936;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-personalcarenhealthLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #443936;
  border: 1px;
  border-color: #443936;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-personalcarenhealthLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #443936;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-personalcarenhealthLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #443936;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-MothernbabyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #076873;
  border: 1px;
  border-color: #076873;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-MothernbabyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #076873;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-MothernbabyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #076873;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-mothernbabyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #076873;
  border: 1px;
  border-color: #076873;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-mothernbabyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #076873;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-mothernbabyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #076873;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-mothernbabyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #076873;
  border: 1px;
  border-color: #076873;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-mothernbabyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #076873;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-mothernbabyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #076873;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-PetsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #d4542d;
  border: 1px;
  border-color: #d4542d;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-PetsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #d4542d;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-PetsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #d4542d;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-petsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #d4542d;
  border: 1px;
  border-color: #d4542d;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-petsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #d4542d;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-petsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #d4542d;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-petsLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #d4542d;
  border: 1px;
  border-color: #d4542d;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-petsLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #d4542d;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-petsLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #d4542d;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-homenfamilyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #2f6481;
  border: 1px;
  border-color: #2f6481;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-homenfamilyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #2f6481;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-homenfamilyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #2f6481;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-HousewaresLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #3E3E23;
  border: 1px;
  border-color: #3E3E23;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-HousewaresLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #3E3E23;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-HousewaresLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #3E3E23;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-housewaresLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #3E3E23;
  border: 1px;
  border-color: #3E3E23;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-housewaresLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #3E3E23;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-housewaresLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #3E3E23;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-housewaresLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #3E3E23;
  border: 1px;
  border-color: #3E3E23;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-housewaresLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #3E3E23;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-housewaresLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #3E3E23;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-saleLandingPromotionBannerPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #c10700;
  border: 1px;
  border-color: #c10700;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-saleLandingPromotionBannerPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #c10700;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-saleLandingPromotionBannerPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #c10700;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-SportsntravelLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #355f05;
  border: 1px;
  border-color: #355f05;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-SportsntravelLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #355f05;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-SportsntravelLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #355f05;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-sportsntravelLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #355f05;
  border: 1px;
  border-color: #355f05;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-sportsntravelLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #355f05;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-sportsntravelLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #355f05;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-sportsntravelLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #355f05;
  border: 1px;
  border-color: #355f05;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-sportsntravelLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #355f05;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-sportsntravelLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #355f05;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-ToysnbooksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #0e4e94;
  border: 1px;
  border-color: #0e4e94;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-ToysnbooksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #0e4e94;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-ToysnbooksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #0e4e94;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-toysnbooksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #0e4e94;
  border: 1px;
  border-color: #0e4e94;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-toysnbooksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #0e4e94;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-toysnbooksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #0e4e94;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-toysnbooksLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #0e4e94;
  border: 1px;
  border-color: #0e4e94;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-toysnbooksLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #0e4e94;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-toysnbooksLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #0e4e94;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-fashionLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #d7d7d7;
  color: #212121;
  border: 1px;
  border-color: #212121;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-fashionLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #d7d7d7;
  color: #212121;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-fashionLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #212121;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-FinanceLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #51090E;
  border: 1px;
  border-color: #51090E;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-FinanceLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #51090E;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-FinanceLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #51090E;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-financeLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #51090E;
  border: 1px;
  border-color: #51090E;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-financeLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #51090E;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-financeLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #51090E;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-financeLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #51090E;
  border: 1px;
  border-color: #51090E;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-financeLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #51090E;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-financeLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #51090E;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-DisneyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #222;
  border: 1px;
  border-color: #222;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-DisneyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #222;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-DisneyLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #222;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-disneyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #222;
  border: 1px;
  border-color: #222;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-disneyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #222;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-disneyLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #222;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-ThirteenlandmarksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #000;
  border: 1px;
  border-color: #000;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-ThirteenlandmarksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #000;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-ThirteenlandmarksLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #000;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-thirteenlandmarksLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #000;
  border: 1px;
  border-color: #000;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-thirteenlandmarksLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #000;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-thirteenlandmarksLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #000;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-GadgetsandelectronicsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #000;
  border: 1px;
  border-color: #000;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-GadgetsandelectronicsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #000;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-GadgetsandelectronicsLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #000;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-gadgetsandelectronicsLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #000;
  border: 1px;
  border-color: #000;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-gadgetsandelectronicsLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #000;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-gadgetsandelectronicsLanding .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #000;
  color: #fff;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-MacauLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn {
  margin: 0 0 0 5px;
  width: 25px;
  height: 25px;
  font-size: 15px;
  background: #fff;
  color: #B88F14;
  border: 1px;
  border-color: #B88F14;
  border-style: solid;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  opacity: 0.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
}
/* line 600, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-MacauLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn:hover {
  opacity: 1;
  background: #fff;
  color: #B88F14;
}
/* line 605, ../../../../resource/compass/_ui/desktop/common/css/rotatingImageSlider.scss */
.page-MacauLandingPage .rotating-image-slider .width-1188 .image-nav-container .nav-btn.active {
  background: #B88F14;
  color: #fff;
}

/* End - rotating image slider of Landings */