/* Custom CSS goes here */
/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');

@font-face {
    font-family: 'oswaldmedium';
    src: url('../fonts/oswald/oswaldmedium.eot');
    src: url('../fonts/oswald/oswaldmedium.eot') format('embedded-opentype'),
         url('../fonts/oswald/oswaldmedium.woff') format('woff'),
         url('../fonts/oswald/oswaldmedium.ttf') format('truetype'),
         url('../fonts/oswald/oswaldmedium.svg#oswaldmedium') format('svg');
}
body {
    background-color: #f4f4f4;
    font: 15px/1 'Lato',Arial,Helvetica,sans-serif;
    color: #535353;
}

a {
    color: #000;
    text-decoration: none;
}

select { 
  height: auto;
  padding: 5px 10px;
}

@media(min-width: 768px) {
    .footer.content .block {
        float: left !important;
    }
}

.page-wrapper  {
  position: relative;
}

.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
    max-width: inherit !important;
}
@media only screen and (min-width: 768px) {
  .nav-sections-item-content {
    text-align: center;
  }

  .page-layout-1column .product-info-main {
    width: 59% !important;
  }
  
  .page-layout-1column .product.media {
    width: 38% !important;
    background-color: #fff;
  }

}
.page-footer {
    background-blend-mode: overlay;
    background-color: initial !important;
    background-image: url("../images/bgfiller.png"),linear-gradient(142deg,#003765 1%,#356aa0 100%) !important;
    color: #fff;
    border-top: 6px solid #2f96e1;
}
.page-footer a {
    color: #fff;
}
.footer.content {
    border: none;
}
.nav-sections {
    background: none !important;
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
}
.header.content {
    padding: 10px 20px 0 !important;
}
.nav-sections-item-content > .navigation {
    background: none;
}
.logo img {
    max-height: 111px;
    width: auto;
}
.logo {
    z-index: 3 !important;
}
.product-item {
    background: #fff;
    text-align: center;
}

.product-item .product-item-info .product-item-link img{
    max-width: 100px;
    max-height: 100px;
}
.cms-index-index .product-item {
  margin: 0 2% 0 0 !important;
  width: 98% !important;
}
.onepage-category {
  display: flex;
  flex-wrap: wrap;
}
.category-list {
  background: #356aa0;
  background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%);
  background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%);
  background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 );
  width: 80px;
  text-align: left;
  position: relative;
  float: left;
  padding: 46px 0 146px;
  z-index: 4;
}
.category-details {
  float: right;
  width: calc(100% - 80px);
  padding: 0 50px 146px;
}
.product-item .price-box, .product-item .product-item-inner {
  margin: 10px 0 25px;
  /*display: none; */
}
.block.widget .product-item-info {
  width: auto;
  padding: 0 0 30px;
}
.products .product .product-item-name > a, .product.name a > a {
  color: #424242;
  text-decoration: none;
  font-family: Lato,sans-serif;
  font-size: 16px;
  padding: 0 10px 30px;
  float: left;
  width: 100%;
  height: 62px;
  line-height: 21px;
  font-weight: 400;
}
.cms-index-index #maincontent {
  padding: 0;
}
.category-list ul {
  padding: 0;
  list-style: none;
  color: #fff;
  z-index: 2;
  list-style: none;
  padding: 270px 0 0;
  transition: all .3s;
  max-width: 80px;
}
.category-list li a {
  color: #fff;
}
.category-list > ul > li > a > span {
  display: inline-block;
  vertical-align: -33px;
  opacity: 0;
  visibility: hidden;
  width: 0;
  transition: all .3s;
  font-family: 'oswaldmedium', sans-serif;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
.category-list > ul > li > a > em > img {
  vertical-align: middle;
  max-width: 34px;
}
.category-list > ul > li > a > em {
  font-size: 25px;
  width: 80px;
  display: inline-block;
  text-align: center;
  vertical-align: -2px;
}
.category-list > ul > li > a {
  color: #fff;
  width: auto;
  line-height: 78px;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.category-list > ul > li > a::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  display: block;
  right: -15px;
  top: 50%;
  margin-top: -8px;
  border: 8px solid transparent;
  transition: all .3s;
}
.category-list > ul > li > a.active::after,
.category-list > ul > li > a:hover::after {
  border-left-color: #2a7ee5;
}
.category-details .block-title strong, .acx-content-heading h2 {
    font-family: 'oswaldmedium', sans-serif;
    font-size: 26px !important;
    color: #333 !important;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}
.category-list li {
  margin: 0;
}
.onepage-category .category-list > ul > li > a[data-cat="2518"].active, 
.onepage-category .category-list > ul > li > a[data-cat="2518"]:hover {
  background-color: #2a7ee5;
}
.onepage-category .category-list > ul > li > a[data-cat="2644"].active, 
.onepage-category .category-list > ul > li > a[data-cat="2644"]:hover {
  background-color: #1bd49e;
}
.category-list > ul > li > a[data-cat="2644"].active::after,
.category-list > ul > li > a[data-cat="2644"]:hover::after {
  border-left-color: #1bd49e;
}
.onepage-category .category-list > ul > li > a[data-cat="2668"].active, 
.onepage-category .category-list > ul > li > a[data-cat="2668"]:hover {
  background-color: #f69a33;
}
.category-list > ul > li > a[data-cat="2668"].active::after,
.category-list > ul > li > a[data-cat="2668"]:hover::after {
  border-left-color: #f69a33;
}
.onepage-category .category-list > ul > li > a[data-cat="2727"].active,
.onepage-category .category-list > ul > li > a[data-cat="2727"]:hover {
  background-color: #0277BD;
}
.category-list > ul > li > a[data-cat="2727"].active::after,
.category-list > ul > li > a[data-cat="2727"]:hover::after {
  border-left-color: #0277BD;
}
.onepage-category .category-list > ul > li > a[data-cat="2851"].active,
.onepage-category .category-list > ul > li > a[data-cat="2851"]:hover {
  background-color: #2eacb3;
}
.category-list > ul > li > a[data-cat="2851"].active::after,
.category-list > ul > li > a[data-cat="2851"]:hover::after {
  border-left-color: #2eacb3;
}
.onepage-category .category-list > ul > li > a[data-cat="2934"].active,
.onepage-category .category-list > ul > li > a[data-cat="2934"]:hover {
  background-color: #e84f5e;
}
.category-list > ul > li > a[data-cat="2934"].active::after,
.category-list > ul > li > a[data-cat="2934"]:hover::after {
  border-left-color: #e84f5e;
}
.onepage-category > .category-list > ul > li > a:hover > span {
  opacity: 1;
  visibility: visible;
  width: auto;
  padding-right: 50px;
}
.category-list > ul.fixed-top {
  position: fixed;
  left: 0;
  top: -160px;
}
ul {
  list-style: none;
}

/* owl carousel **/

owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; 
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ 
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; 
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); 
}
  
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); 
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; 
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%; 
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.owl-carousel button.owl-dot {
  background: #869791;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  margin: 5px 3px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-nav {
  display: none;
}

