@import url("swiper.css");

.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.awesome {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/* Theme Colors */
/* Sample Colors */
body {
  background: #202227;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: #333333;
  font-weight: 400;
}

a {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  font-family: "Poppins", sans-serif;
  color: #333333;
  font-weight: 400;
}

a:hover {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #333333;
}

a:visited {
  text-decoration: none;
}

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

.soft {
  color: #727886;
}

.main_head-top {
  background: #191b1f;
  font-size: 12px;
  padding: 24px 0;
}

@media (max-width: 991px) {
  .main_head-top {
    display: none;
  }

  .product_detail-buttons>* {
    float: left;
  }
}

.main_head-bottom {
  background: #191b1f;
  padding: 15px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
}

.main_head-single {
  position: fixed;
  z-index: 1000;
  height: 55px;
  width: 100%;
  left: 0;
  top: 0;

  display: flex;
  padding: 4px 15px;
  background: #191b1f;
  border-bottom: 1px solid #c4005d;
}

.main_head-single .main_head-single-content {
  color: #fff;
  font-size: 18px;
  align-self: center;

}

.main_head-single .main_head-single-content .account_back_button {
  color: #fff;
}

.main_head-social {
  display: flex;
}

.main_head-social li {
  margin: 0 10px;
}

.main_head-social li:first-child {
  margin-left: 0;
}

.main_head-social li:last-child {
  margin-right: 0;
}

.main_head-social li a {
  color: #727886;
  font-size: 14px;
  display: block;
}

.main_head-social li a:hover {
  color: #a20f24;
}

@media (min-width: 992px) {
  .main_head .mobile-menu {
    display: none;
  }
}

@media (max-width: 991px) {
  .main_head .mobile-menu {
    font-size: 30px;
    line-height: 32px;
    width: 32px;
    text-align: center;
    height: 32px;
    margin: 0 0 0 auto;
    color: #ffffff;
  }
}

@media (min-width: 992px) {
  .main_head .main-menu .mobile-menu-top {
    display: none;
  }
}

@media (max-width: 991px) {
  .main_head .main-menu {
    background: #202227;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 990;
  }

  .main_head .main-menu .mobile-menu-top {
    height: 55px;
    padding: 9px 15px;
    background: #1b1d22;
  }

  .main_head .main-menu .mobile-menu-close {
    font-size: 30px;
    line-height: 32px;
    width: 32px;
    color: #fff;
    text-align: center;
    height: 32px;
  }
}

@media (min-width: 992px) {
  .main_head .main-menu ul {
    display: flex;
  }
}

.main_head .main-menu ul li {
  position: Relative;
}

@media (min-width: 992px) {
  .main_head .main-menu ul li {
    margin-right: 25px;
  }
}

/* 
@media (min-width: 992px) and (max-widh: 1919px) {
  .main_head .main-menu ul li {
    margin-right: 10px;
  }
} */

.main_head .main-menu ul li:last-child {
  margin-right: 0;
}

.main_head .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  position: Relative;
  font-weight: 500;
}

@media (min-width: 992px) {
  .main_head .main-menu ul li a {
    font-size: 12px;
    color: #b6bcc1;
  }
}

@media (max-width: 991px) {
  .main_head .main-menu ul li a {
    font-size: 15px;
    color: #b6bcc1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
}

@media (min-width: 992px) {
  .main_head .main-menu ul li a {
    padding: 10px;
  }
}

/* 
@media (min-width: 992px) and (max-width: 1919px) {
  .main_head .main-menu ul li a {
    padding: 5px;
  }
} */

@media (max-width: 991px) {
  .main_head .main-menu ul li a {
    padding: 20px;
  }
}

.main_head .main-menu ul li a:hover {
  color: #c4005d;
}

.main_head .main-menu ul li a.dropdown::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0d7";
  margin-left: 5px;
}

.main_head .main-menu ul li .menu-dropdown {
  z-index: 10;
}

@media (min-width: 992px) {
  .main_head .main-menu ul li .menu-dropdown {
    position: absolute;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    width: 200px;
    left: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    padding-top: 20px;
    transform: translateY(20px);
  }
}

@media (max-width: 991px) {
  .main_head .main-menu ul li .menu-dropdown {
    width: 95%;
    position: relative;
    margin: 0 auto;
    display: none;
    padding-top: 10px;
  }
}

.main_head .main-menu ul li .menu-dropdown ul {
  position: Relative;
  display: block;
  background: #2a2c32;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 0;
}

.main_head .main-menu ul li .menu-dropdown ul::before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  left: 15px;
  background: #2a2c32;
  top: -6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.main_head .main-menu ul li .menu-dropdown ul li {
  margin: 0;
}

.main_head .main-menu ul li .menu-dropdown ul li a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.main_head .main-menu ul li .menu-dropdown ul li a:hover {
  background: #c4005d;
  color: #ffffff;
}

.main_head .main-menu ul li .menu-dropdown ul li:last-child a {
  border-bottom: none;
}

.main_head .main-menu ul li:hover>a {
  color: #c4005d;
}

@media (min-width: 992px) {
  .main_head .main-menu ul li:hover .menu-dropdown {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    visibility: visible;
  }
}

@media (min-width: 992px) {
  .main_head-search {
    width: 300px;
  }
}

/* 
@media (min-width: 992px) and (max-width: 1919px) {
  .main_head-search {
    width: 200px;
  }
} */

.main_head-search .search-input {
  width: 80%;
  border-top-left-radius: 30px;
  -moz-border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  -moz-border-bottom-left-radius: 30px;
  border-top: 1px solid #32353e;
  border-right: none;
  border-left: 1px solid #32353e;
  border-bottom: 1px solid #32353e;
  height: 44px;
  padding: 0 20px;
  font-size: 12px;
  outline: none;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: transparent;
}

.main_head-search .search-input::placeholder {
  color: #727886;
  opacity: 1;
}

.main_head-search .search-input::-moz-placeholder {
  color: #727886;
  opacity: 1;
}

.main_head-search .search-input::-webkit-placeholder {
  color: #727886;
  opacity: 1;
}

.main_head-search .search-input:focus {
  border-color: #c4005d;
}

.main_head-search .search-input:focus+.search-submit {
  border-color: #c4005d;
}

.main_head-search .search-submit {
  border-top-right-radius: 30px;
  -moz-border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  -moz-border-bottom-right-radius: 30px;
  display: block;
  width: 20%;
  border-top: 1px solid #32353e;
  border-left: none;
  border-right: 1px solid #32353e;
  border-bottom: 1px solid #32353e;
  height: 44px;
  background: transparent;
  line-height: 42px;
  position: Relative;
  padding: 0;
  color: #b6bcc1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  text-align: center;
}

