body {
  font-family: "Poppins";
  font-size: 14px /*{body-font-size}*/;
  color: #212529 /*{body-font-colour}*/;
  background-image: none /*{body-background-image}*/;
  background-color: #fff /*{body-background-colour}*/;
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.fa,
.far,
.fas,
.fal {
  font-family: "Font Awesome 5 Pro" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Poppins";
  color: #333 /*{headers-colour}*/;
}

img,
iframe {
  max-width: 100%;
}

.carousel-caption h3,
.carousel-caption h2,
.carousel-caption .h3,
.carousel-caption p {
  color: #fff /*{carousel-text-colour}*/;
}

h1,
.h1 {
  font-size: 26.249px /*{header-1-font-size}*/;
}

h2,
.h2 {
  font-size: 21px /*{header-2-font-size}*/;
}

h3,
.h3 {
  font-size: 18.375px /*{header-3-font-size}*/;
}

h4,
.h4 {
  font-size: 15.75px /*{header-4-font-size}*/;
}

h5,
.h5 {
  font-size: 13.124px /*{header-5-font-size}*/;
}

/* Secondary button */

.btn-outline-secondary,
.btn-default {
  color: #333 /*{buttons | btn-default-text-colour}*/;
  background-color: #fff /*{buttons | btn-default-background-colour}*/;
  border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}

.btn-outline-secondary:hover,
.btn-default:hover {
  color: #333 /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}

.btn-outline-secondary.disabled,
.btn-default:disabled {
  color: #333 /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: #333 /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}

/* Primary button */

.btn-primary {
  color: #fff /*{buttons | btn-primary-text-colour}*/;
  background-color: #006ff5 /*{buttons | btn-primary-background-colour}*/;
  border-color: #006ff5 /*{buttons | btn-primary-border-colour}*/;
}

.btn-primary:hover {
  color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
  background-color: #005ecf /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: #0058c2 /*{buttons | btn-primary-border-colour-hover}*/;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
  background-color: #005ecf /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: #0058c2 /*{buttons | btn-primary-border-colour-hover}*/;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
  background-color: #005ecf /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: #0058c2 /*{buttons | btn-primary-border-colour-hover}*/;
}

/* Warning button */

.btn-warning {
  color: #fff /*{buttons | btn-warning-text-colour}*/;
  background-color: #ffc107 /*{buttons | btn-warning-background-colour}*/;
  border-color: #ffc107 /*{buttons | btn-warning-border-colour}*/;
}

.btn-warning:hover {
  color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
  background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
  border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
  background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
  border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
  background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
  border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}

/* Danger button */

.btn-danger {
  color: #fff /*{buttons | btn-danger-text-colour}*/;
  background-color: #dc3545 /*{buttons | btn-danger-background-colour}*/;
  border-color: #dc3545 /*{buttons | btn-danger-border-colour}*/;
}

.btn-danger:hover {
  color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
  background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
  border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
  background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
  border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
  background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
  border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}

/* Success button */

.btn-success {
  color: #fff /*{buttons | btn-success-text-colour}*/;
  background-color: #28a745 /*{buttons | btn-success-background-colour}*/;
  border-color: #28a745 /*{buttons | btn-success-border-colour}*/;
}

.btn-success:hover {
  color: #fff /*{buttons | btn-success-text-colour-hover}*/;
  background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
  border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff /*{buttons | btn-success-text-colour-hover}*/;
  background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
  border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff /*{buttons | btn-success-text-colour-hover}*/;
  background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
  border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}

/* Info button */

.btn-info {
  color: #fff /*{buttons | btn-info-text-colour}*/;
  background-color: #17a2b8 /*{buttons | btn-info-background-colour}*/;
  border-color: #17a2b8 /*{buttons | btn-info-border-colour}*/;
}

.btn-info:hover {
  color: #fff /*{buttons | btn-info-text-colour-hover}*/;
  background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
  border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff /*{buttons | btn-info-text-colour-hover}*/;
  background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
  border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff /*{buttons | btn-info-text-colour-hover}*/;
  background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
  border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}

.breadcrumb {
  background-color: #f8f9fa /*{breadcrumb-background-colour}*/;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #6c757d /*{breadcrumb-text-colour}*/;
}

.breadcrumb > .active,
.breadcrumb a {
  color: #696969 /*{breadcrumb-text-colour}*/;
}

.pagination .page-link {
  color: #006ff5 /*{pagination-text-colour}*/;
  background-color: #fff /*{pagination-bg-colour}*/;
  border-color: #dee2e6 /*{pagination-border-colour}*/;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
  color: #004ca9 /*{pagination-text-colour-hover}*/;
  background-color: #e9ecef /*{pagination-bg-colour-hover}*/;
  border-color: #dee2e6 /*{pagination-border-colour-hover}*/;
}

.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
  color: #fff /*{pagination-text-colour-active}*/;
  background-color: #006ff5 /*{pagination-bg-colour-active}*/;
  border-color: #006ff5 /*{pagination-border-colour-active}*/;
}

.badge-secondary {
  background-color: #ebebeb /*{label-default-bg}*/;
}

.badge-primary {
  background-color: #006ff5 /*{label-primary-bg}*/;
}

.badge-success {
  background-color: #28a745 /*{label-success-bg}*/;
}

.badge-info {
  background-color: #17a2b8 /*{label-info-bg}*/;
}

.badge-warning {
  background-color: #212529 /*{label-warning-text-colour}*/;
  background-color: #ffc107 /*{label-warning-bg}*/;
}

.badge-danger {
  background-color: #dc3545 /*{label-danger-bg}*/;
}

.card {
  border-color: #ddd /*{panel-border-colour}*/;
}

.card-header {
  background-color: #f5f5f5 /*{panel-header-bg-colour}*/;
  border-color: #ddd /*{panel-header-border-colour}*/;
}

.productsave {
  color: #d9534f /*{sale-colour}*/;
}

.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show,
.wrapper-header .navbar-nav .nav-link.active {
  color: #555 /*{navbar-default-link-colour-active}*/;
}

.dropdown-menu {
  background-color: #fff /*{dropdown-menu-bg}*/;
  border-color: #ccc /*{dropdown-menu-border-colour}*/;
}

.dropdown-item {
  color: #212529 /*{dropdown-menu-link-colour}*/;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  color: #262626 /*{dropdown-menu-link-colour-hover}*/;
  background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}
/************************LOADER**********************************/
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/************************ SLIDER ********************************/

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  outline: none !important;
  height: 100%;
  min-height: 1px;
}

.slick-slide:focus,
.slick-slide a:focus {
  outline: none !important;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/************************ HELLPERS ********************************/
#main-content {
  background-color: #f7f8fa;
}
.checkout-page #main-content {
  margin-top: 50px !important;
}
.dropdown-toggle:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  border: none;
}

.no-icon:after {
  display: none !important;
}

.container-1600 {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 15px;
}

a:hover {
  text-decoration: none;
}

.overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -1;
  opacity: 0;
  transition: 0.3s;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.overlay.activClasse {
  opacity: 1;
  z-index: 3;
}

.btn,
.form-control {
  outline: none !important;
  box-shadow: none !important;
}

.btn-success,
.n_checkout .btn-primary {
  background-color: #d60058;
  color: #fff;
  transition: 0.4s;
  box-shadow: none;
  border: none;
  outline: none;
}

.n_checkout .btn-primary,
.n_checkout .btn-danger {
  background-color: #ccc;
  border-color: #ccc;
}

.btn-success:focus,
.btn-success:hover,
.btn-success:active,
.n_checkout .btn-primary:focus,
.n_checkout .btn-primary:hover,
.n_checkout .btn-primary:active {
  background-color: #d600588c !important;
}

.fa-heart {
  transform: 0.4s;
}

.fa-heart:hover {
  font-weight: 900;
}

/************************ TOP NAV ********************************/

.top-nav {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  height: 45px;
}

.top-nav ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.top-nav li {
  list-style: none;
}

.top-nav .dropdown:hover .dropdown-menu {
  display: block;
}

.top-nav .dropdown .dropdown-menu {
  top: 90%;
}

.top-nav .top-nav__link,
.header .top-nav .nav-link,
.top-nav span,
.top-nav .top-nav__link:hover {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  font-family: "Poppins";
  text-align: center;
}

.top-menu-link {
  color: #fff;
}

.top-nav__wrap .text-center a:hover {
  color: #fff !important;
}

.top-nav__help-menu li a {
  text-transform: none !important;
}

/************************ MAIN NAV ********************************/

.header {
  background-color: #fff;
  z-index: 4;
}

.header__inner-wrap {
  height: 109px;
  padding: 0 15px;
}

.header i {
  font-size: 14px;
}

.header .nav-link {
  color: #000;
  transition: 0.4s;
  text-transform: capitalize;
  font-size: 17px;
  color: #000000;
  font-weight: 600;
  font-family: "Montserrat";
}

.header .nav-item {
  text-transform: capitalize;
  font-family: "Montserrat";
}

.header__col2 .nav-link:hover,
.header__col2 .nav-link:hover i {
  color: #d40356 !important;
}

.header__cart {
  cursor: pointer;
  position: relative;
}

.header__cart-count {
  background: #d40356;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -16px;
  right: -9px;
  padding: 3px 5px;
  /* transform: translateX(100%); */
  line-height: 12px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.header__col1 {
  width: 235px;
  margin-bottom: 14px;
}

.header__col2 {
  display: none;
}

.header__col3 {
  width: 94px;
}

.header__col3 i {
  font-size: 19px;
}

.header__col2 .nav-item {
  font-weight: 700;
  color: #000;
}

.header__col3 #header-cart {
  z-index: 1;
}

.header__search {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background: #fff;
  box-shadow: -4px 1px 8px 6px #e5e5e5;
  transition: 0.4s;

  transform: translateY(-300px);
}

.header__search.activClasse {
  transform: translateY(0);
  z-index: 4;
}

.fa-search {
  cursor: pointer;
}

.header__search-form {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
  padding: 90px 30px 30px;
}

.header__search-form input {
  border: none;
  position: relative;
  padding: 0 20px;
}

.header__search-inner-wrap {
  border-bottom: 1px solid #ccc;
  position: relative;
}

.header__search-form i {
  cursor: pointer;
}

.header__search-border {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  display: block;
  z-index: 5;
  background-color: #000;
  transition: 0.4s;
}

.header__search-border.activClasse {
  width: 100%;
}

.nsearchinput-pl.well {
  top: 0;
}

.nsearchinput-pl .nav-list {
  box-shadow: -4px 6px 12px 3px #e5e5e5;
}

.nsearchinput-pl .nav-list a {
  color: #d40356;
}

.cart-container ul {
  max-height: 65vh;
  overflow-y: auto;
}

@media only screen and (min-width: 480px) {
  .header__search-form.activClasse {
    max-width: 400px;
  }

  .header__col3 i {
    font-size: 18px;
  }

  .header__col1 {
    width: 240px;
  }

  .header__col3 {
    width: 120px;
  }
}