.owl-carousel button.owl-dot.active {
  background: #08c;
}

.owl-dots {
  text-align: center;
  margin: 7px 0;
}

.owl-carousel.owl-loaded {
  display: block; 
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; 
}

.owl-carousel.owl-hidden {
  opacity: 0; 
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; 
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; 
}

.owl-carousel.owl-rtl {
  direction: rtl; 
}

.owl-carousel.owl-rtl .owl-item {
  float: right; 
}

/* No Js */
.no-js .owl-carousel {
  display: block; 
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; 
}

.owl-carousel .owl-animated-in {
  z-index: 0; 
}

.owl-carousel .owl-animated-out {
  z-index: 1; 
}

.owl-carousel .fadeOut {
  animation-name: fadeOut; 
}

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; 
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/** owl carousel ends **/
.HomeBannerSlider {
  height: 550px;
}
.HomeBannerSlider #home-page-full-slider_forcefullwidth, .HomeBannerSlider rs-fullwidth-wrap {
  position: absolute;
  top: 0;
}
.page-header .panel.wrapper {
  display: none;
}
.navigation .level0 > .level-top {
  font-weight: 600;
  color: #535353;
  font-family: 'oswaldmedium', sans-serif;
  font-size: 15px;
}
.category-details .owl-carousel {
  margin: 0 0 50px;
  clear: both;
  float: left;
  width: 100%;
}
.footer.content {
  background-blend-mode: overlay;
  background-color: initial !important;
  background-image: url("../images/bgfiller.png"),linear-gradient(142deg,#003765 1%,#356aa0 100%) !important;
  font-size: 13px;
  font-family: Lato,sans-serif;
}
.footer.content .block .block-title strong {
  font-family: 'oswaldmedium', sans-serif;
  font-size: 15px;
  font-weight: 100;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 20px;
  float: left;
  width: 100%;
}
.page-footer a {
  color: #fff;
  font-size: 13px;
  font-family: Lato,sans-serif;
  float: left;
  width: 100%;
  margin: 0 0 12px;
}
footer b {
  font-weight: normal;
}
footer p {
  margin: 0 0 10px;
  float: left;
  width: 100%;
  line-height: 19px;
}
.minicart-wrapper {
  z-index: 4;
}
.ms-topmenu .ms-level0:hover a + span + .ms-submenu {
  display: block !important;
}
.ms-megamenu .ms-topmenu {
  background: none !important;
}
.ms-megamenu .ms-topmenu {
  background: none;
  text-align: center !important;
}
.ms-megamenu .ms-level0 {
  float: none !important;
  margin: 0;
  display: inline-block !important;
  padding: 15px 0;
  /*position: relative;*/
}
.ms-topmenu .ms-label {
  color: #535353 !important;
  float: none !important;
  display: inline-block;
  font-family: 'oswaldmedium';
  opacity: 1;
}
.ms-megamenu .ms-submenu {
  text-align: left;
  width: 100% !important;
  /*top: 33px; */
  top: 64px !important;
  left: 0;
  z-index: 10;
}
.flexslider .slides img {
  max-height: 90px;
  width: auto !important;
  text-align: center;
  display: inline-block !important;
  vertical-align: middle;
  margin: 12px 0 0;
}
.flexslider .slides li {
  text-align: center;
}
.account-links-menu_wrapper {
  float: right;
  position: relative;
  z-index: 4;
}

.ms-topmenu .mb-label.glyphicon.glyphicon-plus {
  display: inline-block !important;
  width: 4px;
  height: 4px;
  border-top: 4px solid #2f2f2f;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  padding: 0;
  top: 14px !important;
  position: relative !important;
}
.ms-topmenu .glyphicon-plus::before {
  content: none;
}
.form-group.level1 {
  /*margin: 20px 0 5px !important;*/
}

.petSeeMoreLink {
    font-family: Oswald,sans-serif;
    float: right;
    margin-top: 0;
    font-size: 14px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    min-width: 119px;
    height: 40px;
    border: 2px solid #333;
    color: #333;
    border-radius: 34px !important;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    top: 23px;
    text-decoration: none !important;
    transition: 0.3s ease all;
}
.petSeeMoreLink:hover {
    background-color: #333;
    color: #fff;
}
.category-details > .petSeeMoreLink {
    top: 13px;
}
.header-right-icons {
  float: right;
  position: absolute;
  width: auto;
  top: 60px;
  right: 60px;
  height: 50px;
  z-index: 4;
}

.icon-search  {
  background: url(../images/icon-search.svg) no-repeat 0 0;
}

.icon-search, .icon-user {
  float: left;
  height: 32px;
  width: 40px;
  margin: 0 0 0 10px;
  cursor: pointer;
  padding: 0 5px 0 0 !important;
  position: relative;
}
.header-right-icons .icon-user {
  background: url(../images/icon-user.svg) no-repeat 0 0;
}

/*.minicart-wrapper .action.showcart span {
  position: relative !important;
  overflow: visible !important;
  width: 10px !important;
  float: right;
  right: 0;
  font-size: 0px;
  top: 31px;
} */

.minicart-wrapper .action.showcart .qty {
  position: absolute;
  top: -11px;
  font-size: 10px;
  left: 29px;
  letter-spacing: 0.03em;
  background-color: #ed5348;
}

.cart-container .form-cart {
  border: 1px solid #ececec;
  border-radius: 3px;
  background: #fff;
  padding: 30px;
  margin-bottom: 60px;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
}

.cart-container .checkout-methods-items .action.primary, .products-list .table-responsive .product-add-to-cart .actions-primary .action.primary {
  background-color: #000;
  border: 1px solid #ececec;
  border-radius: 30px;
}

.cart-summary {
  border: 1px solid rgb(235, 235, 235);
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
}

.ms-topmenu .ms-label {
  position: relative;
}

@media only screen and (min-width: 767.5px ) {
  .ms-topmenu .ms-label::before {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 19px;
    background: url(../images/icon-arrow.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    background-size: 8px 8px;
  }
}
.header-right-icons .icon-user::before, .header-right-icons .icon-search::before, .minicart-wrapper .action.showcart span::before {
  content: ' ';
  position: absolute;
  right: 0;
  bottom: 8px;
  background: url(../images/icon-arrow.png) no-repeat 0 0;
  width: 10px;
  height: 10px;
  background-size: 8px;
}
.minicart-wrapper .action.showcart::before {
  color: #000;
}
.account-links-menu_wrapper, .block.block-search {
  display: none;
}

.block-search.active {
  display: block;
}

.minicart-wrapper {
  margin-top: 50px;
}
.account-links-menu_wrapper {
  background: #333;
  padding: 0;
  width: 160px;
  position: absolute;
  right: 100px;
  top: 100px;
  border-radius: 4px;
}
.account-links-menu_wrapper::before {
  content: " ";
  position: absolute;
  height: 5px;
  width: 5px;
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  right: 9px;
}
.account-links-menu_wrapper ul {
  padding: 20px;
  float: left;
  width: 100%;
  margin: 0;
  position: relative;
}
.account-links-menu_wrapper li {
  float: left;
  width: 100%;
}
.account-links-menu_wrapper li a, .account-links-menu_wrapper li strong {
  color: #fff;
  float: left;
  width: 100%;
  padding: 2px 0;
  margin-bottom: 1rem;
}

.block.block-search {
  position: absolute;
  right: 10px;
  top: 100px;
  width: 450px;
}
#search {
  border-radius: 30px;
  border: 5px solid #e9e9e9;
  float: left;
  width: 100%;
  height: 46px;
}
.block-search .control {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 22px;
}
.block-search .nested {
  bottom: 0;
  left: 30px;
}
.action.search {
  top: 5px !important;
}

.gallery-placeholder._block-content-loading {
    text-align: center;
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 0;
}
.ProDetail_right {
    float: right;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 15px;
}
.product-info-main .page-title-wrapper .page-title {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #21293c;
    margin: 0 0 15px;
}
.product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions {
    padding-top: 19px !important;
}
.product-info-main .product-addto-links, .product-options-bottom .product-addto-links {
    margin: 20px 0;
    text-align: left;
}
.product-social-links span {
    background-image: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Oswald';
    font-weight: 700;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
}
.page-layout-1column .product-info-main {
    background: #fff;
    padding: 20px;
}
.product-addto-links a.action.tocompare {
    padding: 0;
    background: #000;
    border: 1px solid #fff;
}
.page-main>.page-title-wrapper .page-title {
    display: inline-block;
    font-size: 25px;
    padding: 0 0 0 15px 0;
    margin: 0 0 20px;
}
.page-layout-1column .product.media {
    margin: 0 1% 25px;
}

/** login page css **/

.block.block-customer-login, .block.block-new-customer {
  width: 100% !important;
}
.login-container {
  max-width: 370px;
  margin: auto;
}
.customer-account-login .page-title {
  text-align: center;
  float: left;
  width: 100%;
}
.customer-account-login .page-title-wrapper .page-title {
  min-height: 50px;
}
.login-container {
  max-width: 370px;
  margin: 25px auto 0;
}
.login-container, .customer-account-create .columns {
  background: #fff;
  border-top: 4px solid #333;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  padding: 30px 40px;
  clear: both;
}
.customer-account-create .columns label {
  width: 95%;
}
.login-container .fieldset > .field > .control {
  width: 100% !important;
}
.customer-account-login .page-main > .page-title-wrapper .page-title,
.customer-account-create .page-main > .page-title-wrapper .page-title {
  text-align: center;
  font-size: 21px;
  color: #000;
  font-weight: 400;
  margin-bottom: 20px;
}
.input-text, select#country,.input-text, select#region_id {
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  border: 1px solid #ccc;
  padding: 6px 12px;
  height: 40px !important;
  border-radius: 4px !important;
}
.fieldset > .field > .label, .fieldset > .fields > .field > .label {
  font-weight: normal;
}
.fieldset > .field {
  margin: 0 0 10px !important;
}
.form-create-account .action.back {
  display: none !important;
}
.login-container .block .login .actions-toolbar > .secondary {
  width: 100%;
}
.actions-toolbar {
  position: relative;
  padding: 0 0 70px;
}

