[v-cloak] {
  display: none !important;
}

body {
  background-color: #FFFFFF;
  width: 100%;
}

body *:focus,
body *:visited,
body *:hover {
  outline: none !important;
}

.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.body-fix {
  /*position: fixed;*/
  width: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.no-toch {
  pointer-events: none;
}

.mobile-nav-bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 8888;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}

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

a:active,
a:focus,
a:hover,
a {
  text-decoration: none;
  outline: none;
}

.smoll-cart-products-block::-webkit-scrollbar-button {
  background-repeat: no-repeat;
  width: 5px;
  height: 0px;
}

.smoll-cart-products-block::-webkit-scrollbar-track {
  background-color: #ecedee;
}

.smoll-cart-products-block::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #ddd;
}

.smoll-cart-products-block::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}

.smoll-cart-products-block::-webkit-resizer {
  background-repeat: no-repeat;
  width: 6px;
  height: 0px;
}

.smoll-cart-products-block::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
}

span.old-price {
  text-decoration: line-through;
  color: #999999;
  margin-right: 10px;
}

.after-header-mrg {
  height: 65px;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  display: none;
}

a[data-notification-button] {
  display: none;
}

svg {
  display: table;
}

/*HALF CIRCLE SPINNER BEGIN*/
.half-circle-spinner, .half-circle-spinner * {
  box-sizing: border-box;
}
.half-circle-spinner {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: relative;
}
.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}
.half-circle-spinner .circle.circle-1 {
  border-top-color: #ff1d5e;
  animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
  border-bottom-color: #ff1d5e;
  animation: half-circle-spinner-animation 1s infinite alternate;
}
@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);

  }
  100%{
    transform: rotate(360deg);
  }
}

/*HEADER | SEARCH*/
.half-circle-spinner-search {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.half-circle-spinner.half-circle-spinner-search .circle {
  border: calc(30px / 10) solid transparent;
}
.half-circle-spinner.half-circle-spinner-search .circle.circle-1 {
  border-top-color: #000;
}
.half-circle-spinner.half-circle-spinner-search .circle.circle-2 {
  border-bottom-color: #000;
}

/*ORDER*/
.half-circle-spinner-order {
  width: 17px;
  height: 17px;
  display: inline-block;
  padding-top: 3px;
  padding-left: 5px;
}
.half-circle-spinner.half-circle-spinner-order .circle {
  border: calc(17px / 10) solid transparent;
}
.half-circle-spinner.half-circle-spinner-order .circle.circle-1 {
  border-top-color: #fff;
}
.half-circle-spinner.half-circle-spinner-order .circle.circle-2 {
  border-bottom-color: #fff;
}

/*CONTACTS*/
.half-circle-spinner-contacts {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding-top: 3px;
  margin-left: 6px;
}
.half-circle-spinner.half-circle-spinner-contacts .circle {
  border: calc(16px / 10) solid transparent;
}
.half-circle-spinner.half-circle-spinner-contacts .circle.circle-1 {
  border-top-color: #fff;
}
.half-circle-spinner.half-circle-spinner-contacts .circle.circle-2 {
  border-bottom-color: #fff;
}

/*AUTH*/
.half-circle-spinner-auth {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding-top: 3px;
  margin-left: 6px;
}
.half-circle-spinner.half-circle-spinner-auth .circle {
  border: calc(16px / 10) solid transparent;
}
.half-circle-spinner.half-circle-spinner-auth .circle.circle-1 {
  border-top-color: #fff;
}
.half-circle-spinner.half-circle-spinner-auth .circle.circle-2 {
  border-bottom-color: #fff;
}

/*PROFILE*/
.half-circle-spinner-profile {
  width: 15px;
  height: 15px;
  display: inline-block;
  padding: 3px 0 0 0;
  margin:0 0 0 6px;
}
.half-circle-spinner.half-circle-spinner-profile .circle {
  border: calc(15px / 10) solid transparent;
}
.half-circle-spinner.half-circle-spinner-profile .circle.circle-1 {
  border-top-color: #fff;
}
.half-circle-spinner.half-circle-spinner-profile .circle.circle-2 {
  border-bottom-color: #fff;
}
/*HALF CIRCLE SPINNER END*/