@charset "UTF-8";
/* Darkgrey */
/* Lightgrey */
/* Grey */
/* White */
/* Red */
/* Green */
/* Black */
/* blue */
:root .otp-theme {
  --loading_icon: url(../images/otp-loading.gif);
}
:root .ggp-theme {
  --loading_icon: url(../images/ggp_loading_100x67.gif);
}
:root .hs-theme {
  --loading_icon: url(../images/hs-loading.gif);
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes append {
  from {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes expand-animation {
  0% {
    transform: translate(0px, 20px);
    padding: 0;
    opacity: 0.1;
  }
  100% {
    visibility: visible;
    transform: translate(0px, 0px);
    height: 60px;
    padding: 0;
    opacity: 1;
  }
}
@keyframes collapse-animation {
  0% {
    visibility: visible;
    transform: translate(0px, 0px);
    height: 60px;
  }
  100% {
    visibility: hidden;
    transform: translate(0px, 20px);
    height: 0px;
    z-index: -1;
    opacity: 0.5;
  }
}
@keyframes tooltip {
  100% {
    opacity: 1;
    bottom: calc(100% + 30px);
  }
}
@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@-o-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@-moz-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse-popup {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse-popup {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse-popup {
  -webkit-animation-name: pulse-popup;
  animation-name: pulse-popup;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
/* Darkgrey */
/* Lightgrey */
/* Grey */
/* White */
/* Red */
/* Green */
/* Black */
/* blue */
:root .otp-theme {
  --loading_icon: url(../images/otp-loading.gif);
}
:root .ggp-theme {
  --loading_icon: url(../images/ggp_loading_100x67.gif);
}
:root .hs-theme {
  --loading_icon: url(../images/hs-loading.gif);
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes append {
  from {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes expand-animation {
  0% {
    transform: translate(0px, 20px);
    padding: 0;
    opacity: 0.1;
  }
  100% {
    visibility: visible;
    transform: translate(0px, 0px);
    height: 60px;
    padding: 0;
    opacity: 1;
  }
}
@keyframes collapse-animation {
  0% {
    visibility: visible;
    transform: translate(0px, 0px);
    height: 60px;
  }
  100% {
    visibility: hidden;
    transform: translate(0px, 20px);
    height: 0px;
    z-index: -1;
    opacity: 0.5;
  }
}
@keyframes tooltip {
  100% {
    opacity: 1;
    bottom: calc(100% + 30px);
  }
}
@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@-o-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@-moz-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    transform: translate3d(0, -25%, 0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes pulse-popup {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse-popup {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse-popup {
  -webkit-animation-name: pulse-popup;
  animation-name: pulse-popup;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 35px rgba(232, 76, 61, 0);
  }
}
@media only screen and (max-width: 991.98px) {
  .promo_grid.container {
    margin-top: 40px;
  }
}
.promo_grid__header {
  margin-bottom: 40px;
  color: #333333;
  text-align: center;
}
.promo_grid__header h1 {
  font-size: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__header h1 {
    font-size: 16px;
  }
}
.promo_grid__header h1 span {
  color: #2bace2;
}
.promo_grid__header p {
  font-size: 20px;
  line-height: 1.7;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__header p {
    font-size: 14px;
  }
}
.promo_grid__content {
  margin-bottom: 40px;
}
.promo_grid__content .row {
  margin: auto;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__content .row .col-auto {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.promo_grid__content .media {
  max-width: 190px;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(173, 173, 173, 0.27);
  border: 1px solid #eeeeee;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__content .media {
    max-width: 140px;
  }
}
.promo_grid__content .card {
  margin-bottom: 20%;
  border: none;
}
.promo_grid__content .card p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.06;
  text-align: center;
  color: #333333;
  padding-top: 12px;
}
.promo_grid__content .card:hover {
  cursor: pointer;
  color: #2bace2;
  text-decoration: none;
}
.promo_grid__content .card:hover p {
  color: #2bace2;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .promo_grid__content .card:hover p {
    transition: none;
  }
}
.promo_grid__content .card:hover .media {
  -webkit-box-shadow: 1px 0px 19px 1px rgba(151, 151, 151, 0.56);
  box-shadow: 1px 0px 19px 1px rgba(151, 151, 151, 0.56);
  border: 1px solid #DBDAD7;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .promo_grid__content .card:hover .media {
    transition: none;
  }
}
.promo_grid__option h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.38;
  color: #333333;
  margin-bottom: 23px;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option h2 {
    font-size: 16px;
    margin-bottom: 19px;
    padding-left: 8px;
  }
}
.promo_grid__option .best-seller, .promo_grid__option .featured-product, .promo_grid__option .customer-test {
  margin: 0 0 40px 0;
}
.promo_grid__option .best-seller > div, .promo_grid__option .featured-product > div, .promo_grid__option .customer-test > div {
  padding-left: 0;
  padding-right: 7px;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller > div, .promo_grid__option .featured-product > div, .promo_grid__option .customer-test > div {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.promo_grid__option .best-seller .card, .promo_grid__option .featured-product .card, .promo_grid__option .customer-test .card {
  border-radius: 4px;
}
.promo_grid__option .best-seller .card-body, .promo_grid__option .featured-product .card-body, .promo_grid__option .customer-test .card-body {
  padding: 0;
}
.promo_grid__option .best-seller .card-body__content, .promo_grid__option .featured-product .card-body__content, .promo_grid__option .customer-test .card-body__content {
  padding: 15px;
}
.promo_grid__option .best-seller .card-body__content .heading, .promo_grid__option .featured-product .card-body__content .heading, .promo_grid__option .customer-test .card-body__content .heading {
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .card-body__content .heading, .promo_grid__option .featured-product .card-body__content .heading, .promo_grid__option .customer-test .card-body__content .heading {
    font-size: 16px;
    font-weight: 600;
  }
}
.promo_grid__option .best-seller .card-body__content .texting, .promo_grid__option .featured-product .card-body__content .texting, .promo_grid__option .customer-test .card-body__content .texting {
  font-size: 14px;
  font-weight: normal;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .card-body__content .texting, .promo_grid__option .featured-product .card-body__content .texting, .promo_grid__option .customer-test .card-body__content .texting {
    font-size: 11px;
  }
}
.promo_grid__option .best-seller .card-body:hover .card-body__content, .promo_grid__option .featured-product .card-body:hover .card-body__content, .promo_grid__option .customer-test .card-body:hover .card-body__content {
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -webkit-box-shadow: 1px 0px 19px 1px rgba(151, 151, 151, 0.56);
  box-shadow: 1px 0px 19px 1px rgba(151, 151, 151, 0.56);
  width: 100%;
}
@media screen and (prefers-reduced-motion: reduce) {
  .promo_grid__option .best-seller .card-body:hover .card-body__content, .promo_grid__option .featured-product .card-body:hover .card-body__content, .promo_grid__option .customer-test .card-body:hover .card-body__content {
    transition: none;
  }
}
.promo_grid__option .best-seller .card:hover .card-body__content, .promo_grid__option .featured-product .card:hover .card-body__content, .promo_grid__option .customer-test .card:hover .card-body__content {
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -webkit-box-shadow: 1px 0px 19px 1px rgba(151, 151, 151, 0.56);
  box-shadow: 1px 0px 19px 1px rgba(151, 151, 151, 0.56);
  width: 100%;
}
@media screen and (prefers-reduced-motion: reduce) {
  .promo_grid__option .best-seller .card:hover .card-body__content, .promo_grid__option .featured-product .card:hover .card-body__content, .promo_grid__option .customer-test .card:hover .card-body__content {
    transition: none;
  }
}
.promo_grid__option .best-seller .col-md-3 .card-body__content, .promo_grid__option .featured-product .col-md-3 .card-body__content, .promo_grid__option .customer-test .col-md-3 .card-body__content {
  position: absolute;
  height: 100%;
  top: 0;
}
.promo_grid__option .best-seller .col-md-3 .card-body__content p, .promo_grid__option .featured-product .col-md-3 .card-body__content p, .promo_grid__option .customer-test .col-md-3 .card-body__content p {
  color: #333333;
}
.promo_grid__option .best-seller .col-md-3 .card-body__content .btn, .promo_grid__option .featured-product .col-md-3 .card-body__content .btn, .promo_grid__option .customer-test .col-md-3 .card-body__content .btn {
  position: absolute;
  bottom: 8%;
  left: 28%;
  background-color: #2bace2;
  color: #FFFFFF;
  font-size: 14px;
  padding: 5px 26px;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .col-md-3 .card-body__content .btn, .promo_grid__option .featured-product .col-md-3 .card-body__content .btn, .promo_grid__option .customer-test .col-md-3 .card-body__content .btn {
    left: 12%;
  }
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .col-md-6, .promo_grid__option .featured-product .col-md-6, .promo_grid__option .customer-test .col-md-6 {
    margin-top: 15px;
  }
}
.promo_grid__option .best-seller .col-md-6 .card-body__content, .promo_grid__option .featured-product .col-md-6 .card-body__content, .promo_grid__option .customer-test .col-md-6 .card-body__content {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
}
.promo_grid__option .best-seller .col-md-6 .card-body__content p, .promo_grid__option .featured-product .col-md-6 .card-body__content p, .promo_grid__option .customer-test .col-md-6 .card-body__content p {
  color: #333333;
}
.promo_grid__option .best-seller .col-md-6 .card-body__content p.heading, .promo_grid__option .featured-product .col-md-6 .card-body__content p.heading, .promo_grid__option .customer-test .col-md-6 .card-body__content p.heading {
  margin-top: 18%;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .col-md-6 .card-body__content p.heading, .promo_grid__option .featured-product .col-md-6 .card-body__content p.heading, .promo_grid__option .customer-test .col-md-6 .card-body__content p.heading {
    margin-top: 14%;
  }
}
.promo_grid__option .best-seller .col-md-6 .card-body__content .btn, .promo_grid__option .featured-product .col-md-6 .card-body__content .btn, .promo_grid__option .customer-test .col-md-6 .card-body__content .btn {
  background-color: #2bace2;
  color: #FFFFFF;
  font-size: 14px;
  padding: 5px 26px;
  margin-top: 15px;
}
.promo_grid__option .best-seller .media, .promo_grid__option .featured-product .media, .promo_grid__option .customer-test .media {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  padding: 16px;
}
.promo_grid__option .best-seller .media-body, .promo_grid__option .featured-product .media-body, .promo_grid__option .customer-test .media-body {
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) {
  .promo_grid__option .best-seller .media-body, .promo_grid__option .featured-product .media-body, .promo_grid__option .customer-test .media-body {
    height: 150px;
  }
}
.promo_grid__option .best-seller .media-body::-webkit-scrollbar, .promo_grid__option .featured-product .media-body::-webkit-scrollbar, .promo_grid__option .customer-test .media-body::-webkit-scrollbar {
  width: 2px;
}
.promo_grid__option .best-seller .media-body::-webkit-scrollbar-track, .promo_grid__option .featured-product .media-body::-webkit-scrollbar-track, .promo_grid__option .customer-test .media-body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
}
.promo_grid__option .best-seller .media-body::-webkit-scrollbar-thumb, .promo_grid__option .featured-product .media-body::-webkit-scrollbar-thumb, .promo_grid__option .customer-test .media-body::-webkit-scrollbar-thumb {
  background: #7d7d7d;
}
.promo_grid__option .best-seller .media-body p, .promo_grid__option .featured-product .media-body p, .promo_grid__option .customer-test .media-body p {
  font-size: 14px;
  color: #333333;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .media-body p, .promo_grid__option .featured-product .media-body p, .promo_grid__option .customer-test .media-body p {
    font-size: 12px;
  }
}
.promo_grid__option .best-seller .media-body .wording, .promo_grid__option .featured-product .media-body .wording, .promo_grid__option .customer-test .media-body .wording {
  color: #333333;
  line-height: 1.5;
}
.promo_grid__option .best-seller .media-body .signature, .promo_grid__option .featured-product .media-body .signature, .promo_grid__option .customer-test .media-body .signature {
  color: #2bace2;
  font-weight: 600;
  padding-top: 8px;
}
.promo_grid__option .best-seller .media img, .promo_grid__option .featured-product .media img, .promo_grid__option .customer-test .media img {
  border-radius: 4px;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .best-seller .media img, .promo_grid__option .featured-product .media img, .promo_grid__option .customer-test .media img {
    width: 25%;
  }
}
.promo_grid__option .customer-test-tab {
  margin-bottom: 40px;
  padding: 7px;
}
.promo_grid__option .customer-test-tab .nav-tabs {
  border-bottom: 1px solid #eeeeee;
}
.promo_grid__option .customer-test-tab .nav-tabs .nav-link {
  color: #333333;
  font-size: 14px;
  padding: 12px 35px;
  border: 1px solid;
  border-color: #eeeeee #eeeeee #FFFFFF;
  margin-right: 12px;
  background-color: #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.promo_grid__option .customer-test-tab .nav-tabs .nav-link.active {
  border-color: #eeeeee #eeeeee #FFFFFF;
  text-shadow: 0 0 0.35px #636363, 0 0 0.35px #636363;
  background-color: #FFFFFF;
}
.promo_grid__option .customer-test-tab .media {
  border: 1px solid transparent;
  border-color: #FFFFFF #eeeeee #eeeeee #eeeeee;
  padding: 12px;
}
.promo_grid__option .customer-test-tab .media p {
  color: #333333;
}
.promo_grid__option .customer-test-tab .media img {
  border-radius: 4px;
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option .customer-test-tab .tab-content {
    display: none;
  }
}
.promo_grid__option #customer-test-tab--mobile .card {
  border: 1px solid #eeeeee;
  margin: 5px 7px;
  border-radius: 4px;
}
.promo_grid__option #customer-test-tab--mobile .card-header {
  background-color: #FFFFFF;
  border-bottom: none;
  padding: 6px 12px;
}
.promo_grid__option #customer-test-tab--mobile .card-header .collapse-active {
  padding: 5px 10px;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  position: relative;
}
.promo_grid__option #customer-test-tab--mobile .card-header .collapse-active:after {
  transition: all 0.6s cubic-bezier(0.08, 1.09, 0.32, 1.275);
  -moz-transition: all 0.6s cubic-bezier(0.08, 1.09, 0.32, 1.275);
  -o-transition: all 0.6s cubic-bezier(0.08, 1.09, 0.32, 1.275);
  -webkit-transition: all 0.6s cubic-bezier(0.08, 1.09, 0.32, 1.275);
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #333333;
  margin: 9px 9px 9px 0;
  display: block;
}
@media screen and (prefers-reduced-motion: reduce) {
  .promo_grid__option #customer-test-tab--mobile .card-header .collapse-active:after {
    transition: none;
  }
}
@media only screen and (max-width: 991.98px) {
  .promo_grid__option #customer-test-tab--mobile .card-header .collapse-active:after {
    position: absolute;
    top: -4px;
    right: 0;
  }
}
.promo_grid__option #customer-test-tab--mobile .card-header .collapse-active.open:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.promo_grid__option #customer-test-tab--mobile .card-body {
  padding: 6px 12px;
}
.promo_grid__option #customer-test-tab--mobile .card-body .media {
  padding: 5px 10px;
}
.promo_grid__option #customer-test-tab--mobile .card-body .media-body p {
  font-size: 12px;
  color: #333333;
}