.actions-toolbar .primary {
  width: 100%;
  bottom: 0;
  left: 0;
}

.checkout-shipping-method .actions-toolbar > .primary button {
  float: right; 
}

.actions-toolbar .primary .action, #show-all {
  border-radius: 30px;
  background: rgb(0, 0, 0);
  color: #fff;
  border: none;
  font-size: 16px;
  min-width: 150px;
}

.login-container .form-login > .fieldset > .actions-toolbar > .primary .action span {
  text-transform: none;
}

.login-container .form-login > .fieldset > .actions-toolbar > .primary .action {
  width: 100%;
}

.action.remind {
  color: #000000;
  font-size: 13px;
}

.action.remind:hover {
  text-decoration: underline;
}

.fieldset > .field.password.required {
  margin: 0 0 4px;
}

.customer-account-create .columns label {
    width: 95% !important;
    text-align: left !important;
    float: left;
    margin: 0 0 7px !important;
}

#form-validate .fieldset .legend {
  margin: 0 0 20px;
  color: #000;
  font-weight: 400;
}
.customer-account-create .actions-toolbar {
  max-width: 300px;
  float: left;
  width: 100%;
  margin: 0 !important;
}
.customer-account-create .columns .choice label {
  width: auto !important;
}
.field.choice.newsletter input {
  float: left;
  margin: 0 5px 0 0;
}
.customer-account-create .fieldset > .choice.field::before {
  content: '';
  display: block;
  width: 0 !important;
}