.main_head-search .search-submit:hover {
  background: #c4005d;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

/* 
@media (min-width: 992px) and (max-width: 1919px) {
  .main_head .logo {
    width: 110px;
  }
} */

.main_head .logo img {
  display: block;
  max-width: 180px;
}

@media (min-width: 992px) {
  .main_head .basket-login {
    width: 350px;
  }
}

/* 
@media (min-width: 992px) and (max-width: 1919px) {
  .main_head .basket-login {
    width: 250px;
  }
} */

.main_head .basket-login .basket {
  position: relative;
  padding: 10px 0;
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  justify-content: center;
}

.main_head .basket-login .basket::after,
.main_head .basket-login .basket::before {
  content: "";
  height: 20px;
  background: #32353e;
  width: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

@media (max-width: 991px) {

  .main_head .basket-login .basket::after,
  .main_head .basket-login .basket::before {
    display: none;
  }
}

.main_head .basket-login .basket::after {
  left: 0;
}

.main_head .basket-login .basket::before {
  right: 0px;
}

.main_head .basket-login .basket:hover {
  background: rgba(255, 255, 255, 0.01);
  color: #ffffff;
  border-top-color: #c4005d;
  border-bottom-color: #c4005d;
}

.main_head .basket-login .basket:hover::after,
.main_head .basket-login .basket:hover::before {
  height: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #c4005d;
}

.main_head .basket-login .basket .basket-icon {
  position: Relative;
}

.main_head .basket-login .basket .basket-icon i {
  font-size: 24px;
  color: #b6bcc1;
}

.main_head .basket-login .basket .basket-icon span {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #c4005d;
  color: #ffffff;
  line-height: 18px;
  font-size: 11px;
  right: -5px;
  bottom: 3px;
  text-align: Center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.main_head .basket-login .basket .basket-total {
  padding-left: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #b6bcc1;
}

.main_head .basket-login .basket .basket-total span {
  display: block;
  color: #c4005d;
}

.main_slider-item {
  position: Relative;
}

.main_slider-content {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  left: 0;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
}

.main_slider-content .subtitle {
  color: #ffffff;
}

@media (min-width: 992px) {
  .main_slider-content .subtitle {
    font-size: 28px;
    line-height: 28px;
  }
}

@media (max-width: 991px) {
  .main_slider-content .subtitle {
    font-size: 16px;
    line-height: 16px;
  }
}

.main_slider-content .title {
  color: #ffffff;
  font-weight: 800;
}

@media (min-width: 992px) {
  .main_slider-content .title {
    font-size: 70px;
    line-height: 70px;
  }
}

@media (max-width: 991px) {
  .main_slider-content .title {
    font-size: 20px;
    line-height: 20px;
  }
}

.main_slider-content .discount {
  background: #a20f24;
  background: -moz-linear-gradient(left, #c4005d 0%, #ff6702 100%);
  background: -webkit-linear-gradient(left, #c4005d 0%, #ff6702 100%);
  background: linear-gradient(to right, #c4005d 0%, #ff6702 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20f24', endColorstr='#c4005d', GradientType=1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 4px;
  font-weight: 300;
  color: #ffffff;
}

@media (min-width: 992px) {
  .main_slider-content .discount {
    font-size: 18px;
    padding: 4px 20px;
    display: block;
  }
}

@media (max-width: 991px) {
  .main_slider-content .discount {
    font-size: 13px;
    display: inline-block;
    max-width: 70%;
    margin: 0 auto;
    padding: 4px 10px;
  }
}

.main_slider-inside {
  text-align: Center;
}

.main_slider-img {
  position: Relative;
  overflow: hidden;
}

.main_slider-img img {
  object-position: left;
  aspect-ratio: 16 / 9;
  max-height: 350px;
  object-fit: cover;
  display: block;
  width: 100%;
}

/* 
@media (min-width: 992px) and (max-width: 1919px) {
  .main_slider-img img {
    height: 348px;
    width: 100%;
  }
} */

@media (max-width: 991px) {
  .main_slider-img img {
    max-height: 235px;
  }
}

@media (max-width: 424px) {
  .main_slider-img img {
    max-height: 200px;
  }
}

.main_slider .swiper-button-next,
.main_slider .swiper-button-prev {
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  border: 2px solid #ffffff;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 992px) {

  .main_slider .swiper-button-next,
  .main_slider .swiper-button-prev {
    width: 60px;
    height: 60px;
    line-height: 56px;
  }
}

@media (max-width: 991px) {

  .main_slider .swiper-button-next,
  .main_slider .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
}

.main_slider .swiper-button-next:hover,
.main_slider .swiper-button-prev:hover {
  background: #c4005d;
  color: #ffffff;
  border-color: #c4005d;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.main_slider .swiper-button-next::after,
.main_slider .swiper-button-prev::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #ffffff;
}

@media (min-width: 992px) {

  .main_slider .swiper-button-next::after,
  .main_slider .swiper-button-prev::after {
    font-size: 18px;
  }
}

@media (max-width: 991px) {

  .main_slider .swiper-button-next::after,
  .main_slider .swiper-button-prev::after {
    font-size: 13px;
  }
}

.main_slider .swiper-button-next {
  right: 20px;
}

.main_slider .swiper-button-next::after {
  content: "\f30b";
}

.main_slider .swiper-button-prev {
  left: 20px;
}

.main_slider .swiper-button-prev::after {
  content: "\f30a";
}

/* Slider Animations */
.animate {
  opacity: 0;
}

.swiper-slide-active {
  /* animations delay */
  /* animation time */
}


.swiper-slide-active .fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.swiper-slide-active .fadeInLeft {
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.swiper-slide-active .fadeInUp {
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.swiper-slide-active .fadeInRight {
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.swiper-slide-active .fadeInDown {
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.swiper-slide-active .del02 {
  animation-delay: 0.2s;
}

.swiper-slide-active .del03 {
  animation-delay: 0.3s;
}

.swiper-slide-active .del04 {
  animation-delay: 0.4s;
}

.swiper-slide-active .del05 {
  animation-delay: 0.5s;
}

.swiper-slide-active .del06 {
  animation-delay: 0.6s;
}

.swiper-slide-active .del07 {
  animation-delay: 0.7s;
}

.swiper-slide-active .del08 {
  animation-delay: 0.8s;
}

.swiper-slide-active .del09 {
  animation-delay: 0.9s;
}

.swiper-slide-active .del1 {
  animation-delay: 1s;
}

.swiper-slide-active .del1-01 {
  animation-delay: 1.1s;
}

.swiper-slide-active .del1-02 {
  animation-delay: 1.2s;
}

.swiper-slide-active .del1-03 {
  animation-delay: 1.3s;
}

.swiper-slide-active .del1-04 {
  animation-delay: 1.4s;
}

.swiper-slide-active .del1-05 {
  animation-delay: 1.5s;
}

.swiper-slide-active .del1-06 {
  animation-delay: 1.6s;
}

.swiper-slide-active .del1-07 {
  animation-delay: 1.7s;
}

.swiper-slide-active .del1-08 {
  animation-delay: 1.8s;
}

.swiper-slide-active .del1-09 {
  animation-delay: 1.9s;
}

.swiper-slide-active .del2 {
  animation-delay: 2s;
}

.swiper-slide-active .dur02 {
  animation-duration: 0.2s;
}

.swiper-slide-active .dur03 {
  animation-duration: 0.3s;
}

.swiper-slide-active .dur04 {
  animation-duration: 0.4s;
}

.swiper-slide-active .dur05 {
  animation-duration: 0.5s;
}

.swiper-slide-active .dur06 {
  animation-duration: 0.6s;
}

.swiper-slide-active .dur07 {
  animation-duration: 0.7s;
}

.swiper-slide-active .dur08 {
  animation-duration: 0.8s;
}

.swiper-slide-active .dur09 {
  animation-duration: 0.9s;
}

.swiper-slide-active .dur1 {
  animation-duration: 1s;
}

.swiper-slide-active .dur2 {
  animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    transform: translateX(-30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@keyframes fadeInLeft {
  0% {
    transform: translateX(-30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    transform: translateX(30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    transform: translateX(30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    transform: translateY(-30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    transform: translateY(-30px);
    opacity: 0;
    -webkit-opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
    -webkit-opacity: 1;
  }
}

@-webkit-keyframes imgScale {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
}

@keyframes imgScale {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
}

.home_banner-item {
  background-size: cover;
  background-position: center;
  display: flex;
  position: Relative;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 15px 20px;
}

.home_banner-img {
  position: Relative;
  display: block;
  overflow: hidden;
}

.home_banner-img img {
  object-fit: cover;
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 100%;
}

.home_banner-item::after {
  content: "";
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.home_banner-item:hover::after {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.home_banner-inside {
  z-index: 3;
  text-align: right;
}

.home_banner-inside .subtitle {
  color: #ffffff;
  font-weight: 300;
}

.home_banner-inside .title {
  font-weight: 700;
  color: #ffffff;
}

.home_discount_banner-item {
  position: Relative;
  display: block;
  overflow: hidden;
}

.home_discount_banner-item:hover .home_discount_banner-content::after {
  background: #c4005d;
  color: #ffffff;
}

.home_discount_banner-item:hover .home_discount_banner-img img {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1.1);
}

.home_discount_banner-img {
  position: Relative;
  display: block;
  overflow: hidden;
}

.home_discount_banner-img img {
  object-fit: cover;
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 100%;
}

.home_discount_banner-content {
  display: flex;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
  left: 0;
  z-index: 2;
  top: 0;
  width: 100%;
  align-items: center;
  padding: 0 60px 0 30px;
}

.home_discount_banner-content::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  background: #ffffff;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f0da";
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: Center;
  line-height: 30px;
  color: #2d3036;
  font-size: 12px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.home_discount_banner-inside {
  display: block;
  color: #ffffff;
}

.home_discount_banner-inside span {
  display: Block;
  font-weight: 700;
}

.page-title {
  color: #ffffff;
  font-weight: 700;
}

@media (min-width: 992px) {
  .page-title {
    font-size: 30px;
  }

  .home_discount_banner-img img {
    height: 120px;
  }

  .home_banner .home_discount_banner-img img {
    height: 163px;
  }
}

@media (max-width: 991px) {
  .page-title {
    font-size: 25px;
  }

  .home_discount_banner-img img {
    height: 100px;
  }

  .home_banner .home_discount_banner-img img {
    height: 100px;
  }

  .home_banner-item .btn {
    padding: 0 5px;
  }

  .home_discount_banner-content {
    padding: 0 40px 0 20px;
  }

  .home_discount_banner-content::after {
    right: 20px;
  }
}

.show-more {
  color: #ffffff;
}

.show-more:hover {
  color: #c4005d;
}

.product_item {
  position: relative;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.product_item-img {
  display: block;
  position: Relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
  overflow: hidden;
}

span.advert_item-content::before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #202227 90%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #202227 90%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, #202227 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
  left: 0;
  z-index: -1;
  top: 0;
  width: 100%;
  content: "";
}

.product_item-img img {
  z-index: 1;
  position: Relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.product_item:hover .product_item-img img {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1.1);
}

.product_item:hover .product_item-img::after {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.product_item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 40px 10px 10px 10px;
}

.product_item-content .name {
  font-weight: 500;
  color: #000;
  font-size: 12px;
  display: block;
  padding: 4px;
  background: #fff;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product_item-content .rating {
  color: #ffe115;
  display: block;
  font-size: 10px;
  margin-top: 5px;
}

.product_item-content .price {
  color: #ffffff;
  font-size: 12px;
  display: block;
}

.badges {
  font-size: 10px;
  color: #ffffff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  z-index: 3;
}

@media (min-width: 992px) {
  .badges {
    padding: 3px 10px;
  }
}

@media (max-width: 991px) {
  .badges {
    padding: 3px 5px;
  }
}


.badges.badges-small {
  font-size: 9px;
  padding: 3px 5px;
  margin-bottom: 4px;
  width: fit-content;
}

.badges em {
  font-style: normal;
  text-decoration: line-through;
}

.badges.badge-discount {
  background: #c3232d;
}

@media (min-width: 992px) {
  .badges.badge-discount {
    right: 20px;
    top: 20px;
  }
}

@media (max-width: 991px) {
  .badges.badge-discount {
    right: 10px;
    top: 10px;
  }
}

.badges.badge-price {
  background: #c4005d;
}

@media (min-width: 992px) {
  .badges.badge-price {
    top: 20px;
    left: 20px;
  }
}

@media (max-width: 991px) {
  .badges.badge-price {
    top: 10px;
    left: 10px;
  }
}

.advert_item {
  position: relative;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.advert_item-img {
  display: block;
  position: Relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
  overflow: hidden;
}

.advert_item-img::after {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, #202227 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
  left: 0;
  z-index: -1;
  top: 0;
  width: 100%;
  content: "";
}

.advert_item-img img {
  z-index: 1;
  position: Relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.advert_item:hover .advert_item-img img {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1.1);
}

.advert_item:hover .advert_item-img::after {
  opacity: 0.75;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.advert_item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px;
  z-index: 2;
}

.advert_item-content .name {
  font-weight: 500;
  color: #000;
  font-size: 12px;
  display: block;
  margin-bottom: 4px;
  background: #fff;
  border-radius: 16px;
  text-align: center;
  padding: 1px 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.advert_item-content .price {
  color: #ffffff;
  font-size: 16px;
  display: block;
  font-weight: 500;
  text-align: right;
}

.advert_item-content .price em {
  font-style: normal;
  font-weight: 400;
  text-decoration: line-through;
  float: left;
  font-size: 12px;
  padding-top: 4px;
}

.advert_item .badge-discount {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  font-weight: 700;
}

.advert_item .badge-collect {
  top: 4px;
  left: 4px;
  position: absolute;
  display: grid;
  width: calc(100% - 8px);
}

.news_item-img {
  display: block;
  position: relative;
}

.news_item-img img {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
}

.news_item-img .date {
  position: absolute;
  top: 0;
  right: 0;
  background: #1d1f24;
  border-radius: 0 5px 0 5px;
  font-size: 10px;
  padding: 0 4px;
  color: #b6bcc1;
}

.news_item .long {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #ffffff;
}

.news_item .writer img {
  object-fit: cover;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}

.news_item .writer span:nth-child(2) a {
  color: #ffffff;
  font-size: 10px;
}

.news_item .read-more {
  font-size: 10px;
  color: #ffffff;
}

.news_item:hover .read-more {
  color: #c4005d;
}

.streamer_item {
  position: relative;
}

.streamer_item:hover .name {
  color: #c4005d;
}

.streamer_item-img {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.streamer_item-img::after {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
  left: 0;
  z-index: 2;
  top: 0;
  width: 100%;
  content: "";
}

.streamer_item-img a {
  display: block;
}

.streamer_item-img img {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.streamer_item-infos {
  position: absolute;
  padding: 15px;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
}

.streamer_item-infos .name {
  color: #ffffff;
  font-weight: 300;
}

.streamer_item-infos .name span {
  font-weight: 700;
}

.streamer_item-infos .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  font-size: 12px;
  line-height: 24px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  text-align: Center;
}

.streamer_item-infos .icon:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.streamer_item-infos .icon.twitch {
  background: #c4005d;
  color: #ffffff;
}

.streamer_item-infos .icon.favorite {
  background: #a20f24;
  color: #ffffff;
}

.streamer_item-infos .icon.play {
  background: #ffffff;
  color: #22252a;
}

.customer_comments {
  max-width: 860px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
  position: Relative;
}

.customer_comments .swiper-button-next,
.customer_comments .swiper-button-prev {
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  border: 2px solid #414450;
  color: #414450;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  z-index: 4;
  top: 50%;
  transform: translateY(-40%);
}

@media (min-width: 992px) {

  .customer_comments .swiper-button-next,
  .customer_comments .swiper-button-prev {
    width: 60px;
    height: 60px;
    line-height: 56px;
  }
}

@media (max-width: 991px) {

  .customer_comments .swiper-button-next,
  .customer_comments .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 26px;
  }
}

.customer_comments .swiper-button-next:hover,
.customer_comments .swiper-button-prev:hover {
  color: #c4005d;
  border-color: #c4005d;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.customer_comments .swiper-button-next::after,
.customer_comments .swiper-button-prev::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

@media (min-width: 992px) {

  .customer_comments .swiper-button-next::after,
  .customer_comments .swiper-button-prev::after {
    font-size: 18px;
  }
}

@media (max-width: 991px) {

  .customer_comments .swiper-button-next::after,
  .customer_comments .swiper-button-prev::after {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .customer_comments .swiper-button-next {
    right: -95px;
  }
}

@media (max-width: 991px) {
  .customer_comments .swiper-button-next {
    right: 20px;
  }
}

.customer_comments .swiper-button-next::after {
  content: "\f30b";
}

@media (min-width: 992px) {
  .customer_comments .swiper-button-prev {
    left: -95px;
  }
}

@media (max-width: 991px) {
  .customer_comments .swiper-button-prev {
    left: 20px;
  }
}

.customer_comments .swiper-button-prev::after {
  content: "\f30a";
}

.customer_comments .comment {
  margin: 0;
  padding: 0;
  font-weight: 300;
  color: #ffffff;
}

@media (min-width: 992px) {
  .customer_comments .comment {
    font-size: 17px;
    line-height: 30px;
  }
}

@media (max-width: 991px) {
  .customer_comments .comment {
    font-size: 13px;
    line-height: 28px;
  }
}

.customer_comments .writer {
  font-weight: 300;
  color: #ffffff;
}

@media (min-width: 992px) {
  .customer_comments .writer {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .customer_comments .writer {
    font-size: 15px;
  }
}

.customer_comments .writer span {
  font-weight: 700;
}

.footer-main {
  background: #1b1d22;
}

.footer-main .footer-top {
  border-bottom: 1px solid #2c2f36;
  padding: 50px 0;
}

.footer-main .footer-bottom {
  padding: 35px 0;
}

.footer-main .foot-logo img {
  display: block;
  max-width: 100%;
}

@media (max-width: 991px) {
  .footer-main .foot-logo img {
    margin: 0 auto;
  }
}

.footer-main .foot-long {
  color: #727886;
  line-height: 24px;
}

.footer-main .foot-title {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
}

.footer-main .foot-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-main .foot-links.foot-fast li {
  width: 50%;
  float: left;
}

.footer-main .foot-links.foot-cst-links li {
  float: left;
  margin-right: 16px;
}

.footer-main .foot-links.foot-cst-links li:last-child {
  margin-right: 0;
}

.footer-main .foot-links.foot-cst-links li::after {
  content: '/';
  padding-left: 16px;
}

.footer-main .foot-links.foot-cst-links li:last-child::after {
  display: none;
}

.footer-main .foot-links li {
  margin-bottom: 5px;
  color: #727886;
}

.footer-main .foot-links li a {
  color: #727886;
  font-size: 12px;
}

.footer-main .foot-links li a:hover {
  color: #c4005d;
}

.footer-main .foot-discord .fd-top {
  display: flex;
  background: #22252a;
  padding: 6px 10px;
  height: 50px;
  align-items: center;
}

.footer-main .foot-discord .fd-top div:nth-child(2) {
  margin-left: 10px;
  color: #727886;
  font-size: 12px;
  font-weight: 600;
}

.footer-main .foot-discord .fd-top div:nth-child(2) span {
  display: block;
  font-weight: 300;
}

.footer-main .foot-discord .fd-bot {
  display: flex;
  align-items: Center;
  padding: 0 10px;
  height: 50px;
  justify-content: space-between;
  background: #2b2f35;
}

.footer-main .foot-discord .fd-bot div:nth-child(2) {
  font-size: 10px;
  color: #727886;
}

.footer-main .foot-discord .fd-bot div:nth-child(2) a {
  color: #727886;
}

.footer-main .foot-discord .fd-bot div:nth-child(2) a i {
  font-size: 8px;
}

.footer-main .foot-socials li:last-child {
  margin-right: 0;
}

.footer-main .foot-socials li a {
  color: #727886;
  font-size: 12px;
  font-weight: 500;
}

.footer-main .foot-socials li a:hover {
  color: #c4005d;
}

.footer-main .foot-smile-text {
  color: #727886;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.footer-main .footer-bottom {
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 3px;
}

.footer-main .footer-bottom a,
.footer-main .footer-bottom span {
  font-weight: 600;
  letter-spacing: 3px;
}

.footer-main .footer-bottom .designer a {
  color: #ffffff;
}

#goUp {
  position: fixed;
  z-index: 99;
  background: #c4005d;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  line-height: 50px;
  font-size: 14px;
  text-align: Center;
  color: #ffffff;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 0;
}

#goUp.show {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}


.breadcrumb ul {
  display: block;
}

@media (min-width: 992px) {
  .breadcrumb ul {
    flex-wrap: wrap;
  }
}

.breadcrumb ul li {
  float: left;
}

.breadcrumb ul li a,
.breadcrumb ul li span {
  display: block;
  color: #ffffff;
  font-weight: 300;
}

@media (max-width: 991px) {

  .breadcrumb ul li a,
  .breadcrumb ul li span {
    font-size: 10px;
  }

  .breadcrumb {
    display: none;
  }
}

.breadcrumb {
  margin-bottom: 1.5rem;
}

.breadcrumb ul li a::before,
.breadcrumb ul li span::before {
  margin: 0 10px;
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.breadcrumb ul li:last-child a,
.breadcrumb ul li:last-child span {
  font-weight: 700;
}

.breadcrumb ul li:first-child a::before {
  display: none;
}

.category_detail-item {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: Relative;
  overflow: hidden;
}

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

.category_detail-item-content {
  display: flex;
  position: absolute;
  top: 0;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, #2d3036 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
  width: 100%;
  align-items: flex-end;
  height: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.category_detail-item-content-inner {
  width: 100%;
  text-align: Center;
  padding-bottom: 30px;
}

.category_detail-item-content-inner span {
  display: block;
  color: #ffffff;
  margin-top: 15px;
}

.category_detail-item:hover .category_detail-item-content {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 0;
}

.page-title-small {
  color: #ffffff;
  font-weight: 700;
  margin: 0;
  padding: 0;
  font-size: 18px;
}

.page-long-small {
  line-height: 24px;
  color: #ffffff;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

.sss-item {
  margin-top: 16px;
  color: #ffffff;
}

.sss-item .question {
  font-weight: 500;
}

.sss-item .question::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0da";
  margin-right: 10px;
}

.sss-item .answer {
  font-weight: 300;
  margin-top: 5px;
  line-height: 24px;
}

.modal-close {
  position: absolute;
  background: #2b2f35;
  width: 31px;
  height: 31px;
  right: 15px;
  top: 15px;
  line-height: 33px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  color: #b6bcc1;
  text-align: Center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.modal-close:hover {
  background: #a20f24;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.modal-extra-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.modal-form-control {
  outline: none;
  height: 56px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #2b2f35;
  padding: 0 30px;
  line-height: 56px;
  color: #b6bcc1;
  display: block;
  width: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border: 1px solid #2b2f35;
}

.modal-form-control::-moz-placeholder {
  color: #b6bcc1;
  opacity: 1;
}

.modal-form-control::placeholder {
  color: #b6bcc1;
  opacity: 1;
}

.modal-form-control:focus {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border-color: #c4005d;
}

.modal-form-item {
  background: #40444a;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
  color: #b6bcc1;
}

@media (min-width: 992px) {
  .modal-form-item {
    padding: 5px 30px;
  }

  .modal-form-item>.row {
    min-height: 48px;
  }
}

@media (max-width: 991px) {
  .modal-form-item {
    padding: 10px 20px;
  }

  .modal-form-item>.row {
    min-height: 45px;
  }
}

.modal-form-item a {
  color: #b6bcc1;
  font-size: 12px;
}

.modal-form-item a:hover {
  color: #c4005d;
}

.modal-form-check {
  display: grid;
}

.modal-form-check .error {
  order: 5;
}

.modal-form-check input {
  position: absolute;
  height: 0;
  width: 0;
}

.modal-form-check input:checked+label::before,
.modal-form-check input:checked+label+label::before {
  background: #c4005d;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #ffffff;
}

.modal-form-check-label {
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: Relative;
}

.modal-form-check-label::before {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  text-align: center;
  line-height: 16px;
  left: 0;
  font-size: 10px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f00c";
  color: #2b2f35;
  width: 16px;
  height: 16px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #2b2f35;
}

.modal-form-check-text {
  padding: 0 0 0 30px;
}

.modal-form-check-text.smaller {
  font-size: 10px;
}

.modal-form-check-text .special {
  color: #c4005d;
}

.modal-button {
  display: block;
  padding: 17px 20px;
  color: #ffffff;
  background: #a20f24;
  background: -moz-linear-gradient(left, #c4005d 0%, #ff6702 100%);
  background: -webkit-linear-gradient(left, #c4005d 0%, #ff6702 100%);
  background: linear-gradient(to right, #c4005d 0%, #ff6702 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20f24', endColorstr='#c4005d', GradientType=1);

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  cursor: pointer;
  width: 100%;
  border: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-align: Center;
  font-weight: 300;
}

.modal-button:hover {
  transform: scale(1.05);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.modal-small-text {
  color: #b6bcc1;
  font-size: 12px;
}

.passwordTyping {
  position: Relative;
}

.passwordTyping .toggle-password {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 2;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #b6bcc1;
}

.passwordTyping .toggle-password:hover {
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.passwordTyping .toggle-password.active {
  color: #c4005d;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.subpage-title-small {
  color: #ffffff;
  font-weight: 700;
}

.product_detail {
  /* &-row {
    display:flex;
    flex-wrap:wrap;
  }
  &-col {
    &:nth-child(1) {
      width:66.9%;
      padding-right:30px;
    }
    &:nth-child(2) {
      width:33.1%;
    }
  }
  &-store-row {
    display:flex;
    flex-wrap:wrap;
  }
  &-store-col {
    &:nth-child(1) {
      width:27.4%;
      padding-right:30px;
    }
    &:nth-child(2) {
      width:72.6%;
    }
  } */
}

.product_detail-img img {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.product_detail-top {
  background: #363a40;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

@media (max-width: 991px) {
  .product_detail-top.br-5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }

  .product_detail-shop-img-box {
    padding-left: 20px;
    align-self: center;
  }
}

#model_attrs .alert {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

#model_attrs .btn {
  height: 56px !important;
}

.modal-form-box {
  outline: none;
  height: 56px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background: #2b2f35;
  padding: 0 30px;
  line-height: 18px;
  color: #b6bcc1;
  display: flex;
  width: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border: 1px solid #2b2f35;
}

label.error {
  color: #ea5455 !important
}

.modal-form-box>div.modal-form-center {
  margin: auto 0;
}

@media (min-width: 992px) {
  .product_detail-shop-img-box {
    padding-right: 20px;
  }

  .product_detail-top {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .product_detail-shop {
    display: flex;
    align-items: center;
    height: 98px;
    padding: 20px;
    width: 100%;
  }
}

.product_detail-shop.draw {
  display: flex;
  align-items: center;
  height: unset;
  padding: unset;
  width: 100%;
}

.product_detail-shop-name {
  width: 100%
}

@media (max-width: 991px) {
  .product_detail-shop-name {
    padding: 20px;
  }

  .product_detail-shop {
    display: flex;
  }
}

.badge_bonus {
  padding: 1px;
}

.badge_bonus .badge_bonus-shop-img {
  width: 22px;
  height: 22px;
  float: left;
}

.badge_bonus .badge_bonus-shop-img img {
  object-fit: cover;
  display: block;
  padding: 2px;
  height: 100%;
  width: 100%;
}

.badge_bonus .var-name {
  float: left;
  padding: 2px 10px 2px 2px;
  width: calc(100% - 22px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product_detail-shop-img {
  width: 42px;
  height: 42px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.product_detail-shop-img-s.draw {
  width: 20%;
  height: 100%;
  display: flex;
}

.product_detail-shop-infos .badges {
  float: left;
  margin: 4px 4px 0 0;
}

.product_detail-shop-img-s.draw img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 5px 0 0 0;
}

@media (min-width: 992px) {

  .product_detail-shop-img-s {
    display: none;
  }
}

@media (max-width: 991px) {
  .badge_bonus .badge_bonus-shop-img {
    width: 20px;
    height: 20px;
  }

  .badge_bonus .var-name {
    width: calc(100% - 20px);
    padding-right: 5px;
  }


  .product_detail-shop-img-s {
    width: 20%;
  }

  .product_detail-shop-infos .badges {
    float: left;
    margin: 4px 4px 0 0;
  }

  .product_detail-shop-img-s img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 5px 0 0 0;
  }

  .fix-text {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .product_detail-shop-img {
    float: left;
  }
}

.product_detail-shop-img-l {
  width: 100%;
  height: 100%;
}

.product_detail-shop-img-l img {
  height: 90px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px !important;
}

.fit-bottom .quantity-bar {
  background-color: unset !important;
}

.fit-bottom .quantity-bar button {
  background-color: #30343a !important;
}


.fit-bottom {
  display: grid;
  height: 100%;
  width: 100%;
  align-items: end;
}

.br-5 {
  border-radius: 5px !important;
  overflow: hidden;
}

.product_detail-shop-img.online {
  border-color: #53df46;
}

.product_detail-shop-img img {
  object-fit: cover;
  width: 40px;
  height: 40px;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

@media (min-width: 992px) {
  .product_detail-shop-name.w80 .name {
    font-size: 16px;
  }
}

.product_detail-shop-name.draw {
  width: 80%;
  padding: 20px;
}

@media (max-width: 991px) {
  .product_detail-shop-name.w80 {
    width: 80%;
  }
}

.product_detail-shop-name .name {
  font-weight: 600;
  color: #ffffff;
  float: left;
  width: 100%;
}

.product_detail-shop-name .name .checked {
  color: #2fa4ff;
}

.product_detail-shop-infos {
  float: left;
  width: 100%;
}

.product_detail-shop-infos .item {
  position: Relative;
  font-size: 12px;
  font-weight: 500;
  color: #b6bcc1;
}

@media (min-width: 992px) {
  .product_detail-shop-infos .item {
    padding-left: 14px;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .product_detail-shop-infos .item {
    padding-left: 14px;
  }
}

.product_detail-shop-infos .item::before {
  content: "";
  width: 2px;
  left: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background: #989da3;
}

@media (max-width: 991px) {
  .product_detail-shop-infos .item::after {
    display: none;
  }
}

.product_detail-shop-infos .item:last-child {
  padding-right: 0;
}

.product_detail-shop-infos .item:last-child::after {
  display: none;
}

.product_detail-shop-infos .item .stars {
  font-size: 12px;
  color: #ffe115;
}

.product_detail-price {
  display: grid;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .product_detail-price {
    width: 100%;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
  }
}


.product_detail-price .old-price {
  background: #c70039;
  color: #ffffff;
  margin: auto;
  margin-bottom: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 11px;
  padding: 3px 5px;
  text-decoration: line-through;
}

.product_detail-price .current-price {
  line-height: 22px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: auto;
}

.product_detail-bot {
  background: #2b2f35;
}


@media (min-width: 992px) {
  .product_detail-bot {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
  }
}

@media (max-width: 991px) {
  .product_detail-bot {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
  }

  .product_detail-bot.mfb {
    position: fixed;
    bottom: 55px;
    left: 0;
    width: 100%;
    z-index: 980;
    border-radius: 0 !important;
  }
}

@media (min-width: 992px) {
  .product_detail-infos {
    width: 100%;
    padding: 30px;
  }

}

.detail-buttons {
  width: 100%;
  display: inline-block;
}

.detail-buttons .product_detail-shop-img {
  float: left;
}

.detail-buttons .var-name {
  float: left;
  padding: 12px;
  width: calc(100% - 42px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .product_detail-infos {
    padding: 20px;
  }
}

.product_detail-infos .name {
  font-size: 18px;
  color: #ffffff;
  margin: 0;
  font-weight: 600;
  padding: 0;
}

.product_detail-infos .detail {
  padding: 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
}

@media (min-width: 992px) {
  .product_detail-infos .detail {
    -webkit-line-clamp: 5;
    margin: 0;
    -webkit-box-orient: vertical;
  }
}

@media (max-width: 991px) {
  .product_detail-infos .detail {
    margin: 0;
  }
}

.product_detail-infos .detail .headline {
  font-size: 14px;
  display: block;
  font-weight: 600;
}

.product_detail-button-border {
  font-size: 12px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  cursor: pointer;
  color: #b6bcc1;
  border: 1px solid #363a40;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  width: calc(50% - 4px);
  float: left;
  margin: 8px 8px 0 0;
}

.product_detail-button-border:nth-child(2n) {
  margin-right: 0;
}

.product_detail-button-border:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #c4005d;
  color: #ffffff;
  border-color: #c4005d;
}

.product_detail-button-border.active {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #c4005d;
  color: #ffffff;
  border-color: #c4005d;
}

.bg-orange {
  background: #c4005d !important;
}

.product_detail-share {
  font-size: 12px;
  color: #b6bcc1;
}

.product_detail-share a {
  font-size: 10px;
  margin-left: 10px;
  color: #b6bcc1;
}

.product_detail-share a:hover {
  color: #a20f24;
}

.product_detail-buttons .stock-status {
  padding: 8px 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #b6bcc1;
}

@media (max-width: 991px) {
  .product_detail-buttons .stock-status {
    margin: auto;
    height: 50px;
    width: 50%;
    padding: 0;
  }

  .product_detail-price {
    height: 50px;
  }
}

.product_detail-buttons .quantity-bar {
  display: flex;
  background: #30343a;
  align-items: Center;
  justify-content: center;
}

@media (max-width: 991px) {
  .product_detail-buttons .quantity-bar {
    height: 50px;
    width: 50%;
    background: none;
    order: -1;
  }
}

@media (min-width: 992px) {
  .product_detail-shop-infos .badges {
    font-size: 12px;
    float: left;
    margin: 4px 4px 0 0;
  }

  .product_detail-buttons .quantity-bar {
    padding: 5px 0;
    width: 100%;
  }
}

.product_detail-buttons .quantity-bar .title {
  font-size: 12px;
  color: #b6bcc1;
  margin-right: 10px;
}

.product_detail-buttons .quantity-bar .quantity {
  display: flex;
  justify-content: center;
  align-items: Center;
}

.product_detail-buttons .quantity-bar .quantity .add,
.product_detail-buttons .quantity-bar .quantity .sub {
  display: block;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  text-align: Center;
  color: #b6bcc1;
  background: #363a40;
}

@media (min-width: 992px) {

  .product_detail-buttons .quantity-bar .quantity .add,
  .product_detail-buttons .quantity-bar .quantity .sub {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
  }
}

@media (max-width: 991px) {

  .product_detail-buttons .quantity-bar .quantity .add,
  .product_detail-buttons .quantity-bar .quantity .sub {
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
  }
}

.product_detail-buttons .quantity-bar .quantity .add:hover,
.product_detail-buttons .quantity-bar .quantity .sub:hover {
  background: #c4005d;
  color: #ffffff;
}

.product_detail-buttons .quantity-bar .quantity .value {
  background: #40444a;
  -moz-appearance: textfield;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  border: 0;
  outline: none;
  display: block;
}

@media (min-width: 992px) {
  .product_detail-buttons .quantity-bar .quantity .value {
    width: 60px;
    height: 40px;
    line-height: 40px;
  }
}

@media (max-width: 991px) {
  .product_detail-buttons .quantity-bar .quantity .value {
    width: 40px;
    height: 30px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 30px;
  }
}

.product_detail-buttons .quantity-bar .quantity .value::-webkit-outer-spin-button,
.product_detail-buttons .quantity-bar .quantity .value::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.product_detail-buttons .button {
  display: block;
}

@media (min-width: 992px) {
  .product_detail-buttons .button {
    width: 50%;
    float: left;
  }
}

@media (max-width: 991px) {
  .product_detail-buttons .button.buttonTwo {
    width: 50%;
  }

  .product_detail-buttons .button.buttonOne {
    width: 50%;
  }
}

.product_detail-addtocart {
  display: block;
  width: 100%;
  color: #202227;
  font-size: 12px;
  font-weight: 500;
  text-align: Center;
  background: #ffffff;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
  .product_detail-addtocart {
    padding: 17px 0;
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
  }
}

@media (max-width: 991px) {
  .product_detail-addtocart {
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
}

.product_detail-addtocart:hover {
  background: #c4005d;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.product_detail-buynow {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  text-align: Center;
  background: #c4005d;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
  .product_detail-buynow {
    border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    padding: 17px 0;
  }
}

@media (max-width: 991px) {
  .product_detail-buynow {
    height: 50px;
    line-height: 50px;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
  }
}

.product_detail-buynow:hover {
  background: #ffffff;
  color: #202227;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.product_comments-all-score {
  color: #ffffff;
  font-size: 12px;
}

.product_comments-all-score .score {
  font-weight: 700;
}

.product_comments-all-score .score i {
  color: #ffe115;
}

.product_comments-item {
  position: Relative;
}

@media (max-width: 991px) {
  .product_comments-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .product_comments-item-img {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.product_comments-item-img img {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.product_comments-item-img .img {
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  background-color: #f1f1f1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  font-weight: 600;
}

.product_comments-item-img .img-cnt {
  margin: auto;
}

.product_comments-item-img.online img {
  border-color: #53df46;
}

.product_comments-item-top-name {
  color: #ffffff;
}

@media (max-width: 991px) {
  .product_comments-item-top-name {
    padding-left: 55px;
  }
}

.product_comments-item-top-name span.namecomment {
  display: block;
  font-weight: 600;
  color: #ffffff;
}

.pagination {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.product_comments-item-top-name span.ordercountcomment {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #b6bcc1;
}

.product_comments-item-top-score {
  font-size: 12px;
  color: #ffffff;
  font-weight: 400;
}

.product_comments-item-top-score .score {
  color: #ffe115;
  font-size: 10px;
}

.product_comments-item-text {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
  font-weight: 300;
  line-height: 24px;
}

.login-with-action {
  padding: 35px 0;
  text-align: center;
  display: block;
  background: #2b2f35;
  color: #ffffff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.login-with-action:hover {
  color: #c4005d;
}

.cart_all_items .cart_item .cart_item-content {
  position: relative;
  border-radius: 5px;
}


.cart_item {
  position: Relative;
  margin-bottom: 16px;
}

@media (max-width: 991px) {
  .cart_item-img {
    position: absolute;
    height: 60px;
    width: 50px;
    z-index: 2;
  }

  .cart_item-name-box {
    min-height: 60px;
    padding: 5px 5px 5px 60px;
  }
}

.cart_item-img img {
  display: block;
  width: 100%;
  height: 80px;
  object-fit: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.cart_item-content {
  background: #363a40;
}

@media (min-width: 992px) {
  .cart_item-content>.row {
    height: 80px;
  }
}

.cart_item-content-name {
  color: #ffffff !important;
  font-weight: 500;
  display: block;
}

@media (min-width: 992px) {
  .cart_item-content-name {
    padding: 0 20px;
  }

  .cart_item-attrs {
    padding-left: 20px;
  }
}

.cart_item-attrs-name {
  border-left: 1px solid;
  padding-left: 10px;
  color: #ffffff;
  font-size: 12px;
  display: block;
  -webkit-text-fill-color: #ffffff;
}

.cart_item-quantity {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (min-width: 992px) {
  .cart_item-quantity {
    padding: 5px;
  }
}

@media (max-width: 991px) {
  .cart_item-quantity {
    padding: 5px;
  }

  .w-m-50 {
    width: 50%;
  }
}

.cart_item-quantity .title {
  font-size: 12px;
  color: #b6bcc1;
  margin-right: 10px;
}

.cart_item-quantity .quantity {
  display: flex;
  justify-content: center;
  align-items: Center;
}


.cart_item-quantity .quantity .add,
.cart_item-quantity .quantity .sub {
  padding: 0;
  display: block;
  width: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  text-align: Center;
  color: #b6bcc1;
  background: #40444a;
}

.cart_item-quantity .quantity .add:hover,
.cart_item-quantity .quantity .sub:hover {
  background: #c4005d;
  color: #ffffff;
}

.cart_item-quantity .quantity .value {
  padding: 0;
  width: 60px;
  height: 40px;
  line-height: 40px;
  background: #33373d;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  border: 0;
  outline: none;
  display: block;
}

@media (max-width: 991px) {

  .cart_item-quantity .quantity .add,
  .cart_item-quantity .quantity .sub {
    width: 30px;
    height: 30px;
    line-height: 30px;
    -moz-appearance: textfield;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }

  .cart_item-quantity .quantity .value {
    width: 60px;
    height: 30px;
  }
}

.cart_item-quantity .quantity .value::-webkit-outer-spin-button,
.cart_item-quantity .quantity .value::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

@media (min-width: 992px) {
  .cart_item-price {
    display: grid;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .cart_item-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px 0 0 0;
  }

  .cart_item-price {
    padding: 5px 10px 5px 5px;
    display: grid;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
  }
}


.cart_item-price .old-price {
  background: #c70039;
  color: #ffffff;
  margin: auto;
  margin-bottom: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 11px;
  padding: 3px 5px;
  text-decoration: line-through;
}

.cart_item-price .current-price {
  line-height: 22px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: auto;
}

.cart_item-delete {
  display: inline-block;
  background: #dc3545;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #ffffff;
  cursor: pointer;
  border: 0;
  outline: none;
}

@media (min-width: 992px) {
  .cart_item-delete {
    width: 38px;
    height: 40px;
    line-height: 40px;
  }
}

@media (max-width: 991px) {
  .cart_item-delete {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
  }
}

.cart_item-delete:hover {
  background: #c4005d;
  color: #ffffff;
}

.cart_calc-top {
  background: #40444a;
  border-radius: 5px 5px 0 0;
  color: #ffffff;
  padding: 20px;
}

.cart_calc-top .title {
  font-size: 14px;
  font-weight: 500;
}

.cart_calc-top .value {
  font-size: 18px;
  font-weight: 700;
}

.cart_calc-item {
  padding: 10px 20px;
  color: #ffffff;
  font-size: 16px;
}

.cart_calc-item .title,
.cart_calc-item .value {
  color: #b6bcc1;
}

.cart_calc-item .green {
  color: #6bcb77;
}

.cart_calc-item .total {
  color: #ffffff;
  font-size: 18px;
}

.cart_calc-item:nth-child(odd) {
  background: #2b2f35;
}

.cart_calc-item:first-child {
  border-radius: 5px 5px 0 0;
}

.cart_calc-item:nth-child(even) {
  background: #282b30;
}

.cart-login {
  display: block;
  padding: 25px 0;
  text-align: Center;
  background: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  color: #202227;
}

.cart-login:hover {
  background: #a20f24;
  color: #ffffff;
}

.cart-unlogged {
  display: block;
  padding: 20px 0;
  text-align: Center;
  background: #c4005d;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  border-radius: 0 0 5px 5px;
  color: #ffffff;
}

.cart-unlogged:hover {
  background: #a20f24;
  color: #ffffff;
}

.cart-unlogged-2 {
  display: block;
  padding: 20px 0;
  text-align: Center;
  background: #c4005d;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  border-radius: 0 0 5px 5px;
  color: #ffffff;
}

.cart-unlogged-2:hover {
  background: #a20f24;
  color: #ffffff;
}

.cart_discount-code {
  background: #282b30;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 20px;
}

.cart_discount-code .title {
  font-weight: 500;
  color: #b6bcc1;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.cart_discount-input {
  background: transparent;
  display: block;
  width: 100%;
  color: #ffffff;
  font-weight: 600;
  outline: none;
  font-size: 16px;
  border: 0;
}

.cart_discount-button {
  display: block;
  text-align: Center;
  font-size: 16px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: #ffffff;
  background: #c70039;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
  border: 0;
  outline: none;
}

.cart_label {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.cart_label input {
  display: none;
}

.cart_label input:checked+span {
  background: #c4005d;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.cart_label span {
  display: block;
  background: #363a40;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  color: #b6bcc1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.cart_red {
  display: block;
  background: #c70039;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.cart_border {
  padding: 10px 20px;
  border: 1px solid #40444a;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}

.streamer_img img {
  display: block;
  width: 100%;
}

.streamer_left-infos {
  background: #363a40;
}

@media (min-width: 992px) {
  .streamer_left-infos {
    padding: 0 30px;
  }

  .streamer_left-infos>.row {
    height: 105px;
  }
}

@media (max-width: 991px) {
  .footer-mobile {
    position: fixed;
    z-index: 1000;
    height: 55px;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    padding: 4px 0;
    background: #282b30;
    border-top: 1px solid #c4005d;
    justify-content: space-around;
  }

  .footer-mobile>a {
    background-color: transparent;
    width: 20%;
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    cursor: pointer;
  }

  .footer-mobile>a>span {
    display: flex;
    position: relative;
    flex-direction: column;
  }

  .footer-mobile>a>span>.lbl_cart_count {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #c4005d;
    color: #ffffff;
    line-height: 18px;
    font-size: 11px;
    top: -5px;
    right: 20px;
    text-align: Center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
  }

  .footer-mobile>a>span>i {
    margin: 4px auto 0 auto;
    font-size: 22px;
  }

  .footer-mobile>a>span>span {
    margin: 4px auto 0 auto;
    font-size: 10px;
  }
}

@media (max-width: 991px) {
  .streamer_left-infos {
    padding: 10px 20px;
  }
}

@media (min-width: 992px) {
  .streamer_left-infos {
    border-radius: 5px 0 0 0;
  }
}

@media (max-width: 991px) {
  .streamer_left-infos {
    border-radius: 5px 5px 0 0;
  }
}

.streamer_left-infos .name {
  display: block;
  color: #ffffff;
  font-weight: 600;
}

.streamer_left-infos .name i {
  color: #2fa4ff;
}

.streamer_left-infos .status {
  color: #b6bcc1;
  font-size: 12px;
  display: block;
}

.streamer_left-socials {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .streamer_left-socials {
    justify-content: flex-end;
  }
}

.streamer_left-socials li {
  margin-left: 10px;
}

.streamer_left-socials li:first-child {
  margin-left: 0;
}

.streamer_left-socials li a {
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 30px;
  text-align: Center;
  cursor: pointer;
}

.streamer_left-socials li a.twitch {
  background: #913aff;
}

.streamer_left-socials li a.youtube {
  background: #ff0000;
}

.streamer_left-socials li a.facebook {
  background: #0874f6;
}

.streamer_left-socials li a:hover {
  background: #c4005d !important;
}

.streamer_left-detail {
  background: #2b2f35;
}

@media (min-width: 992px) {
  .streamer_left-detail {
    height: 235px;
    padding: 30px 30px 0 30px;
  }
}

@media (max-width: 991px) {
  .streamer_left-detail {
    padding: 20px;
  }
}

.streamer_left-detail .long {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
}

@media (min-width: 992px) {
  .streamer_left-detail .long {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    position: Relative;
    overflow: hidden;
    height: 150px;
    -webkit-box-orient: vertical;
  }
}

.streamer_left-detail .long .about {
  display: block;
  font-weight: 600;
  font-size: 14px;
}

.streamer_left-detail-share {
  font-size: 12px;
  color: #b6bcc1;
}

.streamer_left-detail-share a {
  font-size: 10px;
  margin-left: 10px;
  color: #b6bcc1;
}

.streamer_left-detail-share a:hover {
  color: #a20f24;
}

.streamer_left-detail .like {
  font-size: 12px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  cursor: pointer;
  padding: 7px 15px;
  color: #b6bcc1;
  border: 1px solid #363a40;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

.streamer_left-detail .like:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #a20f24;
  color: #ffffff;
  border-color: #a20f24;
}

@media (max-width: 991px) {
  .streamer_right-form {
    display: flex;
    flex-wrap: wrap;
  }
}

.streamer_right-price {
  background: #40444a;
}

@media (min-width: 992px) {
  .streamer_right-price {
    border-radius: 0 5px 0 0;
  }
}

@media (min-width: 992px) {
  .streamer_right-price {
    padding: 0 30px;
  }

  .streamer_right-price>.row {
    height: 105px;
  }
}

@media (max-width: 991px) {
  .streamer_right-price {
    padding: 20px;
    width: 100%;
  }
}

.streamer_right-price .title {
  color: #ffffff;
}

.streamer_right-price .value {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

.streamer_right-labels {
  background: #282b30;
}

@media (min-width: 992px) {
  .streamer_right-labels>.row {
    height: 48px;
  }
}

@media (max-width: 991px) {
  .streamer_right-labels {
    padding: 10px 0;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .streamer_right-labels .cart_label span {
    padding: 5px 10px;
  }
}

/* 
@media (min-width: 992px) and (max-width: 1919px) {
  .streamer_right-labels .cart_label span {
    padding: 4px 4px;
    font-size: 10px;
  }
} */

@media (max-width: 991px) {
  .streamer_right-labels .cart_label span {
    padding: 4px 10px;
    font-size: 11px;
  }
}

.streamer_right-name {
  width: 100%;
}

@media (max-width: 991px) {
  .streamer_right-message {
    width: 55%;
  }
}

@media (max-width: 991px) {
  .streamer_right-submit {
    width: 45%;
  }
}

.streamer_right .streamer-control-input {
  border: 0;
  display: block;
  outline: none;
  background: #35393f;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .streamer_right .streamer-control-input {
    padding: 15px 30px;
  }
}

@media (max-width: 991px) {
  .streamer_right .streamer-control-input {
    padding: 0 15px;
    height: 40px;
  }
}

.streamer_right .streamer-control-text {
  border: 0;
  display: block;
  outline: none;
  background: #282b30;
  width: 100%;
  resize: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .streamer_right .streamer-control-text {
    padding: 15px 30px 0 30px;
    height: 80px;
  }
}

@media (max-width: 991px) {
  .streamer_right .streamer-control-text {
    padding: 10px 15px 0 15px;
    height: 40px;
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
  }
}

.streamer_right .streamer-control-button {
  display: block;
  background: #c4005d;
  font-size: 12px;
  text-align: Center;
  font-weight: 600;
  color: #ffffff;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  outline: none;
  border: 0;
}

@media (min-width: 992px) {
  .streamer_right .streamer-control-button {
    height: 59px;
    line-height: 59px;
    border-radius: 0 0 5px 0;
  }
}

@media (max-width: 991px) {
  .streamer_right .streamer-control-button {
    height: 40px;
    line-height: 40px;
    border-radius: 0 0 5px 0;
  }
}

.streamer_right .streamer-control-button:hover {
  background: #a20f24;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.streamer_video {
  position: Relative;
}

.streamer_video img {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

@media (min-width: 992px) {
  .streamer_video img {
    height: 340px;
  }
}

.streamer_video::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.95) 100%);
  background: -webkit-linear-gradient(top, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.95) 100%);
  background: linear-gradient(to bottom, rgba(45, 48, 54, 0) 0%, rgba(45, 48, 54, 0.95) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d3036', endColorstr='#bf2d3036', GradientType=0);
}

.streamer_video::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  content: "\f04b";
  color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  text-align: center;
  z-index: 3;
}

.news_categories li {
  margin-bottom: 5px;
}

.news_categories li:last-child {
  margin-bottom: 0;
}

.news_categories li a {
  display: flex;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #2b2f35;
  border-left: 2px solid transparent;
  padding: 15px 20px 15px 18px;
  font-size: 18px;
  color: #ffffff;
  align-items: center;
  justify-content: space-between;
}

.news_categories li a:hover,
.news_categories li a.active {
  border-left-color: #c4005d;
}

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

.news_article-writer-img img {
  display: block;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.news_article-writer .name {
  display: block;
  font-weight: 500;
  color: #ffffff;
}

.news_article-writer span {
  display: inline-block;
  font-size: 12px;
  color: #b6bcc1;
}

.news_article-writer span::after {
  content: "";
  width: 2px;
  display: inline-block;
  position: relative;
  top: -4px;
  height: 2px;
  margin: 0 10px;
  background: #b6bcc1;
}

.news_article-writer span:last-child::after {
  display: none;
}

.news_article-tags {
  display: flex;
  align-items: Center;
  color: #b6bcc1;
  font-size: 12px;
}

.news_article-tags span {
  margin-right: 10px;
}

.news_article-tags .tags {
  display: flex;
  flex-wrap: wrap;
}

.news_article-tags .tags li {
  margin-right: 5px;
}

.news_article-tags .tags li a {
  color: #31afff;
  font-weight: 600;
  display: block;
  font-size: 12px;
}

.news_article-share {
  font-size: 12px;
  color: #b6bcc1;
}

.news_article-share a {
  font-size: 10px;
  margin-left: 10px;
  color: #b6bcc1;
}

.news_article-share a:hover {
  color: #a20f24;
}

.news_article-title {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  padding: 0;
}

.news_article-subtitle {
  font-size: 16px !important;
  color: #fff !important;
}

.news_article-subtitle a {
  color: #31afff !important;
}

.news_article p {
  font-size: 14px;
  color: #ffffff;
  margin: 5px 0 0 0;
  font-weight: 200;
  padding: 0;
  line-height: 24px;
}

.news_article h3,
.news_article h2,
.news_article h4 {
  font-size: 18px;
  margin: 20px 0 0 0;
  font-weight: 700;
  color: #ffffff;
}

.news_article ul.article-list {
  display: block;
  list-style: none;
  margin: 0 0 20px 0;
  color: #ffffff;
  padding: 0;
}

.news_article ul.article-list li {
  font-weight: 200;
  margin-top: 10px;
}

.news_article ul.article-list li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0da";
  margin-right: 10px;
}

.news_article-subimg {
  text-align: center;
  color: #31afff;
  font-size: 10px;
}

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

.news_article-subimg a {
  color: #727886;
}

.other_news-img {
  position: Relative;
}

.other_news-img img {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.other_news-long {
  padding: 0;
  margin: 5px 0 0 0;
  line-height: 18px;
  font-weight: 200;
  color: #ffffff;
  font-size: 12px;
}

.other_news-writer {
  display: flex;
  align-items: center;
}

.other_news-writer div {
  font-size: 10px;
  color: #ffffff;
  font-weight: 200;
}

.other_news-writer div:nth-child(1) {
  margin-right: 10px;
}

.other_news-writer div a {
  font-size: 10px;
  color: #ffffff;
  font-weight: 200;
}

.other_news-writer img {
  width: 20px;
  height: 20px;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.other_news-more {
  color: #ffffff;
  font-size: 10px;
  font-weight: 200;
  display: block;
}

.other_news-more:hover {
  color: #c4005d;
}


p.old-price {
  float: left;
  margin: 0;
  font-size: 12px;
  padding-top: 4px;
}

span.em {
  text-decoration: line-through;
}

p.sale-price {
  float: right;
  margin: 0;
  font-size: 16px;
}

@media (min-width: 992px) {
  .col-xl-2_4 {
    flex: 0 0 auto;
    width: 20%;
  }
}

.pagination {
  display: block;
}

.page-item {
  float: left;
}

.page-link {
  color: #ffffff;
  border: 1px solid #1b1d22;
  background-color: #2b2f35;
}

.page-item.active .page-link,
.page-link:hover {
  color: #ffffff;
  border-color: #1b1d22;
  background-color: #c4005d;
}

.bg-outline-danger {
  color: #dc3545 !important;
  border: 1px solid #dc3545;
}

.vprofile .product_detail-shop-infos .item {
  padding-left: 4px;
}

.vprofile .product_detail-shop-infos .item::before {
  display: none;
}

.vprofile .user-menu-btn {
  color: #fff;
  background-color: #2b2f35;
  border-color: #2b2f35;
}

.vprofile .product_detail-shop-btn {
  height: 100%;
}

.vprofile .user-menu-btn {
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  padding: 15px;
  display: flex;
}

.vprofile .user-menu-btn div {
  margin: auto;
}

.vprofile .user-menu-btn div * {
  margin: auto;
  display: block;
  padding: 4px;
  width: 100%;
  object-fit: contain;
}

.vprofile .product_detail-top {
  border-radius: 5px;
  margin-bottom: .5rem;
}

.vprofile .product_detail-shop {
  display: flex;
  padding: 0;
}

.vprofile .product_detail-shop-name {
  padding: 15px;
}

.vprofile .product_detail-shop-img-box {
  padding-left: 15px;
  padding-right: 0;
  align-self: center;
}

.vprofile .product_detail-buttons .user-menu-btn {
  width: calc((100%/3) - (16px / 3));
  padding: 4px;
}

.vprofile .product_detail-buttons .shop-menu-btn {
  width: calc((100%/8) - (16px / 3));
  padding: 4px;
}

@media (max-width: 991px) {
  .vprofile .product_detail-buttons .shop-menu-btn {
    width: calc((100%/3) - (16px / 3));
    padding: 4px;
  }
}

.vprofile .product_detail-buttons {
  grid-gap: 8px;
  display: flex;
  flex-wrap: wrap;
}

.bg-darkx {
  background: #2b2f35;
  border-radius: 5px;
  overflow: hidden;
  border: 0;
  color: #fff;
}

.bg-darkx .card-header {
  background: #2b2f35;
  border: 0;
}

.bg-darkx .card-header .order_title {
  display: flex;
  height: 100%;
}

.bg-darkx .card-header .order_title span {
  align-self: center;
}

.bg-darkx .card-body {
  background: #363a40;
  border: 0;
}

.bg-darkx .bg-darkx .card-body {
  background: #2b2f35;
}

.bg-darkx .card-body>.card:last-child {
  margin-bottom: 0 !important;
}

.bg-darkx .card-body>.order_detail:last-child>.card {
  margin-bottom: 0 !important;
}

.btn_order_detail {
  color: #fff;
}

.bg-progress,
.bg-pending {
  background-color: #0dcaf0 !important;
}

.bg-partial {
  background-color: #ffc107 !important;
}

.btn-info {
  color: #fff;
}

.bg-delivered {
  background-color: #198754 !important;
}

.bg-cancel {
  background-color: #dc3545 !important;
}

.bg-primary2 {
  color: #fff;
  background-color: #7367f0;
}

.view_orders-buttons {
  display: flex;
}

.view_orders-buttons>a {
  width: calc(100% / 4);
  border-radius: 0;
  border: 0;
}

.view_orders-buttons a:first-child {
  border-radius: 5px 0 0 5px;
}

.view_orders-buttons a:last-child {
  border-radius: 0 5px 5px 0;
}

.view_order_detail {
  cursor: pointer;
}

.btn_order_detail {
  color: #fff !important;
}

@media (max-width: 991px) {
  .main_head-bottom {
    height: 55px;
    width: 100%;
    display: flex;
    padding: 4px 15px;
  }

  .main_head-bottom>.container {
    padding: 0;
    align-self: center;
  }


  body {
    padding-bottom: 55px;
  }

  body.product {
    padding-bottom: 155px;
  }

  body.cart,
  body.payment,
  body.account {
    padding: 55px 0;
  }
}

.accordion-button {
  padding: 15px 15px;
  padding-right: 60px;
}

.accordion-button::after {
  right: 5px;
  top: 5px;
}

.accordion-button i {
  margin-right: 20px;
}

.text-orange {
  color: #c4005d !important;
}

.line {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
}

.bg-dark:hover,
.bg-danger:hover,
.bg-success:hover,
.bg-primary:hover,
.bg-secondary:hover {
  color: #fff !important;
}

.epin-card {
  padding: 15px;
  border-radius: 5px;
  background-color: #363a40;
}

.epin-card .epin-list {
  display: grid;
  width: 100%;
}

.epin-card a {
  margin-bottom: 4px;
}

.epin-card .epin-list>a {
  width: fit-content;
  margin-bottom: 0;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
}

.w-fit {
  width: fit-content;
}

.input-hide {
  border: 0;
  width: 100px;
  outline: none;
  color: #fff;
  background: none;
  text-align: right;
}

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

/* Firefox */
.input-hide[type="number"] {
  -moz-appearance: textfield;
}

.d-flow-root {
  display: flow-root;
}

.bank-card {
  width: calc((100% / 5) - 16px);
  cursor: pointer;
  aspect-ratio: 1;
  float: left;
  color: #ffffff;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  margin: 8px;
}

.bank-card img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (max-width: 991px) {
  .bank-card {
    width: calc((100% / 2) - 16px);
    height: 50px;
    padding: 10px;
    margin: 8px;
  }

  .bank-card img {}
}

.iti {
  width: 100% !important;
}

.iti__country-list {
  background-color: #202227 !important;
  border: 1px solid #202227 !important;
}

.iti__country.iti__highlight {
  background-color: rgb(27 29 34) !important;
}

#frm_paytr_bank input:invalid {
  border-color: #c4005d;
}

#frm_paytr_bank input:valid {
  border-color: #146c43;
}

.modal-form-textarea {
  outline: none;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background: #212529;
  padding: 8px 16px;
  color: #b6bcc1;
  display: block;
  width: 100%;
  border: 1px solid #212529;
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}


.rating>input {
  display: none;
}

.rating>label {
  position: relative;
  width: 4rem;
  font-size: 3rem;
  color: #ffe115;
  cursor: pointer;
}

.rating>label:hover>i:before,
.rating>label:hover~label>i:before,
.rating>input:checked~label>i:before {
  font-weight: 900;
}

.bg-pending-i {
  background-color: #ffc107 !important;
}

.bg-progress-i {
  background-color: #0dcaf0 !important;
}

.bg-success-i {
  background-color: #198754 !important;
}

.bg-cancel-i {
  background-color: #dc3545 !important;
}

.bg-refund-i {
  background-color: #7367f0 !important;
}

.bg-failed {
  background-color: #dc3545 !important;
}

.btn-icon {
  transition: all .2s ease-in-out;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  height: 45px;
  width: 45px;
  padding: 0;
}

.btn-google {
  background: #ea4335;
  color: #fff !important;
}

.btn-google:hover {
  background: #f65314 !important;
}

.btn-facebook {
  background: #29487d;
  color: #fff !important;
}

.btn-facebook:hover {
  background: #3c5898 !important;
}

.btn-twitch {
  background: #6834ba;
  color: #fff !important;
}

.btn-twitch:hover {
  background: #773fd1 !important;
}

.btn-steam {
  background: #006fc1;
  color: #fff !important;
}

.btn-steam:hover {
  background: #0084e2 !important;
}

.scroll-group {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.scroll-group>div {
  flex-basis: 45%;
}

.scroll-group::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scroll-group::-webkit-scrollbar-thumb {
  background: rgba(90, 90, 90);
}

.scroll-group::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

.roulette-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.roulette-wrapper .selector {
  width: 3px;
  background: #c4005d;
  left: 50%;
  height: 100%;
  transform: translate(-50%, 0%);
  position: absolute;
  z-index: 9;
}

.roulette-wrapper .wheel {
  display: flex;
}

.roulette-wrapper .wheel .case_row {
  display: flex;
}

.roulette-wrapper .wheel .case_row .case_card {
  width: 200px;
  margin: 3px;
  border-radius: 8px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5em;
}

.case_card.red {
  background: #F95146;
}

.case_card.black {
  background: #2D3035;
}

.case_card.green {
  background: #00C74D;
}

.case_detail .product_detail-bot {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;

}

.case_detail .buttonTwo {
  width: 100%;
}

.case_detail .case_open_btn {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

.product_detail-bot-full-rd {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.product_detail-bot-full-rd .product_detail-infos {
  padding-bottom: 14px;
}

@media (max-width: 991px) {
  .product_detail-bot-full-rd .product_detail-infos {
    padding-bottom: 4px;
  }
}

.story-img {
  width: 84px;
  height: 84px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-color: #53df46;
}

.story-img img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.story-scroll-group {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.story-scroll-group>div {
  flex-basis: 0;
}

.story-scroll-group::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.story-scroll-group::-webkit-scrollbar-thumb {
  background: rgba(90, 90, 90);
}

.story-scroll-group::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
  .story-scroll-group {
    justify-content: center;
  }
}

.vh-50 {
  height: 50vh;
}

.scroll-y {
  overflow-y: auto;
}

.message-area {
  height: 100%;
  border-left: 1px solid #ddd;
  padding: 15px;
}

.chat-input {
  border-top: 1px solid #ddd;
  padding: 15px;
}

.chat-list .active {
  background-color: #f0f0f0;
}

.message {
  margin-bottom: 8px;
}

.message.sent {
  text-align: right;
}

.message.received {
  text-align: left;
}

.auto-input-col label {
  line-height: 56px !important;
}

.tagify tag {
  display: none;
}

.tagify--loading .tagify__input::after {
  top: calc(50% - 0.35rem);
}

.tagify__dropdown__item,
.tagify__dropdown__wrapper {
  background: #1b1d22 !important;
  border: 0 !important;
  margin: 0 !important;
  color: #b6bcc1 !important;
}

.tagify__input::before {
  opacity: 1 !important;
  color: #b6bcc1 !important;
}

.tagify__input:focus::before {
  opacity: 0 !important;
}

.tagify .tagify__input {
  margin: 0 !important;
  padding: 0 30px !important;
  line-height: 56px !important;
}

.tagify--empty .tagify__input::before {
  color: #b6bcc1 !important;
}

.ko-item-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ko-item-list li {
  display: flex;
  justify-content: space-between;
}