.categories-head-banner {
  background-repeat: no-repeat;
  padding: 7% 18%;
  background-repeat: no-repeat;
  background-size: cover !important;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.categories-head-banner h1 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.categories-head-banner p {
  max-width: 500px;
  font-size: 20px;
  line-height: 30px;
}
@media only screen and (max-width: 991.98px) {
  .categories-head-banner.for_desktop {
    display: none;
  }
}
.categories-head-banner.for_mobile {
  padding: 12%;
}
.categories-head-banner.for_mobile p {
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (min-width: 992px) {
  .categories-head-banner.for_mobile {
    display: none;
  }
}
.categories-head-banner.for_mobile .btn {
  background-color: #2bace2;
  color: #FFFFFF;
  font-size: 14px;
  width: 40%;
  padding: 3px 4px;
  display: block;
  margin-top: 12px;
}

.categories-breadcrumb {
  margin: 25px 0;
}
.categories-breadcrumb .breadcrumb {
  background-color: unset;
  padding: 0;
}
.categories-breadcrumb .breadcrumb li {
  font-weight: 600;
  color: #4A4A4A;
}
.categories-banner {
  margin: 25px 0;
}
.categories-content {
  margin: 25px 0;
}
.categories-content .container .portfolio-heading {
  font-size: 32px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.categories-content .container .portfolio-heading span {
  color: #2BACE2;
}
.categories-content .container .eapps-instagram-feed-title {
  padding-top: 0;
  color: #666666 !important;
  font-size: 16px;
  font-weight: 300 !important;
}
.categories-content .nav-item {
  font-weight: 600;
  text-align: left;
}
.categories-content .nav-item a {
  background-color: #FFFFFF;
  color: #9B9B9B;
}
.categories-content .nav-item a.active {
  background-color: #FFFFFF;
  color: #000000;
}
.categories-content__tabcontent {
  margin-top: 35px;
}
.categories-content__tabcontent__section {
  margin: 12px 0 55px 0;
}
.categories-content__tabcontent__section .heading {
  font-size: 24px;
  padding: 18px 0;
  border-bottom: 1px solid #E0E0E0;
}
.categories-content__tabcontent__section .sub-heading {
  padding: 15px 0;
}
.categories-content__tabcontent__section__product .card {
  border: none;
  background-color: #f5f6f6;
  border-radius: 8px;
}
.categories-content__tabcontent .more_information {
  color: #29B5DC;
  font-size: 24px;
  font-weight: 600;
  margin-top: 8%;
}

.catalogsearch-result-index .page-title__topic {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
}
.catalogsearch-result-index .toolbar {
  position: relative;
  border-bottom: 2px solid #E0E0E0;
  margin-bottom: 0px;
}
.catalogsearch-result-index .toolbar .find_amount p {
  color: #212529;
  position: absolute;
  margin-top: -28px;
  right: 0;
  font-size: 14px;
}
.catalogsearch-result-index .toolbar .find_amount p span {
  color: #000000;
  font-weight: 800;
}
.catalogsearch-result-index .remark {
  font-size: 16px;
  color: #212529;
  margin: 12px 0;
}

.breadcrumb {
  padding: 0;
  margin: 0;
}
.breadcrumb nav {
  box-shadow: none;
  background: transparent;
}
.breadcrumb nav ol.breadcrumb {
  background: transparent;
  margin: 9px 0;
  padding: 0;
}
.breadcrumb nav ol.breadcrumb li a, .breadcrumb nav ol.breadcrumb li strong {
  border: none;
  font-size: 12px;
  font-weight: 400;
  color: #636363;
  padding-top: 3px;
}
.breadcrumb nav ol.breadcrumb li a {
  display: contents;
}

.guarantee-price {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(41, 181, 220, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%), #FFFFFF !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  width: 100%;
  margin: 16px 12px 32px auto;
  box-sizing: border-box;
  padding: 24px;
}
@media only screen and (max-width: 992px) {
  .guarantee-price {
    margin: 16px auto;
  }
}
@media only screen and (max-width: 776px) {
  .guarantee-price {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 540px) {
  .guarantee-price {
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
  }
}
.guarantee-price img {
  height: 168px;
  flex: none;
}
@media only screen and (max-width: 776px) {
  .guarantee-price img {
    height: 130px;
  }
}
@media only screen and (max-width: 540px) {
  .guarantee-price img {
    height: 145px;
  }
}
.guarantee-price__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 540px) {
  .guarantee-price__content {
    align-items: center;
    justify-content: center;
  }
}
.guarantee-price__content .btn {
  font-size: 12px;
  background-color: #2bace2 !important;
  border: 1px solid #2bace2;
  color: #FFFFFF;
  width: 120px;
  padding: 4px 0;
  margin-top: 7px;
}
.guarantee-price__content .btn:hover {
  cursor: pointer;
  color: #2bace2;
  background-color: transparent !important;
  border: 1px solid #2bace2;
}
.guarantee-price__content .btn {
  background-color: #2bace2 !important;
  border: 1px solid #2bace2;
  color: #FFFFFF;
  max-width: 120px;
  width: 100%;
  margin: 20px 0px !important;
  padding: 12px !important;
  font-size: 13px;
}
@media only screen and (max-width: 540px) {
  .guarantee-price__content .btn {
    margin: 16px auto !important;
    padding: 8px !important;
  }
}
.guarantee-price__content h2 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color: #000000;
  border: none;
  text-align: left;
}
.guarantee-price__content h2 span {
  color: #e0197d;
}
@media only screen and (max-width: 540px) {
  .guarantee-price__content h2 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }
}
.guarantee-price__content p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #333333;
  text-align: left;
}
@media only screen and (max-width: 540px) {
  .guarantee-price__content p {
    text-align: center;
    font-size: 14px;
    line-height: 19px;
  }
}