.page-products .product-item-info {
  width: 100%;
}
.products.wrapper.grid.products-grid {
  background: #fff;
}
.breadcrumbs .item:not(:last-child)::after {
  line-height: 12px;
}
.catalog-category-view .sidebar.sidebar-main h2, .catalogsearch-result-index .sidebar.sidebar-main h2, .catalog-category-view .sidebar.sidebar-main .block.filter .filter-title strong {
  text-align: left;
  margin-bottom: 18px;
  font-family: 'oswaldmedium', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #535353;
}
.catalog-category-view .sidebar.sidebar-main li, .catalogsearch-result-index .sidebar.sidebar-main li, .catalog-category-view .sidebar.sidebar-main a, .catalogsearch-result-index .sidebar.sidebar-main a {
  line-height: 33px;
  font-size: 14px;
  color: #424242;
  letter-spacing: 0.01em;
  margin: 0;
  float: left;
  width: 100%;
}

.actions-toolbar > .secondary .action
{
  line-height: 33px;
  font-size: 14px;
  color: #424242;
  letter-spacing: 0.01em;
}

.catalog-category-view .sidebar.sidebar-main ul, .catalogsearch-result-index .sidebar.sidebar-main ul{
  padding: 0 0 0 17px;
}
.catalog-category-view .top-container, .catalogsearch-result-index .top-container {
  float: left;
  height: 0;
}
.catalog-category-view .sidebar.sidebar-main, 
.catalogsearch-result-index .sidebar.sidebar-main {
  background: #fff;
  padding: 10px;
  min-height: 525px;
}

.catalog-category-view .sidebar.sidebar-additional {
  background: #fff;
  padding: 10px;
}

.opc-block-summary {
  background: #fff;
}
.category-link-show {
  position: relative;
  cursor: pointer;
}
.category-link-show::before {
  content: " ";
  position: absolute;
  border-top: 5px solid #424242;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  width: 5px;
  right: 0;
  top: 10px;
  transition: all 0.3s ease;
  transform: rotate(-90deg);
}
a.category-link-show.active::before {
  transform: rotate(0deg);
}
li a.category-link-show.active + ul, .catalog-category-view .sidebar.sidebar-main div > .category-link-show.active + .category-show-cmspage {
  display: block !important;
}

.customer-account-index .block-title strong {
  font-size: 28px;
}
.customer-account-index .footer.content .block .block-title strong {
  font-size: 15px;
}

.customer-account-index .block .block-content .box-title {
  background: #f9f9f9;
  float: left;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  line-height: 27px;
  margin: 0 0 13px !important;
}
@media only screen and (min-width: 767.5px ) {
  /*.customer-account-index .block .block-content {
    display: flex;
    align-content: space-around;
    flex-flow: row;
  }*/
}

.customer-account-index .block .block-content .box-title span {
  float: left;
  width: 100%;
  font-size: 19px !important;
}
.customer-account-index .box {
  background: #fff;
  padding: 0 0 20px;
  flex: 1 1 auto;
  border: 1px solid #d2d2d2;
}
.customer-account-index .box.box-information, .customer-account-index .box.box-billing-address {
  margin-right: 0.5%;
}
.customer-account-index .box.box-newsletter, .customer-account-index .box.box-shipping-address {
  margin-left: 0.5%;
}
.customer-account-index .block .block-content .box-title, .customer-account-index .box-content, .customer-account-index .box-actions {
  padding-left: 20px;
  padding-right: 20px;
}
.account .sidebar .nav.items, .account .sidebar .block-reorder {
  background: #fff;
}
.account-nav .item .delimiter {
  float: left;
  width: 100%;
  margin: 10px 0;
}
#account-nav .nav.items li.current {
  line-height: 36px;
  border-bottom: 1px solid #d1d1d1;
  background: #d2d2d2;
}
#account-nav .nav.items li, #account-nav .nav.items li a {
  float: left;
  width: 100%;
}
@media only screen and (min-width:  1200px) {
  .page-products .products-grid .product-item, .account .products-grid .product-item {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    width: 19% !important;
    margin: 1% 0.5% !important;
    clear: none !important;
  }
}

.responsive-input {
  width: 50% !important; /* Adjust this value as needed for desktops */
  min-width: 300px;
}

@media only screen and (max-width: 1024px) {
  .page-header, .nav-sections {
    z-index: 2;
  }
}