@media only screen and (min-height: 500px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
  }

  #main-content {
    margin-top: 210px;
  }

  .cat-nav {
    max-height: 55px;
  }

  .top-nav {
    max-height: 45px;
  }

  .header__inner-wrap {
    max-height: 130px;
    transition: 0.4s;
  }

  .top-nav,
  .cat-nav {
    transition: 0.4s;
  }

  .sticky .top-nav,
  .sticky-adv .cat-nav {
    overflow: hidden;
  }

  .sticky .header__inner-wrap {
    max-height: 80px;
  }

  .sticky .top-nav,
  .sticky-adv .cat-nav {
    max-height: 0;
  }

  .sticky .desktop-nav__submenu {
    top: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .header__inner-wrap {
    height: 130px;
  }

  .header__col1 {
    width: 300px;
  }

  .header__col3 {
    width: 130px;
  }

  #main-content {
    margin-top: 230px;
  }
}

@media only screen and (min-width: 1025px) {
  .header__col2 {
    width: 100%;
    max-width: 900px;
    padding: 0 30px;
    display: flex;
  }

  .header__col3 i {
    font-size: 21px;
  }

  .header__col2.navbar,
  .header__col2.navbar .dropdown {
    position: unset !important;
  }

  .desktop-nav__submenu {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 64px 0 54px;
    top: 176px;
    background: #fff;
    transition: 0.4s;
    z-index: 2;
    height: 445px;
  }

  .desktop-nav__submenu.open {
    display: block;
  }

  .desktop-nav__submenu .container-1600 {
    align-items: flex-start;
    display: flex;
    justify-content: center;
  }

  .desktop-nav__advert {
    width: 33%;
    display: flex;
    justify-content: center;
    align-self: flex-start;
    padding-left: 42px;
    position: relative;
  }

  .desktop-nav__img-wrap {
    width: 100%;
    padding-bottom: 68%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 1.4s;
  }

  .opacity {
    opacity: 1;
  }

  .desktop-nav__img {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
  }

  .desktop-nav__level2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    padding-left: 0;
  }

  .desktop-nav__level2-link {
    font-size: 18px;
    font-weight: 500;
    color: #d40356;
    text-transform: capitalize;
  }

  .desktop-nav__level2-link:hover {
    color: #d40356;
  }

  .desktop-nav__level2 ul,
  .desktop-nav__level2 li,
  .desktop-nav__level2 li a {
    list-style: none;
    padding-left: 0;
  }

  .desktop-nav__level2-wrap {
    width: 33%;
    padding-left: 42px !important;
  }

  .desktop-nav__level2-wrap:nth-child(1) {
    border-right: 1px solid #e9e9e9;
    padding-right: 42px;
    padding-left: 0 !important;
  }

  .desktop-nav__level3 {
    margin-top: 30px;
    height: 270px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .desktop-nav__level3-link {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 14px;
    color: #8d8d8d;
    transform: 0.4s;
  }

  .desktop-nav__level3-link:hover {
    color: #d40356;
  }
}

@media only screen and (max-height: 499px) {
  #main-content {
    margin-top: 0;
  }
}

/************************ CAT NAV ********************************/

.fa-phone-volume {
  transform: rotate(-50deg);
}

.cat-nav {
  height: 55px;
  border-top: 1px solid #e9e9e9;
}

.cat-nav__phone {
  display: none;
}

.cat-nav__phone:hover {
  color: #fff;
}

.cat-nav__phone i {
  font-size: 19px;
  margin-right: 13px;
  color: #fff;
}

.cat-nav__nav {
  width: 100%;
  padding: 0;
  list-style: none;
}

.cat-nav__nav li {
  transition: 0.4s;
  border-radius: 5px;
}

.cat-nav__nav .slick-track {
  display: flex !important;
  align-self: center !important;
}

.cat-nav__nav a {
  display: flex;
  color: #b3b3b3;
  letter-spacing: 1px;
  justify-content: center;
  font-size: 12px;
  line-height: 13px;
  align-items: center;
  transition: 0.4s;
}

.cat-nav__nav li:hover a {
  color: #d40356;
}

.cat-nav__nav a i {
  color: #b3b3b3;
}

.cat-nav__nav img {
  margin-right: 10px;
  height: 21px;
}

.cat-nav__nav a:hover {
  color: #b3b3b3;
}

.cat-nav__nav.slick-initialized .slick-slide {
  text-align: center;
}

