:root {
  /* --pr: 228, 66, 55; */
  --pr: 249, 72, 146;
  --sc: 77, 77, 77;
  --bred: 218, 0, 55;
  --yellow: 230, 180, 28;
  --blue: 21, 3, 255;
  --txt: 56, 56, 56;
  --white: 255, 255, 255;
  --focus: 0, 0, 0;
  --border: 232, 232, 232;
  --overlay: 0, 0, 0;
  --grayback1: 235, 232, 232;
}

.slide-vertical .char,
.slide-horizontal .char {
  overflow: hidden;
   color: transparent; 
}

.slide-vertical .char:before, .slide-vertical .char:after,
.slide-horizontal .char:before,
.slide-horizontal .char:after {
  visibility: visible;
  color: #000;
  /* -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.9, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.2, 1); */
  -webkit-transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
          transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
}

.slide-vertical .char:before,
.slide-horizontal .char:before {
  color: rgba(var(--pr), 1);
  -webkit-transition-delay: calc(0.02s * (var(--char-index)));
          transition-delay: calc(0.02s * (var(--char-index)));
}

.slide-vertical:hover .char:before, .slide-vertical:focus .char:before,
.slide-horizontal:hover .char:before,
.slide-horizontal:focus .char:before,
.slide-horizontal.active .char:before {
  -webkit-transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
          transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
}

.slide-vertical:hover .char:after, .slide-vertical:focus .char:after,
.slide-horizontal:hover .char:after,
.slide-horizontal:focus .char:after,
.slide-horizontal.active .char:after {
  -webkit-transition-delay: calc(0.02s * (var(--char-index)));
          transition-delay: calc(0.02s * (var(--char-index)));
}

.slide-vertical .char:before {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.slide-vertical:hover .char:before, .slide-vertical:focus .char:before,
.slide-vertical.active .char:before {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
		  color:var(--pr);
}

.slide-vertical:hover .char:after, .slide-vertical:focus .char:after,
.slide-vertical.active .char:after{
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.slide-horizontal .char:before {
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
}

.slide-horizontal:hover .char:before,
.slide-horizontal.active .char:before {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.slide-horizontal:hover .char:after,
.slide-horizontal.active .char:after {
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
}

#main-header #above-header .slide-vertical .char:after,
#main-header #above-header .slide-horizontal .char:after {
  color: #fff;
}
#main-header #above-header #menu-language .slide-vertical .char:after,
#main-header #above-header #menu-language .slide-horizontal .char:after {
  color: #fff;
}
#main-header #above-header #menu-language .sub-menu .slide-vertical .char:after,
#main-header #above-header #menu-language .sub-menu .slide-horizontal .char:after {
  color: #000;
}
#main-header #above-header #menu-language .sub-menu .slide-vertical .char:before,
#main-header #above-header #menu-language .sub-menu .slide-horizontal .char:before {
 color: rgba(var(--pr), 1);
}
#main-header #above-header .slide-vertical .char:before,
#main-header #above-header .slide-horizontal .char:before {
  color: rgba(var(--white), 1);
  /* text-shadow: 1px 2px 2px black; */
}

/* Pulse */
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.75);
            box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.75);
            box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@-webkit-keyframes pulsate2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(var(--pr), 0.7), 0 0 0 0 rgba(var(--pr), 0.7);
            box-shadow: 0 0 0 0 rgba(var(--pr), 0.7), 0 0 0 0 rgba(var(--pr), 0.7);
  }
  40% {
    -webkit-box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 0 rgba(var(--pr), 0.7);
            box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 0 rgba(var(--pr), 0.7);
  }
  80% {
    -webkit-box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
            box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
            box-shadow: 0 0 0 0 rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
  }
}

@keyframes pulsate2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(var(--pr), 0.7), 0 0 0 0 rgba(var(--pr), 0.7);
            box-shadow: 0 0 0 0 rgba(var(--pr), 0.7), 0 0 0 0 rgba(var(--pr), 0.7);
  }
  40% {
    -webkit-box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 0 rgba(var(--pr), 0.7);
            box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 0 rgba(var(--pr), 0.7);
  }
  80% {
    -webkit-box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
            box-shadow: 0 0 0 8px rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
            box-shadow: 0 0 0 0 rgba(var(--pr), 0), 0 0 0 8px rgba(var(--pr), 0);
  }
}

@-webkit-keyframes pulsate3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 1px 3px #f94892;
            box-shadow: 0px 0px 1px 3px #f94892;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@keyframes pulsate3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 1px 3px #f94892;
            box-shadow: 0px 0px 1px 3px #f94892;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

/* Homepage1 button */
.fl-btn1 {
  position: relative;
}

.fl-btn1 span {
  display: block;
  width: 100%;
  height: 100%;
}

.fl-btn1 span::before, .fl-btn1 span::after {
  position: absolute;
  content: "";
  left: -1px;
  top: -1px;
  background: rgba(var(--pr), 1);
  /* -webkit-box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.9), -4px -4px 5px 0px rgba(255, 255, 255, 0.9), 7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.9), -4px -4px 5px 0px rgba(255, 255, 255, 0.9), 7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease; */
  transition: all 0.3s ease;
  border-radius: 50px;
}