.defsys-brandslider-flex-brandslider .flex-caption {
  display: none;
}

.account .sidebar .nav {
  display: block;
}

.mp-blog-rss {
  display: none;
}

.mpblog-post-index .sidebar-main {
  display: none;
}

.mpblog-post-view .sidebar-main {
  display: none;
}

.mpblog-post-index.page-layout-2columns-right .column.main, .mpblog-post-view.page-layout-2columns-right .column.main {
  width: 100% !important;
}

.mpblog-post-index .post-list-body {
  display: flex;
  flex-wrap: wrap;
}

.mpblog-post-index .post-list-item {
  flex: 0 0 31%;
  margin: 1%;
  box-sizing: border-box;
}

.mpblog-post-index .post-list-item .post-list-item-info {
  padding: 0;
}

.mpblog-post-index .post-item-list .post-image {
  display: block !important;
}

.mpblog-post-index .post-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.mpblog-post-index .post-item-wraper {
  padding: 0px !important;
}

.contact-index-index .page-title-wrapper {
  display: none;
}

.contacts-index-index h2.legend {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  letter-spacing: 0.03em;
}

.contacts-index-index .col-main .contact-info i {
  float: left;
  width: 43px;
  height: 43px;
  background-color: #08c;
  color: #fff;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  margin-bottom: 15px
}

.contacts-index-index .col-main .contact-info p {
  margin-left: 55px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}

.contact .fieldset .label, .advanced .fieldset .label {
  width: 100% !important;
  float: left !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

.contact .fieldset .control, .advanced .fieldset .control {
  margin-bottom: 10px;
}

.contact-index-index .column:not(.sidebar-additional) .form.contact {
  width: 100%;
}

.contact-info i {
  float: left;
  width: 43px;
  height: 43px;
  background-color: #000;
  color: #fff;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.locator-index-index .column.main, .catalogsearch-advanced-index .column.main {
  background: #fff;
  padding: 15px;
}

.locator-index-index .page-title-wrapper, .catalogsearch-advanced-index .page-title-wrapper{
  display: none;
}

.ms-megamenu ul li:last-child  {
  position: relative;
}

.ms-megamenu ul li:last-child .ms-submenu {
  position: absolute;
  left: 0 !important;
  top: 100%;
}

.ms-megamenu ul li:last-child .ms-submenu .col-category {
  min-width: 180px;
}

.ms-megamenu ul li:last-child .ms-submenu .col-category a {
  letter-spacing: 0.01em;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px 0 10px;
  line-height: 35px;
}

.ms-megamenu ul li:last-child .ms-submenu .col-category a span {
  margin-left: 10px;
}

.advanced .fieldset .actions-toolbar {
  margin-bottom: 50px;
  position: relative;
  width: 74%;
  margin-left: 0;
  padding: 0;
}

#search {
  border: 1px solid #ccc;
  height: 38px;
  padding: 10px 15px;
  color: #000;
  width: 100%;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  border-radius: 20px 0 0 20px;
  background-color: #fff;
}

.search .item a , .brand-items .product-item a {
  color: #636363;
}

.category-sidebar-wrapper {
  height: auto; 
  max-height: none; 
  overflow: visible; 
}

.category-sidebar-wrapper .item .label {
  white-space: normal; 
  text-overflow: clip; 
}

.alphabet-links a.disabled {
  opacity: 0.6;
  pointer-events: none;
  background-color: #F1F1F1;
}

.alphabet-links a {
    min-width: 29px;
    float: left;
    color: #333;
    cursor: pointer;
    min-height: 20px;
    border: 1px solid #CCC;
    display: block;
    padding: 2px 5px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border-right: none;
    text-decoration: none;
    background-color: #e2e2e2;
}

.alphabet-links a {
  border-radius: 4px;
  margin: 5px;
}

.alphabet-links {
  clear: both;
  margin-bottom: 15px;
}

.alphabet-links a:hover {
  background-color: #333;
  color: #fff;
}

.search-box input {
  width: 365px;
  height: 34px;
  display: block;
  max-width: 100%;
}

.brand-items .product-item {
  border: none !important;
  vertical-align: bottom;
}

.page-layout-2columns-left .sidebar-main,
.page-layout-2columns-right .sidebar-main,
.page-layout-2columns-left .sidebar-additional,
.page-layout-2columns-right .sidebar-additional {
  width: 25% !important; 
}

.page-layout-2columns-left .sidebar-additional .block {
  background: #fff;
  padding: 15px;
}

.page-layout-2columns-left .column.main,
.page-layout-2columns-right .column.main {
  width: 75% !important;
}

.cms-about .main, 
.mpblog-post-view .page-main, 
.cms-videos .page-main, 
.opc-wrapper .step-content .addresses,  
.opc-wrapper .step-content #checkout-shipping-method-load { 
  background-color: #fff;
  padding: 15px !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.1);
  border-radius: 3px;
  margin-bottom: 50px;
}

.opc-wrapper .step-content #checkout-shipping-method-load table tr.row {
  margin: 0 !important;
}

.opc-progress-bar-item._active > span:before {
  background: #08c;
}

h2.word-rotator-title {
  line-height: 30px;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 20px;
  color: #121214;
}

.word-rotate-items{
  display: inline-block;
  min-width: 80px;
  text-align: left;
}
.word-rotate-items span{
  position: absolute;
  font-weight: bold;
  top:-0px;
  opacity: 0;    
  animation: rotateWord 12s linear infinite 0s;
}
.word-rotate-items span:nth-child(2) { 
  animation-delay: 3s; 
}
.word-rotate-items span:nth-child(3) { 
  animation-delay: 6s; 
}
.word-rotate-items span:nth-child(4) { 
  animation-delay: 9s; 
}
.word-rotate-items span:nth-child(5) { 
  animation-delay: 12s; 
}