@media only screen and (min-width: 1200px) {
  .cat-nav__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .cat-nav__nav a {
    font-size: 13px;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .cat-nav__nav {
    width: calc(100% - 248px);
    /* max-width: 1240px; */
    padding-right: 30px;
  }

  .cat-nav__phone {
    height: 55px;
    width: 248px;
    background-color: #d60058;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .cat-nav__nav a {
    justify-content: center;
  }
}

@media only screen and (min-width: 1500px) {
  .jsCatSlider {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

/************************ MOBILE MENU ********************************/

.mobile-menu {
  display: none;
}

.mobile-menu__wrap {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .mobile-menu {
    position: relative;
    display: block;
  }

  .mobile-menu__button {
    width: 26px;
    height: 20px;
    position: relative;
  }

  .mobile-menu__bar {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    transition: 0.3s;
  }

  .mobile-menu__bar--1 {
    top: 0;
    left: 0;
  }

  .mobile-menu__bar--2 {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }

  .mobile-menu__bar--3 {
    bottom: 0;
    left: 0;
  }

  .mobile-menu__button.activClasse .mobile-menu__bar--1 {
    transform: rotate(45deg);
    top: 9px;
  }

  .mobile-menu__button.activClasse .mobile-menu__bar--2 {
    transform: translate(-100%, -50%);
    opacity: 0;
  }

  .mobile-menu__button.activClasse .mobile-menu__bar--3 {
    transform: rotate(-45deg);
    bottom: 8px;
  }

  .mobile-menu__wrap,
  .mobile-menu__wrap .dropdown-menu {
    display: block;
    position: fixed;
    z-index: 4;
    width: 80%;
    max-width: 375px;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: -4px 1px 8px 6px #e5e5e5;
    transform: translateX(-200%);
    transition: 0.4s;
    max-height: 95vh;
    visibility: hidden;
  }

  .mobile-menu__wrap .dropdown-menu {
    z-index: 6;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }

  .mobile-menu__inner-wrap {
    overflow-y: auto;
    max-height: calc(95vh - 55px);
  }

  .mobile-menu__wrap.activClasse,
  .mobile-menu__wrap .dropdown-menu.activClasse {
    transform: translateX(0);
    visibility: visible;
  }

  .mobile-menu__wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mobile-menu__title {
    padding: 13px 30px;
    text-align: center;
    font-weight: 700;
    position: relative;
  }

  .mobile-menu__close {
    position: absolute;
    height: calc(100% + 1px);
    width: 60px;
    top: 0;
    right: -1px;
    transform: translatex(100%);
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }

  .mobile-menu__close .mobile-menu__bar--1 {
    transform: rotate(45deg);
    top: 24px;
    left: 16px;
    width: 50%;
  }

  .mobile-menu__close .mobile-menu__bar--2 {
    transform: rotate(-45deg);
    top: 24px;
    left: 16px;
    width: 50%;
  }

  .mobile-menu__wrap ul a {
    padding: 13px 30px !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu__wrap .cat-nav__nav a {
    justify-content: flex-start;
  }

  .mobile-menu__wrap .nav-link {
    font-weight: 700;
  }

  .mobile-menu__wrap ul li {
    max-height: 55px;
    list-style: none;
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }

  .mobile-menu__wrap .cat-nav__nav {
    width: 100%;
  }

  .mobile-menu__wrap .fa-chevron-down {
    float: right;
    transform: rotate(-90deg);
    transition: 0.4s;
  }

  .mobile-menu__wrap .mobile-menu__grey-bg {
    background-color: #f7f7f7;
  }

  .mobile-menu__wrap .mobile-menu__grey-bg a,
  .mobile-menu__wrap .mobile-menu__grey-bg .nav-link {
    color: #000;
    font-weight: 300;
  }

  .mobile-menu__wrap .mobile-menu__grey-bg .cat-nav__phone {
    width: 100%;
    height: 100%;
    background-color: #d60058;
    color: #fff;
    font-weight: 600;
  }

  .mobile-menu__wrap .dropdown-hover {
    max-height: 55px;
    overflow-y: hidden;
    transition: 0.4s;
  }

  .mobile-menu__top-link {
    display: flex;
    align-items: center;
    padding: 30px 10px;
  }

  .mobile-menu__top-link .nav-link {
    display: block;
    width: 100%;
    text-align: center;
  }

  .mobile-menu__top-link .fa-chevron-down {
    float: left;
    transform: rotate(90deg);
  }
}

/**************************************************************
************************* HOME PAGE START *********************
***************************************************************/

/************************ HERO BANER ********************************/

.hero-banner__col {
  height: 300px;
}

.hero-banner__item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}

.hero-banner__col--slider {
  position: relative;
}

.hero-banner__col--slider .slick-list,
.hero-banner__col--slider .slick-track {
  height: 100%;
}

.slick-dots button {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: 30px;
  right: 0;
  margin: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-left: auto;
  padding: 0 30px;
}

.slick-dots li {
  height: 2px;
  width: 35px;
  margin: 0 8px;
  background-color: #000;
  list-style: none;
}
.hero-banner__col--slider .slick-dots li {
  height: 6px;
  width: 41px;
}
.slick-dots .slick-active {
  background-color: #d60058;
}

.hero-banner__text-wrap {
  width: 100%;
  margin-left: auto;
  padding: 0 30px;
  transition: 0.4s;
}

.hero-banner__text {
  color: #fff;
  font-size: 14px;
  padding: 5px 35px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: capitalize;
  background-color: #0191b4;
}

.hero-banner__link {
  font-size: 14px;
  padding: 5px 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  filter: drop-shadow(0px 15px 7.5px rgba(0, 0, 0, 0.05));
  padding: 8px 25px;
  transition: 0.4s;
  background-color: #d60058;
  color: #fff;
}

.hero-banner__link:hover {
  background-color: #0191b4;
  color: #fff;
}

.hero-banner__title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.hero-banner__col--yellow .hero-banner__text {
  background-color: #d60058;
}

.hero-banner__col--yellow .hero-banner__link {
  background-color: #fee600;
  color: #000;
}

.hero-banner__col--yellow .hero-banner__link:hover {
  background-color: #d60058;
  color: #fff;
}

.hero-banner__col--blue .hero-banner__text {
  background-color: #d60058;
}

.hero-banner__col--blue .hero-banner__link {
  background-color: #0191b4;
}

.hero-banner__col--blue .hero-banner__link:hover {
  background-color: #d60058;
}

@media only screen and (min-width: 480px) {
  .hero-banner__text-wrap,
  .hero-banner__col--slider .slick-dots {
    max-width: 310px;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-banner__title {
    font-size: 36px;
  }

  .hero-banner__text-wrap,
  .hero-banner__col--slider .slick-dots {
    max-width: 450px;
  }

  .hero-banner__text {
    font-size: 22px;
    margin-bottom: 45px;
  }

  .hero-banner__link {
    font-size: 18px;
  }

  .hero-banner__col {
    height: 550px;
  }

  .hero-banner__title {
    font-size: 40px;
  }

  .hero-banner__col--slider.col-lg-12 .hero-banner__text-wrap,
  .hero-banner__col--slider.col-lg-12 .slick-dots {
    max-width: 900px;
  }

  .hero-banner__link {
    padding: 13px 40px;
  }
}

@media only screen and (min-width: 1400px) {
  .hero-banner__col {
    height: 715px;
  }
}

/************************ HOME TEXT CONTENT ********************************/

.home-content {
  padding: 60px 30px;
  background-color: #f7f8fa;
}

.home-content__wrap {
  max-height: 205px;
  overflow: hidden;
  transition: 0.4s;
}

.home-content__read-more {
  color: #d60058;
  cursor: pointer;
  margin-top: 50px;
}

.home-content__read-more.activClasse i {
  transform: rotate(180deg);
}

@media only screen and (min-width: 906px) {
  .home-content {
    padding: 60px 15px;
  }
}

/************************ HOME GRID ********************************/

.home-grid {
  padding: 50px 15px;
  background-color: #fff;
  width: 100%;
}

.home-grid__wrap {
  display: grid;
  grid-gap: 20px;
  grid-template-rows: repeat(6, 200px);
  grid-template-columns: 1fr;
}

.home-grid__wrap .hero-banner__item {
  grid-column: span 1;
}

.home-grid__carousel {
  grid-row: 3 / span 2;
  grid-column: 2 / 1;
}

.home-grid .slick-list,
.home-grid .slick-track,
.home-grid__carousel-wrap {
  height: 100%;
}

.home-grid__carousel-wrap {
  position: relative;
}

.home-grid .hero-banner__text-wrap {
  max-width: 220px;
  padding: 0 8px;
}

.home-grid .hero-banner__title {
  font-size: 26px;
  margin-bottom: 7px;
}

.home-grid .hero-banner__text {
  font-size: 14px;
  margin-bottom: 15px;
  padding: 0;
  background: none;
  color: #000;
}

.home-grid .hero-banner__link {
  font-size: 13px;
  font-weight: 600;
  padding: 7px 27px;
}

.home-grid a:nth-child(1) .hero-banner__item .hero-banner__title,
.home-grid a:nth-child(4) .hero-banner__item .hero-banner__title {
  color: #fff;
}

.home-grid a:nth-child(1) .hero-banner__item .hero-banner__link,
.home-grid a:nth-child(4) .hero-banner__item .hero-banner__link {
  background-color: #d60058;
}

.home-grid a:nth-child(1) .hero-banner__item .hero-banner__link:hover,
.home-grid a:nth-child(4) .hero-banner__item .hero-banner__link:hover {
  background-color: #0191b4;
}

.home-grid a:nth-child(2) .hero-banner__item .hero-banner__text-wrap,
.home-grid a:nth-child(3) .hero-banner__item .hero-banner__text-wrap {
  margin: 0 auto 0 0;
}
.home-grid a:nth-child(2) .hero-banner__item .hero-banner__text-wrap,
.home-grid a:nth-child(3) .hero-banner__item .hero-banner__text-wrap {
  margin: 0 auto 0 0;
}
.home-grid a:nth-child(2) .hero-banner__item .hero-banner__title,
.home-grid a:nth-child(3) .hero-banner__item .hero-banner__title {
  color: #000;
}

.home-grid a:nth-child(2) .hero-banner__item,
.home-grid a:nth-child(3) .hero-banner__item {
  background-position: right center;
}

.home-grid a:nth-child(2) .hero-banner__item .hero-banner__link,
.home-grid a:nth-child(3) .hero-banner__item .hero-banner__link {
  background-color: #0191b4;
}

.home-grid a:nth-child(2) .hero-banner__item .hero-banner__link:hover,
.home-grid a:nth-child(3) .hero-banner__item .hero-banner__link:hover {
  background-color: #d60058;
}

.home-grid__carousel
  a:nth-child(odd)
  .hero-banner__item
  .hero-banner__text-wrap {
  margin: 0 auto 0;
  padding-top: 35px;
  justify-content: flex-start !important;
}

.home-grid__carousel a:nth-child(even) .hero-banner__item .hero-banner__title {
  color: #fff;
  margin: 0;
}

.home-grid .home-grid__carousel .hero-banner__item .hero-banner__link {
  background-color: #d60058;
  color: #fff;
  border: none;
}

.home-grid .home-grid__carousel .hero-banner__item .hero-banner__link:hover {
  background-color: #0191b4;
  color: #fff;
}

@media only screen and (min-width: 500px) {
  .home-grid__wrap {
    grid-gap: 30px;
    grid-template-rows: repeat(6, 280px);
  }

  .home-grid {
    padding: 70px 15px;
  }

  .home-grid .hero-banner__text-wrap {
    max-width: 262px;
  }

  .home-grid .hero-banner__title {
    font-size: 35px;
    margin-bottom: 10px;
  }

  .home-grid .hero-banner__link {
    padding: 11px 30px;
    font-size: 15px;
  }
}

@media only screen and (min-width: 600px) {
  .home-grid .hero-banner__text-wrap {
    max-width: 320px;
  }
}

@media only screen and (min-width: 1024px) {
  .home-grid__carousel {
    grid-row: 1 / span 2;
    grid-column: 2 / span 1;
  }

  .home-grid {
    padding: 70px 15px;
  }

  .home-grid__wrap {
    display: grid;
    grid-gap: 30px;
    grid-template-rows: repeat(2, 300px);
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-grid__carousel {
    grid-row: 1 / -1;
    grid-column: 2;
  }
}

@media only screen and (min-width: 1200px) {
  .home-grid .hero-banner__text-wrap {
    max-width: 302px;
  }

  .home-grid__wrap {
    grid-gap: 15px;
  }
}

@media only screen and (min-width: 1400px) {
  .home-grid__wrap {
    grid-gap: 30px;
  }
}

/************************* TESTIMONIALS *********************/

.testimonials {
  background-color: #f7f8fa;
  padding: 70px 0;
}

.testimonials .slick-dots {
  position: relative;
  bottom: unset;
}

.testimonials__img {
  width: 45px;
  margin-top: 20px;
  filter: brightness(0);
}

.testimonials__text {
  width: calc(100% - 90px);
  padding: 0 10px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #010101;
  font-weight: 400;
  text-align: center;
}

.testimonials__name {
  margin: 25px 0 8px;
  font-weight: 600;
}

.testimonials__city {
  margin-bottom: 40px;
}

.testimonials__name,
.testimonials__city {
  font-size: 18px;
  letter-spacing: 1px;
  color: #000000;
  font-family: "Poppins";
  text-align: center;
}

@media only screen and (min-width: 900px) {
  .testimonials__img {
    width: 68px;
  }

  .testimonials__text {
    width: calc(100% - 140px);
    padding: 0 50px;
    font-size: 20px;
    line-height: 33px;
  }

  .testimonials__name {
    margin: 40px 0 11px;
    font-weight: 600;
  }

  .testimonials__city {
    margin-bottom: 40px;
  }

  .testimonials__name,
  .testimonials__city {
    font-size: 18px;
    letter-spacing: 1px;
    color: #000000;
    font-family: "Poppins";
    text-align: center;
  }
}

/************************* FULL BANNER *********************/

.home-banner-full {
  height: 280px;
}

.home-banner-full .hero-banner__text-wrap {
  margin: 0;
  max-width: 265px;
  padding: 0;
}

.home-banner-full .hero-banner__item {
  background-position: center center;
}

.home-banner-full .hero-banner__title {
  font-size: 27px;
  letter-spacing: 2px;
  line-height: 35px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 16px;
}

.hero-banner__subtitle {
  font-size: 15px;
  letter-spacing: 1px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0px;
}

.home-banner-full .hero-banner__text {
  font-size: 14px;
  background-color: #d60058;
}

.home-banner-full .hero-banner__link {
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: 600;
}

@media only screen and (min-width: 480px) {
  .home-banner-full .hero-banner__title {
    font-size: 30px;
  }

  .hero-banner__subtitle {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) {
  .home-banner-full .hero-banner__text-wrap {
    max-width: 330px;
    padding: 0 20px;
  }

  .home-banner-full {
    height: 400px;
  }

  .home-banner-full .hero-banner__title {
    font-size: 34px;
    margin: 18px;
  }
}

@media only screen and (min-width: 1200px) {
  .home-banner-full .hero-banner__title {
    font-size: 80px;
    line-height: 85px;
    margin-bottom: 30px;
  }

  .home-banner-full .hero-banner__text-wrap {
    max-width: 720px;
  }

  .home-banner-full {
    height: 700px;
  }

  .hero-banner__subtitle {
    font-size: 30px;
  }

  .home-banner-full .hero-banner__text {
    font-size: 25px;
  }

  .home-banner-full .hero-banner__link {
    font-size: 18px;
    margin-top: 25px;
    padding: 10px 40px;
  }
}

/**************************************************************
************************* HOME PAGE END *********************
***************************************************************/

/**************************************************************
************************* FOOTER START *********************
***************************************************************/

/********SUBSCRIBE*************/
.wrapper-footer {
  background-color: #fff;
}

.subscribe.container-1600 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 60px 15px;
}

.subscribe .form-control {
  padding-left: 50px;
  height: 55px;
  font-size: 14px;
  width: 100%;
}

.subscribe__img {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 15px;
}

.subscribe__text-wrap {
  margin-bottom: 40px;
}
#popup_newsletter .subscribe__text-wrap {
  padding: 0 !important;
}
.subscribe form,
.subscribe .input-group-append {
  width: 100%;
}

.subscribe .input-group-append {
  margin-top: 15px;
}

.subscribe form .btn {
  width: 100%;
  height: 55px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #d60058;
  border-radius: 0;
  transition: 0.4s;
}

.subscribe__text-wrap h4 {
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #000000;
  font-weight: 600;
  margin: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  max-width: 390px;
}

.subscribe__text-wrap p {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
  margin: 0;
  font-family: "Montserrat";
  text-align: center;
  width: 100%;
}

.subscribe form .btn:hover {
  background-color: #0191b4;
  color: #fff;
}

@media only screen and (min-width: 900px) {
  .subscribe.container-1600 {
    padding: 40px 15px;
  }

  .subscribe__text-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .subscribe .form-control {
    margin-right: 10px;
    width: calc(100% - 120px);
  }

  .subscribe__text-wrap h4 {
    font-size: 24px;
    max-width: 221px;
  }

  .vertical-devider {
    width: 5px;
    height: 35px;
    display: block;
    background-color: #d60058;
    margin: 0 15px;
  }

  .subscribe__text-wrap {
    width: 50%;
    padding-right: 20px;
  }

  .subscribe form {
    width: 50%;
  }

  .subscribe form .btn,
  .subscribe .input-group-append {
    width: 110px;
  }

  .subscribe .input-group-append {
    margin-top: 15px;
  }

  .subscribe__text-wrap h4 {
    text-align: left;
    margin-bottom: 0;
  }

  .subscribe__text-wrap p {
    text-align: left;
  }

  .subscribe .input-group-append {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1300px) {
  .subscribe.container-1600 {
    padding: 50px 15px;
  }

  .subscribe form .btn,
  .subscribe .input-group-append {
    width: 205px;
  }

  .vertical-devider {
    margin: 0 25px;
  }

  .subscribe .form-control {
    width: calc(100% - 220px);
  }

  .subscribe__text-wrap h4 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 24px;
  }

  .subscribe__text-wrap p {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 22px;
  }
}

/********FOOTER MENU*************/

.footer-menu {
  background-color: #f7f8fa;
  padding: 70px 0 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.footer-menu__logo-wrap {
  text-align: left;
  padding: 0 30px 0 0;
  margin-bottom: 55px;
}

.footer-menu .logo {
  margin-bottom: 30px;
}

.footer-menu .logo figcaption {
  color: #000;
  margin-top: 15px;
}

.footer__text {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #666666;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 30px;
}

.footer__pink-text {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #d31b5f;
  font-weight: 300;
  font-family: "Poppins";
}

.footer-menu nav {
  letter-spacing: 0px;
  font-family: "Poppins";
}

.footer-menu__parent i {
  display: none;
}

.footer-menu h4.nav-link {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 30px;
  font-size: 18px;
}

.footer-menu a.nav-link,
.footer-menu__social-link {
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  transform: 0.4s;
}

.footer-menu a.nav-link:hover,
.footer-menu__social-link,
.footer-menu__social-link:hover,
.footer-menu__social-link:hover .pink-icon i,
.footer-menu__chat-icon-wrap:hover i {
  color: #d31b5f;
}

.pink-icon {
  width: 25px;
  height: 25px;
  background: #d31b5f;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transition: 0.4s;
  border: 1px solid #d31b5f;
}

.footer-menu__social-link {
  display: flex;
  align-items: center;
  color: #000;
  padding: 5px 0px;
}

.pink-icon i {
  color: #fff;
  transition: 0.4s;
}

.footer-menu__social-link:hover .pink-icon,
.footer-menu__chat-icon-wrap:hover {
  background: #fff;
}

.footer-menu__chat {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
}

.footer-menu__chat-icon-wrap {
  width: 59px;
  height: 59px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #d31b5f;
  margin-left: 5px;
  transition: 0.4s;
  border: 1px solid #be1c58;
  position: relative;
  z-index: 2;
}

.footer-menu__chat-wrap {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

.footer-menu__chat-wrap.sticky {
  position: absolute;
}

.footer-menu__chat-wrap p {
  width: 80px;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 16px;
  color: #be1c58;
  font-weight: 600;
  font-family: "Montserrat";
  text-align: center;
  margin-bottom: 0;
  opacity: 0;
  transform: translateX(30px);
  transition: 0.4s;
}

.footer-menu__chat-wrap.sticky p {
  opacity: 1;
  transform: translateX(0);
}

.footer-menu__chat-icon-wrap i {
  color: #fff;
  font-size: 24px;
}

@media only screen and (max-width: 900px) {
  .footer-menu__chat {
    padding: 27px 0px;
    margin: 20px 0;
  }

  .footer-menu .col-12,
  .copyright .col-12 {
    padding: 0;
  }

  .footer-menu .footer-menu__logo-wrap {
    padding: 0 15px;
    margin-bottom: 35px;
  }

  .footer-menu__nav {
    max-height: 55px;
    overflow: hidden;
    transition: 0.4s;
    border-bottom: 1px solid #e5e5e5;
  }

  .footer-menu__nav:first-child {
    border-top: 1px solid #e5e5e5;
  }

  .footer-menu h4.nav-link {
    margin: 0;
    padding: 0;
  }

  .footer-menu__parent {
    height: 55px;
    padding: 0 15px;
  }

  .footer-menu__parent i {
    display: block;
    transform: rotate(-180deg);
  }

  .footer-menu__social-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row !important;
    align-items: center;
    height: 55px;
  }

  .footer-menu__nav .nav:not(.footer-menu__social-wrap) .nav-item:last-child {
    margin-bottom: 20px;
  }

  .footer-menu__nav .nav-item {
    text-align: left;
  }

  .footer-menu__nav .nav-link {
    padding-left: 10px;
  }

  .footer-menu__social-wrap .nav-item,
  .footer-menu__parent,
  .footer-menu__parent {
    padding: 0 15px;
  }

  .footer-menu__social-wrap .nav-item {
    width: 33%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-left: 1px solid #e5e5e5;
  }

  .footer-menu__social-wrap .nav-item:first-child {
    border-left: none;
  }
}

@media only screen and (max-width: 480px) {
  .pink-icon {
    margin-right: 5px;
  }

  .footer-menu__social-link {
    font-size: 13px;
  }

  .footer-menu__social-wrap .nav-item,
  .footer-menu__parent,
  .footer-menu__parent {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 1580px) {
  .footer-menu__chat #goTop {
    display: none;
  }
}

/********COPYRIGHT*************/

.copyright {
  background-color: #000;
  padding: 30px 0;
}

.copyright .payment-icon-container {
  background: #393c3e;
  height: 30px;
  padding: 0px 10px;
}

.copyright .payment-icon {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 40px;
}

.copyright li {
  line-height: 0;
}

.copyright span {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  font-family: "Montserrat";
  text-align: right;
  margin: 0;
}

.copyright__payment-wrap {
  margin: 0 0 20px 0;
}

.copyright .vertical-devider {
  width: 1px;
  height: 20px;
  display: block;
  background-color: #fff;
  margin: 0 15px;
}

@media only screen and (min-width: 992px) {
  .copyright {
    padding: 15px 0;
  }

  .copyright__payment-wrap {
    margin: 0;
  }

  .copyright .payment-icon {
    width: 45px;
  }
}

@media only screen and (max-width: 450px) {
  .copyright span {
    font-size: 12px;
  }

  .copyright .vertical-devider {
    height: 13px;
    margin: 0 7px;
  }

  .container-1600 {
    padding: 0 10px;
  }
}

/**************************************************************
************************* FOOTER END *********************
***************************************************************/
/**************************************************************
************************* MULTI ADD TO CART *********************
***************************************************************/
.n_content.page_244 {
  padding: 0 15px 60px;
  /* height: 500px; */
}
.quick-search {
  height: 550px;
}
.products-section.container-1600 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.quick-search__input {
  outline: none !important;
  border: 1px solid #ced4da;
  width: 100%;
  position: relative;
  padding: 13px 15px;
  font-size: 16px;
}
.quick-search__description {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.quick-search__wrapper {
  width: 100%;
  max-width: 900px;
  margin: 40px auto;
}

.quick-search__wrapper .form {
  width: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
}

.quick-search__btn {
  width: 45px;
  height: 45px;
  background-color: #d60058;
  font-size: 22px;
  text-align: center;
  line-height: 45px;
  color: #fff;
}

.quick-search__item {
  padding: 5px 10px;
}

.quick-search__item:nth-child(odd) {
  background-color: #f1f1f1;
}

.quick-search__item-wrap {
  display: grid;
  grid-template-columns: 60px calc(100% - 60px);
  grid-template-rows: repeat(3, 40px);
  width: 100%;
}

.quick-img__holder {
  grid-column: span 1;
  grid-row: span 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quick-item-name__holder {
  grid-column: span 1;
  grid-row: span 1;
  padding: 4px 6px;
  font-size: 12px;
}

.quick-buy-price__holder {
  grid-column: span 1;
  grid-row: span 1;
  padding: 4px 6px;
  font-size: 12px;
}

.quick-buy-btn__holder {
  grid-column: span 2;
  grid-row: span 1;
}

.quick-buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.quick-search .nsearchinput-pl.well {
  top: 11px;
  z-index: 3;
}

.quick-search .quick-buy {
  max-height: 400px;
  overflow-y: auto;
}

.quick-search__wrapper .btn {
  background-color: #d60058;
  text-align: center;
  color: #fff;
  border-radius: 0;
  height: 35px;
  font-size: 12px;
  width: 105px;
}

.quick-buy-btn__holder input {
  outline: none !important;
  border: 1px solid #ced4da;
  height: 35px;
  padding: 0 10px;
  width: calc(100% - 105px);
}

.quick-search__item-wrap p {
  margin: 0;
}

.quick-img__holder img {
  max-width: 100%;
}
.n_content .quick-search h1 {
  text-align: center;
}
.nactivity {
  z-index: 9;
}
@media only screen and (min-width: 768px) {
  .quick-search__item-wrap {
    grid-template-columns: 60px calc(100% - 210px) 150px;
    grid-template-rows: repeat(2, 40px);
  }

  .quick-item-name__holder {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }

  .quick-buy-price__holder {
    grid-row: 2 / span 1;
    grid-column: 2 / span 1;
  }

  .quick-buy-btn__holder {
    grid-column: 3 / span 1;
    grid-row: span 2;
  }

  .quick-buy-btn__holder input,
  .quick-search__wrapper .btn {
    width: 100%;
  }

  .quick-buy-btn {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 1200px) {
  .n_content .quick-search h1 {
    margin-bottom: 40px;

    font-size: 36px;
  }

  .quick-search__item-wrap {
    grid-template-columns: 60px calc(100% - 300px) 240px;
  }

  .quick-item-name__holder,
  .quick-buy-price__holder {
    padding: 4px 15px;
    font-size: 13px;
  }

  .quick-buy-btn__holder {
    display: flex;
    align-items: center;
  }

  .quick-search__wrapper .btn {
    width: 105px;
  }

  .quick-buy-btn__holder input {
    width: calc(100% - 105px);
  }
  .page_244 .col-xl-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/************SIDEBAR*************/
.sider-bar {
  width: 370px;
}

.plus {
  float: right;
  display: block;
  width: 12px;
  height: 12px;
  position: relative;
}

.plus .line {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
}

.plus .line--horisozntal {
  transform: translate(-50%, -50%) rotate(90deg);
}

.plus .line--horisozntal {
  display: none;
}

.collapsed .plus .line--horisozntal {
  display: block;
}

.products-section .card-header {
  background-color: #be1c58;
  border-radius: 0;
}

.products-section .card-header a,
.products-section .card-header h3 {
  color: #fff !important;
}

.products-section .list-group {
  background-color: #fff;
}

.products-section .list-group-item span {
  font-size: 14px;
  font-weight: 300;
}

.products-section .fa-square,
.products-section .fa-check-square {
  color: #757575;
  margin-right: 5px;
}

.products-section .list-group-item {
  border: none;
}

.products-section .badge {
  display: none;
}

.product-sidebar {
  padding: 20px 0 30px;
}

.product-sidebar .row {
  padding: 10px 20px 0;
}

.product-sidebar .list-group-item {
  padding: 5px 20px;
}

.product-sidebar__img {
  border: 1px solid #e5e5e5;
  padding: 10px;
  overflow: hidden;
}

.product-sidebar .list-group-item img {
  transition: 0.4s;
}

.product-sidebar__text-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}

.breadcrumb a {
  color: #b3b3b3;
}

.breadcrumb-item:last-child a {
  color: #000;
}

.product-sidebar__text-wrap .title a {
  font-size: 16px;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 300;
  font-family: "Poppins";
  transition: 0.4s;
}

.product-sidebar .list-group-item:hover img {
  transform: scale(1.2);
}

.product-sidebar__text-wrap:hover .title a {
  color: #d60058;
}

.product-sidebar__text-wrap .price {
  color: #d60058;
  font-weight: 700;
  font-family: "Montserrat";
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0;
}

.product-sidebar__text-wrap .price span {
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0;
}

.sider-bar__header-mobile {
  display: none;
}
.featured-products .price span {
  flex-direction: row !important;
}
@media only screen and (min-width: 820px) {
  .sider-bar {
    width: 370px;
    display: block;
  }
  .product-sidebar__text-wrap {
    justify-content: space-around;
  }
}

@media only screen and (max-width: 1024px) {
  .sider-bar__header-mobile {
    display: block;
  }

  .sider-bar__header-descktop {
    display: none;
  }

  .sider-bar {
    display: block;
    position: fixed;
    z-index: 4;
    width: 80%;
    max-width: 375px;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: -4px 1px 8px 6px #e5e5e5;
    transform: translateX(-200%);
    transition: 0.4s;
  }

  .sider-bar.activClasse .collapse {
    max-height: calc(96vh - 50px);
    overflow-y: auto;
  }

  .sider-bar.activClasse .card {
    border: none;
  }

  .sider-bar .list-group-item {
    border-bottom: 1px solid #e5e5e5;
    border-bottom-width: 1px !important;
  }

  .sider-bar .list-group-item span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
  }

  .sider-bar .list-group-item .badge {
    display: none;
  }

  .sider-bar.activClasse {
    transform: translateX(0);
  }

  .sider-bar__header-mobile {
    max-height: 55px;
    list-style: none;
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 13px 30px;
    position: relative;
    text-align: center;
    font-weight: 700;
  }

  .sider-bar__header-mobile-title {
    text-transform: uppercase;
    margin: 0;
  }

  .sider-bar .filter-title {
    display: none;
  }

  .clear-fillters {
    display: block !important;
    text-align: center;
    border: 0.5px solid #e5e5e5;
    max-width: 90%;
    margin: 30px auto;
    padding: 12px;
    font-size: 16px;
    line-height: 16px;
  }
}

/************CONTENT*************/

.products-section__banner {
  padding: 40px 24px;
  background-color: #5fb3e4;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.products-section__banner-img {
  position: absolute;
  right: 0;
  height: 100%;
  width: auto;
  top: 50%;
  transform: translateY(-50%);
}

.products-section__title {
  font-size: 36px;
  letter-spacing: 1px;
  line-height: normal !important;
  color: #000000;
  font-weight: 700;
  position: relative;
  z-index: 1;
  font-family: "MotelCaliforniaRegular" !important;

}

@media (min-width: 1024px) {
.products-section__title {
  font-size: 80px !important;
}
}

.products-section__title--search {
  font-size: 28px;
  line-height: 35px;
}

.products-section__text {
  font-size: 16px;
  line-height: 20px;
  color: #635a0a;
  font-weight: 300;
  margin: 0;
}

.products-section .sort_container {
  margin: 20px 0;
  background-color: #fff;
  justify-content: space-between;
  padding: 10px 5px;
}

.products-section .sort_container select {
  border-radius: 0;
  padding: 3px 5px;
  height: unset;
  line-height: 0;
}

.products-section__fillter-triger {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  background-color: #d60058;
  cursor: pointer;
  max-width: 150px;
  padding: 5px 0;
  margin-left: 15px;
}

.btn-text {
  font-size: 14px;
  letter-spacing: 0px;
  color: #484d50;
  font-weight: 300;
  font-family: "Montserrat";
  text-align: center;
  margin-bottom: 20px;
}

.products-section .sort_container {
  font-size: 13px;
  letter-spacing: 0px;
  color: #484d50;
  font-weight: 300;
  font-family: "Montserrat";
}

.products-section__nav {
  margin-top: 40px;
}

.products-section__text-wrap {
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  font-weight: 400;
  font-family: "Montserrat";
  margin: 50px 0 30px;
}

.products-section__text-wrap .home-content__read-more {
  margin-top: 20px;
}

.products-section__inner-wrap {
  max-height: 205px;
  overflow: hidden;
  transition: 0.4s;
}

#n_category .products-section__title {
  color: #fff;
}

@media only screen and (max-width: 500px) {
  .products-section .products-row {
    padding: 0 10px;
  }

  .single-product {
    padding: 5px;
  }
}

@media only screen and (min-width: 500px) {
  .products-section__banner {
    padding: 30px 50px;
  }

  .products-section__title {
    font-size: 45px;
    line-height: 50px;
  }

  .products-section__title--search {
    font-size: 32px;
    line-height: 37px;
  }
}

@media only screen and (min-width: 1025px) {
  .products-section__banner {
    padding: 50px;
  }

  .products-section__main {
    width: calc(100% - 370px);
    padding-left: 25px;
  }

  .products-section__fillter-triger {
    display: none;
  }

  .btn-text {
    text-align: left;
    margin-bottom: 0;
  }
}

/*************SINGLE PRODUCT */
.single-product {
  padding-bottom: 30px;
}

.single-product__wrap {
  transition: 0.8s;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.single-product__button-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  z-index: 2;
  justify-content: center;
  align-items: center;
  /* opacity: 0; */
  transform: translateX(-100%);
  transition: 0.6s;
  background-color: #fff;

  /* background-color: rgb(255, 255, 255, 0.7); */
}

.single-product__button-wrap .btn {
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #d60058;
  border-radius: none;
  font-weight: 600;
  text-align: center;
  outline: none;
}

.single-product:hover .single-product__wrap {
  filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.05));
}

/* .single-product:hover .single-product__button-wrap {
    transform: translateX(0);
    opacity: 1; 
} */

.single-product .card-header {
  height: 50px;
  padding: 0 10px;
  background-color: transparent;
  position: relative;
  z-index: 3;
}

.single-product__wrap .fa-heart {
  font-size: 24px;
}

.wishlist_toggle {
  background: transparent;
  border: none;
  outline: none;
  color: #c9c9c9;
}

.single-product .card,
.single-product .card-header,
.single-product .card-footer {
  border: none;
}

.single-product .card-footer {
  background-color: #f7f8fa;
  min-height: 184px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 15px 3px;
  min-height: 200px;
}

.single-product .card-footer p,
.single-product .card-footer a {
  text-align: center;
  font-weight: 300;
  color: #000000;
  margin-bottom: 0;
  transition: 0.4s;
}

.single-product:hover .card-footer a {
  color: #d60058;
}

.single-product .card-footer .sku {
  font-size: 12px;
  line-height: 13px;
  margin-bottom: 15px;
}

.single-product .card-footer .card-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
  color: #000000;
}

.single-product .card-footer .price .new {
  font-size: 20px;
  color: #d60058;
  font-weight: 700;
  font-family: "Montserrat";
}

.single-product .badge {
  display: block;
  font-size: 11px;
  font-weight: 300;
  background: #d60058;
  color: #fff;
  border-radius: 0;
  padding: 4px 10px;
  margin: 5px 0;
  min-width: 85px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.products-section .page-link,
.products-section .page-item.active .page-link,
.products-section .page-item,
.products-section .page-link:focus,
.products-section .page-item.active:focus .page-link,
.products-section .page-item:focus {
  border: none;
  background: none;
  color: #000;
  outline: none;
}

.products-section .pagination {
  flex-wrap: wrap;
}
.products-section .pagination .page-item:not(.arrow) {
  font-size: 17px;
  margin: 0 10px;
}
.products-section .page-item:not(.arrow) .page-link {
  padding: 5px;
  display: flex;
  align-items: center;
}
.products-section .page-item:not(.arrow) {
  display: flex;
  align-items: center;
}
.products-section .page-item.active .page-link {
  color: #d60058;
}

.products-section .arrow {
  border-radius: 50%;
  background: #d60058;
  margin: 0 10px;
  color: #fff;
  width: 35px;
  height: 35px;
}

.products-section .arrow .page-link:hover,
.products-section .arrow .page-link {
  color: #fff;
  border-radius: 50%;
  background: #d60058;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.products-section .arrow .fa-chevron-right {
  margin: 1px 0px 0 3px;
}
.products-section .arrow .fa-chevron-left {
  margin: 2px 2px 0 0px;
}
.products-section__banner-pink {
  background-color: #f6d9df !important;
}

.products-section__banner-blue {
  background-color: #5fb2e4 !important;
}

.recomended .slick-arrow {
  display: none !important;
}
.add-to-cart-form input {
  width: 50px;
  border: 1px solid #e5e5e5;
  padding: 5px;
}
.add-to-cart-form .btn {
  width: calc(100% - 55px);
  background-color: #d60058;
  color: #fff !important;
  border-radius: 0;
  font-size: 11px;
  opacity: 1;
  transition: 0.4s;
}
.add-to-cart-form .btn:hover,
.stack__btn .btn:hover {
  color: #fff;
  background-color: #d600588c;
}
#filterCategories .dropdown-menu-horizontal {
  display: none !important;
}
.no-result {
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.thumb_cart .left {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}
.thumb_cart a {
  color: #000;
  font-size: 11px;
  line-height: 12px;
}
.thumb_cart li {
  position: relative;
}
.thumb_cart .remove-item {
  position: absolute;
  top: 0;
  right: 5px;
}
.thumb_cart .title {
  width: calc(100% - 70px);
  padding-top: 5px;
}
.fa-inverse {
  color: #d60058;
  font-size: 54px;
}
/* .single-product .thumbnail.card-body img {  
    width: 200px;
} */
.single-product .card {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .single-product .badge {
    min-width: 95px;
  }
  .add-to-cart-form input {
    width: 72px;
  }
  .add-to-cart-form .btn {
    width: calc(100% - 80px);
  }
  .single-product .card-footer {
    min-height: 184px;
  }
}

/**************************************************************
************************* PRODUCT START *********************
***************************************************************/
.product-single.container-1600 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.breadcrumb {
  font-size: 12px;
}

.product-single h1 {
  font-size: 24px;
  font-weight: 600;
}

.product-single h3.text-muted {
  font-size: 16px;
  line-height: 50px;
  color: #000000 !important;
  font-weight: 275;
  line-height: 18px;
  font-family: "Montserrat";
  margin-bottom: 5px !important;
}

.productpromo {
  color: #d60058;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 700;
  margin-top: 7px;
}
.productpromo p {
  margin: 5px;
}

.productwasprice {
  text-decoration: line-through;
  font-size: 16px;
  color: #b3b3b3;
  font-weight: 700;
  font-family: "Montserrat";
}

.stack {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0 40px;
}

.stack__qt {
  width: 132px;
  display: flex;
  flex-wrap: wrap;
}

.stack__qt input {
  border-radius: 0;
  border: 1px solid #e5e5e5;
  border-left: none;
  border-right: none;
  width: calc(100% - 50px);
}

.stack__qt input::-webkit-outer-spin-button,
.stack__qt input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.stack .arrow {
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.stack .arrow:hover {
  background: #ccc;
}

.stack__btn {
  width: calc(100% - 144px);
}

.stack__btn .btn {
  background-color: #d60058;
  color: #fff;
  width: 100%;
  border-radius: 0;
  text-transform: uppercase;
  opacity: 1;
  transition: 0.4s;
}

.product-single .tabbable {
  border: 1px solid #e5e5e5;
  background: #fff;
}

.tabbable img {
  max-width: 100%;
}

.tabbable__header {
  border-bottom: 1px solid #e5e5e5;
}

.tabbable__header p {
  padding: 14px 35px;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  font-family: "Poppins";
}

.tabbable__text {
  font-size: 16px;
  line-height: 29px;
  color: #666666;
  font-weight: 300;
  font-family: "Montserrat";
  padding: 30px 23px;
}

.tabbable__table {
  width: 100%;
}

.tabbable__table tr {
  border-top: 1px solid #e5e5e5;
}

.tabbable__table tr td {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-family: "Montserrat";
  padding: 10px 15px;
}

.tabbable__table tr td:last-child {
  border-left: 1px solid #e5e5e5;
  font-weight: 300;
  color: #666666;
}
.tabbable__tolltip-wrap {
  position: relative;
}
.tabbable__tolltip {
  border: 1px solid #c1c1c1;
  position: absolute;
  right: -38px;
  transform: translateX(100%);
  top: -41px;
  z-index: 9999999999999;
  display: none;
}
.tabbable__tolltip.active {
  display: block;
}
.tabbable__tolltip-inner {
  position: relative;
  background-color: #fff;
  padding: 17px 20px;
  z-index: 10;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  width: 184px;
}
.tabbable__tolltip::before {
  content: "";
  display: block;
  top: 26px;
  height: 44px;
  left: -9px;
  position: absolute;
  width: 44px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  transform: rotate(45deg);
  z-index: 9;
}

.tabbable__tolltip-close {
  position: absolute;
  top: 6px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
}

.zoom {
  background-color: #fff;
}

.product-single h3 {
  font-size: 30px;
  margin-bottom: 30px !important;
  color: #000000;
  font-weight: 600;
}

.product-single .products-row {
  padding: 10px;
}

.product-single .card-footer {
  min-height: 185px;
}

.product-single__images {
  position: relative;
}

.product-single__images .single-product {
  position: absolute;
  background: transparent;
  border: none;
  z-index: 3;
  top: 10px;
  left: 30px;
  padding: 0;
}

.product-single__images-list {
  width: 100px;
  margin: 0 10px;
}

.product-single__images .single-product .badge {
  font-size: 13px;
  color: #fff;
  padding: 7px 18px;
}

#imagesWrap {
  margin-bottom: 45px;
}

#imagesWrap .slick-arrow {
  min-width: 30px;
  height: 30px;
  border-radius: 20px;
  background-color: #d31b5f;
  color: #fff;
  padding: 0;
  border: none;
  outline: none;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}

#imagesWrap .slick-prev {
  transform: rotate(180deg);
}

.empty-category {
  font-weight: 500;
  padding: 30px 13px;
  line-height: 31px;
  font-size: 22px;
}

.empty-category a {
  color: #d31b5f;
}

.main-image__wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 27px;
  z-index: 3;
}

.addtocart .shop {
  display: none;
}

.addtocart:hover .shop {
  display: block;
}

.addtocart:hover .available {
  display: none;
}
.wrapper-components-thumbnail .card-body {
  min-height: 168px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  #imagesWrap .slick-arrow {
    min-width: 40px;
    height: 40px;
    font-size: 17px;
  }
  .tabbable__tolltip-inner {
    width: 290px;
  }
}