.product-custom {
  position: relative;
  background-color: #FFF7D1;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  width: 100%;
  margin: 16px auto 32px 12px;
  box-sizing: border-box;
  padding: 24px;
}
@media only screen and (max-width: 992px) {
  .product-custom {
    margin: 16px auto;
  }
}
@media only screen and (max-width: 776px) {
  .product-custom {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 540px) {
  .product-custom {
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
  }
}
.product-custom__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 540px) {
  .product-custom__content {
    align-items: center;
    justify-content: center;
  }
}
.product-custom__content h2 {
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color: #000000;
  border: none;
  text-align: left;
}
.product-custom__content h2 span {
  color: #e0197d;
}
@media only screen and (max-width: 540px) {
  .product-custom__content h2 {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }
}
.product-custom__content p {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #333333;
  text-align: left;
}
@media only screen and (max-width: 540px) {
  .product-custom__content p {
    text-align: center;
    font-size: 14px;
    line-height: 19px;
  }
}
.product-custom__content .btn {
  font-size: 12px;
  background-color: #2bace2 !important;
  border: 1px solid #2bace2;
  color: #FFFFFF;
  width: 120px;
  padding: 4px 0;
  margin-top: 7px;
}
.product-custom__content .btn:hover {
  cursor: pointer;
  color: #2bace2;
  background-color: transparent !important;
  border: 1px solid #2bace2;
}
.product-custom__content .btn {
  background-color: #2bace2 !important;
  border: 1px solid #2bace2;
  color: #FFFFFF;
  max-width: 120px;
  width: 100%;
  margin: 20px 0px !important;
  padding: 12px !important;
  font-size: 13px;
}
@media only screen and (max-width: 540px) {
  .product-custom__content .btn {
    margin: 16px auto !important;
    padding: 8px !important;
  }
}
.product-custom img {
  height: 168px;
  flex: none;
}
@media only screen and (max-width: 776px) {
  .product-custom img {
    height: 130px;
  }
}
@media only screen and (max-width: 540px) {
  .product-custom img {
    height: 145px;
  }
}

