@charset "UTF-8";
/*!
 * GLOBAL STYLES
 * 2019 - Biltek Development Kitchen
 */
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  40%, 43% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  40%, 43% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, to {
  opacity: 1;
  }
  25%, 75% {
  opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, to {
  opacity: 1;
  }
  25%, 75% {
  opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(0.95, 1.05, 1);
  transform: scale3d(0.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, 0.95, 1);
  transform: scale3d(1.05, 0.95, 1);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(0.95, 1.05, 1);
  transform: scale3d(0.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, 0.95, 1);
  transform: scale3d(1.05, 0.95, 1);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  6.5% {
  -webkit-transform: translateX(-6px) rotateY(-9deg);
  transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
  -webkit-transform: translateX(5px) rotateY(7deg);
  transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
  -webkit-transform: translateX(-3px) rotateY(-5deg);
  transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
  -webkit-transform: translateX(2px) rotateY(3deg);
  transform: translateX(2px) rotateY(3deg);
  }
  50% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  6.5% {
  -webkit-transform: translateX(-6px) rotateY(-9deg);
  transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
  -webkit-transform: translateX(5px) rotateY(7deg);
  transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
  -webkit-transform: translateX(-3px) rotateY(-5deg);
  transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
  -webkit-transform: translateX(2px) rotateY(3deg);
  transform: translateX(2px) rotateY(3deg);
  }
  50% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  }
  40% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  60% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  80% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  to {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  }
  40% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  60% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  80% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  to {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  10%, 20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
  10%, 20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  15% {
  -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
  transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
  -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
  transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
  -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
  transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
  -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
  transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
  -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
  transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes wobble {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  15% {
  -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
  transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
  -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
  transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
  -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
  transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
  -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
  transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
  -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
  transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  22.2% {
  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
  -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
  transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
  -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
  transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
  -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
  transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  0%, 11.1%, to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  22.2% {
  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
  transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
  -webkit-transform: skewX(6.25deg) skewY(6.25deg);
  transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
  transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
  transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
  transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
  -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
  transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
  -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
  transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  14% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  28% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  42% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  70% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  14% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  28% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  42% {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  }
  70% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
  transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
  transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 3000px, 0);
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  75% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  90% {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
  opacity: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
  opacity: 1;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

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

@keyframes fadeIn {
  0% {
  opacity: 0;
  }
  to {
  opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInDownBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  }
}

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

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
  transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  to {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  to {
  -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateX(10deg);
  transform: perspective(400px) rotateX(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateX(-5deg);
  transform: perspective(400px) rotateX(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateX(10deg);
  transform: perspective(400px) rotateX(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateX(-5deg);
  transform: perspective(400px) rotateX(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateY(-20deg);
  transform: perspective(400px) rotateY(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateY(10deg);
  transform: perspective(400px) rotateY(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateY(-5deg);
  transform: perspective(400px) rotateY(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotateY(-20deg);
  transform: perspective(400px) rotateY(-20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotateY(10deg);
  transform: perspective(400px) rotateY(10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotateY(-5deg);
  transform: perspective(400px) rotateY(-5deg);
  }
  to {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateX(-20deg);
  transform: perspective(400px) rotateX(-20deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateY(-15deg);
  transform: perspective(400px) rotateY(-15deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotateY(-15deg);
  transform: perspective(400px) rotateY(-15deg);
  opacity: 1;
  }
  to {
  -webkit-transform: perspective(400px) rotateY(90deg);
  transform: perspective(400px) rotateY(90deg);
  opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-200deg);
  transform: rotate(-200deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-200deg);
  transform: rotate(-200deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(200deg);
  transform: rotate(200deg);
  opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(200deg);
  transform: rotate(200deg);
  opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  20%, 60% {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  40%, 80% {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(0, 700px, 0);
  transform: translate3d(0, 700px, 0);
  opacity: 0;
  }
}

@keyframes hinge {
  0% {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  20%, 60% {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  }
  40%, 80% {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  opacity: 1;
  }
  to {
  -webkit-transform: translate3d(0, 700px, 0);
  transform: translate3d(0, 700px, 0);
  opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  0% {
  opacity: 0;
  -webkit-transform: scale(0.1) rotate(30deg);
  transform: scale(0.1) rotate(30deg);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  }
  50% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  70% {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  }
  to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
  opacity: 0;
  -webkit-transform: scale(0.1) rotate(30deg);
  transform: scale(0.1) rotate(30deg);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  }
  50% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  }
  70% {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  }
  to {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
  transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes rollIn {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
  transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
  transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
  opacity: 1;
  }
  to {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
  transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
  opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
  opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
  opacity: 1;
  }
  50% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
  opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
  opacity: 1;
  }
  50% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
  opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
  transform: scale(0.1) translate3d(-2000px, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
  transform: scale(0.1) translate3d(-2000px, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
  transform: scale(0.1) translate3d(2000px, 0, 0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
  opacity: 0;
  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
  transform: scale(0.1) translate3d(2000px, 0, 0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
  opacity: 1;
  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
  }
  to {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }
  to {
  visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}

.animated.faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion: reduce), (print) {
  .animated {
  -webkit-animation-duration: 1ms !important;
  animation-duration: 1ms !important;
  -webkit-transition-duration: 1ms !important;
      -o-transition-duration: 1ms !important;
     transition-duration: 1ms !important;
  -webkit-animation-iteration-count: 1 !important;
  animation-iteration-count: 1 !important;
  }
}

/*--- Animates ---------*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************/
/* SCSS DEFAULT BEGIN */
/*************************************************/
@-ms-viewport {
  width: device-width;
}

::-moz-selection {
  background: #999;
  color: #fff;
}

::selection {
  background: #999;
  color: #fff;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  overflow-x: hidden;
}

body:before {content: "";position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);opacity: 0;z-index: 999;pointer-events: none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

body.userbar-active:before {
    opacity: 1;
}

body.hidden, html.hidden{overflow: hidden;margin-right: 0;}

body.search-hidden, html.search-hidden{overflow: hidden;margin-right: 0;}

body.list-hidden, html.list-hidden{overflow: hidden;margin-right: 0;}

html.mobile-menu-open, body.mobile-menu-open {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

a {
  -webkit-text-decoration-skip: objects;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

a:hover {
  text-decoration: none;
}

*, :focus {
  outline: 0;
}

*, ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

::-moz-focus-inner {
  border: 0;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type="radio"], input[type="checkbox"] {
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
  padding: 0;
}

input, textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #2c3033;
}

::-webkit-scrollbar-thumb {
  background: #041735;
}

img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* General Begin */
.map-scope {
  width: 100%;
  height: 400px;
}

.map-scope .map-info {
  padding: 0.5rem;
  background: #3c3c3c;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.map-scope .map-info h3 {
  font-size: 1rem;
  font-weight: 800;
}

.map-scope .map-info a {
  color: #969696;
}

.map-scope .map-info a:hover, .map-scope .map-info a:focus {
  color: #ffffff;
}

/* General End */
/* /[BASE STYLES] */
/* [404]  */
.nf404-full {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
    -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
    -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  background: #242E44;
  min-height: 100vh;
  width: 100%;
}

.nf404-full .svg {
  margin-bottom: 2rem;
  min-height: 350px;
  overflow: hidden;
  position: relative;
}

.nf404-full .svg svg {
  max-width: 100%;
}

.nf404-full h2 {
  font-weight: bold;
  font-size: 25px;
  color: #90CBFF;
  margin-bottom: .5rem;
}

.nf404-full h3 {
  font-size: 20px;
  color: #90CBFF;
  margin-bottom: 2rem;
}

.nf404-full a {
  display: inline-block;
  -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border: 2px solid #1C91F6;
  padding: 1rem 2rem;
  color: #90CBFF;
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 0 #1C91F6;
      box-shadow: inset 0 0 0 #1C91F6;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.nf404-full a svg {
  margin-right: 1rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  max-width: 200%;
}

@media only screen and (max-width: 767px) {
  .nf404-full a svg {
  width: 200%;
  max-width: 200%;
  }
}

.nf404-full a:hover {
  -webkit-box-shadow: inset 0 0 15px rgba(28, 145, 246, 0.3);
      box-shadow: inset 0 0 15px rgba(28, 145, 246, 0.3);
}

.nf404 {
  position: relative;
  text-align: center;
}

.nf404 .svg svg line {
    stroke: #000000;
}

.nf404 .svg svg path {
    fill: #041735;
}

.nf404 a svg path {
    fill: #59616f;
}

.page.nf404 {
    min-height: initial;
    padding: 130px 0 110px;
}

.nf404 .svg {
  margin-bottom: 2rem;
  min-height: 350px;
  overflow: hidden;
  position: relative;
}

.nf404 .svg svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.nf404 .svg svg > g > g:nth-child(2) {-webkit-transform: translate(-24px, -80px);-ms-transform: translate(-24px, -80px);transform: translate(-24px, -80px);}

.nf404 .svg svg > g > g:nth-child(1) {
    -webkit-transform: translate(-20px, -20px);
        -ms-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
}

.nf404 h2 {
  font-weight: bold;
  font-size: 25px;
  color: #343942;
  margin-bottom: .5rem;
}

.nf404 h3 {
  font-size: 20px;
  color: #343942;
  margin-bottom: 2rem;
}

.nf404 a {
  display: inline-block;
  border: 2px solid #59616f;
  padding: 1rem 2rem;
  color: #59616f;
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 0 #59616f;
  box-shadow: inset 0 0 0 #59616f;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.nf404 a svg {
  margin-right: 1rem;
  display: inline-block;
}

.nf404 a:hover {
  -webkit-box-shadow: inset 0 0 15px rgba(42, 168, 80, 0.3);
  box-shadow: inset 0 0 15px rgba(42, 168, 80, 0.3);
}

@media only screen and (max-width: 991px){
    .nf404 .svg svg {
        width: 190%;
    }
    .page.nf404 {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 767px){
    .nf404 .svg {
        min-height: 200px;
        margin-bottom: 0;
    }

    .nf404 h2 {
        font-size: 15px;
    }

    .nf404 h3 {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .nf404 a {
        padding: 13px 25px;
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
    }

    .nf404 a svg {
        margin-right: 10px;
        width: 20px;
    }

    .page.nf404 {
        padding: 60px 0 80px;
    }
}

/* /[404]  */
/* [BREADCRUMB]  */
.breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.title-first h1 {
  margin-bottom: 10px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

ol.breadcrumb li {
  color: #ffffff;
  font-size: 20px;
}

ol.breadcrumb li a {
  color: #ffffff;
}

ol.breadcrumb li a:hover {
  color: #ececec;
}

ol.breadcrumb li.active {
  color: #ffffff;
  /* font-weight: bold; */
}

ol.breadcrumb li + li:before {
  color: #ffffff;
}

ol.breadcrumb .breadcrumb-item.breadcrumb-item:before {
  color: #ffffff;
}

/* / [BREADCRUMB]  */
/* [ALERT STYLES] */
.alert {
  padding: 0;
  position: relative;
  line-height: 25px;
  border-width: 0;
  margin-bottom: 17px;
  color: #ffffff;
}

.alert .icon {
  width: 55px;
  font-size: 1.846rem;
  vertical-align: middle;
  text-align: center;
  line-height: 22px;
  display: table-cell;
  cursor: default;
  padding-top: 1px;
}

.alert .icon span {
  width: 25px;
}

.alert .close {
  position: absolute;
  font-size: 1.538rem;
  right: 1.385rem;
  text-shadow: none;
  padding: 1.5388rem 0;
  opacity: .2;
  right: 4px;
  top: -20px;
}

.alert .message {
  display: table-cell;
  padding: 1.385rem 2.1542rem 1.385rem 0.231rem;
  border-left-width: 0;
}

.alert .message > p, .alert .message > ul {
  margin-bottom: 0;
}

.alert .message > p + p {
  margin-top: 5px;
}

.alert.alert-spec {
  padding: 0;
  position: relative;
  width: 100%;
}

.alert.alert-spec > .icon {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.25);
}

.alert.alert-spec > .message {
  display: table-cell;
  padding: 14px 15px;
  border-left-width: 0;
}

.alert.alert-icon {
  background-color: #FFFFFF;
  border: 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed;
  -webkit-box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07);
}

.alert.alert-icon > .icon {
  position: relative;
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  cursor: default;
}

.alert.alert-icon > .icon:after {
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-left: 11px solid #FFFFFF;
  -moz-transform: scale(0.9999);
  border-bottom: 11px solid transparent;
  border-top: 11px solid transparent;
}

.alert.alert-icon > .message {
  display: table-cell;
  padding: 1.385rem 1.385rem;
  color: #404040;
  border: 1px solid #d4d4d4;
  border-left-width: 0;
}

.alert.alert-icon.alert-dismissible .close, .alert.alert-icon.alert-dismissible .close:focus {
  color: #404040;
  opacity: 0.35;
}

.alert.alert-icon.alert-dismissible .close:hover, .alert.alert-icon.alert-dismissible .close:focus:hover {
  color: #404040;
  opacity: 0.5;
}

.alert.alert-icon.alert-primary > .icon {
  background-color: #4285f4;
}

.alert.alert-icon.alert-primary > .icon:after {
  border-left-color: #4285f4;
}

.alert.alert-icon.alert-success > .icon {
  background-color: #34a853;
}

.alert.alert-icon.alert-success > .icon:after {
  border-left-color: #34a853;
}

.alert.alert-icon.alert-info .icon {
  background-color: #6ba4ff;
}

.alert.alert-icon.alert-info .icon:before {
  border-left-color: #6ba4ff;
}

.alert.alert-icon.alert-warning > .icon {
  background-color: #fbbc05;
}

.alert.alert-icon.alert-warning > .icon:after {
  border-left-color: #fbbc05;
}

.alert.alert-icon.alert-danger > .icon {
  background-color: #ea4335;
}

.alert.alert-icon.alert-danger > .icon:after {
  border-left-color: #ea4335;
}

.alert.alert-icon.alert-light {
  outline-color: #d4d4d4;
}

.alert.alert-icon.alert-light > .icon {
  background-color: #FFFFFF;
  border-right: 1px solid #d4d4d4;
}

.alert.alert-icon.alert-light > .icon:after {
  border-left-color: #FFFFFF;
  position: absolute;
  right: -22px;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border: solid transparent;
  border-width: 11px;
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #d4d4d4;
}

.alert.alert-icon.alert-light > .message {
  border: 0px;
}

.alert.alert-icon.alert-dark > .icon {
  background-color: #a1a1a1;
}

.alert.alert-icon.alert-dark > .icon:after {
  border-left-color: #a1a1a1;
}

.alert.alert-primary {
  background-color: #d5eff9;
  border: 1px solid #b2dff1;
}

.alert.alert-success {
  background-color: #c5efd0;
  border: 1px solid #94d2a4;
}

.alert.alert-info {
  background-color: #dde8f9;
  border: 1px solid #b3c1d6;
}

.alert.alert-warning {
  background-color: #fdf4db;
  border: 1px solid #ecd5a0;
}

.alert.alert-danger {
  background-color: #ffe6e4;
  border: 1px solid #f5c1c1;
}

.alert.alert-light {
  background-color: #ffffff;
  outline: 1px solid rgba(115, 115, 115, 0.08);
  color: #404040;
}

.alert.alert-light > .icon {
  color: #737373;
}

.alert.alert-light.alert-spec > .icon {
  background-color: rgba(115, 115, 115, 0.08);
}

.alert.alert-dark {
  background-color: #ffffff;
}

.alert.alert-dismissible.alert-primary .close {
  color: #093d94;
}

.alert.alert-dismissible.alert-primary .close:hover {
  color: #093d94;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-success .close {
  color: #103319;
}

.alert.alert-dismissible.alert-success .close:hover {
  color: #103319;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-info .close {
  color: #0050d1;
}

.alert.alert-dismissible.alert-info .close:hover {
  color: #0050d1;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-warning .close {
  color: #654c02;
}

.alert.alert-dismissible.alert-warning .close:hover {
  color: #654c02;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-danter .close {
  color: #79150d;
}

.alert.alert-dismissible.alert-danter .close:hover {
  color: #79150d;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-light .close {
  color: #404040;
  opacity: 0.35;
}

.alert.alert-dismissible.alert-light .close:hover {
  color: #404040;
  opacity: 0.5;
}

.alert.alert-dismissible.alert-dark .close {
  color: #ffffff;
  opacity: 0.35;
}

.alert.alert-dismissible.alert-dark .close:hover {
  color: #404040;
  opacity: 0.5;
}

.alert.alert-spec.alert-dismissible.alert-success {
  color: #03982a;
}

.alert.alert-spec.alert-dismissible.alert-success div.icon span:before {
  color: #39a355;
}

.alert.alert-spec.alert-dismissible.alert-info {
  color: #2858a2;
}

.alert.alert-spec.alert-dismissible.alert-info div.icon span:before {
  color: #4273bd;
}

.alert.alert-spec.alert-dismissible.alert-warning {
  color: #b57e01;
}

.alert.alert-spec.alert-dismissible.alert-warning div.icon span:before {
  color: #dca321;
}

.alert.alert-spec.alert-dismissible.alert-danger {
  color: #e30505;
}

.alert.alert-spec.alert-dismissible.alert-danger div.icon span:before {
  color: red;
}

.alert.alert-spec.alert-dismissible.alert-primary {
  color: #00959e;
}

.alert.alert-spec.alert-dismissible.alert-primary div.icon span:before {
  color: #2fc1ca;
}

/* /[ALERT STYLES] */
.captcha {
  position: relative;
}

.captcha a {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 26px;
  height: 26px;
  background: #101A2B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
     transition-duration: 0.8s;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #fff;
  margin-top: -13px;
}

.captcha a:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
      transform: rotate(360deg);
}

.captcha img.captcha_img {
  width: 100%;
  height: 50px;
  position: relative;
  /* border: 1px solid #ced4da; */
  border-radius: 50px;
  border: 2px solid rgba(16, 26, 43, 0.25);
}

.contact-bottom .captcha img.captcha_img {
    border: 2px solid rgb(118, 124, 134, 0.6
    );
}

a.button.button-facebook {
  background: #3b5998;
  color: #fff;
  padding: 11px 73px;
  border-radius: 4px;
  display: table;
  text-transform: uppercase;
  margin: auto;
  width: auto !important;
}

/* #! FORM GROUP BEGIN */
.form-group .col-form-label {
  display: block;
}

.form-group .form-control {
  height: 50px;
  border-radius: 25px;
  background: transparent;
  border: 1px solid #101A2B;
  opacity: 0.6;
  font-size: 14px;
  color: #909691;
  font-weight: normal;
  padding-left: 20px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.form-group .input-group .input-group-prepend .input-group-text {
  font-size: .875rem;
}

.form-group .input-group .custom-file .custom-file-label::after {
  display: none;
}

.form-group .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
    -ms-flex-pack: end;
      justify-content: flex-end;
}

.form-group .submit .btn {
  display: block;
  font-size: .875rem;
}

/* FROM GROUP END*/
/* #! SELECT2 BEGIN */

.select2-container {
  display: block;
}

.select2-container.active {
  display: block;
  width: auto !important;
}

.select2-dropdown {
    z-index: 9999;
}

.infoedit-select-dp .select2-search--dropdown {
  display: block;
}
.basket-select-dp .select2-search--dropdown {
  display: block;
}
span.select2-container.select2-container--default.select2-container--open.remove-select {
    display: none;
}

.select2-container--default.select2-container--open  .select2-selection--single .select2-selection__arrow b:before {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.select2-container .select2-selection--single {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: transparent;
  border: 1px solid #1a1255;
  opacity: 0.6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 1rem;
  line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-left: 0;
  left: -5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {content: "";position: absolute;top: 0;left: 0;width: 8px;height: 14px;background-image: url(../img/svg/slider-arrow.svg);background-repeat: no-repeat;background-size: cover;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #041735;
}

.select2-results__option {
  padding: .5rem 1rem
}

.select2-container--default .select2-results__option[aria-selected=true] {background: #041735; color: #fff;}

/* SELECT2 END */
/* SUPPORT MESSAGE AREA BEGIN */
.support .support-message-area .media img {
  -o-object-fit: cover;
   object-fit: cover;
  width: 64px;
  height: 64px;
}

/* SUPPORT MESSAGE AREA END */
.modal-custom .modal-header {
  border-bottom: 0;
}

.modal-custom .modal-icon {
  display: block;
  text-align: center;
  margin-top: -2rem;
}

.modal-custom .modal-icon > * {
  display: inline-block;
  font-size: 3.75rem;
}

.modal-custom .modal-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.modal-custom .modal-summary {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

/* ACCORDION BEGIN */

.accordion .btn-link {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .75rem 0 10px;
  font-weight: bold;
  font-size: 16px;
  color: #54585f;
  opacity: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none !important;
  text-decoration: none;
}

.accordion .btn-link .mdi {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
      transform: rotate(90deg)
}

.accordion .btn-link.collapsed .mdi {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
      transform: rotate(0)
}

.accordion .btn-link.collapsed:hover .mdi {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg)
}
/* ACCORDION END */

/* SECTION LOADER BEGIN */
.product-list .section-loader:after {
    left: -40px;
    width: 110%;
}

.section-loader{position:relative;/* min-height:18vh; */}
.section-loader:after{position:absolute;display:block;visibility:hidden;opacity:0;content:"";top:0;left:0;height:100%;width:100%;background:rgba(255, 255, 255, 0.7);-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:2;}
.section-loader .section-loader-spinner{display:none;position:absolute;top:50%;right:50%;margin-top:-20px;margin-right:-20px;z-index: 11;}
.section-loader .section-loader-spinner svg{-webkit-animation:spinner-rotation 1.4s linear infinite;animation:spinner-rotation 1.4s linear infinite;stroke: #041735;}
.section-loader .section-loader-spinner svg .circle{ stroke-dasharray:187; stroke-dashoffset:0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-animation:spinner-turn 1.4s ease-in-out infinite; animation:spinner-turn 1.4s ease-in-out infinite;}
.section-loader-active:after{ visibility:visible; opacity:1;}
.section-loader-active .section-loader-spinner{display:block;}
@-webkit-keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@-webkit-keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
 100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@-webkit-keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}
@-webkit-keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}
@keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
 50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
 100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}

/* [ADRES]  */
  .edit a:hover{ background:#36312c; color:#fff;}
  .adres-sol{ padding-right:13px; max-width:240px;}
  .adres-top .info,.edit a{ background:#fff; float:left;}
  .adres-item.adres-ekle a i{ display:block; text-align:center; margin-bottom:8px;}
  .adres-item.adres-ekle a{ line-height:normal; font-weight:700; color:#ededed; height:100%; padding:0; display:block; text-align:center; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; min-height:243px; padding-top:43px;}
  .adres-item.adres-ekle a:hover,.adres-item.adres-ekle a:hover i:before{ color:#122c48; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s;}
  .adres-item.adres-ekle a i:before{ color:#eaeaea; display:inline-block; font-size:110px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s;}
  .adres-sol p{ font-size:11px; font-weight:500; color:#fff; line-height:25px; padding-left:0; padding-top:0; margin-bottom:0; height:75px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .edit{ padding-left:0; width:110px;}
  .edit a{ font-size:9px; width:50px; text-align:center; height:54px; padding-top:10px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; border-radius:5px !important; border:1px solid #36312c; margin:0 2px; float:left; color:#000;}
  .edit a i{ display:block; text-align:center; margin-bottom:3px;}
  .edit a i:before{ color:#36312c; margin-left:0; font-size:18px;}
  .edit a:hover i:before{ color:#fff;}
  .adres-item{ padding:0; overflow:hidden; border:1px solid #eaeaea; border-radius:3px; margin-bottom:20px;}
  .adres-top{ width:100%; border-bottom:1px solid #eee; padding-bottom:0; float:left; min-height:90px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .adres-top .info{ width:100%; padding:0;}
  .adres-top .info span{ padding:2px 10px !important; color:#000; font-weight:400; float:left; width:100%; text-align:center;}
  .adres-top .info span:first-of-type{ padding-left:0; font-weight:700;}
  .adres-top .edit a{ padding:5px 15px; color:#6b6b6b; font-weight:400; font-size:12px;}
  .adres-top .edit a:first-of-type{ border-left:1px solid #c5c5c5;}
  .adres-top .edit .adres-del{ color:#ed131f;}
  .adress.adres-bilgi{ margin-bottom:30px; display:inline-block; width:100%;}
  .adres-bottom{ width:100%; background:#122c48; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:150px;}
/* /[ADRES]  */

/*  [USER SIDEBAR]  */
  .user-sidebar ul li{ float:left; width:100%; padding:0; border:0; margin:0; border-radius:0;}
  .user-sidebar{ margin:0px 0px 15px 0px; border:1px solid rgba(0, 0, 0, 0.05);}
  .user-sidebar ul li a{ padding:14px 20px; display:block; color:#000;}
  .user-sidebar ul li + li a{ border-top:1px solid #ededed;}
  .user-sidebar h4{ padding:20px 20px; margin-bottom:0; font-weight:400; text-align:center; font-size:18px; border-bottom:1px solid #ededed;}
  .user-sidebar ul li a:hover{ color:#fff; background:#122c48;}
  .user-sidebar ul li:last-child a i{ margin-right:7px;}
  .user-sidebar ul li:last-child a:hover{ background:#dc3545;}
  h5.user-title i{ padding-right:4px;}
  h5.user-title{ font-weight:500; margin-bottom:20px;}
/*  / [USER SIDEBAR]  */

@media only screen and (max-width: 991px) {
  body {/* padding-top: 90px; */}
  body.mobile-menu-open { overflow: hidden; }
}

/* [MOBILE MENU]  */
  .mobile-menu{display:none;position:fixed;right:-110%;top:0;background: #1d6534;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;z-index: 999999999;width:100%;max-width:100%;bottom:0;min-height:100vh;padding-bottom:0;}
  @media only screen and (max-width:991px){ .mobile-menu{display:block;top: 85px;}
  }
  @media only screen and (max-width:767px){ .mobile-menu{width:100%;top: 70px;}
  }
  .mobile-menu .mobile-nav-title h3{ position:absolute; top:25px; left:45px; display:none; font-weight:600; font-size:18px; color:#fff; margin-bottom:0; z-index:9}
  .mobile-menu .mobile-nav-title h3 span:nth-child(1){ opacity:1; visibility:visible; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s}
  .mobile-menu .mobile-nav-title h3 span:nth-child(2){ position:absolute; left:0; opacity:0; visibility:hidden; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s}
  @media only screen and (max-width:991px){ .mobile-menu .mobile-nav-title h3{ display:block }
  }
  @media only screen and (max-width:767px){ .mobile-menu .mobile-nav-title h3{ display:block; top:25px; left:25px }
  }
  .hamburger-menu{position: relative;/* right:2.5rem; */right: 0;/* top:1.5rem; */width: 1.9rem;height: 2.8rem;cursor:pointer;z-index:53;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display: none;}
  .hamburger-menu .bar{display:block;position:absolute;width:100%;height: 3px;background: #fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:50%;margin-top:-1px;-webkit-transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out 0.1s;transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out 0.1s;-o-transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s;transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s;transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s, -webkit-transform 0.15s ease-out 0.1s;}
  .hamburger-menu .bar.first{margin-top: -11px;}
  .hamburger-menu .bar.third{margin-top: 9px;}
  .mobile-menu .hamburger-menu.fixed-active{ top:0.6rem}
  @media only screen and (max-width:767px){ .hamburger-menu{/* right:1.2rem; *//* top:1.3rem */}
  }
  @media only screen and (max-height:500px) and (orientation:landscape){ .mobile-menu .hamburger-menu{ right:5rem }
  }
  @-webkit-keyframes animate-arrow-1{ 0%{ -webkit-transform:translateX(40px); transform:translateX(40px); opacity:0 }
  70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1 }
  }
  @keyframes animate-arrow-1{ 0%{ -webkit-transform:translateX(40px); transform:translateX(40px); opacity:0 }
  70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1 }
  }
  @-webkit-keyframes animate-arrow-2{ 0%{ -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0 }
  70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.5 }
  }
  @keyframes animate-arrow-2{ 0%{ -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0 }
  70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.5 }
  }
  @-webkit-keyframes animate-arrow-3{ 0%{ -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0 }
  70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.3 }
  }
  @keyframes animate-arrow-3{ 0%{ -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0 }
  70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.3 }
  }
  .mobile-menu .mobile-menu-back{ -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); position:fixed; right:5rem; top:1rem; width:3rem; height:3rem; z-index:53; -webkit-transition:.4s; -o-transition:.4s; transition:.4s}
  .mobile-menu .mobile-menu-back a{ position:relative; border:1px solid #fff; bottom:0; color:#fff; height:3rem; top:10px; line-height:3rem; position:absolute; width:100%; -webkit-transition:0.1s all ease-in; -o-transition:0.1s all ease-in; transition:0.1s all ease-in}
  .mobile-menu .mobile-menu-back a span.arrow{ display:block; width:8px; top:0; bottom:0; margin:auto; left:10px; height:2rem; position:absolute}

  .mobile-menu .mobile-menu-back a span.arrow span{ display:block; width:8px; height:2rem; top:0; bottom:0; margin:auto; position:absolute}
  .mobile-menu .mobile-menu-back a span.arrow span i{ position:absolute; left:0.3rem; top:0; font-size:2rem}
  .mobile-menu .mobile-menu-back a span.arrow span.arrow-1{ left:0px; opacity:1}
  .mobile-menu .mobile-menu-back a span.arrow span.arrow-2{ left:10px; opacity:0.5; display:none}
  .mobile-menu .mobile-menu-back a span.arrow span.arrow-3{ left:20px; opacity:0.3; display:none}
  .mobile-menu .mobile-menu-back.active{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}
  @-webkit-keyframes menuListAnimate{ 0%{ margin-top:40px; opacity:0 }
  100%{ margin-top:0; opacity:1 }
  }
  @keyframes menuListAnimate{ 0%{ margin-top:40px; opacity:0 }
  100%{ margin-top:0; opacity:1 }
  }
  .mobile-menu .mobile-nav{position:absolute;left:0;top: 70px;width:100%;max-height:100vh;padding-bottom:200px;overflow-y:auto;}
  .mobile-menu .mobile-nav .user-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .mobile-menu .mobile-nav .user-menu ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    text-align: center;
    margin-bottom: 30px;
  }

    .mobile-menu .mobile-nav .user-menu {
    margin-bottom: -20px;
    margin-top: 20px;
  }

  .mobile-menu .mobile-nav .user-menu > div a {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    color: #fff;
  }

  .mobile-menu .mobile-nav .user-menu > div {margin-left: 40px;margin-bottom: 30px;}

  .mobile-menu .mobile-nav .user-menu ul li:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-left: none;
    background: #1C6031;
    padding: 12px 0;
  }

  .mobile-menu .mobile-nav .user-menu > div a svg {
    width: 20px;
    height: 16px;
  }

  .mobile-menu .mobile-nav .user-menu ul li + li {
    border-left: 1px solid  rgba(255, 255, 255, 0.15);
  }

  .mobile-menu .mobile-nav .user-menu ul li:last-child a svg path {
    fill: #041735;
  }

  .mobile-menu .mobile-nav .user-menu ul li a {
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .mobile-menu .mobile-nav .user-menu ul li:last-child a {
    color: #fff;
  }

  .mobile-menu .mobile-nav .user-menu ul li a span svg {
    width: 25px;
    height: 20px;
    margin-right: 10px;
  }

  .mobile-menu .mobile-nav .user-menu ul li a span svg path {
    fill: #fff;
  }

  .mobile-menu .mobile-nav .user-menu ul li a + a {
    margin-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 50px;
  }

  .mobile-menu .mobile-nav::-webkit-scrollbar{ width:0px}
  .mobile-menu .mobile-nav .language-item{ padding:10px 40px 0; margin-top:15px}
  .mobile-menu .mobile-nav .language-item ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
  .mobile-menu .mobile-nav .language-item ul li.lang-active a{color: #7cffa6;}
  .mobile-menu .mobile-nav .language-item ul li+li{ margin-left:10px; padding-left:10px}
  .mobile-menu .mobile-nav .language-item ul li a{ padding:5px; margin:0; font-size:13px; color:#fff}
  @media only screen and (max-width:767px){ .mobile-menu .mobile-nav .language-item{padding: 10px 22px 0;}
  }
  .mobile-menu .mobile-nav>ul{position:relative;padding: 10px 0px;width:100%;}
  .mobile-menu .mobile-nav>ul>li:first-child>a{ padding-top:0}
  .mobile-menu .mobile-nav>ul>li:first-child>a:before,.mobile-menu .mobile-nav>ul>li:first-child>a:after{ top:30%}
  .mobile-menu .mobile-nav>ul li a{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:15px 35px; font-weight:600; font-size:16px; color:#fff; text-align:left; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; margin:0 10px; -webkit-box-orient:initial; -webkit-box-direction:initial; -ms-flex-direction:initial; flex-direction:initial; align-items:center}
  @media only screen and (max-width:767px){ .mobile-menu .mobile-nav>ul{ padding:0 }
  .mobile-menu .mobile-nav>ul li a{ padding:15px }
  }
  .mobile-menu .mobile-nav ul li a.bid-btn{ margin-top:20px; opacity:0.7}
  .mobile-menu .mobile-nav ul li a.sub-item.active{color: #7cffa6;}
  .mobile-menu .mobile-nav ul li a.sub-item.active:before,.mobile-menu .mobile-nav ul li a.sub-item.active:after{background: #7cffa6;}
  .mobile-menu .mobile-nav ul li a.sub-item.active:before{ height:0}
  .mobile-menu .mobile-nav ul li a.sub-item.active:after{ height:8px}
  .mobile-menu .mobile-nav ul li a.sub-item:before,.mobile-menu .mobile-nav ul li a.sub-item:after{ content:""; position:absolute; top:50%; right:25px; width:3px; height:12px; background:#fff; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s}
  .mobile-menu .mobile-nav ul li a.sub-item:before{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
  .mobile-menu .mobile-nav ul li a.sub-item:after{ -webkit-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg)}
  .mobile-menu .mobile-nav ul li a i{ margin-left:10px}
  .mobile-menu .mobile-nav ul li ul{background: #1c4c2b;padding: 0 20px 5px;display:none;}
  .mobile-menu .mobile-nav ul li ul li a{border-top:none;font-size:15px;padding:15px 25px;font-weight:500;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .mobile-menu .mobile-nav ul li ul li a.sub-item:before,.mobile-menu .mobile-nav ul li ul li a.sub-item:after{ right:30px}
  .mobile-menu .mobile-nav ul li ul li ul{background: #12351d;}
  .mobile-menu .mobile-nav ul li ul li ul li a{ padding:15px 35px}
  .mobile-menu .mobile-nav ul li ul li ul li a.sub-item:before,.mobile-menu .mobile-nav ul li ul li ul li a.sub-item:after{ right:40px}
  .mobile-menu .mobile-nav ul li ul li ul li ul{ background:#071625}
    .mobile-menu .mobile-nav>ul > li + li > a {border-top: 1px solid rgba(255, 255, 255, 0.1);}

    .mobil-menu-search {
    display: none;
  }
    
  .mobile-menu .mobile-nav ul li ul li ul li ul a{ padding:15px 50px}
  .mobile-menu .mobile-nav ul li.active{ position:relative; z-index:34}
  .mobile-menu .mobile-nav ul li.active ul{/* display:block; */}
  .mobile-menu.open{ right:0}
  .mobile-menu-open .hamburger-menu{/* right: 3rem; *//* top: 1.4rem !important; */right: 10px;}
  .mobile-menu-open .hamburger-menu .bar.first{ margin-top:0px; -webkit-transform:translateX(-20%) rotate(45deg); -ms-transform:translateX(-20%) rotate(45deg); transform:translateX(-20%) rotate(45deg)}
  .mobile-menu-open .hamburger-menu .bar.second{ opacity:0}
  .mobile-menu-open .hamburger-menu .bar.third{ margin-top:0px; -webkit-transform:translateX(-20%) rotate(-45deg); -ms-transform:translateX(-20%) rotate(-45deg); transform:translateX(-20%) rotate(-45deg)}
  .mobile-menu.open .mobile-nav>ul>li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0s both; animation:menuListAnimate 0.5s ease-in-out 0s both}
  .mobile-menu.open .mobile-nav>ul>li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.1s both; animation:menuListAnimate 0.5s ease-in-out 0.1s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.2s both; animation:menuListAnimate 0.5s ease-in-out 0.2s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.3s both; animation:menuListAnimate 0.5s ease-in-out 0.3s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.4s both; animation:menuListAnimate 0.5s ease-in-out 0.4s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.5s both; animation:menuListAnimate 0.5s ease-in-out 0.5s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.6s both; animation:menuListAnimate 0.5s ease-in-out 0.6s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.7s both; animation:menuListAnimate 0.5s ease-in-out 0.7s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.8s both; animation:menuListAnimate 0.5s ease-in-out 0.8s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.9s both; animation:menuListAnimate 0.5s ease-in-out 0.9s both}
  .mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li+li+li+li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 1s both; animation:menuListAnimate 0.5s ease-in-out 1s both}

  @media only screen and (max-width: 991px){
    .hamburger-menu{display: block;margin-left: 25px;}
  }

  @media only screen and (max-width: 767px){
      .mobil-menu-search {
      display: block;
      padding: 10px 11px 0;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
    }
    .mobile-menu .mobile-nav ul li ul {
        padding: 0 0 5px;
    }
    .mobil-menu-search input {background: #fff0;border: none;border-bottom: 1px solid #ffff;border-radius: 0;color: #fff;text-align: center;height: 50px;}


    .mobil-menu-search input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #fff;
      opacity: 1; /* Firefox */
    }


    .mobil-menu-search input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #fff;
      opacity: 1; /* Firefox */
    }


    .mobil-menu-search input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #fff;
      opacity: 1; /* Firefox */
    }


    .mobil-menu-search input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #fff;
      opacity: 1; /* Firefox */
    }


    .mobil-menu-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #fff;
      opacity: 1; /* Firefox */
    }

    .mobil-menu-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #fff;
    }

    .mobil-menu-search input::-ms-input-placeholder { /* Microsoft Edge */
      color: #fff;
    }

    .mobile-menu .mobile-nav {
      top: 90px;
      padding-bottom: 250px;
    }

    .mobile-menu .mobile-nav-title {
      display: none;
    }

    .mobil-menu-search input:focus {
      background: #fff0;
      color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-color: #fff;
    }

    .mobile-menu .mobile-nav .user-menu > div {
      margin-left: 25px;
      margin-bottom: 35px;
    }

    .mobile-menu .mobile-nav .user-menu ul li a {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 27px;
    }

    .mobile-menu .mobile-nav .user-menu ul li a span svg {
      margin-right: 0;
      margin-bottom: 10px;
    }

    .mobile-menu .mobile-nav .user-menu ul li:last-child a {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 0;
    }

    .mobile-menu .mobile-nav .user-menu ul li:last-child a svg {
      margin-bottom: 0;
      margin-right: 10px;
    }


    .mobile-menu .mobile-nav .user-menu > div a svg {
      height: 15px;
      width: 15px;
      margin-top: -4px;
      margin-right: 8px;
    }

    .mobile-menu .mobile-nav .user-menu ul li a + a {
      margin-left: 40px;
      padding-left: 40px !important;
    }

    .mobile-menu .mobile-nav .user-menu ul li:last-child {
      margin-left: -10px;
    }
    }
/* /[MOBILE MENU]  */

.page.search-detail .list-group .list-group-item .search-detail-img-link{ width:8rem; display:inline-block; margin-right:.5rem; vertical-align:top;}
.page.search-detail .list-group .list-group-item .search-detail-img-link img{ display:inline-block; width:100%;}
.page.search-detail .list-group .list-group-item .search-detail-result-text{ display:inline-block;}
.page.search-detail .list-group .list-group-item .search-detail-result-text a{ display:block; color:#07101b;}
.page.search-detail .list-group .list-group-item .search-detail-result-text a h5{ display:inline-block;}
.page.search-detail .list-group .list-group-item .search-detail-result-text .search-detail-head-link{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
.page.search-detail .list-group .list-group-item .search-detail-result-text .search-detail-summary-link{ display:block; margin-top:.5rem;}
.page.search-detail .list-group .list-group-item .search-detail-result-text .search-detail-date{ display:inline-block;}
.page.search-detail .list-group .list-group-item .search-detail-result-text .search-detail-date .search-date-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:#ececec; padding:0 .25rem; position:relative; top:-1px;}
.page.search-detail .list-group .list-group-item .search-detail-result-text .search-detail-date .search-date-container span{ display:inline-block; padding:.1125rem; font-size:.75rem;}
.page.search-detail .list-group .list-group-item .search-detail-result-text nav{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
.page.search-detail .list-group .list-group-item .search-detail-result-text nav ol.breadcrumb li{ color:#07101b;}
.page.search-detail .list-group .list-group-item .search-detail-result-text nav ol.breadcrumb li a{ color:#07101b; display:inline-block;}
.page.search-detail .list-group .list-group-item .search-detail-result-text nav ol.breadcrumb li.breadcrumb-item.active{ font-weight:normal;}
.page.search-detail .list-group .list-group-item .search-detail-result-text nav ol.breadcrumb li:before{ color:#07101b;}



.page.file-archive .form-group .select2-container{ width:100% !important;}
.page.file-archive .file-archive-process-container{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:1.5rem;}
.page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 27.5rem; flex:0 0 27.5rem; height:3rem; max-width:100%; margin-bottom:1rem;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group{ display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input{ border:1px solid #5D4AC7; padding-left:2.25rem; color:#5D4AC7; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 calc(100% - 4.5rem); flex:0 0 calc(100% - 4.5rem); border-radius:0;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-webkit-input-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input:-ms-input-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-ms-input-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::-moz-placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group input::placeholder{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg{ position:absolute; top:50%; left:1.25rem; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.page.file-archive .file-archive-process-container .file-archive-search .form-group svg path{ color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button{ -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; background:#5D4AC7; color:#ffffff; height:3rem; -webkit-box-flex:0; -ms-flex:0 0 4.5rem; flex:0 0 4.5rem; border-radius:0;}
.page.file-archive .file-archive-process-container .file-archive-search .form-group button:hover{ background:#4634aa;}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ margin-bottom:3rem;}
}
.page.file-archive .file-archive-process-container .file-archive-group-select{ width:20rem; margin-bottom:1rem;}
.page.file-archive .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2{ width:100% !important;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ height:48px; border-color:#5D4AC7; border-radius:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__rendered{ line-height:46px; color:#5D4AC7;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow{ top:10px;}
.page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow b{ border-color:#5D4AC7 transparent transparent transparent;}
.page.file-archive .file-archive-process-container .file-archive-search-result{ padding:.8rem 2rem; border:1px solid #5D4AC7; margin-bottom:1rem;}
.page.file-archive .file-archive-process-container .file-archive-search-result p{ color:#5D4AC7; margin:0; line-height:1rem;}
.page.file-archive .file-archive-process-container .file-archive-search-result p i{ margin-right:.5rem;}
@media only screen and (max-width:991px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%;}
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%;}
}
@media only screen and (max-width:767px){ .page.file-archive .file-archive-process-container .file-archive-search{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
 .page.file-archive .file-archive-process-container .file-archive-search-result{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;}
}
.page.file-archive .file-list .table-responsive .table thead tr th{background: rgba(42, 168, 80, 0.05);font-size: 14px;color: #909691;position: relative;}
.page.file-archive .file-list .table-responsive .table tr th,.page.file-archive .file-list .table-responsive .table tr td{padding: 0.9rem 1.4rem;}
.page.file-archive .file-list .table-responsive .table tr th a,.page.file-archive .file-list .table-responsive .table tr td a{display: inline-block;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;font-size: 14px;color: #101a2b;}
.page.file-archive .file-list .table-responsive .table tr td a span:hover {
    color: #041735;
}

.page.file-archive .file-list .table-responsive .table tr td a span {
    color: #101a2b;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.page.file-archive .file-list .table-responsive .table tr th a:hover,.page.file-archive .file-list .table-responsive .table tr td a:hover{ color:#362883;}
.page.file-archive .file-list .table-responsive .table tr td:last-child a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.page.file-archive .file-list .table-responsive .table tr td:last-child a svg {
    width: 22px;
    height: 25px;
    fill: #041735;
}

.page.file-archive .file-list .table-responsive .table tr td:last-child a svg path {
    fill: #041735;
}

.page.file-archive .file-list .table-responsive .table tr td:last-child a svg {
    margin-right: 5px;
}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group input{ border-top-left-radius:3rem; border-bottom-left-radius:3rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group button{ border-top-right-radius:3rem; border-bottom-right-radius:3rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select{ width:20rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select label{ position:absolute; margin-top:-.5rem; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); color:#5D4AC7;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2{ width:100% !important;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single{ border-radius:1.5rem;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2.select2-container--open .select2-selection--single{ border-bottom-right-radius:0; border-bottom-left-radius:0;}
.page.file-archive-border-radius .file-archive-process-container .file-archive-search-result{ border-radius:3rem;}
.page.file-archive-border-radius .file-list .table-responsive{border: 1px solid #F0F0F0;border-radius:1.5rem;position: relative;}
.page.file-archive-border-radius .file-list .table-responsive .table{margin-bottom:0;width:calc(100% + 1px);margin-left:-1px;margin-top:-1px;}
.page.file-archive-border-radius .file-list .table-responsive .table tr th:nth-last-child(1), .page.file-archive-border-radius .file-list .table-responsive .table tr td:nth-last-child(1){ border-right:0 !important;}
.page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) th, .page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) td{border-bottom:0 !important;}

.file-archive .file-container{display: -webkit-box;display: -ms-flexbox;display: flex;}
.file-archive .file-container .file-category .file-slide{display: none;}
.file-archive .file-container .file-category{max-width: 300px;-webkit-box-flex: 0;-ms-flex: 0 0 18%;flex: 0 0 18%;margin-right: 8.6vw;}
.file-archive .file-container .file-category ul{
    padding-left: 30px;
}

.file-archive .file-container .file-category ul li{list-style-image: url(../img/main/list-img.png);padding-left: 5px;}
.file-archive .file-container .file-category ul li + li{margin-top: 15px;}
.file-archive .file-container .file-category ul li a{font-weight: bold;font-size: 22px;color: #6e7b91;}
.file-archive .file-container .file-category ul li a:hover{  }
.page.file-archive {
    padding: 140px 90px 140px;
}
.file-archive .file-container .file-category ul li a.active {
    color: #101A2B;
}

.file-archive .file-container .file-category ul li a:hover {
    color: #101A2B;
}

.file-archive .file-container .file-list {
    max-width: 1030px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
			margin: auto;
}


.page.file-archive .file-list .table-responsive .table tr td {
    font-weight: 500;
    font-size: 15px;
    color: #54585f;
    border: 1px solid #F0F0F0;
}

.page.file-archive .file-list .table-responsive .table tr td time {
    font-size: 14px;
    color: #909691;
}

.page.file-archive .file-list .table-responsive .table thead tr th:before {content: "";position: absolute;top: 0;bottom: 0;left: -2px;right: 0;}

.page.certificates .certificate-container ul{ border:1px solid rgba(151, 151, 151, 0.15); -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; overflow:hidden; margin-bottom:1rem;}
.page.certificates .certificate-container ul li a{ font-size:14px; font-weight:600; line-height:1rem; min-height:62px; color:#5D4AC7; position:relative; padding:20px 52px 20px 34px; display:block;}
.page.certificates .certificate-container ul li a span{ position:absolute; right:40px; line-height:normal; top:calc(50% - 11px);}
.page.certificates .certificate-container ul li + li{ border-top:1px solid rgba(151, 151, 151, 0.15); background:#fff;}
.page.certificates .identification{ display:block; height:315px; position:relative; top:0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; overflow:hidden;}
.page.certificates .identification:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(30, 29, 29, 0.78); z-index:9; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.page.certificates .identification:hover{ -webkit-box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); box-shadow:0 18px 25px 0 rgba(0, 0, 0, 0.11); top:-10px;}
.page.certificates .identification:hover:before{ background:rgba(30, 29, 29, 0.32);}
.page.certificates .identification .corporate-identification{ height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.page.certificates .identification .corporate-identification h3{ font-size:17px; font-weight:600; font-style:normal; font-stretch:normal; line-height:1.65; letter-spacing:normal; text-align:center; color:#ffffff; margin-bottom:0; margin-top:12px; position:relative; z-index:9;}
.page.certificates .identification .corporate-identification h3 span{ display:block; font-weight:bold;}
.page.certificates .identification .corporate-identification-item{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; position:absolute; right:0; left:0; top:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.page.certificates .identification .corporate-identification-item img{ width:154px; position:relative; z-index:9;}
.page.certificates .certificate-list a{ display:block; margin-bottom:2rem; overflow:hidden;}
.page.certificates .certificate-list a .certificate-item{ height:19rem; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.page.certificates .certificate-list a .certificate-item img{ display:block; max-width:100%; height:100%; -o-object-fit:cover; object-fit:cover; margin:0 auto;}
.page.certificates .certificate-list a:hover .certificate-item{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.page.certificates-border-radius .certificate-container ul{ border-radius:1.5rem;}
.page.certificates-border-radius .identification{ border-radius:1.5rem;}
.page.certificates-border-radius .certificate-list a{ border-radius:1.5rem;}

@media only screen and (max-width:1370px){
  .file-archive .file-container .file-category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 300px;
    margin-right: 8vw;
  }
}

@media only screen and (max-width:1199px){
  .file-archive .file-container .file-category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 200px;
    margin-right: 10vw;
  }
}

@media only screen and (max-width: 991px){
  .page.file-archive {padding: 90px 50px 100px;}

  .file-archive .file-container {
    display: block;
  }

  .file-archive .file-container .file-category {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }

  .file-archive .file-container .file-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30px;
  }

  .file-archive .file-container .file-category ul li {
    width: auto;
    padding-left: 2px;
  }

  .file-archive .file-container .file-category ul li + li {
    margin-top: 0;
    margin-left: 60px;
  }

    .file-archive .file-container .file-category ul li:last-child {margin-right: 60px;}

  .file-archive .file-container .file-category ul li a {
    font-size: 19px;
    display: inline-block;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
  }

  .file-archive .swiper-button-next, .file-archive .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-image: none;
    margin-top: -15px;
  }

  .file-archive .swiper-button-next svg, .file-archive .swiper-button-prev svg {
    width: 80%;
    height: 80%;
    position: relative;
  }

  .file-archive .swiper-button-next {
    right: 0px;
    margin-top: -15px;
  }

  .file-archive .swiper-button-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-top: -17px;
  }

  .file-archive .swiper-button-next:before, .file-archive .swiper-button-prev:before {content: "";position: absolute;top: 0;bottom: 0;width: 100px;}

  .file-archive .swiper-button-next:before {
    left: auto;
    right: -10px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: -o-linear-gradient(right, #fff, transparent);
    background: linear-gradient(to left, #fff, transparent);
  }

  .file-archive .swiper-button-prev:before {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: -o-linear-gradient(right, #fff, transparent);
    background: linear-gradient(to left, #fff, transparent);
    left: -68px;
  }

  .file-archive .file-container .file-category .file-slide{display: block;}
}

@media only screen and (max-width:767px){
  .page.file-archive {
    padding: 80px 30px 60px;
  }

  .page.file-archive .file-list .table-responsive .table tr td:nth-child(1) {
    min-width: 300px;
    vertical-align: inherit;
  }

  .page.file-archive .file-list .table-responsive .table tr td:nth-child(2) {
    min-width: 170px;
  }

  .file-archive .file-container .file-category ul li a {
    font-size: 17px;
  }

  .file-archive .file-container .file-category ul li {}

  .file-archive .file-container .file-category {
    margin-bottom: 40px;
  }

  .file-archive .swiper-button-next, .file-archive .swiper-button-prev {
    margin-top: -17px;
    width: 25px;
    height: 25px;
  }

  .file-archive .swiper-button-prev {
    margin-top: -14px;
  }
}

@media only screen and (max-width:560px){
  .page.certificates .certificate-list a .certificate-item img{ max-width:initial; height:initial; max-height:100%; width:100%;}
}

/* [URUN LISTE ]  */
.productList .sidebar{ padding:25px 0 0; border:2px solid #f4e7da; -webkit-box-sizing:border-box; box-sizing:border-box;}
.productList .sidebar ul li a{ padding:15px; display:block; position:relative; border-bottom:1px solid #f5ede4; font-family:Raleway,sans-serif; font-size:14px; font-weight:400; line-height:normal; color:#36312c;}
.productList .sidebar > ul > li:last-child > a{ border-bottom:none;}
.productList .sidebar > ul{ position:relative; padding-bottom:0;}
.productList .sidebar > ul > li > ul{ background:#fbf7f2; width:100%; padding:0;}
.productList .side-drop2 > ul{ display:none;}
li.side-drop > ul{ display:none;}
.sidebar > ul > li > i{ position:absolute; right:10px; top:20px;}
.sidebar > ul > li{ position:relative;}
.sideTitle{ font-style:normal; font-stretch:normal; letter-spacing:normal; color:#000; padding:13px 0; background:#f5ede4; margin:0 10px 30px; font-size:19px; font-weight:500; text-align:center;}
.productList .sidebar li h3{ font-weight:400; line-height:normal; color:#000; margin:0; padding:0; border-bottom:solid 2px #f5ede4; border-top:0; text-align:center; line-height:normal; font-size:20px; padding:13px 0; margin:0px 0px 0;}
ul.costum-scroll{ padding:20px !important; display:inline-block;}
.productList .sidebar > ul > li.active > a{ background:#000; color:#fff; font-weight:bold;}
.productList .sidebar .select{ padding:0; margin-bottom:20px;}
.sidebar ul li.side-drop.active > ul{ display:block;}
.productList .sidebar > ul > li > ul > li > ul{ padding:0;}
li.side-drop2.active .opened a{ font-weight:bold; background:#122c48; color:#fff;}
li.side-drop2.active > a{ background:#000; color:#fff !important; font-weight:bold !important;}
li.side-drop.active > a{ background:#000; color:#fff !important; font-weight:bold !important;}
li.side-drop.active > ul > li.active > a{ background:#071320; color:#fff; padding-left:15px; font-weight:bold;}
li.side-drop.active > ul > li > a{ padding:15px 25px !important;}
.productList .sidebar > ul > li > ul > li > ul > li > a{ padding:15px 50px !important;}
li.side-drop2.active ul{ display:block;}

/* Contact */
.contact-page .page-title .page-title-content { background: none !important; }
.contact-page .page-title .page-title-content:before { display: none; }
.contact-page .page-title .page-title-content:after { display: none; }
.contact-page .page-title {position: absolute;z-index: 9;top: 0;left: 50%;transform: translate(-50%, 0px);}
.contact .contact-top:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 418px;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.76;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;z-index: 1;}
.contact-top {position: relative;top: 0;right: 0;left: 0;height: 80vh;}
.contact-page .page-title:after {
    display: none;
}

.contact-info{position: absolute;bottom: -9vh;left: 0;right: 0;text-align: center;}
.contact-info .contact-info-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact-info .contact-info-row .contact-info-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #101A2B;border-radius: 30px;text-align: left;padding: 3.1vw 1.8vw;min-height: 210px;}
.contact-info .contact-info-row .contact-info-item:nth-child(1),.contact-info .contact-info-row .contact-info-item:nth-child(3) {
    min-width: 320px;
}
.contact-info .contact-info-row .contact-info-item + .contact-info-item{margin-left: 20px;}
.contact-info .contact-info-row .contact-info-item svg{margin-right: 25px;width: 3.6vw;height: 3.6vw;}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text{  }
.contact-info .contact-info-row .contact-info-item .contact-info-item-text h3{font-weight: bold;font-size: 20px;color: #fff;}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content{}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content a, .contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content p{font-weight: 500;font-size: 15px;color: #7f8ca3;display: block;}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content a + a{  }
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content a:hover {
    color: #58dc7e;
}
.contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content p {
    max-width: 400px;
}
.contact-bottom-content .social-media ul li + li:before {
    background: #7F8CA3;
}

.contact-bottom-content .social-media ul li a:hover svg path {
    fill: #041735;
}

.contact-bottom-content .social-media ul li a svg path {
    fill: #7F8CA3;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact-bottom-content .social-media ul {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.map-responsive{height: 100%;overflow: hidden;}
.map-responsive iframe{height: 170%;width:100%;margin-top: -200px;}
.contact-bottom{padding: 14vw 0 130px;margin-top: 0;}
.contact-bottom-content {
    text-align: right;
    border-right: 1px solid #041735;
    padding-right: 4.2vw;
    margin-right: 4.2vw;
    position: relative;
}

.contact-bottom .form-group .submit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    padding-right: 45px;
    margin-left: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: normal;
}

.contact-bottom .form-group .form-control:focus {
  border-color: #041735;
}

.contact-bottom .form-group.active .form-control {
  border-color: #041735;
}

.contact-bottom .contact-captcha .form-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-right: 10px;
}

.contact-bottom-content:before {content: "";position: absolute;top: 0;bottom: 0;right: 0;width: 150px;background: -webkit-gradient(linear, right top, left top, from(#041735), to(#ffffff00));background: -o-linear-gradient(right, #041735, #ffffff00);background: linear-gradient(to left, #041735, #ffffff00);opacity: 0.05;pointer-events: none;}

.contact .form-group .submit {
    background: none;
    /* border: none; */
    outline: none !important;
    margin-left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact .form-group .form-control {
    border: 2px solid rgba(16, 26, 43, 0.25);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact-bottom .contact-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -5px;
}

.contact .form-group.active .form-control, .contact .form-group .form-control:focus {
    border-color: #041735;
}

.contact .form-group .submit.button:hover {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background: #041735;
    color: #fff;
}

.contact .form-group .submit.button {
    padding: 12px 0 12px;
    width: 33%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.contact .captcha a {
    background: rgba(16, 26, 43, 0.79);
}

.contact .form-row .captcha {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 8px);
            flex: 0 0 calc(33% - 8px);
    padding: 0;
}

.contact .form-row.contact-captcha, .contact .form-row.contact-captcha .form-row {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.contact .form-row .captcha + .captcha {
    margin: 0 10px;
}

.contact-bottom .contact-form-row > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
}
.contact-bottom .form-group {
    margin-bottom: 20px;
}
.contact .form-row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

.contact .form-group .submit.button .button-arrow {
    display: none;
}

.contact .form-group .submit.button:before {
    visibility: hidden;
}

.contact .contact-form-row > div + div {
    margin-left: 20px;
}

.contact-bottom-content h2 {
    font-weight: bold;
    font-size: 3.1vw;
    color: #101A2B;
    margin-bottom: 2.3vw;
}

.contact-bottom-content h2 span {
    color: #041735;
    font-weight: 500;
}

.contact-bottom-content p {
    font-weight: 500;
    font-size: 1.1vw;
    color: #6e7b91;
    margin-bottom: 0;
}

.contact-bottom-content .social-media {
    margin-top: 2.3vw;
}

@media only screen and (max-width: 1370px){
    .contact-bottom {
        padding-top: 200px;
    }

    .contact-info .contact-info-row .contact-info-item {
        min-height: 180px;
    }

    .map-responsive iframe {
        margin-top: -100px;
    }

    .contact-info {
        bottom: -6.8vw;
    }

    .contact-top {
        height: 580px;
    }
}

@media only screen and (max-width: 1199px){
    .contact .form-group .submit {
        margin-left: 20px;
    }

    .contact .form-group .submit.button {
        padding: 12px 30px 12px 30px;
    }

    .contact .form-row {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }

    .contact-bottom .col-12.col-sm-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 55%;
                flex: 0 0 55%;
        max-width: 55%;
    }

    .contact-info .contact-info-row .contact-info-item svg {
        display: none;
    }
  
    .contact-info .contact-info-row .contact-info-item {
        min-height: 160px;
        padding: 20px 20px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0px;
                flex: 1 1 0;
        text-align: center;
    }
    .contact-info .contact-info-row .contact-info-item:nth-child(1), .contact-info .contact-info-row .contact-info-item:nth-child(3) {
        min-width: initial;
    }

    .contact-info .contact-info-row {
      margin: 0 30px;
  }

}

@media only screen and (max-width: 991px){
    .contact-info {
        bottom: -9.8vw;
        left: 30px;
        right: 30px;
    }

    .contact-top {
        height: 90vw;
    }

    .map-responsive iframe {
        margin-top: -210px;
    }

    .contact-bottom .form-group .submit {
        padding-right: 60px;
    }

    .contact-info .contact-info-row {
        margin: 0;
    }

    .contact-info .contact-info-row .contact-info-item .contact-info-item-text {
        width: 100%;
    }

    .contact-info .contact-info-row .contact-info-item:nth-child(2) {
        -webkit-box-flex: 2;
            -ms-flex: 2 1 0px;
                flex: 2 1 0;
    }

    .contact-bottom {padding-top: 160px;padding-bottom: 50px;}

    .contact-bottom-content {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        text-align: center;
    }

    .contact-bottom-content h2 {
        font-size: 35px;
    }

    .contact-bottom-content p {font-size: 15px;max-width: 400px;margin: 0 auto;}

    .contact-bottom-content:before {
        opacity: 0;
        visibility: hidden;
    }

    .contact-bottom-content .social-media {margin-top: 30px;}

    .contact-bottom-content .social-media ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .contact-bottom .col-12.col-sm-6 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }

    .contact .form-group .submit.button {margin-left: auto;}

    .contact .form-row {
        width: 100%;
    }

    .contact-bottom form {
        max-width: 600px;
        margin: 80px auto 0;
    }   
}

@media only screen and (max-width: 767px){
    .contact-top {
        height: auto;
    }

    .contact-info {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 30px;
    }

    .contact-info .contact-info-row {
        display: block;
        margin: 0 20px;
    }

    .contact-bottom {
        margin-top: 0;
        padding: 0 10px 40px;
    }

    .contact-info .contact-info-row .contact-info-item .contact-info-item-text .contact-info-item-content p {
        margin: 0 auto 10px;
    }

    .contact-top .map-responsive {
    height: 600px;
    position: relative;
  }

  .map-responsive iframe {
    margin-top: -150px;
  }

  .contact-info .contact-info-row .contact-info-item:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }

  .contact-info .contact-info-row .contact-info-item + .contact-info-item {
    margin-left: 0;
    margin-top: 20px;
  }

  .contact-info .contact-info-row .contact-info-item {
    min-height: auto;
  }

  .contact-bottom .form-group .submit {margin-left: auto;margin-top: 20px;margin-right: -3px;-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;padding: 11px 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 50px;}

.contact-bottom .contact-captcha .form-row {
    margin-right: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.contact-captcha .captcha {
    margin-right: -9px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 51%;
            flex: 0 0 51%;
}

.contact-captcha .captcha + .captcha {
    margin-left: 10px;
}

.contact-bottom .form-group .submit .button-arrow {
    display: none;
}

  .contact-bottom-content {
    margin-top: 60px;
  }

  .contact .form-row {-ms-flex-wrap: wrap;flex-wrap: wrap;}

  .contact-bottom .contact-form-row {
    display: block;
  }

  .contact-bottom .contact-form-row > div + div {
    margin-left: 0;
  }

  .contact .form-row .captcha {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0;
  }

  .contact .form-row .captcha + .captcha {
    padding-left: 5px;
    margin: 0;
  }

  .contact .form-row .captcha:first-child {
    padding-right: 5px;
  }

  .contact .form-group .submit.button {
    margin-top: 20px;
    padding: 12px 44px 12px;
    margin-right: 0;
    width: calc(50% - 5px);
  }

  .contact .form-group .submit.button .button-arrow {
    display: none;
  }

  .contact-bottom form {
    margin-top: 70px;
  }

  .contact-top .map-responsive:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 200px;background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));background: -o-linear-gradient(bottom, white, #ffffff00);background: linear-gradient(to top, white, #ffffff00);pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

}

/*  --- [SEPET] ----  */
section.page.sepetScreen .alert{ margin:0 15px; margin-bottom:30px; width:calc(100% - 30px);}
.sepetScreen i.fa-lira-sign{ font-size:80%;}
.basket-nav .step{ float:left; width:25%; display:-moz-flex; display:-o-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative;}
.basket-nav{ display:block; padding:20px 0 25px; border-bottom:1px dashed #ccc; margin-bottom:35px; z-index:1; width:100%; overflow:hidden;}
.basket-nav:before{ content:""; position:absolute; left:0; top:62px; height:1px; width:100%; border-bottom:1px dashed #f5ede4;}
.basket-nav .step.active:before{ left:0; content:""; position:absolute; width:0; height:3px; top:41px; background:#000000; -webkit-transition:width 1.5s ease; -o-transition:width 1.5s ease; transition:width 1.5s ease; z-index:9;}
.basket-nav .active.bar:before{ width:100%;}
.basket-nav .step.active .stepIcon{ border-color:#603813;}
.basket-nav .step .stepIcon{ border:1px solid #e8dfd4; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; z-index:9; background:#fff; border-radius:200px; width:auto; height:auto; display:inline-block !important;}
.basket-nav .step .stepIcon:before{ left:-6px;}
.basket-nav .step .stepIcon:after,.basket-nav .step .stepIcon:before{ content:""; position:absolute; height:10px; background:#fff; top:50%; width:5px; margin-top:-5px;}
.basket-nav .step .stepIcon a{ width:87px; height:87px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; overflow:hidden;}
.basket-nav .step .stepIcon a i{ text-align:center; display:block; width:100%; border:none; right:0; left:0; top:0; position:relative;}
.basket-nav .step .stepIcon i:before{ font-size:36px; color:#e0d8cd;}
.basket-nav .step.active i:before{ color:#000 !important;}
.basket-nav .step .stepIcon:after{ right:-6px;}
.basket-nav .step .stepIcon:after, .basket-nav .step .stepIcon:before{ content:""; position:absolute; height:10px; background:#fff; top:50%; width:5px; margin-top:-5px;}
.basket-nav .step .stepTitle{ width:100%; padding:10px; text-align:center; text-transform:uppercase;}
.basket-nav .step .stepTitle a{ font-weight:300; color:#000; font-size:17px;}
.basket-nav .step.active .stepTitle a{ color:#000; font-weight:500;}
.sepetUrunBilgi{ margin-top:30px;}
.sepetUrunItem{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid #e0e0e0; padding:15px 25px; margin-top:20px; margin-bottom:20px; border-radius:3px;}
.sepetUrunImg{ float:left; width:120px; margin-left:0;}
.sepetUrunImg img{ width:100%; height:auto;}
.sepetUrunName{ float:left; width:calc(100% - 480px); padding:0 15px;}
.sepetUrunName a.productLink{ color:#333; font-size:14px; font-weight:700; display:block;}
.qty{ float:left; width:120px; position:relative;}
.single, .sub-total{ width:100px; text-align:center; float:left;}
.single p, .sub-total p{ margin:0; color:#000; font-weight:500;}
.delete{ float:left; width:50px; text-align:center;}
.delete a{ color:#fff; padding:5px 10px; border-radius:5px; font-size:12px; font-weight:700;}
.sepetUrunBilgi .qty{ width:139px;}
.qty .qty-plus{ left:90px; border-left:0;}
.qty .qty-plus{ border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:0 !important; border-top-left-radius:0 !important;}
.qty .qty-plus{ right:0;}
.qty span{ position:absolute; top:0; height:100%; width:34px; background:#122c48; display:-moz-flex; display:-ms-flex; display:-o-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid #122c48; font-size:21px; font-weight:300; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#fff; border-bottom-left-radius:3px; border-top-left-radius:3px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; cursor:pointer;}
.qty input{ height:40px; padding:0 0 0 15px; text-align:center; margin-left:33px; width:57px; border-left:0; font-size:15px; font-weight:500; color:#000; border:1px solid #122c48; line-height:45px;}
.sepetUrunBilgi .qty input{ padding-right:0; line-height:30px;}
.sepetUrunBilgi .qty input{ height:50px !important; font-size:20px;}
.qty span:hover{ background:#000000; color:#fff;}
.single h6,.sub-total h6{ font-weight:500;}
.single i, .sub-total i{ font-size:12px; margin-left:3px; position:relative; top:-1px;}
.sepetUrunName a.productLink:hover{ color:#dc3545;}
p.products_desc{ font-weight:500; font-size:15px;}
.btn-wrapper a i{ font-size:14px; margin-right:4px;}
.siparisOzet{ padding:25px 20px; border:1px solid #e0e0e0; border-radius:3px; margin-bottom:20px;}
.indirimCode{ margin-top:20px;}
.ozetTitle{ display:block;}
.ozetTitle h4{ margin-bottom:20px; text-align:center; font-weight:500; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.ozetDetay .item p:first-child{ font-weight:500; width:50%; position:relative;}
.ozetDetay .item p:first-child:after{ content:":"; position:absolute; right:0; top:-1px;}
.ozetDetay .item p{ margin-bottom:13px;}
.urunSecim{ width:200px;}
.kuponForm{ margin-top:17px;}
.indirimForm{ margin-top:20px;}
.indirimForm p{ text-align:center; font-weight:bold; color:#f00; text-transform:uppercase;}
.coupon-code pre{ font-weight:500; margin-top:10px; display:inline-block; width:100%; margin-bottom:0; text-align:center;}
.add-coupon{ display:none;}
.ozetDetay { padding-bottom: 5px; margin-bottom: 0; border-bottom: 1px solid #e0e0e0; }
.btn-cont i { font-size: 13px; margin-left: 2px; }
.same-adres { padding: 13px; font-size: 12px; }
.same-adres:hover { background: #28a745 !important; color: #fff; }
.siparis-aciklamasi { margin: 20px 0; }
.siparis-aciklamasi h4 { font-size: 18px; font-weight: 500; }
.d-flex.align-items-center.justify-content-between.basketTitle h4 { background: #fff; color: #000; padding: 0; }
.d-flex.align-items-center.justify-content-between.basketTitle a.badge { padding: 17px 37px; font-size: 15px; font-weight: 400; }
.d-flex.align-items-center.justify-content-between.basketTitle { padding-bottom: 20px; }
.myAdresses ul li { float: left; width: 100%; height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; border: 1px solid #e0e0e0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 3px; }
.myAdresses ul li + li { margin-top: 40px; }
.adresDetay { padding-right: 40px; border-right: 1px solid #e0e0e0; margin-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 72%; }
.d-flex.flex-row.adresSecim { width: 28%; }
.adresBilgi { width: 71%; }
.adresSecim { width: 28%; }
.adresSecim .custom-control + .custom-control { margin-top: 14px; }
.adresBilgi h6 { margin-bottom: 10px; font-weight: 500; font-size: 19px; }
.adresBilgi p { margin-bottom: 0; line-height: 26px; }
.adresSecim .custom-control { margin-right: 0 !important; font-weight: 500; }
.bordColor textarea { border-color: #e0e0e0; }
.payment-options ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
.payment-options ul li a { color: #000; display: block; padding: 20px 15px; font-size: 15px; font-weight: 400; border-bottom: 2px solid rgba(255, 255, 255, 0); }
.payment-options ul li.active a { font-weight: bold; border-bottom: 2px solid #000; }
.payment-options { margin-bottom: 10px; }
.odemeSecenek { padding: 30px; border: 1px solid #e0e0e0; border-radius: 3px; background: #e0e0e0; color: #000; display: none; }
.odemeYazi { padding: 50px 0; text-align: center; }
.odemeYazi h4 { font-weight: 500; }
h5.odemeAcklama { font-size: 18px; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 20px; }
.odemeBilgi p { margin-bottom: 0; }
.odemeImg { max-width: 120px; }
.odemeBilgi { margin-left: 30px; }
.odemeBanks + .odemeBanks { margin-top: 30px; }
.infoGroups { margin-top: 30px; display: inline-block; width: 100%; }
.adresInfo { padding: 30px; border: 1px solid #e0e0e0; height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.info h6 { font-weight: bold; }
.info p { margin-bottom: 0; line-height: 26px; }
.forms.d-flex.flex-row.wdOk { display: inline-block !important; float: left !important; margin-top: 15px; }
.forms.d-flex.flex-row.wdOk .custom-control { margin-bottom: 8px; }
.card-wrap { width: 320px; border: 1px solid #cCc; padding: 15px; background: #fff; display: table; margin: auto; }
.card-type { width: 30px; margin-left: 10px; }
.card-type i { font-size: 28px; }
.card-wrap input, .card-wrap .select2-container .select2-selection--single { background: #eee !important; }
.cvv-type img { position: absolute; right: -100px; top: -15px; width: 103px; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.cvv-type { position: relative; }
.cvv-type:hover img { right: -55px; opacity: 1; visibility: visible; }
.cvv-type h6 { margin-bottom: 0; margin-left: 8px; cursor: pointer; }
.wdOk a { color: #000; font-weight: bold; }
.wdOk label.custom-control-label { font-size: 13px; }
.tableWidth tr td:nth-child(1) { width: 40%; vertical-align: middle; }
a.table-link { display: block; color: #000; font-weight: bold; }
.tableWidth tr td { background: none; }
.siparisOrderDetail .custom-control.custom-radio img { position: relative; top: -6px; }
.orderCongrat .alert { margin: 0 15px 30px 0 !important; width: 100% !important; }
.orderCongrat { margin-top: 30px; }
section.page.sepetScreen .alert a { color: #000; font-weight: 500; }
.order-info { margin-top: 30px; }

/*  ---  / [SEPET] ----  */
.belgeTablo tr td,
.belgeTablo tr th { border: 1px solid #00cad7; padding: 15px !important; font-weight: 400; line-height: 27px; font-style: normal; }
.belgeTablo tr td,
.belgeTablo tr th,
.scrollArea.sozlesmeDetay ol li { font-family: Montserrat; font-size: 14px; letter-spacing: normal; color: #095257; }
.wd100.belge .head h4 { font-weight: 700; margin-bottom: 30px; }
.wd100.belge { padding-top: 20px; border-top: 1px solid #00cad7; margin-top: 30px; }
.belgeTablo tr th { font-weight: 700; }
.belgeTablo tr td:first-child a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.belgeTablo tr td img { width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.belgeTablo tr th small { font-size: 100%; font-weight: 700; }
.belgeTablo tr td i { font-style: normal; }
.belgeTablo tr td a { color: #000; }
div#onbilgilendirme_detay .sozlesmeDetay { padding: 50px; background: #fff; border: 1px solid #00cad7; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px 0px; width: calc(100% - 30px); background: #eafdfe !important; max-height: 400px; overflow-y: scroll; }
table.ozelTablo6.productsL tr td { border: 1px solid #00cad7; padding: 10px; text-align: center; }
table.ozelTablo6.productsL { width: 100%; }
.scrollArea.sozlesmeDetay p { font-weight: 400; font-family: Montserrat; font-size: 14px; line-height: normal; letter-spacing: normal; color: #095257; line-height: 27px; }
.scrollArea.sozlesmeDetay ul li { font-weight: 400; font-size: 14px; line-height: 2; letter-spacing: normal; color: #095257; list-style-type: initial; margin-left: 20px; }
.info p:first-child { text-align: center; font-size: 18px; }
h4.scrollHead.inlineS { display: table; text-align: center; font-size: 26px; color: #1c8d90; text-transform: uppercase; margin: 30px auto; }
.scrollArea.sozlesmeDetay ol li { font-weight: 400; font-size: 14px; line-height: 2; letter-spacing: normal; color: #095257; list-style-type: inherit; margin-left: 15px; }
.scrollArea.sozlesmeDetay { padding: 50px; background: #fff; border: 1px solid #00cad7; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px 0px; width: calc(100% - 30px); background: #eafdfe !important; max-height: 400px; overflow-y: scroll; }

/* Default */
.page { min-height: 80vh; }

@media only screen and (max-width: 991px){
.page {
    min-height: 60vh;
}
}
  .single-page ul li, .single-page ol li {
      list-style: inherit;
  }

  .single-page ul, .single-page ol {
      padding-left: 20px;
  }
.single-page {
    padding: 60px 0;
}

.single-page h2 {
    font-weight: bold;
    font-size: 40px;
    color: #101a2b;
    margin-bottom: 30px;
}

.single-page .table td,
.single-page .table th {
    border: 1px solid rgba(38, 168, 80, 0.38);
}

@media only screen and (max-width: 767px){
  .single-page h2 {
      font-size: 28px;
  }

  .single-page {
      padding: 20px 10px 20px;
  }
}

.special-container{padding: 0 12.6vw;}

.button{font-weight: 500;font-size: 15px;letter-spacing: 0.15em;color: #101a2b;display: inline-block;border: 1px solid #041735;background: #fff;border-radius: 100px;position: relative;padding: 10px 40px 10px 15px;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);outline: none !important;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.button span{position: relative;}
.button .button-arrow{position: absolute;right: -10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #fff;padding: 0px 0 4px;}
.button .button-arrow svg{  }
.button:hover {color: #101a2b;-webkit-transform: translateX(5px);-ms-transform: translateX(5px);transform: translateX(5px);}
.button:before {content: "";position: absolute;top: -1px;bottom: -1px;right: 0;width: 0;background: #fff;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.button:hover:before { width: 105%; }
.button:hover span {}
/* Page Title */
  .page-title{height: 390px;position: relative;}
  .page-title.page-inner ol.breadcrumb li:last-child {
    display: none;
}
.page-title .page-title-content .page-title-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}
.contact-page .page-title .page-title-content .page-title-bg {
    display: none;
}
  .page-title .page-title-content .page-title-bg:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #000;opacity: 0.56;}
  .page-title:after { content: ""; position: absolute; bottom: -45px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 7px; height: 90px; background: #041735; border-radius: 100px; }
  .page-title .page-title-content{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;overflow: hidden;}
  .page-title .page-title-content .page-title-text{position: relative;margin-top: 80px;}
  .page-title .page-title-content .page-title-text h1{font-weight: bold;font-size: 60px;color: #fff;text-align: center;}

  @media only screen and (max-width: 1370px){
    .contact-page .page-title {
      position: absolute;
      top: 0;
      /* right: 0; */
      /* left: 0; */
    }

    .page-title .page-title-content .page-title-text h1 {
      font-size: 40px;
      text-align: center;
      margin-bottom: 10px;
    }

    ol.breadcrumb li {
      font-size: 15px;
    }

    .page-title .page-title-content .page-title-text {
      margin-top: 30px;
    }

    .page-title {
      height: 350px;
    }
  }

  @media only screen and (max-width: 991px){
    .page-title {
      height: 310px;
    }

    .page-title .page-title-content .page-title-text {
      margin-top: 40px;
    }
  }

  @media only screen and (max-width: 767px){
    .page-title .page-title-content .page-title-text h1 {
      font-size: 26px;
    }

    ol.breadcrumb li {
      font-size: 13px;
    }

    .page-title {
      height: 250px;
    }

    .page-title .page-title-content:after {
      height: 60px;
      bottom: -30px;
    }

    .page-title:after {
      height: 60px;
      bottom: -30px;
    }
    .contact-page .page-title:before {
      opacity: 0.9;
    }

    .contact-page .page-title .page-title-content .page-title-text {
      margin-top: 20%;
    }
  }

/* Search */
  .search-active header .header-container .header-menu {opacity: 0.15;pointer-events: none;}
  .search-active header .header-container .header-user,
  .search-active header .header-container .header-basket,
  .search-active header .header-container .header-language { opacity: 0.15; pointer-events: none; }
  .search-active .search {
    opacity: 1;
    visibility: visible;
  }

  .search{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 999999;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0.9)));background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0.9) 100%);background: linear-gradient(#000 0%, rgba(0, 0, 0, 0.9) 100%);opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .search .search-container{height: 100%;padding: 10.5vw 0;}
  .search .search-container .result-wrap {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;max-width: 1100px;margin: 0 auto;}
  .search .search-container .result-item{  }
  .search .search-container .result-item + .result-item {margin-left: 10.5vw;padding-left: 10.5vw;border-left: 1px solid #707070;}
  .search .search-container .result-item h2{font-weight: bold;font-size: 2.6vw;text-align: left;color: #041735;margin-bottom: 3.6vw;}
  .search .search-container .result-item ul{max-height: 21vw;overflow-x: hidden;overflow-y: auto;padding-right: 10.5vw;margin-right: -10.7vw;}
  .search .search-container .result-item ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #ffffff00;
            box-shadow: inset 0 0 5px #ffffff00; 
    border-radius: 0;
    background: #ffffff00;
  }
  .search .search-container .result-item ul li{  }
  .search .search-container .result-item ul li + li{margin-top: 65px;}
  .search .search-container .result-item ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .search .search-container .result-item ul li a img{width: 4.4vw;height: 4.4vw;border-radius: 100%;background-color: #fff;margin-right: 1.4vw;}
  .search .search-container .result-item ul li a .result-item-text{  }
  .search .search-container .result-item ul li a .result-item-text h3{font-weight: bold;font-size: 1.15vw;color: #fff;margin-bottom: 0;white-space: nowrap;max-width: 13.6vw;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
  .search .search-container .result-item ul li a .result-item-text h4{font-weight: 500;font-size: 15px;color: #6e7b91;margin-bottom: 0;padding-left: 15px;margin-top: 15px;position: relative;}
  .search .search-container .result-item ul li a .result-item-text h4:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 0;height: 0;border-style: solid;border-width: 2.5px 0 2.5px 4px;border-color: transparent transparent transparent #6E7B91;}

  .search .search-container .result-category.result-item h2 {margin-bottom: 2vw;}
  .search .search-container .result-category.result-item ul {padding-left: 0;min-height: 350px;max-height: 40vh;}
  .search .search-container .result-category.result-item ul li {position: relative;padding-left: 30px;}
  .search .search-container .result-category.result-item ul li:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 20px;height: 20px;background-image: url(../img/main/list-img.png);background-size: contain;background-repeat: no-repeat;background-position: center;}
  .search .search-container .result-category.result-item ul li + li {margin-top: 20px;}
  .search .search-container .result-category.result-item ul li a{opacity: 0.3;padding-left: 10px;}
  .search.active .search-container .result-wrap {
    opacity: 1;
    visibility: visible;
  }

  .search .search-container .result-category.result-item ul li a:hover {
    opacity: 1;
  }

   @media only screen and (max-width: 1450px){
      .search .search-container .result-item ul {
          margin-right: -10.8vw;
          max-height: 27vw;
      }
  }

  @media only screen and (max-width: 1370px){
    .search .search-container .result-item ul {
        max-height: 21vw;
    }
  }


 @media only screen and (max-width: 1199px){
   .search .search-container {
      padding: 23vw 0;
  }

  .search .search-container .result-item ul {
      max-height: 41vw;
  }
 }

    @media only screen and (max-width: 991px){
     .search .search-container {
      padding: 17vw 0;
    }
    .search .search-container .result-item ul {
        margin-right: -7vw;
    }
    .search .search-container .result-category.result-item ul li a {
      opacity: 1;
  }
    .search .search-container .result-item h2 {
      font-size: 4.5vw;
      margin-bottom: 5.6vw;
    }

    .search .search-container .result-item ul li a .result-item-text h3 {
      font-size: 2.5vw;
      max-width: 28vw;
    }

    .search .search-container .result-item ul li a img {
      width: 8vw;
      height: 8vw;
      margin-right: 3vw;
    }

    .search .search-container .result-item + .result-item {
      margin-left: 6.5vw;
      padding-left: 6.5vw;
    }

    .search .search-container .result-category.result-item h2 {
      margin-bottom: 5vw;
    }

    .search .search-container .result-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%;
    }

    .search .search-container .result-category.result-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 30%;
              flex: 0 0 30%;
    }   
  }

  @media only screen and (max-width: 767px){
    .search .search-container .result-wrap {
      display: block;
      margin:;
    }

    .search .search-container .result-item h2 {
      font-size: 23px;
      margin-bottom: 20px;
    }

    .search .search-container .result-item ul li a img {
      width: 50px;
      height: 50px;
      margin-right: 20px;
    }

    .search .search-container .result-category.result-item ul li a {
      opacity: 0.8;
      padding-left: 4px;
      margin-top: 0;
    }

      .search {
      z-index: 9999999999;
      top: 130px;
    }

    .search-active .mobil-menu-search {
      background: #000;
    }

    .search .search-container .result-item ul li a .result-item-text h3 {
      font-size: 17px;
      max-width: 55vw;
    }

    .search .search-container .result-item ul li a .result-item-text h4 {
      margin-top: 10px;
    }

    .search .search-container .result-item ul {
      padding-right: 0;
      max-height: 30vh;
    }

    .search .search-container .result-item ul li + li {
      margin-top: 40px;
    }

    .search .search-container .result-category.result-item {
      margin-top: 30px;
      border-left: 0;
      margin-left: 0;
      padding-left: 0;
      border-top: 1px solid #707070;
      padding-top: 20px;
      margin-top: 30px;
    }

    .search .search-container .result-category.result-item ul {
      padding: 0 0 3px;
      min-height: auto;
      max-height: 25vh;
    }

    .search .search-container {
      padding: 30px 20px 0;
      max-height: 80vh;
      overflow-y: auto;
      overflow-x: hidden;
    }
     .search .search-container .result-item ul::-webkit-scrollbar {
      width: 0px;
     }
      .search .search-container::-webkit-scrollbar {
        width: 0px;
      }
  }

/* Header */
  header.fixed-active {background: #080808;-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);height: 90px;}
  header.fixed-active .header-container {/* padding: 20px 4.7vw 20px; */-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
  header.fixed-active .header-container .header-menu > ul {/* transform: translateY(-4px); */}
header.fixed-active:before {
    opacity: 0;
}

  header{position: absolute;left: 0;right: 0;top: 0;z-index: 9999999;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  header.inner-header:before { opacity: 0; }
  header:before {content: "";position: absolute;top: 0;right: 0;left: 0;height: 25.5vh;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.61;pointer-events: none;}
  header .header-container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 40px 4.7vw 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: flex-start;position: relative;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  header .header-container .header-logo{}
  header .header-container .header-logo a { display: block; }
  header .header-container .header-logo img{max-width: 300px;}

  header .header-container .header-menu{margin: 0 6.8vw 0 7.6vw;opacity: 1;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  header .header-container .header-menu > ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: initial;-webkit-box-direction: initial;-ms-flex-direction: initial;flex-direction: initial;-webkit-transform: translateY(-4px);-ms-transform: translateY(-4px);transform: translateY(-4px);}
  header .header-container .header-menu ul li{position: relative;}
  header .header-container .header-menu > ul > li + li{margin-left: 2.6vw;}
  header .header-container .header-menu > ul > li > a{font-weight: 500;font-size: 1vw;color: #fff;}

  header .header-container .header-search{margin-right: 4.8vw;margin-top: -10px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  header .header-container .header-search .header-search-div{position: relative;width: 19.4vw;}
  header .header-container .header-search .header-search-div input{background: #fff0;border: none;border-bottom: 1px solid #fff;width: 100%;padding-bottom: 5px;font-weight: 500;font-size: 20px;color: #fff;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  header .header-container .header-search .header-search-div .search-icon{position: absolute;right: 0;top: 40%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
  header .header-container .header-search .header-search-div .search-icon svg{  }


  header .header-container .header-user,
  header .header-container .header-basket,
  header .header-container .header-language { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
  header .header-container .header-user{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-bottom: 20px;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
  header .header-container .header-user .user-icon{}
  header .header-container .header-user .user-icon svg{}
  header .header-container .header-user > span{font-weight: bold;font-size: 12px;color: #fff;display: block;margin: 0 14px 0 10px;cursor: pointer;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  header .header-container .header-user .user-arrow{  }
  header .header-container .header-user .user-arrow svg{  }

  .userbar-active header .header-container .header-menu {
      opacity: 0.15;
      pointer-events: none;
  }

  .userbar-active header .header-container .header-search, .userbar-active header .header-container .header-basket, .userbar-active header .header-container .header-language {
      opacity: 0.15;
      pointer-events: none;
  }

  header .header-container .header-user .user-dropdown ul li a span { display: inline-block; min-width: 20px; margin-right: 5px; text-align: center; }
  header .header-container .header-user .user-dropdown.active {opacity: 1;visibility: visible;z-index: 9;}
  .header-user .user-dropdown {background: #fff;width: 240px;border-radius: 20px;position: absolute;top: 40px;left: -20px;padding: 32px 20px 20px;opacity: 0;visibility: hidden;z-index: -1;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  header .header-container .header-user .user-dropdown ul li a { font-weight: 500; font-size: 15px; color: #6e7b91; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  header .header-container .header-user .user-dropdown ul li a:hover {
    color: #000;
}
.header-user .user-dropdown:before {content: "";position: absolute;top: -5px;left: 30px;width: 76px;height: 9px;background: #041735;border-radius: 100px;}

  header .header-container .header-user .user-dropdown ul li a svg { min-width: 12px; height: 15px; }
  .user-dropdown ul li + li { margin-top: 20px; }
  header .header-container .header-user .user-dropdown ul li:nth-child(1) a { font-weight: bold; color: #101a2b; }
  .user-dropdown ul:before {content: "";position: absolute;top: -4px;left: 17px;width: 66px;height: 9px;background: #041735;border-radius: 100px;visibility: hidden;}
  header .header-container .header-user .user-dropdown ul li:nth-child(1) a svg path { fill: #101A2B; stroke: #101A2B; }

    .user-dropdown.first-userbar ul li + li { margin-top: 0; margin-left: 20px; padding-left: 20px; border-left: 1px solid #041735; }
  .user-dropdown.first-userbar {width: 19.4vw;max-width: 370px;padding-bottom: 30px;left: -30px;}

  .login-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}

.login-overlay.active {
    display: block;
}

  .user-dropdown.first-userbar ul li a.active {font-weight: bold;color: #101a2b;}
  .user-dropdown.first-userbar ul li:nth-child(1) a.active {font-weight: bold;color: #101a2b;}
  .user-dropdown.first-userbar ul li:nth-child(1) a { font-weight: 500; color: #6e7b91; }
  .user-dropdown.first-userbar ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; border-bottom: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .user-dropdown.first-userbar .form-div .form-control:focus { border-color: #ced4da; }
  .user-dropdown.first-userbar .form-div + .form-div { margin-top: 15px; }
  .user-dropdown.first-userbar .form-div .form-control { font-weight: 500; font-size: 14px; color: #909691; height: 50px; border-radius: 100px; padding: 0 25px; -webkit-box-shadow: none !important; box-shadow: none !important; }
  .user-dropdown.first-userbar button {display: block;margin: 25px auto 0;}
  .user-dropdown.first-userbar ul:before {
    left: 35px;
  }

  header .header-container .header-basket{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 3.1vw;cursor: pointer;}
  header .header-container .header-basket .basket-title{font-weight: bold;font-size: 12px;color: #fff;}
  header .header-container .header-basket .basket-count{font-weight: bold;font-size: 12px;color: #fff;background-image: url(../img/main/basket-bg.svg);width: 15px;height: 15px;display: block;text-align: center;line-height: 15px;position: relative;background-size: cover;margin-left: 5px;}
  header .header-container .header-basket .basket-count:before {content: "";position: absolute;top: -2px;right: -2px;width: 4px;height: 4px;background: #041735;border-radius: 100%;}
header .header-container .header-basket svg {
    display: none;
}
  header .header-container .header-language{  }
  header .header-container .header-language a{font-weight: 500;font-size: 22px;color: #fff;}

  header .header-container .header-menu ul li ul li { padding-left: 15px; }
  header .header-container .header-menu > ul li ul { position: absolute; top: 40px; left: 10%; background: #fff; width: 310px; padding: 22px 20px 20px; border-radius: 20px; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
  header .header-container .header-menu > ul li ul:before {content: "";position: absolute;top: -4px;left: 17px;width: 40px;height: 9px;background: #041735;border-radius: 100px;}
  header .header-container .header-menu > ul li ul:after {content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;text-align: right;background-image: url(../img/main/sub-menu-logo.png);background-size: cover;background-position: bottom;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
  header .header-container .header-menu > ul li ul li:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-image: url(../img/main/list-img.png);background-size: contain;width: 10px;height: 10px;background-repeat: no-repeat;}
  header .header-container .header-menu > ul li ul li + li { margin-top: 6px; }
  header .header-container .header-menu > ul li ul li a {font-weight: 500;font-size: 15px;color: #101a2b;}
  header .header-container .header-menu > ul li:hover ul { opacity: 1; visibility: visible; z-index: 9; }
  header .header-container .header-menu > ul > li { padding-bottom: 10px; top: 10px; }

  header .header-container .header-menu > ul > li:hover > a { color: #fff; }
  header .header-container .header-menu > ul li ul li a:hover { color: #000; }
  header .header-container .header-language a:hover { color: #041735; }

  header.product-header .header-container .header-search .header-search-div input { border-color: #101A2B; }
  header.product-header .header-container .header-user span { color: #101A2B; }
  header.product-header .header-container .header-user .user-icon svg path {fill: #101A2B;stroke: #101A2B;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  header.product-header .header-container .header-basket .basket-title { color: #101A2B; }
  header.product-header .header-container .header-language a { color: #101A2B; }

  header.product-header .header-container .header-search .header-search-div .search-icon svg path {
    fill: #101A2B;
  }
  
  .userbar-active header.product-header .header-container .header-user > span {
      color: #fff;
  }

  .userbar-active header.product-header .header-container .header-user .user-icon svg path {
      fill: #fff;
      stroke: #fff;
  }

  .search-active header.product-header .header-container .header-search .header-search-div .search-icon svg path {
    fill: #fff;
  }

  .search-active header.product-header .header-container .header-search .header-search-div input {
    border-color: #fff;
  }

  @media only screen and (max-width: 1850px){
    header .header-container .header-menu { margin: 0 4vw 0 5vw; }
    header .header-container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  }

   @media only screen and (max-width: 1780px){
    header.product-header .header-container .header-menu {
        margin-left: 2vw;
        margin-right: 7vw;
    }
  }

  @media only screen and (max-width: 1620px){
    header .header-container .header-menu { margin-left: 3vw; }
    header .header-container .header-basket { margin: 0 2vw; }
    header.product-header .header-container .header-logo {
        max-width: 180px;
    }
  }

   @media only screen and (max-width: 1560px){
    header.product-header .header-container .header-menu {
        margin-left: -1vw;
        margin-right: 7vw;
    }
  }

  @media only screen and (max-width: 1440px){
    header.product-header .header-container .header-menu > ul > li + li {
      margin-left: 2vw;
  }
  }

  @media only screen and (max-width: 1370px){
    header.product-header .header-container .header-menu > ul > li > a {
        margin-bottom: 10px;
        display: block;
    }


    header.product-header .header-container .header-menu > ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-width: 160px;
    }

    header.product-header .header-container .header-menu > ul > li + li {
        margin-left: 0;
    }

    header.product-header .header-container .header-menu > ul > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        text-align: center;
    }

    header.product-header .header-container .header-menu > ul > li ul {
        text-align: left;
    }

    header .header-container .header-menu { margin: 0 3vw 0 -1vw; }
    header .header-container .header-basket { margin: 0 1vw; }
    header .header-container .header-search { margin-right: 2vw; }
  
        .user-dropdown.first-userbar .form-div .form-control { height: 40px; font-size: 14px; }
    .user-dropdown.first-userbar ul li a { font-size: 13px; }
    .user-dropdown.first-userbar button { font-size: 13px; padding: 5px 30px 7px 15px; }
    .user-dropdown.first-userbar .button .button-arrow svg { width: 23px; height: 10px; }
  }

  @media only screen and (max-width: 1199px){
    header.product-header .header-container .header-menu > ul > li > a{
        color: black;
    }


    header .header-container .header-logo img { max-width: 70%; }
    header .header-container .header-menu { margin: 0 3vw 0 -4vw; }   
  
        .user-dropdown.first-userbar .form-div .form-control { height: 35px; font-size: 12px; }
    .user-dropdown.first-userbar ul li a { font-size: 12px; }
  }

  @media only screen and (max-width: 991px){
header.product-header .header-container .header-search .header-search-div input {
    border-color: #fff;
}

header.product-header .header-container .header-search .header-search-div .search-icon svg path {
    fill: #fff;
}

    header .header-container .header-menu{ display:none;}
    header .header-container .header-user{ display:none;}
    header .header-container .header-language{ display:none;}
    header .header-container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:30px;/* padding-right:85px; */}
    header .header-container .header-logo{position: absolute;top:28px;left:30px;}
    header .header-container .header-search{margin-right:30px;}
    header .header-container .header-search .header-search-div{ width:30vw;}
    header.fixed-active .header-container{ -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
    header.fixed-active{ height:85px;}
    header{height:85px;background:#fff0;position: fixed;}

.mobile-menu-open header {
    background: #000;
}
    .user-dropdown.first-userbar .user-dropdown-close {
      text-align: center;
      margin-bottom: 50px;
    }

    .user-dropdown.first-userbar .user-dropdown-close svg path {
      fill: #000;
    }
    .user-dropdown.first-userbar .user-dropdown-close {
    /* position: sticky; */
    top: 0;
}

.user-dropdown.first-userbar .user-dropdown-close:before {content: "";position: absolute;top: -30px;left: 0;right: 0;bottom: -40px;background: linear-gradient(to bottom, white 30%, #ffffff00);z-index: -1;pointer-events: none;}


.user-dropdown.first-userbar.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.user-dropdown.first-userbar::-webkit-scrollbar {
  width: 0px;
}
    .user-dropdown.first-userbar {
      width: 100%;
      max-width: 100%;
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), color-stop(54%, #fff));
      background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6), #fff 54%);
      background: linear-gradient(to top, rgba(255, 255, 255, 0.6), #fff 54%);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      z-index: 999999999999;
      padding-top: 30px;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      display: block !important;
      overflow-y: auto;
      overflow-x: hidden;
    }

    .user-dropdown.first-userbar ul li a {
      font-size: 17px;
      color: #000;
      opacity: 0.6;
    }
    .user-dropdown.first-userbar ul li a.active {
    opacity: 1;
}

    .user-dropdown.first-userbar .form-div .form-control {
      height: 45px;
      font-size: 13px;
      width: 90%;
      margin: 0 auto;
      background: #fff0;
      border-color: #4bb36b;
    }

    .user-dropdown.first-userbar ul li:nth-child(1) a {
      color: #000;
    }

    .first-userbar .button .button-arrow {
      display: none;
    }

    .user-dropdown.first-userbar button {
      text-align: center;
      padding: 10px 35px;
      margin-top: 40px;
      background: #fff0;
      color: #041735;
    }

    .user-dropdown.first-userbar ul:before {
      visibility: hidden;
    }

    .user-dropdown.first-userbar ul {
      padding-bottom: 35px;
    }

    .user-dropdown.first-userbar .form-div + .form-div {
      margin-top: 20px;
    }

    .user-dropdown-mobil .button:before {
        visibility: hidden;
    }

    .user-dropdown-mobil .button:hover {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    header .header-container .header-basket svg {
      width: 20px;
      height: 30px;
      fill: #fff;
      display: block;
    }

    header .header-container .header-basket .basket-title {
      display: none;
    }

    header .header-container .header-basket {
      position: relative;
    }

    header .header-container .header-basket .basket-count {
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      margin: 0 auto;
    }

    header .header-container .header-basket .basket-count:before {
      visibility: hidden;
    }
  }

    @media only screen and (max-width: 767px){
    header .header-container{-webkit-transform: translateY(-9px);-ms-transform: translateY(-9px);transform: translateY(-9px);/* padding-right: 80px; */align-items: center;padding: 20px 4.7vw;}
    header .header-container .header-logo{left: 0;top: 0;position: relative;width: 130px;margin-left: 0;margin-right: auto;}
    header .header-container .header-logo img{max-width: 100%;}
    header .header-container .header-search .header-search-div input{position:fixed;top: 70px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:60%;opacity:0;visibility:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;font-size: 18px;}
    header .header-container .header-search .header-search-div .search-icon{-webkit-transform:translateY(-36%);-ms-transform:translateY(-36%);transform:translateY(-36%);display: none;}
    header.fixed-active{height: auto;}
    header.fixed-active .header-container{transform: translateY(0px);padding: 14px 4.7vw;}
    .hamburger-menu{/* top: 0.9rem; */}
    header{ height:70px;}
        .search-active header .header-container .header-search .header-search-div input {
      opacity: 1;
      visibility: visible;
    }
    header .header-container .header-search .header-search-div {
      width: auto;
    }
    header.product-header .header-container .header-search .header-search-div .search-icon svg path {
      fill: #fff;
    }
header .header-container .header-basket {
    margin-top: -2px;
}
    .mobile-menu-open .hamburger-menu {
      /* right: 1.8rem; */
      /* top: 0.8rem !important; */
      right: 2px;
    }
    header.product-header .header-container .header-basket .basket-title {
      color: #fff;
    }

    .mobil-search-close {
      right: 1.2rem;
      top: 0.8rem;
      position: fixed;
      width: 1.9rem;
      height: 2.8rem;
      cursor: pointer;
      z-index: 53;
      display: none;
    }

    .mobil-search-close .bar {
      display: block;
      position: absolute;
      width: 100%;
      height: 3px;
      background: #fff;
      left: 20%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
      top: 50%;
    }

    .mobil-search-close .bar:nth-child(1) {
      margin-top: 0px;
      -webkit-transform: translateX(-20%) rotate(45deg);
      -ms-transform: translateX(-20%) rotate(45deg);
          transform: translateX(-20%) rotate(45deg);
    }

    .mobil-search-close .bar:nth-child(2) {
      opacity: 0;
    }

    .mobil-search-close .bar:nth-child(3) {
      margin-top: 0px;
      -webkit-transform: translateX(-20%) rotate(-45deg);
      -ms-transform: translateX(-20%) rotate(-45deg);
          transform: translateX(-20%) rotate(-45deg);
    }

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

/* Main Slide */
  .dg.ac{ display: none; }

  #slider {width: 100%;height: 100%;}
  
  .main-slide{height: 100vh;position: relative;overflow: hidden;}
  .main-slide:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 232px;background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.61;pointer-events: none;}

  .main-slide .main-slide-container{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 90px;position: relative;overflow: hidden;}
  .main-slide .main-slide-container .main-slide-bg.active {  }
  .main-slide .main-slide-container .main-slide-bg{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
  .main-slide .main-slide-container .main-slide-text{position: relative;z-index: 2;margin-left: 7.3vw;width: 45vw;pointer-events: none;}
  .main-slide .main-slide-container .main-slide-text h1{font-weight: bold;font-size: 4.4vw;color: #fff;margin-bottom: 0.6vw;max-width: 100%;position: absolute;top: 0;left: 0;right: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;/* display: none; */opacity: 0;}
  .main-slide .main-slide-container .main-slide-text h1 span { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); display: inline-block; opacity: 0; visibility: hidden; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
  .main-slide .main-slide-container .main-slide-text h1.ani span {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;visibility: visible;}
  .main-slide .main-slide-container .main-slide-text h1 span.empty { width: 20px; }
  .main-slide .main-slide-container .main-slide-bg .slide-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: none; }
  .main-slide .main-slide-container .main-slide-bg .slide-link.active { display: block; }
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span{font-weight: 500;font-size: 2.6vw;color: #fff;/* display: none; */position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span > span{ -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); display: inline-block; opacity: 0; visibility: hidden; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span.ani > span {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;visibility: visible;}
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span > span.empty { width: 20px; }

  .main-slide .main-slide-container .main-slide-text .main-slide-title {position: relative;height: 5.3vw;transition: 0.4s;}
  .main-slide .main-slide-container .main-slide-text .main-slide-subtitle {position: relative;height: 3.68vw;}
  .main-slide .main-slide-container .main-slide-text span.active {/* opacity: 1; *//* visibility: visible; */}
    .main-slide .main-slide-container .main-slide-bg canvas { display: block; width: 100% !important; }
  .main-slide .main-slide-container .main-slide-pagi{position: relative;z-index: 1;height: 300px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .main-slide .main-slide-container .main-slide-pagi:before {content: "";position: absolute;top: 40px;bottom: 40px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 1px;background: #707070;}

  .main-slide .main-slide-container .main-slide-text h1.active {
    opacity: 1;
  }
.main-slide .main-slide-container .main-slide-text h1.active span {
    opacity: 1;
    visibility: visible;
    transform: rotate(0);
}

.main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span.active > span {
    opacity: 1;
    visibility: visible;
    transform: rotate(0);
}
  .main-slide .main-slide-container .main-slide-text h1.show {
    display: block;
  }

  .main-slide .main-slide-container .main-slide-subtitle span.active {
    opacity: 1;
    visibility: visible;
  }

  .main-slide .main-slide-container .main-slide-subtitle span.show {
    display: block;
  }

  .main-slide .main-slide-container .main-slide-pagi:after {content: "";position: absolute;top: 40px;left: 50%;height: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 3px;background: #fff; -webkit-transition: 5s; -o-transition: 5s; transition: 5s; }
  .main-slide .main-slide-container .main-slide-pagi.activep:after {height: 73%;}
  .main-slide .main-slide-container .main-slide-pagi.activep-2:after {top: 87%;height: 0;}
  .main-slide .main-slide-container .main-slide-pagi.activep-3:after { top: 40px; -webkit-transition: none; -o-transition: none; transition: none; }
  .main-slide .main-slide-container .main-slide-pagi.in-activep:after { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

  .main-slide .main-slide-container .main-slide-pagi span{ font-weight: bold; font-size: 1.1vw; color: #fff; }
  .main-slide .main-slide-container .main-slide-pagi .first-pagi{  }
  .main-slide .main-slide-container .main-slide-pagi .last-pagi{  }

  .main-slide .main-slide-bottom{position: absolute;z-index: 9999;bottom: 0;left: 0;right: 0;padding: 0 190px 69px 90px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .main-slide .main-slide-bottom .main-slide-bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .main-slide .main-slide-bottom .main-slide-tel{margin-right: 150px;}
  .main-slide .main-slide-bottom .main-slide-tel a{font-weight: 500;font-size: 1.1vw;color: #fff;display: block;}
  .main-slide .main-slide-bottom .main-slide-tel a:hover { color: #39c565; }
  .main-slide .main-slide-bottom .social-media ul li a:hover svg path {
    fill: #041735;
  }
  .main-slide .main-slide-bottom .social-media ul li a svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }


  /* Slider Btn */
  .slide-btn {position: absolute;top: 0;bottom: 0;width: 31.5vw;z-index: 99;cursor: none;opacity: 0;transition: 0.5s;}
  .slider-button-icon.button-next svg { transform: rotate(-35deg); }
  .slider-button-icon.button-next.active svg { transform: rotate(0); }
  .slider-button-icon.button-prev.active svg { transform: rotate(180deg); }
  .slide-btn.prev-btn {left: 0;right: auto;background: linear-gradient(to right, black, #00000000);}
  .slide-btn.next-btn {right: 0;left: auto;background: linear-gradient(to left, black, #00000000);}
  .slider-button-icon.button-prev svg { transform: rotate(235deg); }
  .slider-button-icon { position: absolute; top: 0; left: 0; z-index: 9999; pointer-events: none; }
  .slide-btn.active { opacity: 1; }
  .slide-btn.in-active { pointer-events: none; }
  .slider-button-icon svg {width: 8vw;height: 8vw;}
  .slider-button-icon.active svg { opacity: 1; }
  .slider-button-icon svg path { fill: #041735; }
  .slider-button-icon svg { opacity: 0; transition: 0.5s; }

  .slide-btn.next-btn > svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 9.4vw;
      height: 9.4vw;
  }

  .slide-btn.next-btn > svg path {
      fill: #041735;
  }

  @-webkit-keyframes scrolldown {
    0%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    50%{
      -webkit-transform: translate(-50%, 70px);
              transform: translate(-50%, 70px);
    }
    100%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); 
    }
  }

  @keyframes scrolldown {
    0%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    50%{
      -webkit-transform: translate(-50%, 70px);
              transform: translate(-50%, 70px);
    }
    100%{
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); 
    }
  }

  .main-slide .main-slide-bottom .main-slide-scrollbtn{display: -webkit-box;display: -ms-flexbox;display: flex;cursor: pointer;}
  .main-slide .main-slide-bottom .main-slide-scrollbtn .scrollbtn-line.active { height: 400px; }
  .main-slide .main-slide-bottom .main-slide-scrollbtn .scrollbtn-line{height: 100px; background: #D6D6D6;width: 1px;position: absolute;-webkit-transition: 2s;-o-transition: 2s;transition: 2s;}
  .main-slide .main-slide-bottom .main-slide-scrollbtn .scrollbtn-line:before {content: "";position: absolute;top: 10px;left: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 10px;height: 10px;background: #041735;border-radius: 100%;-webkit-animation: scrolldown 3s ease-in-out both infinite;animation: scrolldown 3s ease-in-out both infinite;}
  .main-slide .main-slide-bottom .main-slide-scrollbtn span{font-weight: 500;font-size: 1.1vw;color: #d6d6d6;display: block;margin-top: -5px;margin-left: 15px;}

  .social-media{  }
  .social-media ul{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .social-media ul li{position: relative;}
  .social-media ul li + li{margin-left: 13px;padding-left: 13px;}
  .social-media ul li + li:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1px;background: #fff;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}
  .social-media ul li a{  }

  @media only screen and (max-width: 1199px){
    .main-slide .main-slide-bottom{padding-right: 90px;}
  }

  @media only screen and (max-width: 991px){
    .main-slide .main-slide-bottom .main-slide-scrollbtn {
      display: none;
    }

    .main-slide .main-slide-container .main-slide-pagi span {
      font-size: 15px;
    }

    .main-slide .main-slide-bottom .main-slide-tel a {
      font-size: 20px;
    }

    .main-slide .main-slide-bottom .main-slide-tel {
      margin-right: 0;
    }

    .main-slide .main-slide-container {
      padding: 0 40px;
    }

    .main-slide {
      height: calc(100vh - 350px);
    }
  }

  @media only screen and (max-width: 767px){
    .main-slide .main-slide-bottom {
      display: none;
    }

    .main-slide .main-slide-container .main-slide-text h1 {
      font-size: 7vw;
      max-width: 100%;
    }

    .main-slide .main-slide-container .main-slide-text .main-slide-title {
      height: 10vw;
    }

    .main-slide .main-slide-container .main-slide-text span {font-size: 6vw;}

    .main-slide .main-slide-container .main-slide-text .main-slide-subtitle {
      height: 8vw;
      width: 100%;
    }

    .main-slide .main-slide-container .main-slide-pagi span {
      font-size: 13px;
    }

    .main-slide .main-slide-container .main-slide-pagi {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

    .main-slide .main-slide-container .main-slide-pagi:after {
      top: 50%;
      left: 30px;
      right: 0;
      bottom: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      width: 0;
      height: 2px;
    }

    .main-slide .main-slide-container .main-slide-pagi.activep:after {
      height: 2px;
      width: calc(100% - 60px);
    }



  .main-slide .main-slide-container .main-slide-pagi.activep-2:after {
    top: 50%;
    left: calc(100% - 30px);
    width: 0;
  }

  .main-slide .main-slide-container .main-slide-pagi.activep-3:after {
    top: 50%;
    left: 30px;
  }


    .main-slide .main-slide-container .main-slide-text h1 span.empty {
      width: 6px;
    }

    .main-slide .main-slide-container .main-slide-text .main-slide-subtitle > span > span.empty {
      width: 7px;
    }

    .main-slide .main-slide-container .main-slide-pagi:before {
      top: 50%;
      height: 1px;
      left: 30px;
      right: 0;
      width: calc(100% - 60px);
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
    }

    .main-slide .main-slide-container .main-slide-text {
      margin-left: 0;
      position: absolute;
      bottom: 70px;
      left: 20px;
      right: 20px;
      width: 100%;
    }

    .main-slide:after {
      opacity: 0.8;
      height: 200px;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #000), to(rgba(0, 0, 0, 0)));
      background: -o-linear-gradient(bottom, #000 30%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to top, #000 30%, rgba(0, 0, 0, 0) 100%);
    }
  }

/* Main About */
  .main-about{padding: 160px 0 130px;position: relative;z-index: 99;}
  .main-about .special-container{}

  .main-about .main-about-img{position: relative;z-index: 9;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
  .main-about .main-about-img.active:before { bottom: -40px; }
  .main-about .main-about-img:before {content: "";position: absolute;bottom: 0;right: 30%;height: 100px;width: 1px;background: #D6D6D6;-webkit-transition: 2s 1s;-o-transition: 2s 1s;transition: 2s 1s;}
  .main-about .main-about-img img{position: relative;border-radius: 12px;}

  .main-about .main-about-img .second-img {
    text-align: right;
    margin-top: -80px;
    position: relative;
    z-index: 9;
    -webkit-transform: translateZ(90px);
            transform: translateZ(90px);
  }

  .main-about .main-about-img .second-img img {
    max-width: 20vw;
  }

  .main-about .main-about-img .first-img img {
    max-width: 17.1vw;
    margin-bottom: -10px;
  }
.main-about .main-about-img .first-img {
    -webkit-transform: translateZ(10px);
            transform: translateZ(10px);
}

  .main-about .main-about-img .main-about-img-icon {
    position: absolute;
    bottom: -80px;
    left: -60px;
    background-image: url(/uploads/about-icon-1.png);
    width: 15.7vw;
    height: 17.6vw;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateZ(40px);
            transform: translateZ(40px);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }

  .main-about .main-about-img .main-about-img-icon:before {content: "";position: absolute;top: -60px;right: 0.2vw;width: 4.7vw;height: 5.2vw;background-image: url(/uploads/about-icon-2.png);background-size: contain;background-repeat: no-repeat;z-index: 9;-webkit-transform: translateZ(90px);transform: translateZ(90px);}

  .main-about .main-about-content{margin-left: 130px;position: relative;z-index: 9;}
  .main-title h2{font-weight: bold;font-size: 2.6vw;color: #101A2B;margin-bottom: 4.2vw;position: relative;}
  .main-title h2:before {content: "";position: absolute;top: 50%;left: -12.6vw;width: 9.4vw;height: 5px;background: #101A2B;border-radius: 50px;opacity: 0.10;}
  .main-title h2 span{color: #041735;font-weight: 500;display: block;}

  .main-about .main-about-content .main-about-content-text{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .main-about .main-about-content .main-about-content-text ul{padding-left: 0;}
  .main-about .main-about-content .main-about-content-text ul li{font-weight: bold;font-size: 1.1vw;padding-left: 30px;position: relative;}
  .main-about .main-about-content .main-about-content-text ul li + li{margin-top: 20px;}
.main-about .main-about-content .main-about-content-text ul li:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 20px;height: 20px;background-image: url(../img/main/list-img.png);background-size: contain;background-repeat: no-repeat;background-position: center;}
  .main-about .main-about-content .main-about-content-text ul li a {
    color: #101a2b;
  }

    .main-about .main-about-content .main-about-content-text ul li a:hover {
    color: #041735;
}

  .main-about .main-about-content .main-about-content-text-item{margin-left: 6.8vw;}
  .main-about .main-about-content .main-about-content-text-item p{font-weight: 500;font-size: 1vw;color: #6e7b91;margin-bottom: 30px;}
  .main-about .main-about-content .main-about-content-text-item a{}

  @media only screen and (max-width: 1370px){
    .main-about .main-about-content .main-about-content-text-item {
      margin-left: 4vw;
    }

    .main-about {
      padding: 100px 0 130px;
    }
    .main-about .main-about-img .main-about-img-icon:before {right: 1.3vw;width: 4vw;height: 5vw;top: -3vw;}
  }

  @media only screen and (max-width: 991px){
    .main-title h2 {
      font-size: 30px;
    }

    .main-about .main-about-content {
      margin-left: 0;
    }

    .main-about .main-about-content .main-about-content-text-item p {
      font-size: 20px;
    }

    .main-about .main-about-content .main-about-content-text ul li {
      font-size: 19px;
    }

    .main-about {
      padding-bottom: 100px;
    }

    .main-about .main-about-content h2:before {
      visibility: hidden;
    }

    .main-about .main-about-img img {
      max-width: 80%;
    }

    .main-about .main-about-img {
      max-width: 500px;
      margin: 0 auto 100px;
    }

    .main-about .main-about-img .first-img img {
      max-width: 250px;
    }

    .main-about .main-about-img .second-img img {
      max-width: 300px;
    }

    .main-about .main-about-img .main-about-img-icon {
      width: 27vw;
      height: 27vw;
      bottom: -40px;
      left: 10px;
    }

    .main-about .main-about-img .main-about-img-icon:before {
      width: 7vw;
      height: 8vw;
      right: 2vw;
      top: -5vw;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }
  }

  @media only screen and (max-width: 767px){
    .main-title h2 {
      font-size: 23px;
    }

    .main-about .main-about-content .main-about-content-text {
      display: block;
      margin-top: 20px;
    }

    .main-about .main-about-content .main-about-content-text ul li a {
        font-size: 17px;
        display: block;
        -webkit-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
                transform: translateY(-1px);
    }

    .main-about .main-about-content .main-about-content-text ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-left: 0;
      margin-left: -6px;
    }

    .main-about .main-about-content .main-about-content-text ul li + li {
      margin-top: 0;
      margin-left: 20px;
    }

    .main-about .main-about-content .main-about-content-text ul li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 45%;
              flex: 1 1 45%;
      margin-bottom: 10px;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
    }

    .main-about .main-about-content .main-about-content-text ul li:nth-child(2n+1) {
      margin-left: 0;
    }

    .special-container {
      padding: 0 30px;
    }

    .main-about .main-about-img .second-img img {
      max-width: 250px;
    }

    .main-about .main-about-img .first-img img {
      max-width: 200px;
    }

    .main-about .main-about-img .second-img {
      margin-top: -30px;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }

    .main-about .main-about-img .main-about-img-icon {
      width: 40vw;
      height: 40vw;
      bottom: 40px;
      left: 0;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
    }

    .main-about .main-about-img {
      margin-bottom: 70px;
    }

    .main-about .main-about-content .main-about-content-text-item {margin-left: 0;margin-top: 10px;}

    .main-about .main-about-content .main-about-content-text-item p {
      font-size: 18px;
    }

    .main-about .main-about-content .main-about-content-text-item a {}

    .main-about {
      padding: 60px 0 70px;
    }
  }

/* About */
  .about{padding: 150px 0 250px;position: relative;}
  .real-about:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 35%;max-width: 650px;height: 80vh;background-image: url(../img/main/page-bg-icon.svg);background-size: contain;background-repeat: no-repeat;background-position: center;pointer-events: none;opacity: 0.05;z-index: -1;}
  .real-about .about-container{  }
  .real-about .about-container h2{font-weight: bold;font-size: 1.6vw;color: #101a2b;max-width: 46.3vw;margin: 0 auto 7.8vw;line-height: 2.6vw;text-align: center;}

  .about .about-container .about-content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .about .about-container .about-content .about-content-text{-webkit-box-flex: 0;-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 620px;margin-top: 0;}
  .about .about-container .about-content .about-content-text p{font-weight: 500;font-size: 1.6vw;line-height: 2.6vw;text-align: right;color: #6e7b91;margin-bottom: 0;}

  .about .about-container .about-content .about-content-vm{-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 580px;padding-left: 2.6vw;margin-left: 2.6vw;border-left: 1px solid rgba(16, 26, 43, 0.10);}
  .about .about-container .about-content .about-content-vm .about-content-vm-item{  }
  .about .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item{ margin-top: 80px; }
  .about .about-container .about-content .about-content-vm .about-content-vm-item h2{font-weight: 500;font-size: 1.5vw;color: #101a2b;margin-bottom: 25px;}
  .about .about-container .about-content .about-content-vm .about-content-vm-item p{font-weight: 500;font-size: 15px;color: #6e7b91;margin-bottom: 0;padding-left: 7.3vw;position: relative;}
  .about .about-container .about-content .about-content-vm .about-content-vm-item p:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-image: url(../img/main/wave-icon.svg);width: 5.7vw;height: 14px;background-size: cover;}

    @media only screen and (max-width: 991px){
     .real-about .about-container h2 {
      font-size: 2.8vw;
      line-height: 3.6vw;
      max-width: 58vw;
    }

    .about {
      padding: 100px 0;
    }

    .about .about-container .about-content .about-content-vm {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item h2 {
      font-size: 2.5vw;
    }

    .about .about-container .about-content .about-content-text p {
      font-size: 1.9vw;
      line-height: 2.8vw;
    }

    .real-about:before {
      width: 60%;
    }   
  }

  @media only screen and (max-width: 767px){
    .about .about-container .about-content {
      display: block;
      padding: 0 30px;
    }

    .about .about-container .about-content .about-content-text {
      margin-top: 0;
      margin-bottom: 0;
    }

    .real-about .about-container h2 {
      font-size: 18px;
      line-height: normal;
      max-width: 300px;
      margin-bottom: 30px;
    }

    .about {
      padding: 70px 0px;
    }

    .about .about-container .about-content .about-content-text p {
      font-size: 15px;
      line-height: normal;
      text-align: center;
    }

    .about .about-container .about-content .about-content-vm {
      margin-left: 0;
      padding-left: 0;
      border-left: none;
      padding-top: 0;
      margin-top: 60px;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item h2 {
      font-size: 20px;
      position: relative;
      margin-bottom: 17px;
    }

    .real-about .about-container .about-content .about-content-vm .about-content-vm-item h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item h2:after {content: "";width: 100%;height: 11px;display: block;background-image: url(../img/main/wave-icon.svg);background-size: contain;margin-left: 0;background-repeat: no-repeat;display: none;}

    .about .about-container .about-content .about-content-vm .about-content-vm-item p:before {
      visibility: hidden;
      left: 0;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item p {
      padding-left: 0;
    }

    .about .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item {
      margin-top: 40px;
    }   
  }

/* Ar-Ge */
  .arge{ padding-bottom: 150px; }
  .arge .arge-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 7.8vw;position: relative;}
  .arge .arge-row:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 38%;right: 39%;height: 1px;background: #101A2B;opacity: 0.3;border-radius: 100px;}

  .arge .arge-row .main-title{text-align: right;-webkit-box-flex: 0;-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 28vw;background: #fff;position: relative;padding-right: 0;}
  .arge .arge-row .main-title h2 {font-size: 1.6vw;margin-bottom: 0;}
  .arge .arge-row .main-title h2:before { display: none; }
  .arge .arge-row .arge-text{-webkit-box-flex: 0;-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 27.8vw;background: #fff;position: relative;}
  .arge .arge-row .arge-text p{font-weight: 500;font-size: 20px;text-align: left;color: #6e7b91;margin-bottom: 0;}

  .arge .about-container .about-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 120px; }
  .arge .about-content .arge-img{height: 25.3vw;-webkit-box-flex: 0;-ms-flex: 0 0 55%;flex: 0 0 55%;background-size: cover;background-position: center;}
  .arge .about-content .about-content-vm{  }
  .arge .about-container .about-content .about-content-vm {-webkit-box-flex: 0;-ms-flex: 0 0 32%;flex: 0 0 32%;max-width: 28.8vw;border-left: none;padding-left: 0;margin-left: 120px;}
  .arge .about-content .about-content-vm .about-content-vm-item{  }
  .arge .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item{ margin-top: 55px; }

  @media only screen and (max-width: 1370px){
    .arge .arge-row .arge-text {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50vw;
      padding-left: 30px;
    }
  }

  @media only screen and (max-width: 991px){
    .arge .arge-row {
      display: block;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 40px;
    }

    .arge .arge-row .main-title h2 {
      font-size: 25px;
    }

    .arge .arge-row .main-title {
      text-align: center;
      max-width: 55vw;
      margin: 0 auto;
    }

    .arge .arge-row .arge-text {
      padding-left: 0;
      margin: 30px auto 0;
      max-width: 70vw;
    }

    .arge .arge-row .arge-text p {
      text-align: center;
    }

    .arge .about-container .about-content {
      display: block;
      margin-top: 70px;
    }

    .arge .about-container .about-content .about-content-vm {
      margin: 50px auto 0;
      max-width: 60vw;
    }

    .arge {
      padding-bottom: 70px;
    }

    .arge .about-content .arge-img {
      height: 50vw;
    }
  }

    @media only screen and (max-width: 767px){
      .arge .arge-row .main-title h2 {
      font-size: 20px;
    }

    .arge .arge-row .main-title {
      max-width: 90vw;
    }

    .arge .arge-row {
      padding: 0 25px;
    }

    .arge .arge-row .arge-text p {
      font-size: 17px;
    }

    .arge .arge-row .arge-text {
      max-width: 90vw;
      margin-top: 20px;
    }

    .arge .about-container .about-content {
      margin-top: 50px;
    }

    .arge .about-container .about-content .about-content-vm {
      max-width: 100%;
      text-align: center;
    }

    .arge {
      padding-bottom: 55px;
    }

    .arge .about-container .about-content .about-content-vm .about-content-vm-item + .about-content-vm-item {
      margin-top: 40px;
    }
    .arge.about .about-container .about-content .about-content-vm .about-content-vm-item h3:after {
      display: inline-block;
      max-width: 100px;
      margin-left: 0;
      margin-top: 13px;
    }

    .arge.about .about-container .about-content .about-content-vm .about-content-vm-item h3 {
      margin-bottom: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    }

/* Credential */
  .credential{padding: 200px 0;}
  .credential .credential-container{}

  .credential .credential-container ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1100px;margin: 0 auto;}
  .credential .credential-container ul li{-webkit-box-flex: 0;-ms-flex: 0 0 calc(33% - 4%);flex: 0 0 calc(33% - 4%);margin-bottom: 60px;}
  .credential .credential-container ul li:nth-child(3n+1) { margin-left: 0; }
  .credential .credential-container ul li + li{margin-left: 6.5%;}
  .credential .credential-container ul li a{display: block;border: 2px solid rgba(16, 26, 43, 0.25);padding: 30px 0px 15px;text-align: right;max-height: 200px;position: relative;}
  .credential .credential-container ul li a span{font-weight: 500;font-size: 28px;color: #101a2b;display: block;text-align: right;background: #fff;-webkit-transform: translate(40px, 5px);-ms-transform: translate(40px, 5px);transform: translate(40px, 5px);padding: 10px 0;position: relative;z-index: 9;}
  .credential .credential-container ul li a svg{width: 50px;height: 18px;fill: #041735;margin-left: auto;margin-right: 25px;margin-top: -15px;position: relative;z-index: 9;opacity: 0;-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

  .credential .credential-container ul li a:hover svg { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .credential .credential-container ul li a .line:before { content: ""; position: absolute; top: 50%; right: -2px; width: 2px; bottom: 50%; background: #041735; }
  .credential .credential-container ul li a .line:after { content: ""; position: absolute; top: -2px; right: 0; left: 100%; height: 2px; background: #041735; }
  .credential .credential-container ul li a:hover .line-2:after { left: -2px; right: -2px; }
  .credential .credential-container ul li a .line-2:before { content: ""; position: absolute; top: 50%; right: -2px; width: 2px; bottom: 50%; background: #041735; }
  .credential .credential-container ul li a .line-2:after { content: ""; position: absolute; bottom: -2px; right: 0; left: 100%; height: 2px; background: #041735; }
  .credential .credential-container ul li a:before {content: "";position: absolute;top: 0;bottom: 100%;left: -2px;width: 2px;background: #041735;}
  .credential .credential-container ul li a:after { content: ""; position: absolute; top: 100%; bottom: -2px; left: -2px; width: 2px; background: #041735; }
  .credential .credential-container ul li a:hover .line:before { top: -2px; }
  .credential .credential-container ul li a:hover .line-2:before { bottom: -2px; }
  .credential .credential-container ul li a:hover .line:after { left: -2px; right: -2px; }
  .credential .credential-container ul li a:hover:after {top: 50%;}
  .credential .credential-container ul li a:hover:before { bottom: 50%; }
  .credential .credential-container ul li a .line:before, .credential .credential-container ul li a .line-2:before {-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  .credential .credential-container ul li a .line:after, .credential .credential-container ul li a .line-2:after { -webkit-transition: 0.5s 0.5s; -o-transition: 0.5s 0.5s; transition: 0.5s 0.5s; }
  .credential .credential-container ul li a:before,.credential .credential-container ul li a:after { -webkit-transition: 0.5s 1s; -o-transition: 0.5s 1s; transition: 0.5s 1s; }
  .credential .credential-container ul li a.in-active:before, .credential .credential-container ul li a.in-active:after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
  .credential .credential-container ul li a.in-active .line:before, .credential .credential-container ul li a.in-active .line-2:before { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

    @media only screen and (max-width: 1199px){
    .credential .credential-container ul {
      padding: 0 80px;
    }

    .credential .credential-container ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 4%);
              flex: 0 0 calc(50% - 4%);
    }

    .credential .credential-container ul li:nth-child(2n+1) {
      margin-left: 0;
    }

    .credential .credential-container ul li:nth-child(2n+2) {
      margin-left: 6.5%;
    }
  }

  @media only screen and (max-width: 991px){
    .credential .credential-container ul li a span {
      font-size: 20px;
      -webkit-transform: translate(20px, 5px);
          -ms-transform: translate(20px, 5px);
              transform: translate(20px, 5px);
    }

    .credential .credential-container ul {
      padding: 0 50px;
    }

    .credential {
      padding: 100px 0;
    }   
  }

  @media only screen and (max-width: 767px){
    .credential .credential-container ul li {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}

    .credential .credential-container ul li:nth-child(2n+2) {
      margin-left: 0;
    }

    .credential .credential-container ul li + li {
      margin-left: 0;
    }

    .credential .credential-container ul li {
      margin-bottom: 40px;
    }

    .credential {
      padding: 70px 0 20px;
    }

    .files-group {
      padding: 80px 0 30px;
    }

    .credential .credential-container ul li a {
      max-height: initial;
      padding: 25px 0;
    }

    .credential .credential-container ul li a span {
      font-size: 18px;
      -webkit-transform: translate(0,0);
          -ms-transform: translate(0,0);
              transform: translate(0,0);
      text-align: center;
    }

    .credential .credential-container ul li a svg {
      width: 35px;
      height: 13px;
      display: none;
    }
  }

/* Files Group */
  .files-group { padding: 120px 0; min-height: 60vh; }
  .files-group .credential-container ul li a { position: relative; text-align: center; padding: 0 40px; min-height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .files-group .credential-container ul li a span { text-align: center; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding: 0; background: #fff0; }
  .files-group .credential-container ul li a .files-arrow {position: absolute;right: -40px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;background: #fff;padding: 15px 0 20px;z-index: 9;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .files-group .credential-container ul li a svg {opacity: 1;margin-top: 0;margin-left: 0;}
  .files-group .credential-container ul li a:hover .files-arrow { opacity: 1; }

  @media only screen and (max-width: 767px){
    .files-group {
      padding: 70px 0 10px;
    }

    .files-group .credential-container ul li a {
      min-height: initial;
      padding: 30px;
    }
  }

/* Main Product Group */
  .main-product-group{/* margin-bottom: 5.8vw; */}
  .main-product-group .special-container{  }
  .main-product-group .row:nth-child(1) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

  .main-product-group .main-title{margin-left: 12.6vw;}
  .main-product-group .main-title h2{  }
  .main-product-group .main-title h2:before{
}
  .main-product-group .button{  }
  .main-product-group .button .button-arrow svg{  }

  @media only screen and (max-width: 991px){
    .main-product-group .main-title {
      margin-left: 0;
    }

    .main-product-group .row:nth-child(1) {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-right: 0;
      margin-bottom: 40px;
    }

    .main-product-group .main-title h2:before {
      visibility: hidden;
    }

    .main-product-group .main-title h2 {
      font-size: 27px;
      margin-bottom: 0;
    }
  }

  @media only screen and (max-width: 767px){
    .main-product-group .row {
      margin: 0;
    }

    .main-product-group .row:nth-child(1) {
      display: block;
    }

    .main-product-group .main-title h2 {
      font-size: 23px;
      margin-bottom: 25px;
    }

    .main-product-group .main-product-list ul li {
      margin-bottom: 50px;
    }
  }

/* Product Group List */
  .products-group .main-product-list {padding: 100px 13.1vw;}

/* Product */
  .main-product-list{width: 100%;}
  .main-product-list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .main-product-list ul li{-webkit-box-flex: 0;-ms-flex: 0 0 calc(33% - 2.3%);flex: 0 0 calc(33% - 2.3%);margin-bottom: 70px;}
  .main-product-list ul li:nth-child(3n+1) { margin-left: 0; }
  .main-product-list ul li + li{margin-left: 3.9%;}
  .main-product-list ul li .main-product-list-img{position: relative;height: 13.6vw;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
  .main-product-list ul li.active .main-product-list-img .fake-img {
    opacity: 0.6;
    -webkit-filter: blur(40px);
            filter: blur(40px);
  }
  .main-product-list ul li .main-product-list-img .product-img-bg-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
    border-radius: 10px;
    /* transform: scale(1); */
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateZ(4px);
            transform: translateZ(4px);
  }

  .main-product-list ul li .main-product-list-img .product-img-bg-container .product-img-bg {
    position: absolute;
    top: -25px;
    right: -25px;
    left: -25px;
    bottom: -25px;
    background-size: cover;
    background-position: center;
  }

  .main-product-list ul li a {
    display: block;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  .main-product-list ul li .main-product-list-img  img:nth-child(1){}
    .main-product-list ul li .main-product-list-img .fake-img{position: absolute;left: 0;top: 40px;opacity: 0.7;-webkit-filter: blur(35px);filter: blur(35px);-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
    .main-product-list ul li .product-title{
    -webkit-transform: translateZ(-20px);
            transform: translateZ(-20px);
  }
  .main-product-list ul li h3{font-weight: bold;font-size: 20px;color: #101a2b;margin-bottom: 0;margin-top: 25px;position: relative;padding-left: 30px;}
  .main-product-list ul li h3:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 18px;height: 20px;left: 0;background-image: url(../img/main/list-img.png);background-size: cover;}
  .main-product-list ul li.active .product-title h3 {
  }
  .main-product-list ul li.active .product-title {
  }

  @media only screen and (max-width: 991px){
    .products-group .main-product-list {
      padding: 100px 50px 50px;
    }

    .main-product-list ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(50% - 2.3%);
              flex: 0 0 calc(50% - 2.3%);
    }

    .main-product-list ul li:nth-child(2n+1) {
      margin-left: 0;
    }
      .main-product-list ul li .main-product-list-img {
      height: 170px;
    }

    .main-product-list ul li:nth-child(2n+2) {margin-left: 3.9%;}
  }

  @media only screen and (max-width: 767px){
    .main-product-list ul li {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }

    .main-product-list ul li:nth-child(2n+2) {
      margin-left: 0;
    }

    .products-group .main-product-list {
      padding: 70px 25px 10px;
    }
      .main-product-list ul li .main-product-list-img {
      height: 190px;
    }
    .main-about .main-about-img .first-img {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }

  .main-product-list ul li .main-product-list-img .product-img-bg-container {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }

  .main-product-list ul li .product-title {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  }

/* Product List */
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el .real-title {
    /* opacity: 0; */
    /* visibility: hidden; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el .select2 {
    /* opacity: 1; */
    /* visibility: visible; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    /* opacity: 0; */
    width: 16px;
    /* visibility: hidden; */
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 140% !important;
    min-width: 50px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el .select2 {
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {/*opacity: 0;*/}

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
/*    width: 90px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
/*    width: 90px; */
/*    margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
/*    width: 100px; */
/*    margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
/*    width: 60px; */
  }

  .product-list .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    display: none;
  }


  .product-list{ }
  .product-list .product-list-container{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .product-list .product-list-container .product-list-img{position: relative;width: 50%;height: 100vh;}
  .product-list .product-list-container .product-list-img .product-list-bg{position: absolute;top: 0;left: 0;right: 0;bottom: -350px;background-size: cover;background-position: center;background-repeat: no-repeat;}
  .product-list .product-list-container .product-list-img .product-list-bg:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 250px;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));background: -o-linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.56;}
  .product-list .product-list-container .product-list-content .product-content-text {margin-top: 3.6vw;max-width: 690px;}
  .product-list .product-list-container .product-list-content{margin-left: auto;padding: 140px 80px 60px;max-width: 960px;}
  .product-list .product-list-container .product-list-content .product-content-title{  }
  .product-list .product-list-container .product-list-content .product-content-title h1{font-weight: bold;font-size: 3.1vw;color: #101a2b;margin-bottom: 5px;}
  .product-list .product-list-container .product-list-content .product-content-text p{font-weight: 500;font-size: 1vw;color: #6e7b91;margin-bottom: 0;}
  .product-list .product-list-container .product-list-content .product-content-list{margin: 3.6vw 0 2.6vw;}
  .product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el + .my-list-content-header-item-el {
    margin-left: 35px;
}
.product-list .my-list-content .my-list-content-header {padding-right: 20px;}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:last-child {
    /* margin-right: 21px; */
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:nth-child(3) {
    margin-right: -7px;
}
  .product-list .product-list-container .product-list-content .product-content-list ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .product-list .product-list-container .product-list-content .product-content-list ul li{font-weight: 500;font-size: 15px;color: #6e7b91;margin-bottom: 15px;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;position: relative;padding-right: 30px;padding-left: 70px;}
  .product-list .product-list-container .product-list-content .product-content-list ul li + li{  }
  .product-list .product-list-container .product-list-img:before {content: "";position: absolute;right: -7px;top: 150px;width: 17px;height: 110px;border-radius: 100px;background: #041735;z-index: 9;}
    
    .product-list .my-list-content {
    max-width: 800px;
  }

    .product-list ol.breadcrumb li a {
    color: #6E7B91;
  }

  .product-list ol.breadcrumb li {
    color: #6E7B91;
  }
  .product-list ol.breadcrumb li:last-child {
      display: none;
  }
  .product-list .breadcrumb {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 20px;
  }

  .product-list ol.breadcrumb .breadcrumb-item.breadcrumb-item:before {
    color: #6E7B91;
  }

  .product-list .product-list-container .product-list-content .product-content-list ul li:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-image: url(../img/main/wave-icon.svg);width: 56px;height: 14px;background-size: cover;background-repeat: no-repeat;}
  .product-list .product-list-container .product-list-content .product-content-item{  }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #F1F1F1;padding: 15px 30px;border-radius: 20px 20px 0 0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .product-content-item-header-left{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .product-content-item-header-right{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .header-item-name{font-weight: 500;font-size: 15px;color: #101a2b;position: relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .header-item-name + .header-item-name { margin-left: 30px; }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-header .header-item-name + .header-item-name:before {content: "";position: absolute;top: 37%;left: -20px;background-image: url(../img/main/user-arrow.svg);width: 11px;height: 9px;background-repeat: no-repeat;background-size: contain;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

  .product-list .product-list-container .product-list-content .other-product-category{margin-top: 80px;}
  .product-list .product-list-container .product-list-content .other-product-category > div{  }
  .product-list .product-list-container .product-list-content .other-product-category > div ul{  }
  .product-list .product-list-container .product-list-content .other-product-category > div ul li{margin-bottom: 35px;}
  .product-list .product-list-container .product-list-content .other-product-category > div ul li + li{margin-left: 3.9%;}
  .product-list .product-list-container .product-list-content .other-product-category > div ul li a{  }
  .product-list .product-list-container .product-list-content .other-product-category > div ul li a { display: block; }

    .product-list .product-list-container .main-product-list ul li .main-product-list-img
  .product-list .product-list-container .product-list-content .other-product-category .title {}
  .product-list .product-list-container .product-list-content .other-product-category .title h3 { font-weight: bold; font-size: 30px; color: #101A2B; margin-bottom: 40px; }
  .product-list .product-list-container .product-list-content .other-product-category .title h3 span {color: #041735;}
  .product-list .product-list-container .product-list-content .other-product-category > div ul li h3 { font-size: 15px; padding-left: 15px; margin-top: 15px; }
  .product-list .main-product-list ul li .main-product-list-img {
    height: 150px;
  }

  .product-list .main-product-list ul li .main-product-list-img .fake-img {
    top: 30px;
  }

  .product-list .product-list-container .product-list-content .other-product-category > div ul li h3:before { width: 9px; height: 11px; }
  .product-list .product-list-container .product-list-content .other-product-category > div ul li:nth-child(3n+1) { margin-left: 0; }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body {}
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el {/* height: 35px; */}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item{ padding:30px 30px; background:#FAFAFA; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-left, .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-right{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el.item-number{ font-weight:bold; color:#101a2b; padding-left:30px; position:relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el{ position:absolute; top:0; left:0; right:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:#59616F; border-radius:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 15px 0 30px; opacity:0; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-item-right .item-el + .item-el:before{ opacity:0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-item-right .item-el{}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el{}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single{border-color: #ffffff00;height:35px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default .select2-selection--single .select2-selection__rendered{color: #59616F;line-height: 31px;white-space:normal;overflow:visible;padding-left: 10px;padding-right: 0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default .select2-selection--single .select2-selection__arrow b{top: 37%;left:0px;background-image: url(../img/svg/select-icon.svg);background-repeat: no-repeat;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 24%;
  }
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-right .item-el + .item-el:before{}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el + .item-el:before{ opacity:0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el + .item-el{ margin-left:5px;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el.basket-add{ padding:10px 13px; background:#fff; border-radius:100px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:20px; cursor:pointer;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el.basket-add svg{ margin-right:10px;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el .product-content-item-body-right .item-el.basket-add span{ font-weight:bold; font-size:12px; color:#101a2b; margin-left:-33px; opacity:0; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-fake{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:absolute; top:0; left:30px; right:30px; bottom:0; opacity:1; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item-el:hover .product-content-item-body-right .item-el.basket-add span{ margin-left:0; opacity:1;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el:hover{ left:-40px; right:-40px; border-radius:100px; opacity:1;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item:hover .product-content-item-body-item-fake{ left:-40px; right:-40px; opacity:0;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el .item-el.item-number{ color:#fff;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .product-content-item-body-item-el .item-el{ color:#CDD6E6;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el{ font-weight:500; font-size:15px; color:#59616f;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el + .item-el{ margin-left:35px; position:relative;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el + .item-el:before{ content:""; position:absolute; top:37%; left:-23px; background-image:url(../img/main/user-arrow.svg); width:11px; height:9px; background-repeat:no-repeat; background-size:contain; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item .item-el.item-number:before{ content:""; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-image:url(../img/main/list-img.png); width:14px; height:15px; background-size:cover;}
  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .product-content-item-body-item + .product-content-item-body-item{ border-top:1px solid #EEEEEE;}
    
    .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2) {
    margin-left: 31px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3) {
    margin-left: 39px;
    text-align: left;
    padding-left: 5px;
    width: auto;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    width: auto;
    margin-right: 0;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
    margin-right: 0;
    width: auto;
  }
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el + .my-list-content-body-item-el {
      margin-left: 35px;
  }
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
    margin-right: 0;
    width: auto;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
    width: 25px;
    text-align: left;
  }
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el .real-title {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 17px;
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:first-child .my-list-content-header-item-el:first-child {
    margin-right: 11px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el.empty-item-el .real-title {
    opacity: 1;
    visibility: visible;
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:nth-child(3) {
    margin-right: 5px;
}

.product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:nth-child(2) {
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) .select2 {
    margin-left: 0;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {
    left: -11px !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) .select2-selection_rendered {
    padding-left: 0;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) .select2-selection__rendered {
    padding-left: 5px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) .select2-selection__rendered {
    padding-left: 4px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) .real-title {
    margin-left: 4px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single span.select2-selection__arrow {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .my-list-content-body-item-container.active .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #CDD6E6;
}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .my-list-content-body-item-container.active .select2-container--default .select2-selection--single  span.select2-selection__arrow {
    opacity: 1;
    visibility: visible;
}

.product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .my-list-content-body-item-container.active .select2-container--default .select2-selection--single {
    border-color: #CDD6E6;
}

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item {
    padding: 10px 15px 10px 0;
    height: 62px;
  }
  .product-list .my-list-content.list-item-one .my-list-content-body .my-list-content-body-item {
    padding-right: 10px;
}
.product-list .my-list-content .my-list-more-btn {
    color: #041735;
    position: absolute;
    right: 3vw;
    top: 50%;
    -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
            transform: translateY(-55%);
    z-index: 9;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
}

.product-list .my-list-content .my-list-content-body-item-container:before {content: "";position: absolute;/* top: 0; *//* bottom: 0; *//* right: 0; *//* left: 0; *//* background: linear-gradient(to left, #f1f1f1 10%, #ffffff00); *//* z-index: 9; *//* pointer-events: none; *//* opacity: 0; *//* transition: 0.4s; */}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
    /* background: #f1f1f1; */
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-more-btn {
    opacity: 1;
    visibility: visible;
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active:before {
    opacity: 0 !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-more-btn {
    opacity: 0;
    visibility: hidden !important;
}
  .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2):before {
    left: initial;
  }

    .product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket {
    background: #fff;
    width: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0;
    border-radius: 100px;
    opacity: 0;
    visibility: hidden;
    margin: 0 !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: none;
    cursor: pointer;
    outline: none !important;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket svg {
    margin-right: 8px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket span {
    color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item-el.add-basket{
    /* width: 90px; */
    /* opacity: 1; */
    /* visibility: visible; */
    /* margin-left: 15px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active {
    background: #59616F !important;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 100px;
    padding-right: 10px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el.item-number {
    color: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el {
    color: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item-el.add-basket {
    width: 90px !important;
    opacity: 1;
    visibility: visible;
    margin-left: 25px !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {
    opacity: 0;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {opacity: 0;}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    width: 90px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
    width: 90px;
    margin-right: 10px;
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el + .my-list-content-body-item-el {
    margin-left: 27px;
}
.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
    width: 100px;
    margin-right: 12px;
    margin-left: 23px !important;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
    width: 60px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el .real-title {
    /* opacity: 0; */
    /* visibility: hidden; */
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container.active .my-list-content-body-item .my-list-content-body-item-el .select2 {
    opacity: 1;
    visibility: visible;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover:before {/* opacity: 1; */}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket:hover {
    background: #041735;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.add-basket:hover span {
    color: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket:hover svg path {
    fill: #fff;
}

.product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

  @media only screen and (max-width: 1370px) {
  .product-list .product-list-container .product-list-img {
    width: 40%;
  }
}

  @media only screen and (max-width: 991px) {
     .product-list .product-list-container {
        display: block;
    }

  .product-list .product-list-container .product-list-img .product-list-bg {
    bottom: 0;
  }

  .product-list .main-product-list ul li .main-product-list-img {
    height: 170px;
  }

    .product-list .product-list-container .product-list-img {
        width: 100%;
        height: 500px;
    }

    .product-list .product-list-container .product-list-img:before {
        bottom: -9px;
        left: 20px;
        right: auto;
        top: auto;
        height: 17px;
        width: 100px;
    }

    .product-list .product-list-container .product-list-img .product-list-bg:before {
        opacity: 0.8;
    }

    .product-list .product-list-container .product-list-content .product-content-title h1 {
        font-size: 30px;
    }

    .product-list .product-list-container .product-list-content .product-content-text p {
        font-size: 18px;
    }

    .product-list .product-list-container .product-list-content {padding: 80px 40px 60px;}

    .product-list .product-list-container .product-list-content .other-product-category > div ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .product-list .product-list-container .product-list-content .other-product-category > div ul li:nth-child(2n) {
        margin-left: 3.9%;
    }   
}

@media only screen and (max-width: 767px) {
    .product-list .product-list-container .product-list-img {
        height: 50vh;
    }

    .product-list .my-list-content .my-list-content-body-item-container:before {
    display: none;
}

.product-list .my-list-content .my-list-more-btn {
    display: none;
}

    .product-list .product-list-container .product-list-img:before {
        height: 10px;
        bottom: -5px;
    }

    .product-list .product-list-container .product-list-content {
        padding: 40px 20px 40px;
        background: #fff;
        position: relative;
    }


  .product-list .main-product-list ul li .main-product-list-img .fake-img {
    top: -20px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }

  .product-list .main-product-list ul li .main-product-list-img {
    height: 200px;
  }

.product-list .product-list-container .product-list-img .product-list-bg {
    position: fixed;
    bottom: initial;
    height: 50vh;
}
    .product-list .product-list-container .product-list-content .product-content-title h1 {
        margin-bottom: -10px;
    }

    .product-list .product-list-container .product-list-content .product-content-text p {
        font-size: 15px;
    }

    .product-list .product-list-container .product-list-content .product-content-title h1 {
        font-size: 28px;
    }

    .product-list .product-list-container .product-list-content .product-content-list ul li {
        padding-left: 30px;
        padding-right: 10px;
    }

    .product-list .product-list-container .product-list-content .product-content-list ul li:before {
        width: 20px;
        background-size: 60px;
    }

    .product-list .product-list-container .product-list-content .product-content-list ul {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .product-list .product-list-container .product-list-content .product-content-list {
        margin: 30px 0 10px;
    }

    .product-list .my-list-content {
        max-width: 100%;
    }

    .product-list .product-list-container .product-list-content .other-product-category .title h3 {
        font-size: 28px;
    }

    .product-list .product-list-container .product-list-content .other-product-category {
        margin-top: 60px;
    }

    .product-list .product-list-container .product-list-content .other-product-category > div ul li {
        margin-left: 0 !important;
    }

    /**/
    .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {
    opacity: 1;
    visibility: visible;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .real-title {
    opacity: 0;
    visibility: hidden;
  }

  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single {border-color: rgba(57, 65, 79, 0.6);}

  .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(57, 65, 79, 0.6);
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    width: 90px;
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) {
    width: 90px;
    /* margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3) {
    width: 100px;
    /* margin-right: 10px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4) {
    /* width: 60px; */
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item-el.add-basket {
    width: 90px !important;
    opacity: 1;
    visibility: visible;
    /* margin-left: 15px; */
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:before {
      opacity: 0;
    }

  .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container {
    min-width: 850px;
  }

  .product-list .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el + .my-list-content-header-item-el {margin-left: 50px;}

  .product-list .my-list-content .my-list-content-header {min-width: 850px;padding-right: 140px;}
    /**/

    .product-list .my-list-content .my-list-content-body .my-list-content-body-item-container .my-list-content-body-item .my-list-content-body-item-el .select2 {width: 140% !important;min-width: 50px;}

    .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el + .my-list-content-body-item-el {
        margin-left: 50px;
    }
    .product-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) {
        padding-right: 150px;
    }
    .product-list .product-list-container .product-list-content .product-content-item .product-content-item-body .select2-container .select2-selection--single span.select2-selection__arrow {
        opacity: 1;
        visibility: visible;
    }

    .product-list .my-list-content.element-one .my-list-content-body .my-list-content-body-item-container {
        min-width: 650px;
    }

    .product-list .my-list-content.element-one .my-list-content-header {
        min-width: 650px;
    }

    .product-list .my-list-content.element-two .my-list-content-body .my-list-content-body-item-container {
        min-width: 700px;
    }

    .product-list .my-list-content.element-two .my-list-content-header {
        min-width: 700px;
    }
}

/* Career */
  .page.career.career1 .col-lg-5 h2{ padding-right:100px;}
  .page.career .accordion-cards{ margin-top:-15px; margin-right:100px;}
  .page.career .form-group .input-group{ position:relative}
  .page.career .form-group .input-group .input-group-prepend{ margin-bottom:0; position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
  .page.career .form-group .input-group .input-group-text{ margin-bottom:0; font-weight:bold; font-size:13px; color:#101A2B; border-radius:20px; background:#f3f2f6; border:none; padding:11px 16px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  .page.career .form-group .input-group small{ position:absolute; right:0; top:100%}
  .page.career.career1{ padding:130px 100px;}
  .page.career .form-group .input-group:hover .input-group-text{ background:#23a74f; color:#fff;}
  .page.career .form-group .input-group .input-group-text svg path{ -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  .page.career .form-group .input-group:hover .input-group-text svg path{ fill:#fff;}
  .page.career.career1 h2{ font-weight:bold; font-size:25px; color:#101A2B; margin-bottom:55px; text-align:center;}
  .page.career.career1 .container{ max-width:1350px;}
  .page.career.career1 .container .col-lg-5{}
  .page.career.career1 .container .row{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
  .accordion .card{ border:none;}
  .accordion-cards .accordion .card-header{ border-bottom:1px solid #101A2B; margin-bottom:0;}
  .page.career .accordion-cards .accordion .card{}
  button.btn.btn-link.collapsed{}
  .accordion .btn-link svg{ fill:#1A1255; width:10px; height:13px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); position:absolute; right:10px; top:20px; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  .accordion .card-body{ padding:10px 10px 5px 0; overflow:hidden;}
  .accordion .card-body p{ font-size:14px; line-height:23px; color:#909691; margin-bottom:15px;}
  .accordion .card-body a{ font-weight:bold; font-size:14px; color:#101A2B; display:inline-block; padding:12px 25px; text-align:center; float:right; border-radius:120px; background:#f3f2f6; border:none; text-transform:uppercase;}
  .accordion .btn-link.collapsed svg{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
  .accordion .btn-link.collapsed{ opacity:0.6;}
  .accordion .card-body a:hover{ color:#f3f2f6; background:#041735;}
  .career1 .form-group{ margin:0 10px 50px;}
  .page.career.career1 .col-lg-7{ padding-left:70px;}
  .page.career .form-group .input-group .input-group-text svg{ margin-right:10px;}
  .custom-file .custom-file-input{height:100%;cursor: pointer;}
  .custom-file-label{height:100%;border:none;background:#fff0;padding: 13px 20px;margin:0;line-height:normal;z-index: 2;cursor: pointer;}
  .custom-file{height:50px;border-radius:25px;border:1px solid #101A2B;opacity:0.6;cursor: pointer;}
  .custom-file-input:focus~.custom-file-label{ -webkit-box-shadow:none; box-shadow:none;}
  .form-group textarea.form-control{ height:180px; padding:15px 20px; resize:none;}
  .career1 .form-group.form-row{margin:0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .career1 .form-group.form-row .captcha:first-child{ margin-left:5px;}
  .career1 .form-group.form-row .form-group{margin-left: 6px;margin-bottom:0;-webkit-box-flex: 0;-ms-flex: 0 0 32%;flex: 0 0 32%;}
  .career1 .form-group.textarea-group{ margin-bottom:30px;}
  .career1 .form-group.form-row .captcha {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
}
  .career .form-group .submit input {padding: 14.5px 35px;width: 100%;}
  .form-group .submit input:hover{ background:#041735; color:#f3f2f6;}
  .form-group .submit input{ font-weight:bold; font-size:14px; color:#101A2B; padding:13px 35px; border:none; border-radius:100px; background:#f3f2f6; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
  @media only screen and (max-width:1370px){
    .page.career.career1 .col-lg-7{ padding-left:0;}
  }
  @media only screen and (max-width:1199px){
    .page.career.career1{ padding:100px 50px;}
    .career1 .form-group.form-row .form-group{/* margin-left:50px; */}
    .career1 .form-group.form-row .captcha {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 31.8%;
              flex: 0 0 31.8%;
  }
  }
  @media only screen and (max-width:991px){
    .page.career.career1 h2{ margin-bottom:40px;}
    .page.career .accordion-cards{margin-top:-10px;margin-bottom: 90px;}
    .page.career.career1 .col-lg-7{ padding:0 15px;}
    .page.career.career1{padding: 120px 50px;}
    .page.career.career1 .col-lg-5 h2 {
      padding-right: 0;
    }

    .page.career .accordion-cards {
      margin-right: 0;
    }
  }
  @media only screen and (max-width:767px){
    .page.career.career1{padding: 80px 10px 50px;}
    .page.career.career1 h2{ font-size:20px; margin-bottom:40px;}
    .page.career .accordion-cards{margin-top: -20px;margin-bottom: 70px;}
    .career1 .form-group{ margin:0 0 30px;}
    .career1 .form-group.form-row .captcha{ -webkit-box-flex:0; -ms-flex:0 0 48.4%; flex:0 0 48.4%; max-width:48.4%; padding:0;}
    .career1 .form-group.form-row .form-group .submit {
      width: 100%;
      display: block;
    }   
    .career1 .form-group.form-row .form-group{margin-left: auto;margin-top:25px;margin-right:0;width: calc(50% - 4px);-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 4px);flex: 0 0 calc(50% - 4px);}
    .career1 .form-group.form-row .form-group input{padding: 14.5px 0;width: 100%;}
    .career1 .form-group.form-row .captcha:first-child{ margin-left:0; margin-right:10px;}
    .custom-file-label{font-size: 11px;padding:17px 20px;}
    .page.career .form-group .input-group .input-group-text svg{ display:none;}
    .page.career .form-group .input-group .input-group-text{ font-size:10px;}
  }

/* User Screen */
  .user-screen{min-height: 60vh;padding: 100px 0 200px;}
  .user-screen .user-screen-bar {}
  .user-screen .user-screen-bar ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .user-screen .user-screen-bar ul li{position: relative;}
  .user-screen .user-screen-bar ul li + li{margin-left: 50px;}
  .user-screen .user-screen-bar ul li a.active {
    font-weight: bold;
    color: #101A2B;
  }

  /**/
    .user-screen .user-screen-bar > ul > li:hover ul {
        opacity: 1;
        visibility: visible;
    }

    .user-screen .user-screen-bar > ul > li {
        padding-bottom: 50px;
        margin-bottom: -50px;
    }
    .user-screen .user-screen-bar ul li ul {
        position: absolute;
        top: 75px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 630px;
        background: #ffffff;
        border-radius: 30px;
        -webkit-box-shadow: 0px 13px 56px rgba(0, 0, 0, 0.16);
                box-shadow: 0px 13px 56px rgba(0, 0, 0, 0.16);
        z-index: 1;
        padding: 30px 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .user-screen .user-screen-bar ul li ul:before {content: "";position: absolute;top: 0;left: 50%;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 40px;height: 40px;background: white;border-radius: 5px;pointer-events: none;}

    .user-screen .user-screen-bar ul li ul span {
        display: block;
    }

    .user-screen .user-screen-bar ul li ul .sub-search {
        margin-right: 70px;
    }

    .user-screen .user-screen-bar ul li ul .sub-search input {
        font-weight: 500;
        font-size: 15px;
        color: #6e7b91;
        height: 35px;
        padding: 0 20px;
        border: 1px solid #041735;
        border-radius: 100px;
    }

    .user-screen .user-screen-bar ul li ul .company-list {
        height: 217px !important;
        padding: 5px 40px 10px 0;
        overflow-y: auto !important;
        width: 210px;
    }

    .user-screen .user-screen-bar ul li ul .company-list::-webkit-scrollbar {
      width: 2px;

    }

    /* Track */
    .user-screen .user-screen-bar ul li ul .company-list::-webkit-scrollbar-track {
      background: white; 
      border-radius: 10px;
    }

    /* Handle */
    .user-screen .user-screen-bar ul li ul .company-list::-webkit-scrollbar-thumb {
      background: #d8d8d8; 
      border-radius: 10px;

    }

    .user-screen .user-screen-bar ul li ul .company-list .company-list-item a {
        font-weight: 500;
        font-size: 15px;
        color: #101a2b;
        position: relative;
        padding-left: 25px;
    }

    .user-screen .user-screen-bar ul li ul .company-list .company-list-item + .company-list-item {
        margin-top: 15px;
    }

    .user-screen .user-screen-bar ul li ul .company-list .company-list-item:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-image: url(../img/main/list-img.png);width: 13px;height: 13px;background-size: contain;background-position: center;background-repeat: no-repeat;}
  /**/

  .welcome-screen {
      padding: 100px 0;
  }

  .welcome-screen .user-screen-content {
      padding: 100px 0;
  }

    .user-screen .user-screen-bar ul li a span {
      position: relative;
  }

  .user-screen .user-screen-bar ul li:before {}

.user-screen .user-screen-bar ul li a.active:before {
    opacity: 1;
    visibility: visible;
}

.user-screen .user-screen-bar .user-bar-slide {
    display: none;
}

  .user-screen .user-screen-bar ul li a:before {content: "";position: absolute;bottom: 5px;left: 26px;right: -10px;height: 4px;background: #041735;border-radius: 100px;opacity: 0;visibility: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .user-screen .user-screen-bar ul li a{font-weight: 500;font-size: 20px;color: #6e7b91;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
  .user-screen .user-screen-bar ul li a:hover{  }
  .user-screen .user-screen-bar ul li a svg{margin-right: 13px;}
  .user-screen .user-screen-bar ul li a svg path{  }
    .welcome-screen.user-screen .user-screen-content .user-screen-content-item:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;height: 1px;background: #101A2B;opacity: 0.10;pointer-events: none;}
    
  .user-screen .user-screen-content{margin: 0 100px;}
  .user-screen .user-screen-content .user-screen-content-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome{position: relative;background: #fff;padding-right: 100px;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title{position: relative;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title:before {content: "";position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;width: 4.2vw;height: 3.7vw;background-image: url(../img/main/list-img.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2{font-weight: bold;font-size: 1.5vw;color: #101a2b;padding-left: 6.3vw;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2 span{font-weight: 500;color: #6E7B91;display: block;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome-text{max-width: 21.1vw;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;position: relative;background: #fff;padding-left: 45px;}
  .user-screen .user-screen-content .user-screen-content-item .user-welcome-text p{font-weight: 500;font-size: 1.3vw;color: #6e7b91;margin-bottom: 0;}

  .welcome-screen.user-screen .user-screen-bar{margin-bottom: 150px;}
    
    .info-edit.user-screen .form-group button { font-size: 14px; color: #101A2B; display: inline-block; padding: 12px 35px; text-align: center; border-radius: 120px; background: #f3f2f6; border: none; font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; outline: none !important; }
  .info-edit.user-screen .form-group button:hover { color: #f3f2f6; background: #041735; }
  .info-edit.user-screen .form-row .form-group { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 28px); flex: 0 0 calc(50% - 28px); }
  .info-edit.user-screen .form-row .form-group + .form-group { margin-left: 55px; }
  .info-edit.user-screen .form-row .form-group .select2 {width: 100% !important;text-align: left;}
  .info-edit.user-screen .form-group { margin-bottom: 55px; text-align: right; }
  .info-edit.user-screen form{margin: 100px 200px 0;}
    .info-edit .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
    font-size: 14px;
    color: #909691;
    font-weight: normal;
    padding-left: 20px;
  }

.info-edit .form-group .form-control {
    color: #000000;
}

.info-edit .form-group .form-control::-webkit-input-placeholder { /* Edge */
  color: #000000;
}

.info-edit .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

.info-edit .form-group .form-control::-moz-placeholder {
  color: #000000;
}

.info-edit .form-group .form-control::-ms-input-placeholder {
  color: #000000;
}

.info-edit .form-group .form-control::placeholder {
  color: #000000;
}

.info-edit .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

  .info-edit .select2-container .select2-selection--single {
    border: 1px solid #101A2B;
    opacity: 0.6;
  }

  .user-screen.my-list{}
  .user-screen.my-list .my-list-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:50px;}
  .user-screen.my-list .my-list-header .my-list-header-item{text-align:center;border:1px solid #CDD6E6;padding: 12px 15px;min-width:90px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;cursor: pointer;height: 100%;}
  .user-screen.my-list .my-list-header .my-list-header-item.border-active {
      border-radius: 100px 0 0 100px;
  }
  .user-screen.my-list .my-list-header .my-list-header-item .form-el{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right: 0;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el svg{ width:15px; height:15px; margin-right:10px;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el input{width: 23px;border:none;font-weight:500;font-size:15px;color:#6e7b91;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
  .user-screen.my-list .my-list-header .my-list-header-item span{font-weight:500;font-size:15px;color:#6e7b91;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .user-screen.my-list .my-list-header .my-list-header-item + .my-list-header-item{ border-left:none;}
  .user-screen.my-list .my-list-header .my-list-header-item:first-child{ border-radius:80px 0 0 80px;}
  .user-screen.my-list .my-list-header > div:last-child{border-radius:0px 80px 80px 0px;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el:hover input{ width:280px;}
    .user-screen.my-list .my-list-header .my-list-header-item .form-el.full-active input {
    width: 280px;
}
.user-screen.my-list .my-list-header > div + div {
    margin-left: -1px;
}
.user-screen.my-list .my-list-header .my-list-header-item span.select2 {
    /* width: 130px !important; */
    padding-bottom: 5px;
    margin-top: -5px;
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
}

.user-screen.my-list .my-list-header .my-list-header-item span.select2 .select2-selection.select2-selection--single {
    border: none;
    height: auto;
}
span.select2-dropdown.select2-dropdown--below.user-screen-select-dp ul li {
    padding: 7px 10px;
    font-size: 15px;
}
span.select2-dropdown.user-screen-select-dp.select2-dropdown--below {
    border-color: #cdd6e6;
    border-top: 1px solid #fff;
}
.user-screen.my-list .my-list-header .my-list-header-item span.select2 .select2-selection__rendered {
    line-height: 26px;
    padding-right: 65px;
    padding-left: 10px;
    height: 27px;
}

.user-screen.my-list .my-list-header .my-list-header-item span.select2 .select2-selection.select2-selection--single .select2-selection__arrow {
    top: -6px;
    right: -7px;
}
.user-screen.my-list .my-list-header label.my-list-header-item:hover {
    background: #CDD6E6;
}
.user-screen.my-list .my-list-header label.my-list-header-item.active {
    background: #CDD6E6;
}

.user-screen.my-list .my-list-header label.my-list-header-item.active span {
    color: #fff;
}

.user-screen.my-list .my-list-header label.my-list-header-item:hover span {
    color: #fff;
}
.user-screen.my-list .my-list-content .my-list-content-header .my-list-content-header-item-el {
    text-align: left;
}
.user-screen.my-list .my-list-content .my-list-content-header .my-list-content-header-item-el:nth-child(2) {width: 83px;margin-left: 44px;padding-left: 8px;text-align: left;}
.user-screen .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3) {
    width: 150px;
    text-align: left;
}
.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2) {
    margin-left: 43px;
    width: auto;
    padding-left: 6px;
}

.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item {
}

.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2).item-show {
    width: 0;
    /* width: auto; */
}

.user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1) {
    margin-right: 0;
    width: auto;
}


  .my-list-content{max-width: 780px;margin:60px auto 0;}
  .my-list-content .my-list-content-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:#F1F1F1; padding:15px 30px; border-radius:20px 20px 0 0;}
  .my-list-content .my-list-content-header .my-list-content-header-item{display:-webkit-box;display:-ms-flexbox;display:flex;text-align: center;}
  .my-list-content .my-list-content-header .my-list-content-header-item-el{ font-weight:500; font-size:15px; color:#101a2b; position:relative;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2){width: 70px;margin-left:32px;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3){width: 70px;margin-left:30px;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1){ width:140px; margin-right:34px;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2){width:70px;margin-right: 0;}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2):before{left:-25px;}
  .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) .my-list-content-header-item-el:first-child:before{content:"";position:absolute;top:35%;left:-22px;background-image:url(../img/main/user-arrow.svg);width:11px;height:9px;background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
  .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2){}
  .my-list-content .my-list-content-header .my-list-content-header-item-el + .my-list-content-header-item-el{margin-left:35px;}
  .my-list-content .my-list-content-header .my-list-content-header-item-el + .my-list-content-header-item-el:before{content:"";position:absolute;top:35%;left:-22px;background-image:url(../img/main/user-arrow.svg);width:11px;height:9px;background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
  .my-list-content .my-list-content-body{background:#FAFAFA;}
  .my-list-content .my-list-content-body .my-list-content-body-item-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding: 0 30px;-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
  .my-list-content .my-list-content-body .my-list-content-body-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 7px 0;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-number{ font-weight:bold; font-size:15px; color:#101A2B; width:auto; margin-right:0; padding-left:30px;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el{font-weight:500;font-size:15px;color:#59616F;text-align:center;position:relative;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el + .my-list-content-body-item-el{ margin-left:0;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el + .my-list-content-body-item-el:before{content:"";position:absolute;top:37%;left:-18px;background-image:url(../img/main/user-arrow.svg);width:11px;height:9px;background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-number:before{ content:""; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-image:url(../img/main/list-img.png); width:14px; height:15px; background-size:cover;}
  .my-list-content .my-list-content-body .my-list-content-body-item + .my-list-content-body-item{/* border-top:1px solid #EEEEEE; */}
  .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) div:first-child:before{content:"";position:absolute;top:37%;left:-18px;background-image:url(../img/main/user-arrow.svg);width:11px;height:9px;background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity: 1;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 10px 0px;background:#fff;width:0;border-radius:100px;opacity:0;visibility:hidden;margin-left:0;cursor: pointer;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show:before {
    visibility: hidden;
  }
  .user-screen .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show span {
    /* width: 0; */
}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show span{ font-weight:500; font-size:12px; color:#101a2b; display:block;}
  .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show svg{min-width:6px;margin-left: 8px;}
    .my-list-content .my-list-content-body .my-list-content-body-item-container + .my-list-content-body-item-container {
    border-top: 1px solid #EEEEEE;
  }
    
    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
    background: #59616F;
    margin-left: -40px;
    margin-right: -40px;
    border-radius: 100px;
    padding-right: 10px;
  }

  .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el {
    color: #fff;
  }

  .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-number {
    color: #fff;
  }

  .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-show {
    width: 105px !important;
    opacity: 1;
    visibility: visible;
    padding: 10px 18px;
    margin-left: 15px;
  }


  .raports{}
  .raports .raports-container{}
  .raports .raports-container .report-content{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top: 60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom: -30px;}
  .raports .raports-container .report-content .report-text-container{max-width:335px;-webkit-box-flex:0;-ms-flex:0 0 31%;flex:0 0 31%;text-align:center;margin-right: 0;}
  .raports .raports-container .report-content .report-text-container .report-input{position:relative;margin-bottom:25px;}
  .raports .raports-container .report-content .report-text-container .report-input input, .raports .raports-container .report-content .report-text-container .report-input textarea{border-radius:19px;border:2px solid rgba(16, 26, 43, 0.25);font-weight:500;font-size:12px;color:#101a2b;resize:none;width:100%;padding-left:25px;}
  .raports .raports-container .report-content .report-text-container .report-input input{ height:40px;}
  .raports .raports-container .report-content .report-text-container .report-input input::-webkit-input-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::-moz-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input:-ms-input-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::-ms-input-placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::placeholder{ font-weight:bold; opacity:1; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input:-ms-input-placeholder{ font-weight:bold; color:#101a2b;}
  .raports .raports-container .report-content .report-text-container .report-input input::-ms-input-placeholder{ font-weight:bold; color:#101a2b;}
  .report-input-options{background:#fff;position:absolute;top:50%;left:-15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:100px;-webkit-box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1);box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1);overflow: hidden;z-index: 1;}
  .report-input-options .options-item{font-weight:500;font-size:15px;color:#6e7b91;padding: 6px 8px;cursor: pointer;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .report-input-options .options-item + .options-item{ border-top:1px solid #E3E3E3;}
  .report-input-options .options-item:nth-child(1){ font-weight:bold;}
  .report-input-options .options-item:hover {
    background: #6e7b91;
    color: #fff;
  }
  .report-input-options .options-item button svg {
      width: 17px;
      height: 17px;
      fill: #222;
  }

  .report-input-options .options-item button {
      border: none;
      display: flex;
      align-items: center;
      padding: 5px 0;
  }
  .raports .raports-container .report-content.main-report-content {
    /* flex-direction: column-reverse; */
    /* align-items: center; */
}

.raports .raports-container .report-content.main-report-content  .report-text-container {
    max-width: 400px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 100%;
    margin-top: 20px;
    margin-right: 70px;
}
.raports .raports-container .report-content.main-report-content .report-text-container form {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

  .report-input-options .options-item:nth-child(2){ font-style:italic;}
  .raports .raports-container .report-content .report-text-container .report-input textarea{min-height:200px;padding:20px 25px;opacity: 0.4;}
  .raports .raports-container .report-content .report-text-container button{background:none;outline:none;}

  .report-chat-container{ max-width:450px; -webkit-box-flex:0; -ms-flex:0 0 41%; flex:0 0 41%;}
  .report-chat-container .report-chat-item{display:-webkit-box;display:-ms-flexbox;display:flex;}
  .report-chat-container .report-chat-item.hover-active .report-chat-item-obj {
    background: #041735;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title button {
    position: absolute;
    right: -50px;
}

  .report-chat-container .report-chat-item.hover-active .report-chat-item-obj svg ellipse,
  .report-chat-container .report-chat-item.hover-active .report-chat-item-obj svg path {
    fill: #fff;
  }

  .report-chat-container .report-chat-item .report-chat-item-obj svg ellipse, .report-chat-container .report-chat-item .report-chat-item-obj svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .report-chat-container .report-chat-item .report-chat-item-obj{min-width:70px;height:70px;border-radius:100%;border:1px solid #041735;text-align:center;line-height:65px;margin-right:30px;margin-top: 10px;background: #fff0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .report-chat-container .report-chat-item .report-chat-item-obj svg{ width:24px; height:27px;}
  .report-chat-container .report-chat-item .report-chat-item-content{ width:100%;}
  .report-chat-container .report-chat-item .report-chat-item-content .update-chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 20px;
    margin-bottom: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .update-chat span {
    font-weight: 500;
    font-size: 11px;
    color: #6e7b91;
    display: inline-block;
    margin-left: 0;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .update-chat .update-chat-item + .update-chat-item {
    margin-left: 20px;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .update-chat .update-chat-item {
    cursor: pointer;
    position: relative;
    z-index: 99;
  }

  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item:hover .update-chat {
    opacity: 1;
    visibility: visible;
  }
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title{ font-weight:500; font-size:12px; color:#6e7b91; display:inline-block; background:#fff; border-radius:7px; -webkit-box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1); box-shadow:0px 3px 16px rgba(16, 26, 43, 0.1); padding:4px 12px; margin-left:17px; position:relative; z-index:9;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title time{ margin-left:13px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text{ background:#F1F1F1; padding:20px 30px; margin-top:-12px; border-radius:15px; position:relative;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text ul li {
    list-style-type: inherit;
}

.report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text ul {
    padding-left: 20px;
}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text p{ font-weight:500; font-size:12px; color:#101a2b; margin-bottom:0;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text time { position: absolute; right: 15px; bottom: 6px; font-weight: 500; font-size: 10px; color: rgba(0, 0, 0, 0.15); }
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right{ margin-left:30px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right .report-chat-item-text{ background:#DDDDDD; padding:16px 30px 12px;}
  .report-chat-container .report-chat-item .report-chat-item-content-right .report-chat-item-content-item .report-chat-item-text p{ color:#6E7B91;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item + .report-chat-item-content-item{padding-top: 20px;}
  .report-chat-container .report-chat-item + .report-chat-item{padding-top: 35px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right .report-chat-item-text p{ color:#6E7B91;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); left:-6px; width:28px; height:28px; background:#F1F1F1; border-radius:5px;}
  .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item.right .report-chat-item-text:before{ background:#DDDDDD;}

  .user-screen.my-list .my-list-content table{ width:100%;}
  .user-screen.my-list .my-list-content table thead{ background:#F1F1F1;}
  .user-screen.my-list .my-list-content table thead tr{ height:50px;}
  .user-screen.my-list .my-list-content table thead tr td{ font-weight:500; font-size:15px; color:#101a2b;}
  .user-screen.my-list .my-list-content table tbody tr td{ font-weight:500; font-size:15px; color:#59616f; text-align:center; padding-top:15px; padding-bottom:15px;}
  .user-screen.my-list .my-list-content table tbody tr td:first-child{color:#101A2B;font-weight:bold;position:relative;padding-left: 50px;}
  .user-screen.my-list .my-list-content table thead tr td + td{padding-left:40px;position: relative;}
  .user-screen.my-list .my-list-content table thead tr td + td:before {content: "";position: absolute;top: 50%;left: 13px;background-image: url(../img/main/user-arrow.svg);width: 11px;height: 9px;background-repeat: no-repeat;background-size: contain;-webkit-transform: rotate(-90deg) translateX(37%);-ms-transform: rotate(-90deg) translateX(37%);transform: rotate(-90deg) translateX(37%);}
  .user-screen.my-list .my-list-content table thead tr td:nth-child(3){ padding-right:160px;}
  .user-screen.my-list .my-list-content table tbody tr td + td{padding-left:35px;position: relative;}
  .user-screen.my-list .my-list-content table tbody tr td + td:before {content: "";position: absolute;top: 50%;left: 13px;background-image: url(../img/main/user-arrow.svg);width: 11px;height: 9px;background-repeat: no-repeat;background-size: contain;-webkit-transform: rotate(-90deg) translateX(37%);-ms-transform: rotate(-90deg) translateX(37%);transform: rotate(-90deg) translateX(37%);}
  .user-screen.my-list .my-list-content table tbody tr td:nth-child(3){ text-align:left; padding-left:46px;}
  .user-screen.my-list .my-list-content:nth-child(3){}
  .user-screen.my-list .my-list-content table tbody tr{ background:#FAFAFA;}
  .user-screen.my-list .my-list-content table thead tr td:first-child{ border-top-left-radius:20px; padding-left:30px;}
  .user-screen.my-list .my-list-content table thead tr td:last-child{ border-top-right-radius:20px; padding-right:30px;}
  .user-screen.my-list .my-list-content table tbody tr + tr{ border-top:1px solid #EEEEEE;}
  .user-screen.my-list .my-list-content table tbody tr:last-child td:first-child{ border-bottom-left-radius:20px;}
  .user-screen.my-list .my-list-content table tbody tr:last-child td:last-child{ border-bottom-right-radius:20px;}
  .user-screen.my-list .my-list-content table tbody tr td:last-child{ padding-left:0;}
  .user-screen.my-list .my-list-content table tbody tr td:first-child:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left: 28px;background-image:url(../img/main/list-img.png);width:14px;height:15px;background-size:cover;}

  .list-pagi{ margin-top:50px;}
  .list-pagi ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
  .list-pagi ul li{}
  .list-pagi ul li a{ font-weight:500; font-size:15px; color:#59616f; border:1px solid #fff0; padding:4px 10px; border-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .list-pagi ul li a svg{ width:5px; height:8px;}
  .list-pagi ul li a.active{ border-color:#041735; color:#101A2B;}
  .list-pagi ul li:first-child a,
  .list-pagi ul li:last-child a{ border:none; padding:0;}
  .list-pagi ul li:first-child a svg{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
  .list-pagi ul li + li{ margin-left:10px;}
  .list-pagi ul li a:hover {
    color: #041735;
  }

  .list-pagi ul li a.active:hover {
    color: #101A2B;
  }
  
    @media only screen and (max-width: 1370px){
    /* First Screen */
    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text { max-width: 22vw; }


  }

  @media only screen and (max-width: 991px){
    .user-screen .user-screen-bar ul {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .user-screen.my-list .my-list-header {
      margin-top: 30px;
    }
    .user-screen .user-screen-bar ul li {
      display: inline-block;
      width: auto;
      margin-bottom: 30px;
    }

    .user-screen .user-screen-bar .swiper-button-next, .user-screen .user-screen-bar .swiper-button-prev {background-image: none;width: 20px;height: 20px;margin-top: -14px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

    .user-screen .user-screen-bar .swiper-button-next svg, .user-screen .user-screen-bar .swiper-button-prev svg {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .user-screen .user-screen-bar .swiper-button-prev {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-top: -5px;
    }

    .user-screen .user-screen-bar {
      position: relative;
    }

    .user-screen .user-screen-bar .user-bar-slide {
      display: block;
    }

    .user-screen .user-screen-bar ul:before {content: "";}

    .user-screen .user-screen-bar .swiper-button-next:before {content: "";position: absolute;top: 0;right: -20px;bottom: -8px;width: 100px;background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(transparent));background: -o-linear-gradient(right, white 30%, transparent);background: linear-gradient(to left, white 30%, transparent);pointer-events: none;}
    .user-screen .user-screen-bar .swiper-button-prev:before {content: "";position: absolute;top: 0;right: -20px;bottom: -8px;width: 100px;background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(transparent));background: -o-linear-gradient(right, white 30%, transparent);background: linear-gradient(to left, white 30%, transparent);pointer-events: none;}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
      opacity: 0;
    }
    
    /* First Screen */

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2 {
      font-size: 30px;
      padding-left: 80px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title:before {
      width: 60px;
      height: 60px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome {
      padding-right: 0;
    }

    .user-screen .user-screen-content .user-screen-content-item {
      display: block;
      text-align: center;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text {
      padding-left: 0;
      max-width: 100%;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text p {
      font-size: 25px;
    }
    .user-screen.my-list .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2).item-show {
        width: 105px;
        margin-left: 20px;
    }

    .user-screen .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) {
        padding-right: 129px;
    }
    .welcome-screen.user-screen .user-screen-content .user-screen-content-item:before {
      visibility: hidden;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title {
      display: inline-block;
      margin-bottom: 30px;
    }

    /* Form Screen */
     .info-edit.user-screen .form-row .form-group .select2 {
        width: inherit !important;
        left: 0;
      }

      .info-edit.user-screen form {
        margin: 100px 10vw 0;
      }  

    /* my bid Screen */
    .user-screen.my-list .my-list-header .my-list-header-item .form-el.full-active input {
      width: 200px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
      margin-left: -20px;
      margin-right: -20px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el {
      font-size: 13px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-show {
      margin-left: 8px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show {
      width: 105px;
      opacity: 1;
      visibility: visible;
      padding: 10px 18px;
      margin-left: 8px;
      background: #59616f;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-show span {
      color: #fff;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
      margin-left: 0;
      margin-right: 0;
      border-radius: 0;
      background: #fafafa;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-number {
      color: #101A2B;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el {
      color: #59616F;
    }

    /* chat */
    .report-chat-container {
      max-width: 380px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
    }

    .raports .raports-container .report-content.main-report-content .report-text-container {
        margin-right: 20px;
    }

    .raports .raports-container .report-content.main-report-content .report-text-container form {
        top: 120px;
    }
  }

  @media only screen and (max-width: 767px){
        .user-screen .user-screen-bar ul li + li {
      margin-left: 40px;
    }

    .user-screen .user-screen-bar ul li {
      margin-bottom: 20px;
    }

    .user-screen .user-screen-bar ul li:last-child {
      margin-left: 0;
    }

    .user-screen .user-screen-bar ul {
      margin-left: -10px;
      display: none;
    }
            
    .user-screen .my-list-content .my-list-content-header .my-list-content-header-item:nth-child(2) {
        padding-right: 6px;
    }
    .my-list .my-list-content .my-list-content-header {
      padding-right: 154px;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
      background: #fafafa;
      margin-left: 0;
      margin-right: 0;
      border-radius: 0;
      padding-right: 30px;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-number {
      color: #59616F;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el {
      color: #59616F;
    }

    .my-list .my-list-content .my-list-content-body .my-list-content-body-item-container:hover .my-list-content-body-item .my-list-content-body-item-el.item-show {margin-left: 7px;}

    /* First Screen */

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title h2 {
      font-size: 20px;
      padding-left: 50px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title:before {
      width: 30px;
      height: 30px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome {
      padding-right: 0;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome-text p {
      font-size: 18px;
    }

    .user-screen .user-screen-content .user-screen-content-item .user-welcome .user-welcome-title {
      margin-bottom: 20px;
    }

    .user-screen .user-screen-content {
      margin: 0;
    }

    /* Form Screen */
     .info-edit.user-screen  .form-row {
        display: block;
        position: relative;
      }

      .info-edit.user-screen .form-row .form-group + .form-group {
        margin-left: 0;
        margin-bottom: 25px;
      }

      .info-edit.user-screen .form-group {
        margin-bottom: 25px;
        position: relative;
      }

      .info-edit.user-screen form {
        margin: 50px 20px 0;
      }

    /* my bid Screen */
    .my-list-content {
      overflow-x: scroll;
      max-width: 100%;
      border-radius: 30px 30px 0 0;
    }

    .user-screen.my-list .my-list-header {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

    .user-screen.my-list .my-list-header .my-list-header-item .form-el input {
      width: 100%;
    }
    .user-screen.my-list .my-list-header .my-list-header-item .form-el.full-active input {
        width: 100%;
    }
    .user-screen.my-list .my-list-header .my-list-header-item .form-el:hover input {
        width: 100%;
    }
    .user-screen.my-list .my-list-header .my-list-header-item {
      min-width: initial;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      height: 60px;
      margin-top: -1px;
    }

    .user-screen.my-list .my-list-header .my-list-header-item + .my-list-header-item {border-left: 1px solid #CDD6E6;}

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(2) {
        /* border-left: 1px solid #CDD6E6; */
    }

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(2) {
      /* border-radius: 0 0 0 15px; */
    }

    .user-screen.my-list .my-list-header .my-list-header-item:last-child {
      /* border-radius: 0 0 15px 15px; */
      /* margin-top: -1px; */
    }
    .user-screen.my-list .my-list-header .my-list-header-item .form-el {
        width: 100%;
        position: relative;
    }
      .user-screen.my-list .my-list-header .my-list-header-item:nth-child(9) {
          border-bottom-left-radius: 0;
          /* margin-top: 0px; */
          border-left: none;
          border-bottom-right-radius: 10px;
      }
    .user-screen.my-list .my-list-header .my-list-header-item:first-child {
      border-radius: 10px 10px 0 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      /* margin-bottom: -1px; */
      /* -webkit-box-pack: start; */
      -ms-flex-pack: start;
      /* justify-content: flex-start; */
      height: 60px;
    }

    .my-list-content .my-list-content-header {
      min-width: 650px;
    }

    .my-list-content .my-list-content-body .my-list-content-body-item {
    }

    .my-list-content .my-list-content-body .my-list-content-body-item-container {
      min-width: 650px;
      background: #FAFAFA;
    }
    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(7) {
        border-left: none;
    }

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(5) {
        border-left: none;
    }

    .user-screen.my-list .my-list-header .my-list-header-item:nth-child(3) {
        border-bottom-left-radius: 10px;
    }
    /* chat */
    .raports .raports-container .report-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      margin-top: 50px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .user-screen .user-screen-bar ul li a {
      font-size: 17px;
    }

    .user-screen .user-screen-bar ul li a svg {
      width: 15px;
      height: 20px;
      margin-right: 5px;
    }

    .user-screen .user-screen-bar ul li a:before {
      height: 3px;
    }

    .user-screen {
      padding: 30px 10px 50px;
      min-height: 53vh;
      overflow: hidden;
    }
    .welcome-screen.user-screen .user-screen-bar {
    margin-bottom: 70px;
}

    .raports .raports-container .report-content .report-text-container {
      margin: 0 0 0;
      max-width: 300px;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      width: 100%;
    }
    .report-chat-container .report-chat-item .report-chat-item-obj {
      min-width: 50px;
      height: 50px;
      line-height: 45px;
      margin-right: 20px;
    }
    .raports .report-chat-container {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .report-chat-container .report-chat-item .report-chat-item-obj svg {
      width: 18px;
    }
    .raports .raports-container .report-content.main-report-content .report-text-container {
        margin: 0 0 50px;
        width: 85%;
    }
  }

/* Basket */
  .basket-list{position: fixed;top: 0;right: 0;left: calc(100% - 700px);bottom: 0;z-index: 999999999;-webkit-transform: translateX(110%);-ms-transform: translateX(110%);transform: translateX(110%);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  .basket-list .basket-list-container{max-width: 700px;margin-left: auto;background: #fff;padding: 30px 60px;height: 100%;position: relative;}
  .basket-list .basket-list-container .basket-list-header{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 45px;position: relative;z-index: 99;}
  .basket-list .basket-list-container .basket-list-header h2{font-weight: bold;font-size: 40px;color: #393939;margin-bottom: 0;position: relative;}
  .basket-list .basket-list-container .basket-list-header .list-close-btn{cursor: pointer;}
  .basket-list .basket-list-container .basket-list-header .list-close-btn svg{  }
  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn svg {
    width: 30px;
    height: 30px;
  }
  .basket-list .basket-list-container .basket-list-header .list-header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn {
    margin-right: 40px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .bid-active .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn {
    opacity: 1;
    visibility: visible;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn:hover svg path {
    fill: #041735;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
    .basket-list .basket-list-container .basket-list-header .list-close-btn:hover svg path {
    fill: #041735;
  }

  .basket-list .basket-list-container .basket-list-header .list-close-btn svg path {
    fill: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .basket-list .basket-list-container .basket-list-item-container { position: relative; }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-scroll{max-height: 65vh;overflow-y: auto;position: relative;padding-bottom: 300px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-scroll::-webkit-scrollbar { width: 0; }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-img{width: 85px;height: 85px;border-radius: 100%;background: #FAFAFA;margin-right: 25px;background-image: url(../img/main/list-img.png);background-repeat: no-repeat;background-position: center;background-size: 35px;}
  .basket-list .basket-list-container .basket-list-item-container:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 300px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);z-index: 9;pointer-events: none;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text{  }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2{font-weight: bold;font-size: 20px;color: #101a2b;margin-bottom: 15px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;max-width: 270px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3{font-weight: 500;font-size: 15px;color: #6e7b91;margin-bottom: 0;position: relative;padding-left: 12px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3.text-danger{ font-size: 10px; }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 40px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus, .qty-minus{/* transform: translateX(-6px); */cursor: pointer;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus{  }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-minus{  }
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar input{font-weight: bold;font-size: 15px;color: #585858;text-align: center;width: 100%;border: none;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar svg{  }

  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete svg{margin-right: 5px;margin-top: 3px;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete span{font-weight: 500;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;font-size: 20px;color: #393939;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus:hover svg path, .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-minus:hover svg path {
    stroke: #041735;
  }

  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus svg path, .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-minus svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }

  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete:hover span {color: #041735;}

  .basket-list-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background:#000000;opacity:0;z-index:-1;visibility:hidden;cursor: pointer;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
  .basket-list.active{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
  .basket-list-overlay.active{opacity:0.85;visibility:visible;z-index: 99999999;}
  .basket-list .basket-list-container .basket-list-header h2:before{ content:""; position:absolute; bottom:7px; left:0px; right:-10px; height:5px; background:#041735;}
  .basket-list .basket-list-container .basket-list-header h2 span{ position:relative;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3:before{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; width:0; height:0; border-style:solid; border-width:2.5px 0 2.5px 4px; border-color:transparent transparent transparent #6E7B91;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3.text-danger:before{ border-color:transparent transparent transparent #dc3545;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-imgtext{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
  .basket-list .basket-list-container .basket-list-item-container .basket-list-item + .basket-list-item{ margin-top:25px; border-top:1px solid #FAFAFA; padding-top:25px;}
  .basket-list .basket-list-container .basket-list-footer{text-align:center;position:absolute;bottom:4vh;left:0;right:0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;z-index: 9;}
  .basket-list .basket-list-container .basket-list-footer .total-piece{font-weight:500;font-size:31px;text-align:center;color:#393939;margin-bottom:40px;position: relative;}
  .basket-list .basket-list-container .basket-list-footer .basket-bid-form{font-weight:bold;font-size:20px;text-align:center;color:#041735;border:3px solid #041735;border-radius:100px;display:inline-block;padding:15px 80px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;cursor: pointer;position: relative;opacity: 1;}
  .basket-list .basket-list-container .basket-list-footer .total-piece span{ font-weight:bold;}

  .bid-active .basket-list .basket-list-container .basket-list-footer .basket-bid-form {
    opacity: 0;
  }
.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(7) {
    transition-delay: 0.7s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(8) {transition-delay: 0.8s;}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(9) {
    transition-delay: 0.9s;
}
    .basket-list .basket-list-container .basket-list-form {position: absolute;bottom: 0px;left: 0;right: 0;z-index: 9;background: #fff;text-align: center;padding: 0 110px 70px;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

  .basket-list .basket-list-container .basket-list-form .total-piece {
    font-weight: 500;
    font-size: 31px;
    text-align: center;
    color: #393939;
    margin-bottom: 40px;
    position: relative;
  }

  .basket-list .basket-list-container .basket-list-form .total-piece span {
    font-weight: bold;
  }

  .basket-list .basket-list-container .basket-list-form:before {content: "";position: absolute;top: -400px;bottom: 100%;right: 0;left: 0;background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ffffff00));background: -o-linear-gradient(bottom, white, #ffffff00);background: linear-gradient(to top, white, #ffffff00);pointer-events: none;}
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item input {
    height: 50px;
    border-radius: 35px;
    background: transparent;
    border: 2px solid rgba(16, 26, 43, 0.25);
    margin-top: 20px;
    padding: 20px 25px;
    font-weight: 500;
    font-size: 14px;
    color: #909691;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
.basket-list .basket-list-container .basket-list-form .basket-list-form-item.active .form-control {
    border-color: #041735;
}
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item textarea {height: 20vh;border-radius: 25px;background: transparent;border: 2px solid rgba(16, 26, 43, 0.25);margin-top: 20px;padding: 20px 25px;font-weight: 500;font-size: 14px;color: #909691;-webkit-box-shadow: none !important;box-shadow: none !important;resize: none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
  .select2-container .select2-selection--single {border: 2px solid rgba(16, 26, 43, 0.25);opacity: 1;height: 49px;}
  .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 27px; line-height: 43px; font-weight: 500; font-size: 14px; color: #909691; text-align: left; }
  .basket-list .basket-list-container .basket-list-form .basket-list-form-item > button {margin-top: 10px;background: #fff;}

.basket-list .basket-list-container .basket-list-footer .basket-bid-form:hover{
    background: #041735;
    color: #fff;
}

.bid-active .basket-list .basket-list-container .basket-list-form {
    opacity: 1;
    visibility: visible;
}

.bid-active .basket-list .basket-list-container .basket-list-footer {
}
.basket-list .basket-list-container .basket-list-form .basket-list-form-item .form-control:focus {
    border-color: #041735;
}
.basket-list .basket-list-container .basket-list-footer:before {}

.bid-active .basket-list .basket-list-container .basket-list-footer:before {
    /* opacity: 1; */
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(1) {
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(2) {
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(3) {
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(4) {
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(5) {
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
.basket-list .basket-list-container .basket-list-form .basket-list-form-item span.select2.select2-container {
    width: 100% !important;
}
.basket-list .basket-list-container .basket-list-form .basket-list-form-item:nth-child(6) {
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

.bid-active .basket-list .basket-list-container .basket-list-form .basket-list-form-item {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.basket-list .basket-list-container .basket-list-form .basket-list-form-item.form-button {
    text-align: center;
}

@media only screen and (min-width: 1200px) and (max-height: 870px){
    .basket-list .basket-list-container .basket-list-form {
        padding-bottom: 5vh;
    }
}

@media only screen and (min-width: 1200px) and (max-height: 770px){
    .basket-list .basket-list-container .basket-list-form {
        padding-bottom: 3vh;
    }
    .basket-list .basket-list-container .basket-list-footer .total-piece {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .basket-list .basket-list-container .basket-list-footer .basket-bid-form {
        font-size: 18px;
        padding: 10px 60px;
    }

    .basket-list .basket-list-container .basket-list-form .basket-list-form-item input {
        height: 40px;
    }

    .basket-list .basket-list-container .basket-list-form .basket-list-form-item textarea {
        height: 17vh;
    }

    .basket-list .basket-list-container .basket-list-form button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 991px){
    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar .qty-plus, .qty-minus {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    .basket-list {
        z-index: 9999999999;
        left: 0;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2 {
        max-width: 250px;
    }
}

@media only screen and (max-width: 767px){
    .basket-list .basket-list-container {
        padding: 20px 20px;
        max-width: initial;
    }

.basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete svg {
    margin-top: 0;
}

    .basket-list .basket-list-container .basket-list-header h2 {
        font-size: 28px;
    }

    .basket-list .basket-list-container .basket-list-header h2:before {
        height: 3px;
        bottom: 6px;
    }

    .basket-list .basket-list-container .basket-list-header .list-close-btn svg {
        width: 20px;
        height: 20px;
    }

    .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn svg {
    width: 20px;
    height: 20px;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn .list-back-btn {
    margin-right: 20px;
    margin-top: 8px;
  }

  .basket-list .basket-list-container .basket-list-header .list-header-btn {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
  }

    .basket-list .basket-list-container .basket-list-header {
        margin-bottom: 30px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-img {width: 50px;min-width: 50px;height: 50px;background-size: 20px;margin-right: 20px;}

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3 {
        font-size: 13px;
        padding-left: 9px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h3:before {
        top: 58%;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-delete span {
        font-size: 17px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .qty-plus-bar {
        margin-right: 20px;
        margin-left: 20px;
    }

    .basket-list .basket-list-container .basket-list-item-container .basket-list-item .basket-item-text h2 {
        max-width: 140px;
    }

    .basket-list .basket-list-container .basket-list-footer .total-piece {
        font-size: 23px;
        margin-bottom: 20px;
  }
  
  .basket-list .basket-list-container .basket-list-form .total-piece {
    font-size: 25px;
    margin-bottom: 20px;
  }

    .basket-list .basket-list-container .basket-list-footer .basket-bid-form {
        font-size: 18px;
        padding: 10px 40px;
    }
    .basket-list .basket-list-container .basket-list-form {
        padding: 0 30px 30px;
        max-height: 80vh;
        overflow-y: auto;
    }

    .basket-list .basket-list-container .basket-list-form .basket-list-form-item > button {
        margin-top: 30px;
    }
}

/* List Modal */
.list-active .list-modal {
    opacity: 1;
    visibility: visible;
}

  .list-modal{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 999;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;max-height: 100vh;overflow-y: auto;overflow-x: hidden;}
  .list-modal .modal-close {
    position: absolute;
    right: 90px;
    top: 40px;
    cursor: pointer;
    z-index: 9;
}

.list-modal .modal-close svg path {
    fill: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.list-modal .modal-close:hover svg path {
    fill: #041735;
}
  .list-modal:before {content: "";position: fixed;top: 0;right: 0;left: 0;bottom: 0;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-color: rgba(0, 0, 0, 0.85);}
  .list-modal .list-modal-container{position: relative;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 50px 20px;}
  .list-modal .list-modal-container .list-modal-content{max-width: 450px;-webkit-box-flex: 0;-ms-flex: 0 0 34%;flex: 0 0 34%;}
  .list-modal .list-modal-container .list-modal-content > span{font-weight: 500;font-size: 1.8vw;color: #041735;}
  .list-modal .list-modal-container .list-modal-content h2{font-weight: bold;font-size: 1.9vw;color: #fff;margin-bottom: 15px;margin-top: 10px;}
  .list-modal .list-modal-container .list-modal-content p{font-weight: 500;font-size: 20px;color: rgba(255, 255, 255, 0.51);max-width: 364px;margin-bottom: 0;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info{position: relative;padding-top: 25px;margin-top: 25px;}

  .list-modal .list-modal-container .list-modal-content .list-modal-info:before {content: "";position: absolute;top: 0;left: 0;width: 90px;height: 10px;background-image: url(../img/main/wave-icon.svg);background-repeat: no-repeat;background-size: contain;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul{  }
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li{font-weight: 500;font-size: 1.3vw;color: rgba(255, 255, 255, 0.51);margin-top: 10px;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li span{font-weight: bold;color: rgba(255, 255, 255, 0.66);margin-right: 15px;display: inline-block;}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li + li{  }
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li a{color: rgba(255, 255, 255, 0.51);}
  .list-modal .list-modal-container .list-modal-content .list-modal-info ul li time{  }

  .list-modal .list-modal-container .list-modal-content .list-modal-chat{margin-top:7vh;margin-bottom: 30px;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:25px;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header h3{ font-weight:bold; font-size:20px; color:#fff; margin-bottom:0;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn{margin-left: 50px;cursor: pointer;}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn:hover svg path {
    fill: #888888;
}

.list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
  .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn span{}
    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg:nth-child(2) {
      display: none;
    }

    html[lang="en"] .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg:nth-child(1) {display: none;}

    html[lang="en"] .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn svg:nth-child(2) {
      display: block;
    }

  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-title{ background:#101A2B;}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text{ background:#544747;}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text time{color: rgba(255, 255, 255, 0.3);}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text:before{ background-color:#544747; left:-5px;}
  .list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .report-chat-item-content-item .report-chat-item-text p{ color:#fff;}
  .list-modal-chat .report-chat-container{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%;max-height: 39vh;overflow-y:auto;padding-bottom: 30px;padding-right: 10px;}
.list-modal-chat .report-chat-container .report-chat-item .report-chat-item-content .update-chat span {
    color: #fff;
}
  .list-modal .list-modal-container .list-modal-items{-webkit-box-flex: 0;-ms-flex: 0 0 44%;flex: 0 0 44%;max-width: 37vw;margin-left: 18.4vw;margin-top: 65px;}
     .list-modal .list-modal-container .list-modal-items .list-modal-title {}

  .list-modal .list-modal-container .list-modal-items .list-modal-title h3 {
    font-weight: bold;
    font-size: 1.9vw;
    color: #fff;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
  }

  .list-modal .list-modal-container .list-modal-items .list-modal-title h3 span {
    position: relative;
  }

.list-modal .my-list-content .my-list-content-body .my-list-content-body-item-container:hover {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    background: #fff0;
}

.list-modal .list-modal-container .list-modal-items .list-modal-title h3:before {content: "";position: absolute;bottom: 6px;left: 0;right: -15px;height: 4px;background: #041735;}
    .list-modal .list-modal-container .list-modal-items .my-list-content{max-width:initial;margin: 4vw 0 0;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body{background:rgba(241, 241, 241, 0.1);max-height: 37vh;overflow-y: auto;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-header{ background:rgba(241, 241, 241, 0.15);}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-header .my-list-content-header-item-el{color:#fff;text-align: left;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el{color:#fff;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el.item-number{ color:rgba(255, 255, 255, 0.65);}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item-container + .my-list-content-body-item-container{ border-top-color:#707070;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item{ padding:17px 0;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item .my-list-content-body-item-el{ color:rgba(255, 255, 255, 0.65);}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(1){width: 44px;margin-right: 8px;text-align: left;padding-left: 4px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(3){margin-right:27px;width: 65px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2):before{ left:-1px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(4){width: 32px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item-container{padding: 0 25px 0 30px;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(2){margin-left: 51px;margin-right: -8px;width: auto;text-align: left;}
  .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(1) .my-list-content-body-item-el:nth-child(3){margin-left:34px;width: auto;}
    .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item:nth-child(2) .my-list-content-body-item-el:nth-child(2) { margin-right: 10px; width: 71px; }

.chat-active .modal-chat{opacity: 1;visibility: visible;}

.modal-chat {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.modal-chat .modal-chat-container .modal-chat-close svg path {
    fill: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.modal-chat .modal-chat-container .modal-chat-close:hover svg path {
    fill: #041735;
}

.modal-chat.active {
    opacity: 1;
    visibility: visible;
}

.modal-chat-container {}

.modal-chat .modal-chat-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.modal-chat .modal-chat-container .modal-chat-close {
    position: absolute;
    right: 80px;
    top: 30px;
    cursor: pointer;
}

.modal-chat .modal-chat-container .modal-chat-close svg {}

.modal-chat .modal-chat-container .modal-chat-item {max-width: 775px;-webkit-box-flex: 0;-ms-flex: 0 0 56%;flex: 0 0 56%;text-align: center;}

.modal-chat .modal-chat-container .modal-chat-item h4 {
    font-weight: bold;
    font-size: 41px;
    color: #fff;
    margin-bottom: 70px;
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input {position: relative;}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea {
    font-weight: 500;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    resize: none;
    padding: 70px 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    border-radius: 30px;
    border: 1px solid #707070;
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea:focus {
    border-color: #041735;
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input.active textarea:focus {
    border-color: #041735;
}

.modal-chat .modal-chat-container .modal-chat-item button {
    background: none;
    border: none;
    font-weight: bold;
    font-size: 20px;
    color: #041735;
    margin-top: 70px;
    outline: none;
}

.modal-chat:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea:-webkit-scrollbar { width: 0; }

@media only screen and (max-width: 1700px){
    .list-modal .list-modal-container .list-modal-items {
        max-width: 700px;
        margin-left: 15vw;
    }   
}

@media only screen and (max-width: 1550px){
    .list-modal .list-modal-container .list-modal-items {
        max-width: 700px;
        margin-left: 12vw;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
    }   
}

@media only screen and (max-width: 1199px){
    .list-modal .list-modal-container {
        display: block;
    }

    .list-modal .list-modal-container .list-modal-content h2 {
        font-size: 28px;
    }

    .list-modal .list-modal-container .list-modal-content p {
    }

    .list-modal .list-modal-container .list-modal-content > span {
        font-size: 20px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-info ul li {
        font-size: 20px;
    }

    .list-modal .list-modal-container .list-modal-content {
        margin: 0 auto;
        max-width: 90%;
    }

    .list-modal .list-modal-container .list-modal-items {
        max-width: 90%;
        margin: 60px auto 10px;
    }
}

@media only screen and (max-width: 991px){
     .modal-chat .modal-chat-container .modal-chat-item h4 {
        font-size: 35px;
        margin-bottom: 40px;
    }

    .modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea {
        padding: 50px 40px 30px;
    }

    .modal-chat .modal-chat-container .modal-chat-item button {
        margin-top: 40px;
    }   
}

@media only screen and (max-width: 767px){
    .list-modal .list-modal-container .list-modal-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .list-modal .list-modal-container .list-modal-content > span {
        font-size: 18px;
    }

    .list-modal .list-modal-container .list-modal-content p {
        font-size: 18px;
    }

    .list-modal .modal-close {
        right: 20px;
        top: 20px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat {
        margin-top: 40px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-info ul li {
        font-size: 18px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header h3 {
        font-size: 18px;
        max-width: 100px;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header .list-modal-chat-btn {
        margin-left: 0;
    }

    .list-modal .list-modal-container .list-modal-content .list-modal-chat .list-modal-chat-header {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .list-modal .list-modal-container .report-chat-container .report-chat-item .report-chat-item-obj {
        min-width: 50px;
        height: 50px;
        line-height: 45px;
    }

    .list-modal .list-modal-container .report-chat-container .report-chat-item .report-chat-item-obj svg {
        width: 18px;
    }

    .list-modal-chat .report-chat-container {
        max-height: 400px;
    }

    .list-modal .list-modal-container .list-modal-items .list-modal-title h3 {
        font-size: 20px;
    }

    .list-modal .list-modal-container .list-modal-items .list-modal-title h3:before {
        height: 3px;
        bottom: 3px;
    }

    .list-modal .list-modal-container .list-modal-items .my-list-content {
        margin-top: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body .my-list-content-body-item-container {
        background: rgba(241, 241, 241, 0.1);
    }

    .list-modal .list-modal-container .list-modal-items .my-list-content .my-list-content-body {
        background: #fff0;
    }

    .list-modal .list-modal-container {
        padding-bottom: 30px;
    }

       .modal-chat .modal-chat-container .modal-chat-item h4 {
        font-size: 21px;
    }

    .modal-chat .modal-chat-container .modal-chat-item .modal-chat-item-input textarea {
        padding: 60px 40px 40px;
    }

    .modal-chat .modal-chat-container .modal-chat-item {
        max-width: 80%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
                flex: 0 0 80%;
    }

    .modal-chat .modal-chat-container .modal-chat-close {
        right: 21px;
        top: 20px;
    }  

    .list-modal .list-modal-container .list-modal-items {
    margin-bottom: 40px;
  }
}

/* Footer */
  footer{position: relative;z-index: 9;}
  footer .footer-container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 15px 60px;background: #59616F;}
  footer .footer-container .footer-logo{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  footer .footer-container .footer-logo img{  }
  footer.main-footer .footer-container {
      padding-right: 200px;
  }

  footer .footer-container .footer-info{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: 30px;}
  footer .footer-container .footer-info p{margin-bottom: 0;font-weight: 500;font-size: 15px;color: #fff;opacity: 0.6;margin-right: 0;}
  footer .footer-container .footer-info a{font-weight: 500;font-size: 1.1vw;color: #bdc0c5;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  footer .footer-container .footer-info a span{font-weight: bold;font-size: 20px;color: #041735;display: block;margin-right: 20px;}

    footer .footer-container .footer-menu ul li a:hover { opacity: 1; }
  footer .footer-container .footer-info a:hover { color: #fff; }
  footer .footer-container .footer-menu{margin-left: -20px;}
  footer .footer-container .footer-menu ul{display: -webkit-box;display: -ms-flexbox;display: flex;}
  footer .footer-container .footer-menu ul li{  }
  footer .footer-container .footer-menu ul li + li{margin-left: 55px;}
  footer .footer-container .footer-menu ul li a{font-weight: 500;font-size: 0.95vw;color: #fff;opacity: 0.6;}

  footer .footer-container .signature{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  footer .footer-container .signature a:nth-child(1){color: #bdc0c5;font-size: 14px;margin-top: 3px;}
  footer .footer-container .signature a:nth-child(2){position: relative;display: inline-block;height: 10px;opacity: 0.6;}
  /*footer .footer-container .signature a:nth-child(2):before {content: "";position: absolute;top: 4px;bottom: 0;left: 0;width: 1px;background: #bdc0c5;}*/
  footer .footer-container .signature a:nth-child(2) img{  }

  @media only screen and (max-width: 1650px){
    footer .footer-container .footer-menu ul li + li { margin-left: 30px; }
    footer .footer-container .footer-info p { margin-right: 5vw; }
  }

  @media only screen and (max-width: 1400px){
    footer .footer-container .footer-menu ul li + li { margin-left: 20px; }
    footer .footer-container .footer-info p { margin-right: 5vw; }
    footer .footer-container {padding: 15px 30px !important;}
  }

  @media only screen and (max-width: 1199px){
    footer .footer-container .footer-info a { display: none; }
  }

  @media only screen and (max-width: 991px){
    footer .footer-container .footer-logo {/* display: none; */}
    footer .footer-container .footer-menu ul li a { font-size: 15px; }
    footer .footer-container {/* display: block; */padding: 0 20px 44px !important;}
    footer .footer-container .footer-logo img {
        display: none;
    }
    footer .footer-container .footer-info {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-left: 0;}
    footer .footer-container .footer-menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    footer .footer-container .signature {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #4d5563;padding: 7px 0 10px;position: absolute;bottom: 0;left: 0;right: 0;}
    footer .footer-container .footer-menu { margin: 20px 0; }
    footer .footer-container .footer-info p { margin-right: 0; }
  }

  @media only screen and (max-width: 767px){
    footer .footer-container .footer-info p {font-size: 3.5vw;margin-bottom: 10px;}
    footer .footer-container .footer-menu ul li a {font-size: 3.6vw;}
    footer .footer-container {display: block;padding: 22px 20px 40px !important;}
    footer .footer-container .footer-menu ul li + li { margin-left: 10px; }
    footer .footer-container .signature a:nth-child(2) img { max-width: 90%; }
    footer .footer-container .signature a:nth-child(1) { font-size: 11px; }   
      footer .footer-container .signature {
      padding-bottom: 8px;
    }
    footer .footer-container .footer-logo {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    footer .footer-container .signature a:nth-child(1) {
      margin-top: 3px;
    }
    
    footer .footer-container .footer-menu {
        margin: 5px 0px 19px;
    }
  }

 /* Editor */

.trumbowyg-button-pane {
    position: absolute;
    left: -20px;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: normal;
    min-height: initial;
    -webkit-box-shadow: 0px 3px 16px rgba(16, 26, 43, 0.1);
            box-shadow: 0px 3px 16px rgba(16, 26, 43, 0.1);
    background: #ffff;
    width: 35px;
    padding: 0;
    border: none;
    border-radius: 15px;
}

.trumbowyg-button-pane .trumbowyg-button-group {
    display: block;
}

.trumbowyg-button-pane .trumbowyg-button-group button {
    display: block;
    background: #fff0 !important;
    padding: 0 !important;
    height: 40px;
}

.trumbowyg-button-pane::after {
    visibility: hidden;
}

.trumbowyg-button-pane .trumbowyg-button-group button + button {
    border-top: 1px solid #E3E3E3;
}

.trumbowyg-box .trumbowyg-editor {
    border: 2px solid rgba(16, 26, 43, 0.25);
    border-radius: 25px;
    padding: 20px 30px;
}

.trumbowyg-box .trumbowyg-editor p {
    margin-bottom: 0;
}

.trumbowyg-box, .trumbowyg-editor {
    border: none;
    text-align: left;
}

.trumbowyg-box .trumbowyg-editor ul li {list-style-type: disc;}

.trumbowyg-box .trumbowyg-editor ul {
    padding-left: 20px;
}

.trumbowyg-box .trumbowyg-editor p, .trumbowyg-box .trumbowyg-editor p span, .trumbowyg-box .trumbowyg-editor ul li span {
    font-size: 15px !important;
}

/* Quit Modal */
.jconfirm {
  z-index: 999999999;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2){ position:absolute; left:0; right:0; top:-45px; width:90px; height:90px; background:#041735; border-radius:100%; visibility:visible !important; color:transparent; padding:0; margin:0 auto;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):before, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):after{ content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%) rotate(45deg); -ms-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); width:4px; height:35px; background:#fff; border-radius:100px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(2):after{ -webkit-transform:translate(-50%, -50%) rotate(-45deg); -ms-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg);}
.jconfirm .jconfirm-box-container{-webkit-box-flex: 0;-ms-flex: 0 0 53.333333%;flex: 0 0 53.333333%;max-width: 53.333333%;padding:0;border-radius: 30px !important;text-align:center;-webkit-transition: 0.4s !important;-o-transition: 0.4s !important;transition: 0.4s !important;}
.jconfirm .jconfirm-box{border: none !important;padding:0;overflow:initial;padding:90px 0 30px;border-radius: 30px !important;text-align: center;-webkit-transition: 0.4s !important;-o-transition: 0.4s !important;transition: 0.4s !important;-webkit-animation: none !important;animation: none !important;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{ display:none;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{ font-weight:500; font-size:30px; color:#101a2b; display:block;}
.jconfirm .jconfirm-box .jconfirm-content div{font-size:25px;color:#6e7b91;max-width:320px;margin: 0 auto;}
.jconfirm .jconfirm-box div.jconfirm-content-pane{margin:0;}
.jconfirm .jconfirm-box div.jconfirm-title-c{ padding-bottom:0; margin-bottom:23px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1){ float:none; border:1px solid #041735; background:#fff; border-radius:100px; padding:10px 15px 10px 15px; font-weight:500; font-size:15px; letter-spacing:0.15em; text-align:center; color:transparent; position:relative; text-transform:none; width:148px;}
html[lang="tr"] .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1):before{content:"Evet";color:#101a2b;position:absolute;left: 38%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
html[lang="en"] .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1):before{ content:"Yes"; color:#101a2b; position:absolute; left:42%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:nth-child(1) span.countdown{color:#101a2b;position:absolute;right: 32px;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{ padding:0; float:none; margin:35px 0 5px;}

@media only screen and (max-width: 991px){
  .jconfirm .jconfirm-box-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60%;
              flex: 0 0 60%;
      max-width: 60%;
  }

  .jconfirm .jconfirm-holder {
      -webkit-transform: scale(0.85);
          -ms-transform: scale(0.85);
              transform: scale(0.85);
  }
}

@media only screen and (max-width: 767px){
  .jconfirm .jconfirm-box-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
  }

  .jconfirm .jconfirm-holder {
      -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
              transform: scale(0.75);
  }
}

/* Basket Sreen Appr */
.sepetScreen{ padding:100px 0;}
.sepetScreen .basket-screen-row{ width:100%; text-align:center;}
.sepetScreen .basket-screen-row .info-text{ margin:40px 0 60px;}
.sepetScreen .basket-screen-row .info-text h3{ font-weight:500; font-size:20px; color:#101a2b; margin-bottom:10px;}
.sepetScreen .basket-screen-row .info-text span{ font-weight:500; font-size:15px; color:#6e7b91; display:block;}
.sepetScreen .basket-screen-row .info-basket-content{ margin-bottom:60px;}
.sepetScreen .basket-screen-row .info-basket-content ul{ max-width:450px; margin:0 auto; border-radius:20px; overflow:hidden;}
.sepetScreen .basket-screen-row .info-basket-content ul li{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:20px; position:relative;}
.sepetScreen .basket-screen-row .info-basket-content ul li .title{ font-weight:500; font-size:15px; text-align:right; display:block; color:#101a2b; min-width:50%; background:#F1F1F1; padding:13px 30px 13px 13px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.sepetScreen .basket-screen-row .info-basket-content ul li p, .sepetScreen .basket-screen-row .info-basket-content ul li a{ font-weight:500; font-size:15px; text-align:left; color:#6e7b91; margin-bottom:0; display:block; min-width:50%; padding:13px 13px 13px 30px; background:#FAFAFA;}
.sepetScreen .basket-screen-row .info-basket-content ul li + li:before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#DDDDDD;}

@media only screen and (max-width: 767px){
  .sepetScreen .basket-screen-row .info-basket-content ul {
      max-width: 330px;
  }

  .sepetScreen .basket-screen-row .info-basket-content ul li {
      display: block;
  }

  .sepetScreen .basket-screen-row .info-basket-content ul li .title {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;padding: 13px;}

  .sepetScreen .basket-screen-row .info-basket-content ul li p,
  .sepetScreen .basket-screen-row .info-basket-content ul li a {
      text-align: center;
      padding: 13px;
  }

  .sepetScreen .basket-screen-row .icon {
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8);
  }

  .sepetScreen .basket-screen-row .info-text {
      margin-top: 20px;
  }

  .sepetScreen {
      padding: 70px 0;
  }
}

/* Cookies */
body .cc-window {bottom: 50px !important;left: 50% !important;max-width: 460px;height: 93px;border-radius: 100px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background-color: rgba(34, 41, 48, 0.8);padding: 0 30px !important;-webkit-transform: translateX(-50%) translateZ(100px);-ms-transform: translateX(-50%) translateZ(100px);transform: translateX(-50%) translateZ(100px);-webkit-transition: none;flex-direction: row !important;-o-transition: none;transition: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 99999;}
body .cc-window .cc-message {font-size: 15px;color: #fff;line-height: normal;margin: 0 !important;}
body .cc-window .cc-message a{opacity: 1;}
body .cc-compliance a.cc-btn.cc-dismiss {width: 56px;height: 56px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;border: 1px solid #041735;border-radius: 100px;position: relative;padding: 0;color: transparent;display: block;}
body .cc-compliance a.cc-btn.cc-dismiss:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-image: url(../img/svg/check-icon.svg);width: 20px;height: 15px;background-size: contain;background-position: center;background-repeat: no-repeat;}
body .cc-compliance a.cc-btn.cc-dismiss:hover { background: #041735; }
body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover { color: #041735; text-decoration: underline; }
.cc-floating.cc-theme-edgeless .cc-message {margin: 0 !important;}

@media only screen and (max-width: 767px){
  body .cc-window {width: 100%;max-width: 100% !important;-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important;-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;left: 50% !important;right: auto !important;-webkit-transform: translateX(-50%) scale(0.9);-ms-transform: translateX(-50%) scale(0.9);transform: translateX(-50%) scale(0.9);bottom: 30px !important;height: 110px;padding: 0 30px !important;}
  .cc-floating.cc-theme-edgeless .cc-message { margin: 0 !important; }
}

/* Preparing Content */
.preparing-content {}
.preparing-content .preparing-content-container { display: flex; align-items: center; justify-content: center; }
.preparing-content .preparing-text { text-align: center; margin-left: 210px; }
.preparing-content .preparing-text h3 { font-weight: bold; font-size: 3.1vw; color: #000; margin-bottom: 30px; }
.preparing-content .preparing-text h3 span { font-size: 5.05vw; color: #041735; display: block; margin-bottom: 20px; }

@media only screen and (max-width: 1450px){
    .preparing-content .preparing-text { margin-left: 60px; }
    .preparing-content .preparing-img img { max-width: 90%; }  
}

@media only screen and (max-width: 1370px){
    .preparing-content .preparing-img img { max-width: 80%; }  
}

@media only screen and (max-width: 1199px){
    .preparing-content .preparing-text { margin-left: -80px; }
    .preparing-content .preparing-img img { max-width: 70%; }  
}

@media only screen and (max-width: 991px){
    .preparing-content .preparing-content-container { flex-direction: column-reverse; }
    .preparing-content .preparing-text { margin-left: 0; }
    .preparing-content .preparing-text h3 span { font-size: 7vw; }
    .preparing-content .preparing-text h3 { font-size: 4vw; }
    .preparing-content .preparing-img { text-align: center; margin-top: 70px; }
}

@media only screen and (max-width: 767px){
    .preparing-content .preparing-text h3 span { font-size: 40px; margin-bottom: 6px; }
    .preparing-content .preparing-text h3 { font-size: 26px; margin-bottom: 20px; }
    .preparing-content .preparing-text a { transform: translateX(0) scale(0.8); }
}

/* User Select Mobil */
@media only screen and (max-width: 767px){
  .user-screen.my-list .my-list-header > div:last-child{ border-radius:0;}
  .user-screen.my-list .my-list-header .my-list-header-search{ width:100%; margin:0px 30px;}
  .user-screen.my-list .my-list-header .my-list-header-search .my-list-header-item{ border-radius:100px; position:relative; padding:0 15px; height:40px;}
  .user-screen.my-list .my-list-header .my-list-header-item .form-el svg{position:absolute;top:50%;transform:translateY(-50%);right: 0;margin-right:0;}
  .user-screen .user-menu-select{ display:flex; align-items:center; justify-content:center; margin-top:25px; position:relative; height:30px;}
  .user-screen .user-menu-select .select-item{position:absolute;width: 120px;transition:0.6s;top:50%;transform:translate(0, -50%);z-index: 99999999;}
  .user-screen .user-menu-select .select-item:nth-child(1).active {
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .user-screen .user-menu-select .select-item:nth-child(2).active {
      right: 50%;
      transform: translate(50%, -50%);
  }
  .user-screen .user-menu-select .select-item .first-select{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;/* background: #ffffff; */border-radius:15px;padding:10px 0;transition: 0.6s;}
  .user-screen .user-menu-select .select-item .first-select span{font-weight:500;font-size:15px;color:#101a2b;display:block;margin-right:10px;transition:0.6s;max-width: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .user-screen .user-menu-select .select-item .first-select svg{margin-right:-7px;transform:translate(0, 0) rotate(0) scale(1);transition:0.6s;position: relative;}
  .user-screen .user-menu-select .select-item .other-options{position:absolute;top:0;left:0;right:0;transform:translateY(0);transition:0.6s;background:#fff;border-radius: 15px;padding:0 10px;opacity:0;visibility:hidden;}
  .user-screen .user-menu-select .select-item .other-options .options-item{ text-align:center; opacity:0; visibility:visible; transition:0.6s;}
  .user-screen .user-menu-select .select-item .other-options .options-item label{ margin-bottom:0;}
  .user-screen .user-menu-select .select-item .other-options .options-item label span{font-weight:500;font-size:21px;color:#6e7b91;display:block;white-space: nowrap;}
  .user-screen .user-menu-select .select-item .other-options .options-item > input{}
  .user-screen .user-menu-select .select-item.active .other-options .options-item + .options-item{ margin-top:10px;}
  .user-screen .user-menu-select .select-item.active .other-options .options-item{ opacity:1; visibility:visible;}
  .user-screen .user-menu-select .select-item.active .other-options{transform: translateY(0);padding: 57px 10px 15px;opacity:1;visibility:visible;}
  .user-screen .user-menu-select .select-item.active{width:160px;}
  .user-select-overlay{position:fixed;top:0;right:0;left:0;bottom:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgb(42 168 80 / 0.75);z-index: 99999999;opacity:0;visibility:hidden;transition:0.6s;}
  .user-screen .user-menu-select .select-item .other-options .options-item + .options-item{ margin-top:-30px;}
  .user-screen .user-menu-select .select-item.active .first-select span{ transform:scale(1.4) translate(-3px, 1px);}
  .user-screen .user-menu-select .select-item.active .first-select svg{ transform:translate(4px, 2px) rotate(180deg) scale(1.5);}
  .user-screen .user-menu-select .select-item .other-options:before{content:"";position:absolute;top: 46px;right:0;left:0;height:1px;background:#F0F0F0;}
  .user-select-overlay.active{ opacity:1; visibility:visible;}
  .user-screen .user-menu-select .select-item:nth-child(1){left: 16%;}
  .user-screen .user-menu-select .select-item:nth-child(2){right: 15%;}
  .user-screen .user-menu-select .select-item + .select-item:before{}
  .user-screen .user-menu-select:before{content:"";position:absolute;top:50%;left:51%;transform:translate(-50%, -50%);width:1px;height:20px;bottom:0;background: #F2F2F2;/* z-index: 99999; */}
  .user-screen .user-menu-select .select-item.in-active{ z-index:-1;}
  .user-select-overlay.active{ opacity:1; visibility:visible;}
  .user-screen .my-list-header-day {
      display: none;
  }
  .user-screen .user-menu-select .select-item.active {
      top: -200%;
  }
  .user-screen.my-list .my-list-header-item.header-all-select {
      display: none !important;
  }
  .mobile-menu.in-active { z-index: 999; }
}

.select2-container--open {
    z-index: 999999999;
}

@media only screen and (max-width: 991px){
  .select2-container--open {
      z-index: 9999999999;
  }
}

.select2-container--open.in-active {
  z-index: -1;
}

.career .select2-container .select2-selection--single {
    border: 1px solid rgb(26 18 85 / 0.6);
    height: 50px;
}

.career .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: normal;
    line-height: 48px;
}

/**/

.newPost .editor { border-radius: 19px; border: 2px solid rgba(16, 26, 43, 0.25); font-weight: 400; font-size: 15px; color: #101a2b; resize: none; width: 100%; padding: 20px 35px; text-align: left; min-height: 300px; }
.newPost .editor ul { padding-left: 20px; }
.newPost .editor ul li { list-style: initial; }

@media only screen and (max-width: 1199px){
  .award { display: none; }
}

#biltek-signature img {
    object-fit: contain;
}

.biltek-signature {
    display: flex;
}