@media only screen and (min-width: 992px) {
  .productpromo,
  .productwasprice {
    text-align: center;
  }

  .stack {
    height: 55px;
  }

  .stack__qt,
  .stack .arrow,
  .stack__qt input,
  .stack__btn,
  .stack__btn .btn {
    height: 100%;
  }

  .product-single h1 {
    font-size: 30px;
  }

  .wrapper-pricing {
    display: flex;
    justify-content: flex-end;
  }

  .productpromo {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30px;
  }

  #n_product .products-row .col-6 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/**************************************************************
*************************NEWSLETTER START *********************
***************************************************************/

.subscribe-popup {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  width: 370px;
  background: #fff;
  padding: 30px;
  position: fixed;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  box-shadow: 0px 1px 4px 5px #e5e5e5;
  transition: 0.4s;
}

.subscribe-popup.activClasse {
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 9;
  visibility: visible;
}

.subscribe-popup .fa-times {
  cursor: pointer;
  position: absolute;
  top: initial;
  top: 15px;
  right: 15px;
  font-size: 25px;
}

.subscribe-popup .subscribe .form-control {
  padding-left: 50px;
  height: 55px;
  font-size: 14px;
  width: 100%;
  margin: 0;
}

.subscribe-popup .subscribe__img {
  position: absolute;
  z-index: 4;
  top: 20px;
  left: 15px;
}

.subscribe-popup .subscribe__text-wrap {
  margin-bottom: 40px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.subscribe-popup .subscribe form,
.subscribe-popup .subscribe .input-group-append {
  width: 100%;
}

.subscribe-popup .subscribe .input-group-append {
  margin-top: 15px;
}

.subscribe-popup .subscribe form .btn {
  width: 100%;
}

.subscribe-popup .subscribe__text-wrap h4 {
  font-size: 30px;
  width: 100% !important;
  margin-bottom: 20px;
  text-align: center;
  max-width: 370px;
}

.subscribe-popup .subscribe__text-wrap p {
  color: #000000;
  font-weight: 400;
  width: 100% !important;
  text-align: center;
}

/**************************************************************
************************* NEWSLETTER  START *********************
***************************************************************/
/**************************************************************
************************* PROMOTIONS *************************
***************************************************************/

.promo__title {
  font-size: 36px;
  text-align: center;
  font-weight: 700;
  padding: 0 15px;
}

.promo__simgle-img {
  display: block;
  width: 100%;
}

.promo__img-wrap,
.promo__img-wrap img {
  width: 100%;
}

.promo__content {
  padding: 30px 15px;
}

.promo__form {
  padding: 15px;
}

.promo__form-title {
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #000000;
  font-weight: 600;
  margin: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.promo__form-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #d60058;
  margin: 30px auto;
}

.promo__form-row input,
.promo__form-row textarea {
  padding-left: 50px;

  font-size: 14px;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  margin-bottom: 25px;
}

.promo__form-row input {
  height: 55px;
}

.promo__form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
}

.promo__form-row label {
  width: 100%;
  font-size: 14px;
}

.promo__form form {
  margin: 0 auto;
}

.promo__form-row:last-child {
  justify-content: flex-start;
}

@media only screen and (min-width: 1200px) {
  .promo__title {
    font-size: 54px;
  }
}

/**************************************************************
************************* FREE RESOURCES **********************
***************************************************************/
.blog__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  padding: 15px;
}