@keyframes rotateWord {
  0%   { opacity: 0; }
  2%   { opacity: 0; transform: translateY(-30px); }
  5%   { opacity: 1; transform: translateY(0px);}
  17%  { opacity: 1; transform: translateY(0px); }
  20%  { opacity: 0; transform: translateY(30px); }
  80%  { opacity: 0; }
  100% { opacity: 0; }
}

h2 .word-rotate {
  margin-bottom: -7px;
}

.entry-content h3 {
  font-family: 'Oswald',sans-serif;
  font-size: 1.7em;
  font-weight: 400;
  color: #000000;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 33px;
  text-transform: uppercase;
}

.entry-content p {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.entry-content .lead {
  font-size: 21px;
  line-height: 1.4;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 34px;
  background-color: #000;
}

.push-top {
  margin-top: 20px
}

.btn-primary:hover {
  border-color: #0099e6;
  background-color: #0099e6;
  color: #fff;
}

body.cms-care-sheets h5{
  font-size:1.28571429em;
  font-weight:700;
  line-height:1.2857em;
  margin:0;
}

body.cms-care-sheets .card{
  font-size:1em;
  overflow:hidden;
  padding:0;
  margin-bottom:15px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius:3px;
}

.cms-care-sheets .card:hover {
  -webkit-transition: box-shadow .1s ease-in-out;
  transition: box-shadow .1s ease-in-out;
  box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.1);
}

body.cms-care-sheets .card-block{
  font-size:1em;
  position:relative;
  margin:0;
  padding:1em;
  border:none;
}

body.cms-care-sheets .card-img-top{
  display:block;
  width:100%;
  height:auto;
}

body.cms-care-sheets .card-title{
  font-size:1.3em;
  font-weight:400;
  color:#424242;
  line-height:1.2857em;
}

body.cms-care-sheets .card-text{
  clear:both;
  margin-top:.5em;
  color:rgba(0,0,0,.68);
}

body.cms-care-sheets .card-footer{ 
  font-size:1em;
  position:static;
  top:0;
  left:0;
  max-width:100%;
  padding:.75em 1em;
  color:rgba(0,0,0,.4);
  border-top:1px solid rgba(0,0,0,.05)!important;
  background:#fff
}

body.cms-care-sheets .card-inverse .btn{
  border:1px solid rgba(0,0,0,.05);
}

body.cms-care-sheets .meta{
  font-size:1em;
  color:#777;
}

body.cms-care-sheets .meta a{
  text-decoration:none;
  color:rgba(0,0,0,.4);
}

body.cms-care-sheets .meta a:hover{
  color:rgba(0,0,0,.87);
}

body.cms-care-sheets .page-main a{
  color: #000;
}

.aw-blog-read-more:after, .mp-read-more:after {
  content: "\00A0\25B8";
  white-space: nowrap;
  -webkit-transition: right 150ms cubic-bezier(0.3, -0.5, 0.6, 1.5);
  transition: right 150ms cubic-bezier(0.3, -0.5, 0.6, 1.5);
  display: inline-block;
  font-size: 1.3em;
  position: relative;
  right: 0;
  text-decoration: none;
  vertical-align: text-top;
}

.post-item:hover {
  -webkit-transition: box-shadow .1s ease-in-out;
  transition: box-shadow .1s ease-in-out;
  box-shadow: 0 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.post-item:hover h2 a {
  text-decoration: underline;
}

#mpblog-list-container a, .mp-post-info, .post-short-description {
  text-align: left;
}

.post-item-list {
  text-align: left;
}

.post-list-item {
  border: 1px solid #eee;
}

.post-list-item:hover {
  border: 1px solid #eee;
  box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3);
}

.post-link-title:hover, .mp-read-more:hover {
  color: #000000;
  text-decoration: underline !important;
}

.post-item-list p, .mpblog-post-view .main p {
  margin: 0 0 15px;
  line-height: 1.5;
  color: #535353;
}

.breadcrumbs ul {
  padding: 0;
  text-transform: uppercase;
}

.breadcrumbs li {
  display: inline;
  vertical-align: middle;
}

.breadcrumbs li strong {
  font-weight: 500;
  vertical-align: middle;
}

.breadcrumbs li a {
  vertical-align: middle;
  font-weight: 500;
  letter-spacing: 0.01rem;
  color: #666;
  font-size: 12px;
  font-family: 'Oswald',sans-serif;
}

.toolbar .pages {
  display:block;
  margin-top:-2px;
  float: right !important;
}

.page-products .toolbar .limiter {
  float: left !important;
}
.pages .item > a.next,.pages .item > a.previous { 
  width:35px;
  background:#333;
  height:35px;
  color:#fff;
  border: 1px solid #000;
}
.pages .action.next:visited:before {
  color:#fff;
}
.pages .item a.i-next,.pages .item a.i-previous {
  width:35px;
  background:#333;
  height:35px;
  line-height:32px;
  color:#fff;
}

.pages .action.next:before, .pages .action.previous:before {
  color:#fff;
}

.pages .action.next:before, .pages .action.previous:before {
  color:#fff;
}

.pages .item a {
  color:#9a9a9a;
  text-decoration:underline;
}

.pages .item > a:focus,.pages .item > a:hover {
  background:0 0;
  height:35px;
  color:#333;
}

.pages .item > a, .pages .item > span, .pages .item > a.page:visited { 
  background: 0 0;
  color:#939393;
  border: 0;
  line-height: 35px;
  height: 35px;
}

.pages .current {
  color:#333;
}

.pages .item { 
  background:none !important;
  border:0 !important;
  height:35px;
  line-height:35px;
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size: 15px;
}

.pages strong.page {
  font-size: 15px;
}