.fl-btn1 span::before {
  width: 2px;
  height: 0%;
}

.fl-btn1 span::after {
  height: 2px;
  width: 0%;
}

#deal-of-the-day.deal-of-the-day .fl-btn1 span::before, #deal-of-the-day.deal-of-the-day .fl-btn1 span::after,
#deal-of-the-day.deal-of-the-day .fl-btn1:before, #deal-of-the-day.deal-of-the-day .fl-btn1:after {
  background: rgba(var(--white), 1);
}

.fl-btn1:before, .fl-btn1:after {
  position: absolute;
  content: "";
  right: -1px;
  bottom: -1px;
  background: rgba(var(--pr), 1);
  /* -webkit-box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.9), -4px -4px 5px 0px rgba(255, 255, 255, 0.9), 7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.9), -4px -4px 5px 0px rgba(255, 255, 255, 0.9), 7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease; */
  transition: all 0.3s ease;
  border-radius: 50px;
}

.fl-btn1:before {
  height: 0%;
  width: 2px;
}

.fl-btn1:after {
  width: 0%;
  height: 2px;
}

.fl-btn1{
  border-radius: 50px;
}

.fl-btn1.active,
.fl-btn1:hover, .fl-btn1:focus {
  color: rgba(var(--pr), 1) !important;
  background: transparent;
  border-radius: 0!important;
}

.fl-btn1:active span::before,
.fl-btn1:hover span::before, .fl-btn1:focus span::before {
  height: calc(100% + 2px);
}

.fl-btn1:active span::after,
.fl-btn1:hover span::after, .fl-btn1:focus span::after {
  width: calc(100% + 2px);
}

.fl-btn1.active:before,
.fl-btn1:hover:before, .fl-btn1:focus:before {
  height: 100%;
}

.fl-btn1.active:after,
.fl-btn1:hover:after, .fl-btn1:focus:after {
  width: 100%;
  border: unset !important;
}

/* Header Search Layer */
@-webkit-keyframes search-layer {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    transition: ease-out;
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 0.85;
    -webkit-transform: scale(0.02) translateY(0);
    transform: scale(0.02) translateY(0);
  }
  61% {
    opacity: 0.85;
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  99.9% {
    opacity: 0.85;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    opacity: 0.85;
    -webkit-transform: scale(2) translateY(0);
    transform: scale(2) translateY(0);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}
@keyframes search-layer {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.04) translateY(300%);
    transform: scale(0.04) translateY(300%);
  }
  40% {
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
    -webkit-transition: ease-out;
    transition: ease-out;
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 0.85;
    -webkit-transform: scale(0.02) translateY(0);
    transform: scale(0.02) translateY(0);
  }
  61% {
    opacity: 0.85;
    -webkit-transform: scale(0.04) translateY(0);
    transform: scale(0.04) translateY(0);
  }
  99.9% {
    opacity: 0.85;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    opacity: 0.85;
    -webkit-transform: scale(2) translateY(0);
    transform: scale(2) translateY(0);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

/* Home2 */
/* Header 2*/
/*socia icons */
@-webkit-keyframes morph {
  0%,
  100% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  }
  33.33% {
    border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
  }
  66.67% {
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
  }
}
@keyframes morph {
  0%,
  100% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  }
  33.33% {
    border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
  }
  66.67% {
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
  }
}

/* nav-links */
@-webkit-keyframes title-anim-forward {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-text-stroke: 1px;
    -webkit-text-fill-color: transparent;
  }
}
@keyframes title-anim-forward {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-text-stroke: 1px;
    -webkit-text-fill-color: transparent;
  }
}

/*btn-2*/
@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 150%;
    height: 150%;
  }
}
@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 150%;
    height: 150%;
  }
}

@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 150%;
    height: 150%;
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 150%;
    height: 150%;
  }
}

/*footer links*/
@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
            mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
            mask-position: -50%;
  }
}
@keyframes shine {
  from {
    -webkit-mask-position: 150%;
            mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
            mask-position: -50%;
  }
}

@-webkit-keyframes vibrate {
  0%,
  100% {
    left: -50px;
  }
  50% {
    left: -40px;
  }
}

@keyframes vibrate {
  0%,
  100% {
    left: -50px;
  }
  50% {
    left: -40px;
  }
}
.slide-vertical:hover .char:before, .slide-vertical:focus .char:before, .slide-vertical.active .char:before {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
	color: rgba(var(--pr), 1);
}

.slide-vertical:hover .char:before, .slide-vertical:focus .char:before, .slide-horizontal:hover .char:before, .slide-horizontal:focus .char:before, .slide-horizontal.active .char:before {
    -webkit-transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
    transition-delay: calc(0.2s + (0.02s * (var(--char-index))));
}
.slide-vertical .char:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.slide-vertical .char:before, .slide-horizontal .char:before {
    color: rgba(var(--pr), 1);
    -webkit-transition-delay: calc(0.02s * (var(--char-index)));
    transition-delay: calc(0.02s * (var(--char-index)));
}
/* ENd: Home2 */
/*# sourceMappingURL=animations.css.map */