.blog-single {
  grid-column: span 4;
}

.blog-single__title {
  font-size: 24px;
  margin-bottom: 15px;
}

.blog-single a {
  color: #d60058;
}

.blog-single__image {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.blog-single__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
  width: 100%;
}

.blog .page-link,
.blog .page-item.active .page-link,
.blog .page-item,
.blog .page-link:focus,
.blog .page-item.active:focus .page-link,
.blog .page-item:focus {
  border: none;
  background: none;
  color: #000;
  outline: none;
}

.blog .arrow {
  border-radius: 50%;
  background: #d60058;
  margin: 0 15px;
  color: #fff;
}

.blog-single_link span {
  transition: 0.4s;
}

.blog .arrow .page-link:hover,
.blog .arrow .page-link {
  color: #fff;
  border-radius: 50%;
  background: #d60058;
}

.blog nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-single__image-wrap:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

.blog-single_link:hover span {
  margin-left: 9px;
}

@media only screen and (min-width: 768px) {
  .blog-single {
    grid-column: span 2;
  }
}

@media only screen and (min-width: 1200px) {
  .blog-single {
    grid-column: span 1;
  }
}

/**************************************************************
************************* OTHER PAGES START *********************
***************************************************************/
.n_customer,
.n_content,
.n_checkout,
.n_customer_account {
  max-width: 1540px;
  padding: 50px 0px;
  margin: 0 auto;
}