.hello-cate .heading {
  font-size: 24px;
  color: #971bcf;
  font-weight: 600;
  text-align: center;
  line-height: 28px;
  margin: 45px 0 28px 0;
}
.hello-cate .heading label {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
.hello-cate .card {
  border: none !important;
}
.hello-cate .card-img-top {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}
.hello-cate .card-body {
  display: block !important;
  background-color: #FFFFFF !important;
}
.hello-cate .card-title {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 12px;
}
.hello-cate .card-text {
  font-size: 14px;
}

.hello-product .card:hover {
  box-shadow: 0 1px 8px 0 #fddb3a !important;
}
.hello-product .card:hover h3 {
  color: #971bcf;
}
.hello-product .card h3 {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  text-align: center;
  margin-top: 14px;
}
@media only screen and (max-width: 991.98px) {
  .hello-product .card h3 {
    font-size: 12px;
  }
}
.hello-product .card .price {
  position: absolute;
  bottom: 23%;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .hello-product .card .price {
    font-size: 12px;
    bottom: 26%;
  }
}
.hello-product .card .price label {
  padding: 3px 9px;
  background: #f5ee05;
  font-size: 11px;
  border-radius: 4px;
  color: #000000;
  font-weight: bolder;
}
@media only screen and (max-width: 991.98px) {
  .hello-product .card .price label {
    font-size: 9px;
  }
}
.hello-product .card p {
  text-align: center;
  background: #971bcf;
  margin: auto;
  border-radius: 4px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 11px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 991.98px) {
  .hello-product .card p {
    font-size: 10px;
  }
}

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