.limiter label {
  color:#333;
  font-family:'Oswald',sans-serif;
  font-weight:500;
  font-size:13px;
  text-transform:uppercase;
}

.ms-megamenu li:not(:last-child) .col-category .level1 {
  text-transform: uppercase;
  font-family:'Oswald',sans-serif;
}

.ms-megamenu > ul > li:not(:last-child) > .col-category .level1:hover {
  text-decoration: underline;
}

.modes-mode {
  background-color: #fff;
  color: #000 !important;
}

.modes-mode.active {
  color: #fff;
  background-color: #000;
}

.modes-mode.active:before, .modes-mode.active:hover:before {
  color: #fff !important;
}

.modes-mode:before {
  color: #000 !important;
}

.modes-mode:hover:before {
  color: #fff !important;
}

body:not(.cms-pp_home) .logo img { 
  max-width:83%;
}

.catalog-category-view .sidebar.sidebar-main .block.filter{
  clear: both;
  margin-top: 25px;
  float: left;
  width: 100%;
}

.catalog-category-view .sidebar.sidebar-main .block.filter .block-content.filter-content .filter-options-item {
  border-top: #efefef solid 1px;
  margin-bottom: 15px;
  padding-top: 15px;
  font-family:'Oswald',sans-serif;
  text-transform: uppercase;
}

.catalog-category-view .sidebar.sidebar-main .block.filter .block-content.filter-content .filter-options-item span{
  margin-bottom: 10px;
}
.catalog-category-view .sidebar.sidebar-main .block.filter .block-content.filter-content .filter-options-item select,
.catalog-category-view .sidebar.sidebar-main .block.filter .block-content.filter-content .filter-options-item .js-price-slider {
  text-transform: uppercase;
  margin-top: 15px;
}

.products-list .product-item-details {
  vertical-align: middle !important;
}

.products-list .product-item {
  padding: 8px;
}

.products-list .product-item-details .product-name {
  text-align: left;
  width: 75%;
  float: left;
}

.products-list .product-item-details .product-sku {
  float: right;
  width: 25%;
}

.brands-index-brand .category-image {
  border: none;
  float: left;
  margin-bottom: 30px;
  padding: 20px;
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  text-align: center;
}

.brands-index-brand .category-image img{
  width: 30%;
  max-width: 300px;
}

.product.info.detailed .additional-attributes > tbody > tr > th, 
.product.info.detailed .additional-attributes > tbody > tr > td {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 15px 10px;
  line-height: 1.3;  
}

.product.info.detailed .additional-attributes {
  margin-top: 10px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: 100%;
}

.product.info.detailed .additional-attributes > tbody > tr > th.label {
  width: 30%;
}

.product.info.detailed .additional-attributes > tbody > tr > td.data {
  width: 70%;
}

.product.data.items > .item.title.active > .switch {
  color: #21293c;
  position: relative;
}

.product.data.items > .item.title > .switch {
  font-family: Oswald,sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .03em;
  color: #999;
  background: none !important;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-bottom: 25px !important;
  margin-bottom: 15px;
}

.product.data.items > .item.title.active > .switch { 
  border-bottom: 3px solid #337ab7;
}

.product-reviews-summary .reviews-actions a {
  line-height: 20px;
  font-size: 14px;
  color: #bdbdbd;
}

/* Hide reviews on home page */
.product-items .owl-item .product-reviews-summary .reviews-actions  {
  display: none;
}

.action.primary, .actions-toolbar .primary .action {
  text-transform: uppercase;
  font-family: 'Oswald';
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 10px 15px;
  border: 1px solid #000;
}

.product-info-main .box-tocart .action.tocart, 
.product-item .product-item-inner .product-item-actions .action.tocart, 
.products-list .table-responsive .product-add-to-cart .actions-primary .action.primary,
.block-minicart .block-content > .actions > .primary .action.primary {
  background-color: #000;
  color: #fff;
  border-radius: 30px;
  font-size: 14px;
}