.n_content h1 {
  margin-bottom: 20px;
}

iframe {
  max-width: 100% !important;
}

@media only screen and (min-width: 768px) {
  .n_customer,
  .n_content,
  .n_checkout,
  .n_customer_account {
    padding: 80px 0px;
  }

  .n_content h1 {
    margin-bottom: 40px;
  }
}

/**************************************************************
************************* OTHER PAGES START *********************
***************************************************************/
.page_196 a.align-items-center {
  margin-bottom: 13px;
}
.page_196 .align-items-center img {
  height: 70px;
  margin-right: 19px;
}
.page_196 .align-items-center p {
  font-size: 20px;
  margin: 0;
}
/*.tooltip-assortment {
    font-size: 18px;
    color: #d60058;
    font-weight: 400;
}*/

/*
    PINK CATEGORY SUB CATEGORIES STYLING  
*/

/*
    Bread crumbs styling
*/

.customised-shirt-breadcrumb {
  max-width: 1510px;
  margin: 15px auto;
}

.category-width {
  max-width: 100%;
  margin: 30px auto;
  margin: 0;
  padding: 0 !important;
}

/* Section B */

.products-section__banner-pink {
  background-color: #f05b8e !important;
}

.customised-shirts-banner {
  background-color: #f05b8e !important;
  width: 100%;
  max-width: 1510px;
  margin: 0 auto;
}

.products-type-title p {
  text-align: center;
  font-weight: 400;
  font-size: 30px;
  margin: 0;
  width: 100%;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 1);
}

.products-type-title span {
  font-size: 45px;
  color: #F32277;
}

.products-type-title p:nth-child(1) {
  margin: 120px 0 0 0;
  font-size: 35px;
}

@media (max-width: 1025px) {
  .products-type-title p:nth-child(1) {
    margin: 30px 0 0 0;
    font-size: 24px;
  }

  .products-type-title span {
    font-size: 18px;
  }
}

@media (max-width: 1025px) {
  .products-type-title p {
    font-size: 18px;
  }
}

/* Section C Slider */

.products-slider {
  position: relative;
  margin-bottom: 60px;
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  margin-bottom: 100px;
  padding-top: 35px;
}

.products-slider__wrap {
}

@media (min-width: 431px) {
  .products-slider__wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 50px;
    column-gap: 15px;
  }
}

.products-slider .slick-slide {
  margin: 0px 10px;
}

.products-slider img {
  width: 100%;
  height: auto;
}

.products-slider .slick-dots {
  bottom: -30px;
  cursor: pointer;
}

.products-slider .slick-dots li {
  padding: 2px 0;
}

/* Section D text */

.category-info {
  background-color: #f7f8fa;
  width: 100%;
}

.products-section__info {
  width: 100%;
}

.products-section__info p {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
  line-height: 26px;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 1);
  max-width: 900px;
  padding: 0 15px;
  margin: 50px auto;
}

/* Section E Card styles */

.products-section__card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 1510px;
  margin: 0 auto;
  padding: 0 80px;
  padding-bottom: 60px;
  padding-top: 40px;
}

.products-section__card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.products-section__card-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.products-section__images {
  width: 100px;
  height: 100px;
  margin-bottom: 30px;
}

.products-section__content {
  min-height: max-content;
}

.products-section__card-wrap p {
  text-align: center;
  font-size: 14px;
}

.products-section__card-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  flex-direction: column;
}

.products-section__card-wrap .img-card {
  width: 100px;
  height: auto;
}

/*
  Hover effect on images 
*/

.products-section__card-wrap {
  position: relative;
}

.img-hovered-op1 {
  position: absolute;
  top: -3%;
  left: 30%;
  transform: translate(-50%, 0);
  opacity: 0;
  transform: scale(1.21);
}

.products-section__content {
  min-height: max-content;
}

.products-section__card-wrap:hover .img-hovered-op1 {
  opacity: 1;
}

.products-section__card-wrap:hover .img-hovered-op0 {
  opacity: 0;
}

.products-section__info {
  text-align: center;
  margin-top: 10px;
}

@media (max-width: 720px) {
  .products-section__card {
    display: flex;
    justify-content: center;
    gap: 30px;

    padding: 0 80px;
    padding-bottom: 60px;
  }
}

@media (max-width: 620px) {
  .products-section__card-wrap {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0px;
    margin-top: 20px;
  }
}

@media (max-width: 430px) {
  .products-section__card-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .img-hovered-op1 {
    position: absolute;
    top: 0%;
    left: 25%;
    transform: translate(-50%, 0);
    opacity: 0;
    transform: scale(1.18);
  }

  .category-info .products-section__info p {
    margin: 0;
    padding-top: 30px;
  }

  .products-section__card {
    padding: 0 !important;
    gap: 0;
    width: 100% !important;
    margin-left: 0;
  }

  .products-section__card .slick-dots li {
    margin: 0;
    height: 2px;
  }
}

/* Group F */

.products-section__categories-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.products-section__categories-text p {
  text-align: center;
  color: rgba(240, 38, 124, 1);
  font-size: 45px;
  max-width: 900px;
  margin: 60px auto;
}

/* Section g */

.colored-categories {
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  min-width: 0;
  min-height: 0;
  margin-bottom: 50px;
}

.colored-categories__wrap {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
  align-items: center;
  justify-items: center;
  row-gap: 40px;
  column-gap: 25px;
}

/*
  Category images hover effect 
*/

.cat-img {
  float: left;
  width: 100px;
  height: auto;
  object-fit: cover;
}

.colored-categories__inner {
  position: relative;
  padding-bottom: 35px;
}

.category-img-op1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.colored-categories__inner .category-img-op1 {
  transform: scale(1.4);
}

.colored-categories__inner:hover .category-img-op1 {
  opacity: 1;
}

.colored-categories__inner:hover:hover .category-img-op0 {
  opacity: 0;
}

@media (max-width: 990px) {
  .colored-categories__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    column-gap: 20px;
  }
}

@media (max-width: 430px) {
  .colored-categories .colored-categories__wrap .cat-img {
    width: 100px !important;
    height: 100px !important;
    margin-bottom: 3rem;
  }

  .colored-categories .slick-track {
    padding-top: 15px;
  }

  .colored-categories__inner {
    width: 100%;
    height: 100%;
  }

  .colored-categories {
    padding-bottom: 30px;
  }

  .colored-categories .slick-dots {
    bottom: -30px;
  }

  .colored-categories .slick-dots li {
    margin: 0 !important;
  }

  .colored-categories__inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
  }

  .colored-categories__inner .category-img-op1 {
    position: absolute;
    top: 0;
    left: 0%;
    transform: scale(1.35) !important;
    left: 18%;
    opacity: 0;
  }
}

.shirt-types-wrap {
  background-color: #fff;
  width: 100%;
}

.shirt-types-heading {
  background-color: #fff;
  width: 100%;
  text-align: center;
  margin-top: 60px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 19.5px;
}

/* Section I */

.shirt-types img {
  width: 180px;
  height: auto;
}

.shirt-types {
  background-color: #fff;
}

.shirt-types .shirt-types__wrap {
  position: relative;
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  margin-bottom: 125px;
  padding-top: 60px;
}

.shirt-types .slick-dots {
  cursor: pointer;
}

.shirt-types .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.shirt-types .slick-dots {
  bottom: -70px;
  cursor: pointer;
}

.shirt-types .slick-dots li {
  padding: 2px;
}

@media (max-width: 500px) {
  .shirt-types .slick-slide {
    display: flex;
    justify-content: center !important;
    align-items: center;
  }

  .shirt-types .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .shirt-types {
    position: relative;
    width: 100%;
    max-width: 1510px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-top: 60px;
  }
}

/*
    Breakpoints For All 
*/

@media (max-width: 768px) {
  .products-type-title,
  .products-section__info,
  .products-section__categories-text,
  .colored-categories__wrap {
    padding: 0 15px;
  }
}

@media (max-width: 375px) {
  .products-type-title,
  .products-section__info p,
  .products-section__categories-text,
  .shirt-types-heading {
    padding: 0 15px !important;
    font-size: 16px !important;
  }

  .products-section__info {
    padding-top: 20px !important;
  }

  .products-section__categories-text p {
    font-size: 20px;
    font-weight: 700;
  }
}

/* Customised shirts dropdown styling */

/*
  Navbar on Hover 
*/

.nav-item:hover .desktop-nav__submenu {
  display: block !important;
}

.navbar-expand-md .navbar-collapse,
.navbar-expand-md .navbar-nav,
.header__col2.navbar,
.header__col2.navbar .dropdown {
  height: 100% !important;
}

.header__col2 .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.desktop-nav__submenu {
  top: 174px !important;
  border-top: 1px solid #e9e9e9;
}

/*
  Customised shirts styling dropdown 
*/

.sticky .desktop-nav__submenu {
  top: 81px !important;
  border-top: none;
}

.custom-shirts .desktop-nav__advert {
  display: none !important;
}

.custom-shirts .desktop-nav__level2-wrap:nth-child(1) {
  border-right: none !important;
}

.custom-shirts .desktop-nav__level2 {
  max-width: 1600px !important;
  margin: 0 auto !important;
}

.custom-shirts .desktop-nav__level2-wrap:nth-child(1) {
  width: 67% !important;
}

.custom-shirts .desktop-nav__level3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}

@media (max-width: 1350px) {
  .custom-shirts .desktop-nav__level2-wrap:nth-child(1) {
    width: 90% !important;
  }
}

/*
  Customised shirt V9
*/

.main-banner {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  height: 560px;
  background-size: cover;
  position: relative;
  background-position: center;
}

.main-banner:before {
  content: "";
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.3);*/
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.main-banner__wrap {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
}

.main-banner__text {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-banner__title {
  margin: 0;
  padding: 0;
  font-size: 70px;
  font-weight: 500;
  color: #fff;
  font-family: "JustLovelyRegular" !important;
}

.main-banner__links-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  max-width: 60%;
  width: 100%;
}

.main-banner__link p {
  padding: 0;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}

.main-banner__link {
  width: 200px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: rgb(237, 31, 87);
  background: linear-gradient(
    90deg,
    rgba(237, 31, 87, 1) 0%,
    rgba(211, 121, 176, 1) 100%
  );
  border: 1px solid #fff;
  transition: background 0.2s ease;
  cursor: pointer;
}

.main-banner__link:hover {
  background: rgb(237, 31, 87);
  background: linear-gradient(
    45deg,
    rgba(237, 31, 87, 1) 0%,
    rgba(211, 121, 176, 1) 100%
  );
  transition: background 0.2s ease;
}

@media (max-width: 768px) {
  .main-banner__title {
    font-size: 66px;
  }

  .main-banner__links-list {
    flex-direction: column;
    margin-top: 65px;
  }

  .main-banner__link {
    width: 180px;
    height: 50px;
    margin-bottom: 40px;
  }

  .main-banner__link:last-child() {
    margin-bottom: 0;
  }
}

.products-slider .slick-dots {
  bottom: -60px;
}

.products-slider .slick-dots li {
  margin: 0;
  height: 2px;
  padding: 0;
}

/*
  How It Works Section 
*/

.how-it-works {
  background: #fff;
}

.how-it-works__main-wrap {
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
  gap: 200px;
  padding-bottom: 120px;
}