.product-item .product-item-inner .product-item-actions .actions-primary .quantity, .products-list .table-responsive .product-add-to-cart .actions-primary .quantity {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.product-item .product-item-inner .product-item-actions .actions-primary .quantity input, .products-list .table-responsive .product-add-to-cart .actions-primary .quantity input { 
  width: 52px;
  padding: none;
  border-radius: none;
  height: 35px !important; 
  text-align: center;
}

.product-item .product-item-inner .product-item-actions .actions-primary .quantity button, .products-list .table-responsive .product-add-to-cart .actions-primary .quantity button { 
  height: 35px;
  width: 25px;
  padding: 0px 6px;
  background: none;
  color: #8798a2;
}

.product-item-actions .actions-primary .unavailable, .product-item-actions .actions-primary .available{
  background-color: #f4f4f4;
  color: #000;
  border-radius: 30px;
  padding: 11px;
}

.product-info-main .product.attribute.overview .value {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.005em;
  line-height: 27px;
}

@media (min-width: 769px), print {
  .opc-sidebar {
    margin: -20px 0 0 !important;
  }
  .sidebar-additional {
    padding-right: 2%;
  }

  .products-grid.wishlist .product-item .fieldset .field.qty .label {
    width: 25.8%;
  }
}

.opc-progress-bar-item._active:before {
  background: #08c;
}

.minicart-items .product-item-name a, .minicart-items .actions .secondary .viewcart {
  color: #424242 !important;
  text-decoration: none;
}

.minicart-items .product-item {
  text-align: left;
}

.block-minicart .block-content .actions .secondary .action {
  color: #424242;
}

.login-container .form-login .fieldset .field:not(.choice) > .label {
  text-align: left;
}

.login-container .form-login .fieldset .actions-toolbar {
  padding: 0;
  margin-left: 0;
}

.login-container .form-login .fieldset .actions-toolbar .secondary .action {
  float: left;
  width: 100%;
  margin-bottom: 6px;
}

.block-reorder .actions-toolbar {
  max-width: none;
}

.block-reorder .actions-toolbar > .primary {
  width: auto;
}

.account table .col {
  width: auto;
}

.account table {
  background-color: #fff;
}

.block-new-customer .form-signin-register span {
  line-height: 35px;
}

.block-new-customer .form-signin-register .btn-register {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  float: right;
}

.block-new-customer .form-signin-register .btn-register:hover {
  background-color: #000;
  color: #fff;
}

/* Countdown Timer Start */
.countdown-timer {
  text-align: center;
  margin-top: 20px;
}

.countdown-timer .time-left {
  list-style: none;
  padding-left: 1px;
  display: flex;
  justify-content: space-around;
  background-color: #999999;
}

.countdown-timer .time-left li {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-right: 3px solid #fff; 
  margin-bottom: 0;
  color: #fff;
}

.countdown-timer .time-left li span.text-time{
 font-size: 11px;
}

.countdown-timer .time-left li:last-child {
  border-right: none; 
}

.countdown-timer .time-left li span {
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.countdown-timer .time-left li .label {
  font-size: 12px;
}
/* Countdown Timer Ends */

.price-not-available-message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #f7f7f7;
  border-radius: 5px;
  font-size: 14px;
}

.percentage-discount {
  color: #f14141;
}

.percentage-discount .discount {
  font-family: 'Oswald', sans-serif;
  margin-top: 4px;
  display: inline-block;
  font-size: 35px;
} 

.column .toolbar-products .sorter {
  float: left;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
}

.page-products .columns .toolbar .top-pager-block { 
  float: right;
}

.page-products .columns .toolbar .top-pager-block .limiter {
  display: block;
  float: left;
}

.page-products .columns .toolbar-products {
  margin-bottom: 30px;
}

.js-price-slider {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
}

.js-price-slider .price-bar .ui-slider-horizontal {
  height: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.js-price-slider .price-bar {
  width: 75%;
}

.js-price-slider .price-bar .ui-slider-handle {
  height: 15px;
  width: 15px;
  -webkit-border-radius: 15px; 
  border-radius: 15px; 
  background: #000; 
}

.product-item-info  {
  position: relative !important;
}

.product-item-info .new-badge {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  width: 50px;
}

.product-item-info .new-badge img {
  width: 100%;
  height: auto;
  display: block;
}

.products-list .table-responsive {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0,0,0,.1);
}

.table-bordered {
  border: 1px solid #ebebeb;
}

.products-list .table-responsive .product-item-photo {
  padding: 0;
}

.products-list .table-responsive tbody td {
  vertical-align: middle;
}

.products-list .table-responsive tbody tr td:first-child {
  width: 100px;
}

.customer-account-login .messages {
  clear: both;
  margin: auto;
  max-width: 370px;
}

.column .toolbar-products .sorter .sorter-options {
  text-transform: uppercase;
}

.pp-notice {
  width: 100%;
  height: 33px;
  background: #20BCFF;
  color: #fff;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
}

.pp-notice .pp-notice-holder {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box; 
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
}

.pp-notice #close {
  color: rgba(255, 255, 255, 0.34);
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  margin: 0;
  background: none;
  color: #fff;
  border: none;
}

.notice-wrapper {
  margin-bottom: 0px;
}

.product-info-main .product.alert {
  padding: 12px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  background: #FCFCFC;
}

.product-info-main .product.alert a:visited, .product-info-main .product.alert a:hover {
  color: #000000;
}

.product-info-main .action.towishlist {
  border-radius: 30px;
  width: 43px;
  height: 43px;
  line-height: 41px;
  padding: 4px 11px;
}

.product-info-main .action.towishlist:hover {
  border: 1px solid #000;
  background-color: #fff;
}

.product-info-main .action.towishlist .fa-solid {
  font-size: 20px;
}

.product-item-actions .actions-secondary {
  vertical-align: bottom;
  border-radius: 30px;
  border: 1px solid #000;
  margin-left: 10px;
}

.product-items .action.towishlist:before, .products.list.items .action.towishlist:before {
  font-size:32px;
}

.customer-account-create p.intro {
  font-size: 16px;
  color: #fff;
  background-color: #1b95e0;
  padding: 15px 55px;
  border-radius: 3px;
  z-index: 2;
}

.customer-account-create p.intro .fa-info{
  font-size: 25px;
  color: rgba(255, 255, 255, 0.25);
  position: absolute;
  font-size: 50px;
  left: 40px;
  float: left;
  margin-top: -7px;
  line-height: 1.5;
}


#shipping .new-address-popup { 
  display: none; 
}

.checkout-index-index .payment-option._collapsible.opc-payment-additional.discount-code {
  display: none;  
}

.cart-summary .block.discount {
  display: none;
}


/* Mega menu container */


/* Overlay to cover the rest of the content */
.menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.5);  */
  z-index: 999;
}

/* Show the overlay when the menu is active */
.menu-overlay.active {
  display: block;
}

/* Shift the main content when the menu is active */
body.menu-active .page-wrapper {
  transform: translateX(250px); /* Adjust based on menu width */
  transition: transform 0.3s ease;
}

.nav-sections .nav-sections-item-content.active .ms-megamenu {
	left: -250px;
	height: 100%;
	z-index: 10000;
	position: fixed;
	width: 250px;
	background: #000;
    	transition: left 0.3s ease;
 }

.nav-sections-item-content .menu-close {
  top: 10px;
  right: 11px;
  float: right;
  font-size: 24px;
  margin: 10px;
  color: #fff;
  background: none;
  border: none;
  display: none;
}

.nav-sections-item-content .menu-close.active {
  display: block;
}

.search-autocomplete {
  display: none !important;
}