.how-it-works__main-wrap .enquire-wrap{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.how-it-works .title {
  padding: 0 15px;
  /* margin-bottom: 35px; */
}

.how-it-works .title p span {
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  display: block;
}

.how-it-works .title p {
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  display: block;
}

.how-it-works .title p:nth-child(1) {
  text-align: center;
  font-size: 35px;
  font-weight: 400;
  padding: 90px 0 0 0;
  display: block;
  margin: 0;
}

@media (max-width: 1025px) {
  .how-it-works .title p span {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    display: block;
  }

  .how-it-works .title p {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    display: block;
  }

  .how-it-works .title p:nth-child(1) {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    padding: 45px 0 0 0;
    display: block;
    margin: 0;
  }
}

.how-it-works__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

.how-it-works__single {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.how-it-works .slick-dots {
  bottom: -40px !important;
}

.how-it-works .slick-dots li,
.shirt-logo .slick-dots li {
  margin: 0 !important;
  padding: 0 !important;
}

.how-it-works__single .how-it-works__content {
  margin-top: 30px;
}

.how-it-works__single .how-it-works__content p {
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.7px;
}

@media (max-width: 1024px) {
  .how-it-works__wrap,
  .how-it-works__main-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .enquire-title {
    font-size: 25px;
    margin-top: 80px;
  }
}

.enquire-title {
  text-align: center;
  display: block;
  font-size: 35px;
  font-weight: 400;
  margin-bottom: 80px;
}

.enquire__btn-info,
.enquire__btn-sample {
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  height: 56px;
  width: 100%;
}

.enquire__placeholder {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  padding: 25px 0;
}

.enquire__btn-info {
  color: #d40356;
  border: 1px solid #d40356;
}

.enquire__btn-info:hover {
  color: #fff;
  background-color: #d40356;
}

.enquire__btn-sample {
  color: #fff;
  border: 1px solid #fff;
  background: linear-gradient(90deg, #d379b0 0%, #d40356 100%);
}

.enquire__btn-sample:hover {
  background: linear-gradient(90deg, #d40356 0%, #d379b0 100%);
}

/*
  Product page colored shirts variations
*/

.variation-name-color {
  color: #333;
  font-size: 25px;
  font-weight: 600;
  padding-left: 15px;
}

.specific-color {
  display: flex;
  justify-content: start;
  align-items: center;
  /* column-gap: 26px; */
  row-gap: 30px;
  margin-top: 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0 15px;
}

@media (max-width: 500px) {
  .specific-color {
    justify-content: space-between;
  }
}

.specific-color ._itmspec_lnk {
  width: 90px;
  height: auto;
  display: block;
  flex-grow: 1;
  transition: all 0.2s ease-in-out;
}

.specific-color ._itmspec_selected {
  transform: scale(1.2);
}

.specific-color ._itmspec_lnk:hover {
  transform: scale(1.2);
}

.specific-color ._itmspec_selected:hover {
  transform: scale(1.2);
}

.specific-color ._itmspec_lnk img {
  width: 100%;
  height: 100%;
}

.shirts-wrapper {
  background-color: #fff;
  text-align: center;
  width: 100%;
  /*margin-top: 70px;*/
}

/*

Section L 

*/

.shirt-logo {
  background-color: #fff;
  padding-bottom: 25px;
}

.shirt-logo__wrap {
  max-width: 1510px;
  margin: 0 auto;
  padding: 0 15px;
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(5, 1fr);
}

.shirt-logo .title p {
  font-size: 35px;
  text-align: center;
  padding: 25px 0;
}

@media (max-width: 1025px) {
  .shirt-logo .title p {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .shirt-logo__wrap {
    display: block;
  }
}

/* Class can be given to any element if custom font is needed */
.customFont {
  font-family: "JustLovelyRegular" !important;
  font-size: 70px !important;
}

/*

    gallant-SGI003-V12 Tweaks 

*/

/* 
  Enquire Button 
*/

.shirts__enquire-btn {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background: linear-gradient(90deg, #d379b0 0%, #d40356 100%);
  border: 1px solid #fff;
  border-radius: 30px;
  height: 56px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.2s ease-in-out;
  margin-top: 70px;
  width: 180px;
}

.shirts__enquire-btn:hover {
  background: linear-gradient(90deg, #d40356 0%, #d379b0 100%);
}

.shirts-enquire__btn-wrap {
  text-align: center;
}

@media (max-width: 768px) {
  .shirts__enquire-btn {
    height: 50px;
    margin-top: 90px;
    width: 180px;
  }
}

/*
  T shirt Changes 
*/

.shirts-wrapper {
  padding-bottom: 120px;
}

.shirts-wrapper .products-shirt__name {
  display: block;
  color: #000 !important;
  font-size: 12px;
  margin-top: 5px;
}

@media (max-width: 430px) {
  .shirts-wrapper .products-shirt__name {
    height: 45px;
  }
}

.shirts-wrapper .slick-dots {
  bottom: -40px;
}

.shirts-wrapper .slick-dots li {
  margin: 0;
}

.shirts-wrapper .products-type-title {
  margin-bottom: 50px;
}

.shirts-wrapper .products-shirt__imgs {
  position: relative;
}

.shirts-wrapper .product-image--hovered {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
}

.shirts-wrapper .products-shirt__imgs:hover .product-image--hovered {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .shirts-wrapper {
    padding-bottom: 80px;
  }
}

/*
  Shop By Colour 

*/

.colored-categories {
  max-width: 1540px;
  padding: 0 15px;
}

.colored-categories__inner {
  padding-bottom: 0;
}

/*
  How to order 
*/

.how-it-works .subtext {
  max-width: 1540px;
  padding: 0 15px;
  font-size: 35px;
  font-weight: 400;
  margin: 0 auto 60px auto;
}

.how-it-works__single {
  display: block;
  text-align: center;
}

.how-it-works__content {
  text-align: center;
  margin: 0 !important;
}

.how-it-works__title {
  display: block;
  margin-top: 15px;
  height: 60px;
  font-size: 17px;
  font-weight: 500;
}

.how-it-works__subtext {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
}


@media (max-width: 1024px) {
  .how-it-works .title {
    margin-bottom: 0;
  }

  .how-it-works .subtext {
    font-size: 25px;
    font-weight: 400;
    margin: 0 auto 70px auto;
    text-align: center;
  }
}

.customised-shirts .testimonials--shirts {
  margin-top: 50px;
}

/*
  Enquiry form 
*/

.enquire-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}

.enquire-overlay.activeClass {
  opacity: 1;
  visibility: visible;
}

.enquiry-popup {
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  width: 680px;
  height: 100%;
  transition: all 0.3s ease-in-out;
  transform: translateX(100%);

  z-index: 9999999999;
}

.enquiry-popup.activeClass {
  transform: translateX(0);
}

.enquire-form__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}

.enquire-form__wrap {
  padding: 30px;
  height: calc(100vh - 184px);
  overflow-y: auto;
}

.enquire-form__title {
  color: #d40356;
  font-size: 25px;
  font-weight: 700;
}

.enquire-form__close-btn i {
  cursor: pointer;
  font-size: 30px;
}

.enquire-form {
  margin-top: 0px;
}

.enquire-form label {
  font-size: 16px;
  font-weight: 400;
}

.enquire-form label span {
  color: #d40356;
}

.enquire-form .form-group__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px !important;
}

.enquire-form .form-group__single {
  margin-bottom: 30px;
}

.enquire-form .form-group__single.activeClass {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

.enquire-form .form-group input,
.enquire-form .form-group select {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  height: 45px;
  width: 100%;
}

.form-group__btn-wrap {
  /* background-color: #F7F8FA; */
  padding: 15px 30px;
}

.form-group__btn-wrap p {
  margin: 0;
  padding: 0;
}

.enquire-form .enquire-form__btn {
  border: 1px solid #fff !important;
  border-radius: 30px !important;
  background: linear-gradient(90deg, #d379b0 0%, #d40356 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  height: 56px !important;
  width: 100%;
}

.enquire-form .enquire-form__btn:hover {
  background: linear-gradient(90deg, #d40356 0%, #d379b0 100%);
}

@media (max-width: 768px) {
  .enquiry-popup {
    width: 100% !important;
  }

  .enquire-form {
    margin-top: 10px;
  }

  .enquire-form__wrap {
    padding: 30px 10px;
    height: calc(100vh - 225px);
    overflow-y: auto;
  }

  .enquire-form__heading {
    padding: 30px 10px;
  }

  .form-group__btn-wrap {
    padding: 15px 10px;
  }

  .enquire-form .form-group__wrap {
    grid-template-columns: 1fr;
  }

  .enquire-form .form-group__single.activeClass {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 20px;
    margin-bottom: 30px;
  }
}

/*
   CATEGORY SHIRTS STYLING  
*/

.category-shirts .customised-shirts-breadcrumb {
  max-width: 1540px;
  margin: 0 auto;
  padding: 15px;
}

.category-shirts .customised-shirts-breadcrumb .breadcrumb-item:first-child {
  margin-left: 15px;
}

.category-shirts__banner {
  background-color: #6bc3e8;
  width: 100%;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.category-shirts__title {
  color: #fff;
  font-family: "JustLovelyRegular";
  font-size: 128px;
  font-weight: 400;
  margin: 0;
}

.category-shirts .category-shirts__subtext {
  color: #d40356;
  font-family: "MotelCalifornia";
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 16px;
  display: block;
  /* text-align: center; */
}
.category-shirts{
  background-color: #fff;
  width: 100%;
}
.category-shirts__products {
  max-width: 1295px;
  margin: 0 auto;
  padding: 20px 15px 80px 15px;

}

.category-shirts__products .products-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 50px 20px;
}

.category-shirts__products .products-row .single-product {
  margin: 0;
  padding: 0;
}

.category-shirts__products .products-row .single-product .card {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.category-shirts__products
  .products-row
  .single-product
  .single-product__title {
  color: #000 !important;
  font-size: 12px;
  margin-top: 5px;
}

.category-shirts__products .products-row .single-product .thumbnail-image {
  position: relative;
  transition: all 0.2s ease-in-out;
}

.category-shirts__products
  .products-row
  .single-product
  .thumbnail-image
  .product-image--hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}

.category-shirts__products
  .products-row
  .single-product
  .thumbnail-image:hover
  .product-image--hover {
  opacity: 1;
  visibility: visible;
}

.category-shirts__products .shirts__enquire-btn {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .category-shirts__title {
    font-size: 93px;
  }

  .category-shirts__products .products-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
  }

  .category-shirts__products {
    padding: 0px 15px 80px 15px;
  }
}

@media (max-width: 500px) {
  .category-shirts__products .products-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

/*
  Shirts Product Page 
*/

.shirts-product__wrap {
  display: grid;
  grid-template-columns: calc(50% - 55px) calc(50% - 55px);
  overflow: hidden;
  gap: 110px;
}

@media (max-width: 990px) {
  .shirts-product__wrap {
    grid-template-columns: 100%;
    gap: 0;
  }
}

.extra-options__shirts {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  padding: 25px;
  margin-top: 30px;
}

.multi-level__pricing {
  width: 100%;
}

.multi-level__pricing thead th {
  padding-bottom: 15px;
}

.multi-level__pricing-tab {
  padding-left: 40px;
}

.multi-level__pricing tbody {
  border-top: 1px solid #b3b3b3;
}

.multi-level__pricing tbody td {
  padding: 15px 0;
}

.multi-level__pricing tbody tr {
  border-bottom: 1px solid #b3b3b3;
}

.multi-level__pricing-bottom {
  border-bottom: none;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 15px;
}

.multi-level__pricing-bottom div {
  width: 100%;
}

.multi-level__pricing .multi-level__pricing-right {
  border-left: 1px solid #b3b3b3;
  padding-left: 40px;
}

.multi-level__pricing-bottom-right {
  padding-left: 55px;
  width: 100%;
  white-space: nowrap;
}

@media (max-width: 990px) {
  .multi-level__pricing-bottom {
    display: block;
    flex-wrap: wrap;
  }

  .multi-level__pricing-bottom-right {
    padding: 0;
    margin: 0;
  }
}

.multi-level__variation-wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}

.multilevel-pricing__text {
  display: block;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  margin-top: 15px;
}

/*
  Variations Wrapper 
*/

.shirts-variations__wrapper {
  background-color: #fff;
  padding: 10px 25px;
}

.shirts-variations__wrapper ._itmspec_lnk {
  border-bottom: 3px solid transparent;
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shirts-variations__wrapper ._itmspec_lnk:hover {
  border-bottom: 3px solid #d40356;
}

.shirts-variations__wrapper ._itmspec_lnk img {
  height: auto;
  width: auto;
  max-width: 90px;
  max-height: 100%;
}

.shirts-variations__wrapper ._itmspec_selected {
  border-bottom: 3px solid #d40356;
}

.shirts-variations__wrapper .prev-arrow,
.shirts-variations__wrapper .next-arrow {
  border: none;
  background-color: transparent;
  height: 25px;
  width: 25px;
  color: #d31b5f;
  font-size: 27px;
  display: flex;
  justify-self: center;
  align-items: center;
}

.shirts-variations__wrapper .prev-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  left: -20px;
}

.shirts-variations__wrapper .next-arrow {
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}

/*
  BUTTONS 
*/

.product-shirts__btns {
  margin-top: 50px;
}

.product-shirts__btns .shirts__enquire-btn {
  margin-top: 0;
  width: 100%;
}

.product-shirts__btns .shirts__still-browsing {
  display: block;
  color: #d40356;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: underline;
  width: 100%;
}

.product-shirts__btns .shirts__still-browsing:hover {
  color: #000;
}

.enquire-form__prod-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  margin-bottom: 40px;
}

.enquire-form__sku {
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .enquire-form__prod-wrap {
    flex-wrap: wrap;
  }
}

.rh-fotnt {
  font-family: "RHFont";
} 

.motel-california-font {
  font-family: "MotelCalifornia";
}

@media (max-width: 768px) {
.mobile-title {
  font-size: 30px!important;
  }
}


/*
  Info Page Divide 
*/


.info-divide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin-bottom: 25px;
}


.info-divide__single:first-child {
  border-right: 2px solid lightgray;
  padding-right: 60px;
}

.info-divide__title {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 40px;
}


@media (max-width: 990px) {
  .info-divide {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .info-divide__title { 
    font-size: 30px;
    margin-bottom: 30px;
  }

  .info-divide__single:first-child {
    border-bottom: 2px solid lightgray;
    border-right: none;
    padding: 0 0 40px 0;
  }
}