@keyframes bounce {
  0%,20%,53%,80%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: translateZ(0)
  }

  40%,43% {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -30px, 0)
  }

  70% {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -15px, 0)
  }

  90% {
      transform: translate3d(0, -4px, 0)
  }
}

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

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

  25%,75% {
      opacity: 0
  }
}

.flash {
  animation-name: flash
}

@keyframes pulse {
  0% {
      transform: scaleX(1)
  }

  50% {
      transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
      transform: scaleX(1)
  }
}

.pulse {
  animation-name: pulse
}

@keyframes rubberBand {
  0% {
      transform: scaleX(1)
  }

  30% {
      transform: scale3d(1.25, 0.75, 1)
  }

  40% {
      transform: scale3d(0.75, 1.25, 1)
  }

  50% {
      transform: scale3d(1.15, 0.85, 1)
  }

  65% {
      transform: scale3d(0.95, 1.05, 1)
  }

  75% {
      transform: scale3d(1.05, 0.95, 1)
  }

  to {
      transform: scaleX(1)
  }
}

.rubberBand {
  animation-name: rubberBand
}

@keyframes shake {
  0%,to {
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      transform: translate3d(-10px, 0, 0)
  }

  20%,40%,60%,80% {
      transform: translate3d(10px, 0, 0)
  }
}

.shake {
  animation-name: shake
}

@keyframes headShake {
  0% {
      transform: translateX(0)
  }

  6.5% {
      transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
      transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
      transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
      transform: translateX(2px) rotateY(3deg)
  }

  50% {
      transform: translateX(0)
  }
}

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

@keyframes swing {
  20% {
      transform: rotate(15deg)
  }

  40% {
      transform: rotate(-10deg)
  }

  60% {
      transform: rotate(5deg)
  }

  80% {
      transform: rotate(-5deg)
  }

  to {
      transform: rotate(0deg)
  }
}

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

@keyframes tada {
  0% {
      transform: scaleX(1)
  }

  10%,20% {
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,60%,80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
      transform: scaleX(1)
  }
}

.tada {
  animation-name: tada
}

@keyframes wobble {
  0% {
      transform: translateZ(0)
  }

  15% {
      transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
      transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
      transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
      transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
      transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
      transform: translateZ(0)
  }
}

.wobble {
  animation-name: wobble
}

@keyframes jello {
  0%,11.1%,to {
      transform: translateZ(0)
  }

  22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7% {
      transform: skewX(0.39062deg) skewY(0.39062deg)
  }

  88.8% {
      transform: skewX(-0.19531deg) skewY(-0.19531deg)
  }
}

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

@keyframes heartBeat {
  0% {
      transform: scale(1)
  }

  14% {
      transform: scale(1.3)
  }

  28% {
      transform: scale(1)
  }

  42% {
      transform: scale(1.3)
  }

  70% {
      transform: scale(1)
  }
}

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

@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
      transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
      transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
      transform: scale3d(0.97, 0.97, 0.97)
  }

  to {
      opacity: 1;
      transform: scaleX(1)
  }
}

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

@keyframes bounceInDown {
  0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0)
  }

  75% {
      transform: translate3d(0, -10px, 0)
  }

  90% {
      transform: translate3d(0, 5px, 0)
  }

  to {
      transform: translateZ(0)
  }
}

.bounceInDown {
  animation-name: bounceInDown
}

@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0)
  }

  75% {
      transform: translate3d(-10px, 0, 0)
  }

  90% {
      transform: translate3d(5px, 0, 0)
  }

  to {
      transform: translateZ(0)
  }
}

.bounceInLeft {
  animation-name: bounceInLeft
}

@keyframes bounceInRight {
  0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0)
  }

  75% {
      transform: translate3d(10px, 0, 0)
  }

  90% {
      transform: translate3d(-5px, 0, 0)
  }

  to {
      transform: translateZ(0)
  }
}

.bounceInRight {
  animation-name: bounceInRight
}

@keyframes bounceInUp {
  0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0)
  }

  75% {
      transform: translate3d(0, 10px, 0)
  }

  90% {
      transform: translate3d(0, -5px, 0)
  }

  to {
      transform: translateZ(0)
  }
}

.bounceInUp {
  animation-name: bounceInUp
}

@keyframes bounceOut {
  20% {
      transform: scale3d(0.9, 0.9, 0.9)
  }

  50%,55% {
      opacity: 1;
      transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3)
  }
}

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

@keyframes bounceOutDown {
  20% {
      transform: translate3d(0, 10px, 0)
  }

  40%,45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0)
  }

  to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  animation-name: bounceOutDown
}

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

  to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft
}

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

  to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  animation-name: bounceOutRight
}

@keyframes bounceOutUp {
  20% {
      transform: translate3d(0, -10px, 0)
  }

  40%,45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0)
  }

  to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  animation-name: bounceOutUp
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInDown {
  animation-name: fadeInDown
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInLeft {
  animation-name: fadeInLeft
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0)
  }

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInRight {
  animation-name: fadeInRight
}

@keyframes fadeInRightBig {
  0% {
      opacity: 0;
      transform: translate3d(2000px, 0, 0)
  }

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0)
  }

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInUp {
  animation-name: fadeInUp
}

@keyframes fadeInUpBig {
  0% {
      opacity: 0;
      transform: translate3d(0, 2000px, 0)
  }

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig
}

@keyframes flip {
  0% {
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      animation-timing-function: ease-out
  }

  40% {
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      animation-timing-function: ease-out
  }

  50% {
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      animation-timing-function: ease-in
  }

  80% {
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
      animation-timing-function: ease-in
  }

  to {
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      animation-timing-function: ease-in
  }
}

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

@keyframes flipInX {
  0% {
      transform: perspective(400px) rotateX(90deg);
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotateX(-20deg);
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

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

@keyframes flipInY {
  0% {
      transform: perspective(400px) rotateY(90deg);
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotateY(-20deg);
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

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

@keyframes flipOutX {
  0% {
      transform: perspective(400px)
  }

  30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1
  }

  to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }
}

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

@keyframes flipOutY {
  0% {
      transform: perspective(400px)
  }

  30% {
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1
  }

  to {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }
}

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

@keyframes lightSpeedIn {
  0% {
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0
  }

  60% {
      transform: skewX(20deg);
      opacity: 1
  }

  80% {
      transform: skewX(-5deg)
  }

  to {
      transform: translateZ(0)
  }
}

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

@keyframes lightSpeedOut {
  0% {
      opacity: 1
  }

  to {
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0
  }
}

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

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

  to {
      transform-origin: center;
      transform: translateZ(0);
      opacity: 1
  }
}

.rotateIn {
  animation-name: rotateIn
}

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

  to {
      transform-origin: left bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft
}

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

  to {
      transform-origin: right bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight
}

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

  to {
      transform-origin: left bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft
}

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

  to {
      transform-origin: right bottom;
      transform: translateZ(0);
      opacity: 1
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight
}

@keyframes rotateOut {
  0% {
      transform-origin: center;
      opacity: 1
  }

  to {
      transform-origin: center;
      transform: rotate(200deg);
      opacity: 0
  }
}

.rotateOut {
  animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
  0% {
      transform-origin: left bottom;
      opacity: 1
  }

  to {
      transform-origin: left bottom;
      transform: rotate(45deg);
      opacity: 0
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
  0% {
      transform-origin: right bottom;
      opacity: 1
  }

  to {
      transform-origin: right bottom;
      transform: rotate(-45deg);
      opacity: 0
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
  0% {
      transform-origin: left bottom;
      opacity: 1
  }

  to {
      transform-origin: left bottom;
      transform: rotate(-45deg);
      opacity: 0
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
  0% {
      transform-origin: right bottom;
      opacity: 1
  }

  to {
      transform-origin: right bottom;
      transform: rotate(90deg);
      opacity: 0
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight
}

@keyframes hinge {
  0% {
      transform-origin: top left;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      transform: rotate(80deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out
  }

  40%,80% {
      transform: rotate(60deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      transform: translate3d(0, 700px, 0);
      opacity: 0
  }
}

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

@keyframes jackInTheBox {
  0% {
      opacity: 0;
      transform: scale(0.1) rotate(30deg);
      transform-origin: center bottom
  }

  50% {
      transform: rotate(-10deg)
  }

  70% {
      transform: rotate(3deg)
  }

  to {
      opacity: 1;
      transform: scale(1)
  }
}

.jackInTheBox {
  animation-name: jackInTheBox
}

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

  to {
      opacity: 1;
      transform: translateZ(0)
  }
}

.rollIn {
  animation-name: rollIn
}

@keyframes rollOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.rollOut {
  animation-name: rollOut
}

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

  50% {
      opacity: 1
  }
}

.zoomIn {
  animation-name: zoomIn
}

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

  60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInDown {
  animation-name: zoomInDown
}

@keyframes zoomInLeft {
  0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInLeft {
  animation-name: zoomInLeft
}

@keyframes zoomInRight {
  0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInRight {
  animation-name: zoomInRight
}

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

  60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInUp {
  animation-name: zoomInUp
}

@keyframes zoomOut {
  0% {
      opacity: 1
  }

  50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3)
  }

  to {
      opacity: 0
  }
}

.zoomOut {
  animation-name: zoomOut
}

@keyframes zoomOutDown {
  40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform-origin: center bottom;
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomOutDown {
  animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
  40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  to {
      opacity: 0;
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform-origin: left center
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
  40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  to {
      opacity: 0;
      transform: scale(0.1) translate3d(2000px, 0, 0);
      transform-origin: right center
  }
}

.zoomOutRight {
  animation-name: zoomOutRight
}

@keyframes zoomOutUp {
  40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform-origin: center bottom;
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomOutUp {
  animation-name: zoomOutUp
}

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

  to {
      transform: translateZ(0)
  }
}

.slideInDown {
  animation-name: slideInDown
}

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

  to {
      transform: translateZ(0)
  }
}

.slideInLeft {
  animation-name: slideInLeft
}

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

  to {
      transform: translateZ(0)
  }
}

.slideInRight {
  animation-name: slideInRight
}

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

  to {
      transform: translateZ(0)
  }
}

.slideInUp {
  animation-name: slideInUp
}

@keyframes slideOutDown {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0)
  }
}

.slideOutDown {
  animation-name: slideOutDown
}

@keyframes slideOutLeft {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0)
  }
}

.slideOutLeft {
  animation-name: slideOutLeft
}

@keyframes slideOutRight {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0)
  }
}

.slideOutRight {
  animation-name: slideOutRight
}

@keyframes slideOutUp {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0)
  }
}

.slideOutUp {
  animation-name: slideOutUp
}

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

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

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

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

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

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

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

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

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

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

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

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

/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
::selection {
  background: #999;
  color: #fff
}

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

html {
  height: 100%
}

body {
  overflow-x: hidden
}

a {
  -webkit-text-decoration-skip: objects;
  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="radio"],input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0
}

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

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

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

::-webkit-scrollbar-thumb {
  background: #23c4f4
}

img {
  max-width: 100%
}

input,textarea {
  appearance: none
}

.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
}

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

.nf404-full {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: 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;
  flex: 0 0 auto;
  border: 2px solid #1C91F6;
  padding: 1rem 2rem;
  color: #90CBFF;
  border-radius: 3rem;
  box-shadow: inset 0 0 0 #1C91F6;
  transition: .4s
}



.nf404-full a svg {
  margin-right: 1rem;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 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 {
  box-shadow: inset 0 0 15px rgba(28,145,246,0.3)
}

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

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

.nf404 .svg svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%
}

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

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

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

.nf404 a {
  display: inline-block;
  border: 2px solid #0189ff;
  padding: 1rem 2rem;
  color: #1d95ff;
  border-radius: 3rem;
  box-shadow: inset 0 0 0 #0189ff;
  transition: .4s
}

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

.nf404 a:hover {
  box-shadow: inset 0 0 15px rgba(1,137,255,0.3)
}

.breadcrumb {
  margin: 0;
  padding: 0;
  background: none
}

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

ol.breadcrumb li {
  color: #fff
}

ol.breadcrumb li a {
  color: #fff
}

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

ol.breadcrumb li.active {
  color: #fff;
  font-weight: bold
}

ol.breadcrumb li+li:before {
  color: #fff
}

ol.breadcrumb .breadcrumb-item.breadcrumb-item:before {
  color: #fff
}

body .cc-window.in-active {
  opacity: 0;
  visibility: hidden
}

body .cc-window {
  bottom: 50px !important;
  left: 80px !important;
  max-width: 420px !important;
  height: 93px;
  border-radius: 100px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: rgba(34,41,48,0.8) !important;
  padding: 0 30px !important;
  display: flex;
  align-items: center;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
  flex-direction: row !important
}

body .cc-window .cc-message {
  font-size: 15px;
  color: #fff;
  line-height: normal;
  margin: 0 !important;
  padding-right: 40px
}

body .cc-window .cc-message a {
  opacity: 1;
  outline: none;
  text-decoration: none
}

body .cc-compliance a.cc-btn.cc-dismiss {
  width: 56px;
  height: 56px;
  user-select: none;
  background: transparent;
  border: 1px solid #30b2fe;
  border-radius: 100px;
  position: relative;
  padding: 0;
  color: transparent;
  display: block;
  outline: none
}

body .cc-compliance a.cc-btn.cc-dismiss:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 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;
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 0 !important
}

@media (hover: hover) {
  body .cc-compliance a.cc-btn.cc-dismiss:hover {
      background: #30b2fe;
  }

  body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {
      color: #14a7d0
  }
}

@media only screen and (max-width: 991px) {
  body .cc-window {
      left:50px !important
  }
}

@media only screen and (max-width: 767px) {
  body .cc-window {
      width:100%;
      max-width: 100% !important;
      flex-direction: row !important;
      align-items: center;
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%) scale(0.9);
      bottom: 30px !important;
      height: 100px;
      padding: 0 30px !important
  }

  .cc-floating.cc-theme-edgeless .cc-message {
      margin: 0 !important;
      padding-right: 0
  }
}

body.overflow {
  overflow: hidden;
  padding-right: 5px
}

body.overflow header {
  padding-right: 5px
}

.basket-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.48);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  cursor: pointer
}

.basket-overlay.active {
  opacity: 1;
  visibility: visible
}

.basket-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 670px;
  background: #ffffff;
  z-index: 9999;
  transform: translateX(100%);
  pointer-events: none;
  transition: 0.5s 0.3s
}

.basket-menu.active {
  transform: translateX(0);
  pointer-events: all
}

.basket-menu .basket-container {
  padding: 30px 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.basket-menu .basket-container .basket-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.2vw
}

.basket-menu .basket-container .basket-header span {
  font-weight: normal;
  font-size: 30px;
  display: block;
  color: #0f290e
}

.basket-menu .basket-container .basket-header .basket-close {
  cursor: pointer
}

.basket-menu .basket-container .basket-header .basket-close svg path {
  transition: 0.4s
}

.basket-menu .basket-container .basket-body {
  max-height: calc(100vh - 370px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-right: 30px;
  margin-right: -30px
}

.basket-menu .basket-container .basket-body::-webkit-scrollbar {
  width: 3px
}

.basket-menu .basket-container .basket-body::-webkit-scrollbar-thumb {
  background: #d0d0d0
}

.basket-menu .basket-container .basket-body form:first-child .basket-item {
  border-top: none;
  margin-top: 0;
  padding-top: 0
}

.basket-menu .basket-container .basket-body .basket-item {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.basket-menu .basket-container .basket-body .basket-item+.basket-item {
  border-top: 1px solid #F1F1F1;
  margin-top: 35px;
  padding-top: 35px
}

.basket-menu .basket-container .basket-body .basket-item-el {
  display: flex;
  align-items: flex-end;
  min-width: 360px
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-img {
  width: 130px;
  height: 130px;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 100px;
  padding-top: 20px
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-img .basket-img-circle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  bottom: 0;
  width: 90px;
  height: 90px;
  background: linear-gradient(180deg, rgba(241,203,255,0.8) -30%, rgba(148,246,254,0.2) 80%);
  border-radius: 100%;
  z-index: -1
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-info {
  margin-left: 30px
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-info h2 {
  font-weight: 300;
  font-size: 25px;
  color: #0f290e;
  opacity: 0.6;
  max-width: 200px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  margin-bottom: 5px
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-info .basket-item-price {
  display: flex;
  align-items: center
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-info .basket-item-price>span {
  font-size: 23px;
  display: block;
  color: #96bf94
}

.basket-menu .basket-container .basket-body .basket-item-el .basket-item-info .basket-item-price .old-price {
  font-size: 20px;
  color: #d1d1d1;
  margin-left: 10px
}

.basket-menu .basket-container .basket-body .basket-item-count {
  text-align: center;
  user-select: none
}

.basket-menu .basket-container .basket-body .basket-item-count .qty-plus {
  text-align: center;
  cursor: pointer;
  transform: rotate(-90deg) translate(0px, -3px)
}

.basket-menu .basket-container .basket-body .basket-item-count .qty-minus {
  text-align: center;
  cursor: pointer;
  transform: rotate(90deg) translate(0px, -3px)
}

.basket-menu .basket-container .basket-body .basket-item-count>div svg path {
  transition: 0.4s
}

.basket-menu .basket-container .basket-body .basket-item-count input[type="number"] {
  font-weight: 300;
  font-size: 25px;
  text-align: center;
  color: #0f290e;
  width: 40px;
  border: none;
  outline: none;
  margin: 0px 0 4px;
  pointer-events: none;
  user-select: none;
  transition: 0.4s
}

.basket-menu .basket-container .basket-body .basket-item-delete {
  cursor: pointer
}

.basket-menu .basket-container .basket-body .basket-item-delete svg path {
  transition: 0.4s
}

.basket-menu .basket-footer .basket-total-price {
  font-size: 2.5vw;
  color: #0f290e;
  text-align: center;
  margin-bottom: 30px
}

.basket-menu .basket-footer .basket-buttons {
  display: flex;
  align-items: center;
  justify-content: center
}

.basket-menu .basket-footer .basket-buttons .basket-btn {
  display: block;
  text-align: center;
  border-radius: 100px;
  flex: 0 0 247px;
  height: 70px;
  line-height: 70px;
  transition: 0.4s
}

.basket-menu .basket-footer .basket-buttons .basket-btn+.basket-btn {
  margin-left: 25px
}

.basket-menu .basket-footer .basket-buttons .basket-continue {
  font-size: 20px;
  color: #0f290e;
  border: 1px solid #FED294
}

.basket-menu .basket-footer .basket-buttons .basket-pay {
  font-size: 30px;
  color: #fff;
  background: #0F290E;
  border: 1px solid #0F290E
}

@media (hover: hover) {
  .basket-menu .basket-container .basket-footer .basket-buttons .basket-pay:hover {
      background:#ffffff;
      color: #0F290E
  }

  .basket-menu .basket-container .basket-footer .basket-buttons .basket-continue:hover {
      background: #FED294
  }

  .basket-menu .basket-container .basket-header .basket-close:hover svg path {
      fill: #0f290e
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-count>div:hover svg path {
      fill: #0f290e
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-delete:hover svg path {
      fill: #0f290e
  }
}

@media only screen and (max-width: 1450px) {
  .basket-menu .basket-container .basket-footer .basket-buttons .basket-continue {
      font-size:18px
  }

  .basket-menu .basket-container .basket-footer .basket-buttons .basket-btn {
      flex: 0 0 220px;
      height: 60px;
      line-height: 59px
  }

  .basket-menu .basket-container .basket-footer .basket-buttons .basket-pay {
      font-size: 24px
  }
}

@media only screen and (max-width: 991px) {
  .basket-menu .basket-container .basket-footer .basket-total-price {
      font-size:5vw
  }

  .basket-overlay {
      display: none
  }

  .basket-menu {
      width: 100%
  }
}

@media only screen and (max-width: 767px) {
  .basket-menu {
      width:100%;
      transition: 0.5s;
      backdrop-filter: blur(4.7px);
      -webkit-backdrop-filter: blur(4.7px);
      background: linear-gradient(#fff 50%, rgba(255,255,255,0.67) 100%)
  }

  .basket-menu .basket-container .basket-body::-webkit-scrollbar {
      width: 0px
  }

  .basket-menu .basket-container {
      padding: 100px 30px 100px 0
  }

  .basket-menu .basket-container .basket-header span {
      font-size: 25px;
      position: relative;
      font-weight: bold
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info h2 {
      font-size: 18px;
      max-width: 150px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price>span {
      font-size: 18px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info .basket-item-price .old-price {
      font-size: 15px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-img .basket-img-circle {
      width: 70px;
      height: 70px;
      margin: 0 auto;
      bottom: -3px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-img {
      height: 130px;
      width: 130px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el .basket-item-info {
      margin-left: -10px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-count {
      transform: scale(0.8);
      margin-bottom: 0px
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-delete {
      transform: translateY(-35px)
  }

  .basket-menu .basket-container .basket-body .basket-item {
      margin-top: 20px;
      padding-top: 0px
  }

  .basket-menu .basket-container .basket-footer .basket-total-price {
      font-size: 25px;
      margin-bottom: 20px
  }

  .basket-menu .basket-container .basket-footer .basket-buttons .basket-btn {
      flex: 0 0 46%;
      height: 50px;
      line-height: 49px
  }

  .basket-menu .basket-container .basket-footer .basket-buttons .basket-continue {
      font-size: 14px;
      background: #fff
  }

  .basket-menu .basket-container .basket-footer .basket-buttons .basket-pay {
      font-size: 18px
  }

  .basket-menu .basket-container .basket-body {
      max-height: calc(100vh - 154px);
      padding-right: 0;
      margin-right: 0;
      padding-bottom: 300px
  }

  .basket-menu .basket-container .basket-header {
      margin-left: 30px;
      margin-bottom: -10px
  }

  .basket-menu .basket-container .basket-header span:before {
      content: "";
      position: absolute;
      bottom: 9px;
      left: 0;
      right: 0;
      height: 5px;
      border-radius: 3.57px 1.43px;
      background: #d6edd3;
      z-index: -1
  }

  .basket-menu .basket-container .basket-body .basket-item .basket-item-el {
      min-width: 220px
  }

  .basket-menu .basket-container .basket-footer {
      position: absolute;
      bottom: 7vh;
      left: 30px;
      right: 30px;
      z-index: 1
  }

  .basket-menu .basket-top {
      position: relative
  }

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

.alert {
  padding: 10px 7px;
  position: relative;
  line-height: 25px;
  border-width: 0;
  margin-bottom: 17px;
  color: #2a2a2a;
}

.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;
  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;
  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
}

.captcha {
  position: relative
}

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

.captcha a:hover {
  transform: rotate(360deg)
}

.captcha img.captcha_img {
  width: 100%;
  height: 35px;
  position: relative;
  max-height: calc(1.5em + .75rem + 2px);
  border: 1px solid #ced4da;
  border-radius: .25rem
}

a.btn-facebook,button.btn-facebook {
  background: #3b5998;
  color: #fff;
  border-color: #3b5998
}

a.btn-facebook:hover,button.btn-facebook:hover {
  background: #293f70;
  color: #ffffff;
  border-color: #293f70
}

a.btn-facebook:focus,button.btn-facebook:focus {
  box-shadow: 0 0 0 0.2rem rgba(59,89,152,0.5)
}

.form-group .col-form-label {
  display: block
}

.form-group .form-control {
  font-size: .875rem
}

.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: flex;
  justify-content: flex-end
}

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

.select2-container {
  display: block
}

.select2-container .select2-selection--single {
  height: calc(1.5em + .75rem - 1px);
  width: 100%;
  border-color: #999
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(1.5em + .75rem);
  padding-left: 1rem
}

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

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

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

.support .support-message-area .media img {
  object-fit: cover;
  width: 64px;
  height: 64px
}

.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 .btn-link {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  color: #07101b;
  padding: .75rem
}

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

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

.accordion .btn-link.collapsed:hover .mdi {
  transform: rotate(45deg)
}

.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);
  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: 3
}

.section-loader .section-loader-spinner svg {
  animation: spinner-rotation 1.4s linear infinite;
  stroke: #4285f4
}

.section-loader .section-loader-spinner svg .circle {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  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
}

@keyframes spinner-rotation {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(270deg)
  }
}

@keyframes spinner-turn {
  0% {
      stroke-dashoffset: 187
  }

  50% {
      stroke-dashoffset: 46.75;
      transform: rotate(135deg)
  }

  100% {
      stroke-dashoffset: 187;
      transform: rotate(450deg)
  }
}

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

.upload-progress {
  height: 5px;
  margin: 10px 0;
  opacity: 0
}

.btn-link:hover,.btn-link:focus {
  text-decoration: none
}

.album {
  padding: 4rem 0
}

.album .album-title {
  position: relative
}

.album .album-title h4 {
  color: #07101b
}

.album .swiper-container .swiper-slide a {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%
}

.album .swiper-container .swiper-slide a img {
  display: block;
  object-fit: cover;
  height: 100%;
  transition: .4s;
  transform: scale(1)
}

.album .swiper-container .swiper-slide a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1);
  opacity: 1;
  transition: .4s
}

.album .swiper-container .swiper-slide a:hover img {
  transform: scale(1.1)
}

.album .swiper-container .swiper-slide a:hover:after {
  opacity: 0
}

.album .swiper-button-next,.album .swiper-button-prev {
  background: rgba(0,0,0,0) !important
}

.album .swiper-button-next svg path,.album .swiper-button-prev svg path {
  fill: #414141
}

label.custom-control-label {
  line-height: 24px !important;
  cursor: pointer
}

.user-sidebar .list-group a {
  color: #353535;
  background: #f5f5f5;
  border: none;
  margin-bottom: 0;
  border-radius: 0 !important
}

.user-sidebar .list-group a.active {
  background: #122c48;
  border-color: #122c48;
  color: #ffffff
}

.user-sidebar .list-group a+a {
  border-top: 1px solid rgba(0,0,0,0.05)
}

.list-group a i {
  margin-right: 10px
}

.user-sidebar .list-group a:hover {
  background: #122c48;
  color: #ffffff;
  border-color: #122c48
}

.user-sidebar .list-group a.active:hover {
  background: #111111;
  color: #ffffff;
  border-color: #111111
}

.user-sidebar .list-group a:last-child:hover {
  background: #ea3f30;
  border-color: #ea3f30;
  color: #ffffff
}

h3.user-head {
  font-weight: 500;
  padding-bottom: 18px;
  border-bottom: 1px solid #ededed;
  font-size: 22px;
  margin-bottom: 18px
}

h3.user-head span {
  float: right
}

h3.user-head i {
  font-size: 20px
}

.userHeader {
  margin-bottom: 20px
}

.myOrderTable table td,.kargoTakip table td {
  font-size: 12px
}

.myOrderTable table th,.kargoTakip table th {
  font-size: 13px
}

#userSms {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px
}

form#userSms p {
  width: 100%
}

#userSms .form-control {
  width: calc(100% - 130px);
  height: 50px
}

.user-home {
  padding: 30px !important;
  min-height: 455px;
  display: inline-block;
  width: 100%
}

.user-home h4 {
  font-size: 25px
}


h5.alt-title {
  font-weight: 500;
  margin-top: 20px
}

.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;
  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;
  transition: all .4s
}

.adres-item.adres-ekle a i:before {
  color: #eaeaea;
  display: inline-block;
  font-size: 110px;
  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: flex;
  align-items: center
}

.edit {
  padding-left: 0;
  width: 110px
}

.edit a {
  font-size: 9px;
  width: 50px;
  text-align: center;
  height: 54px;
  padding-top: 10px;
  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: flex;
  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: flex;
  align-items: center;
  justify-content: space-between;
  height: 150px
}

.table td,.table th {
  border: 1px solid #dee2e6 !important
}

.table td {
  background: #fff;
  vertical-align: middle
}

.siparisForm {
  margin-top: 20px
}

.userCoupon .couponTable {
  margin-top: 20px
}

.elements ul,.elements ol {
  padding-left: 20px
}

.elements ul li,.elements ol li {
  line-height: 25px;
  font-size: 16px;
  font-weight: 300;
    list-style-type: inherit !important;
    list-style-position: inherit !important;
    list-style-image: inherit !important;
}

.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
}

.page.muzikler .card h5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 34px;
  font-weight: 500;
  margin-bottom: 1px
}

.muzikler a {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 7px
}

.basinItem li {
  width: 23%;
  box-shadow: 0 8px 15px -3px rgba(0,0,0,0.24);
  transition: all 0.3s ease-in;
  border-radius: 3px;
  padding: 10px;
  margin: 0 1%;
  top: 0;
  position: relative
}

.basinItem li:hover {
  top: -7px
}

.basinImg a {
  height: 160px;
  display: flex;
  align-items: center
}

.basinImg a img {
  display: block;
  width: 100%
}

.basinBilgi {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  min-height: 50px
}

.basinBaslik {
  width: 20%
}

.basinBaslik h3 {
  font-weight: 500;
  text-transform: uppercase
}

.basinAciklama {
  width: 100%
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİNs!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media only screen and (max-width: 991px) {
  body {
      padding-top:90px
  }

  body.mobile-menu-open {
      overflow: hidden
  }
}

header.header {
    position: fixed;
    z-index: 55;
    background: #fafafa;
}

@media only screen and (max-width: 991px) {
  header.header {
      height:90px;
      position: fixed;
      left: 0;
      right: 0;
      top: 0
  }
}

header.header .header-top {
  border-bottom: 1px solid rgba(0,0,0,0.2)
}

@media only screen and (max-width: 991px) {
  header.header .header-top {
      display:none
  }
}

header.header .header-bottom {
  background: #ececec
}

header.header .login {
  height: 52px;
  position: relative;
  z-index: 53
}

header.header .login>ul {
  height: 52px;
  display: flex;
  flex-wrap: wrap
}

header.header .login>ul>li {
  position: relative;
  height: 100%;
  flex: 1 1 0
}

header.header .login>ul>li>a {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  height: 100%;
  display: flex;
  align-items: center;
  color: #07101b;
  white-space: nowrap
}

header.header .login>ul>li>a i {
  padding-right: 12px
}

header.header .login>ul>li>a span {
  padding-left: 5px
}

header.header .login>ul>li>a:hover {
  color: #4c6177
}

header.header .login>ul>li>ul {
  transition: .25s;
  position: absolute;
  background: #fff;
  top: 100%;
  opacity: 0;
  left: 0;
  width: auto;
  pointer-events: none
}

header.header .login>ul>li>ul>li {
  position: relative
}

header.header .login>ul>li>ul>li>a {
  display: block;
  padding: .5rem 1.5rem .5rem 1rem;
  font-size: 14px;
  color: #07101b;
  white-space: nowrap
}

header.header .login>ul>li>ul>li>a:hover {
  padding: .5rem 1rem .5rem 1.5rem;
  color: rgba(0,0,0,0.7)
}

header.header .login>ul>li:hover>ul {
  opacity: 1;
  top: 100%;
  border-top: 1px solid #122c48;
  pointer-events: auto
}

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

header.header .header-basket .basket-count {
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  background: #859583;
  width: 19px;
  height: 13px;
  line-height: 13px;
  border-radius: 100px;
  text-align: center;
  transition: 0.4s
}

header.header .header-basket svg {
  opacity: 0.5;
  transition: 0.4s
}

header.header .language {
  height: 52px
}

header.header .language ul {
  height: 100%;
  display: flex;
  flex-wrap: wrap
}

header.header .language ul li {
  height: 100%;
  flex: 1 1 0
}

header.header .language ul li a {
  color: #07101b;
  font-weight: 700;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0 0 20px
}

header.header .language ul li a:hover {
  color: #4c6177
}

header.header nav.header-scope {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px
}

header.header nav.header-scope .logo {
  position: relative;
  z-index: 153;
  width: 200px
}

header.header nav.header-scope .logo a.navbar-brand {
  padding: 0;
  margin: 0;
  font-size: initial;
  line-height: normal
}

@media only screen and (max-width: 991px) {
  header.header nav.header-scope .logo {
      max-width:10rem
  }
}

header.header nav.header-scope .menu {
  width: 100%;
  height: 100%;
  padding: 0 1rem
}

@media only screen and (max-width: 991px) {
  header.header nav.header-scope .menu {
      display:none
  }
}

header.header nav.header-scope .menu ul.navbar-nav {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%
}

header.header nav.header-scope .menu ul.navbar-nav li a {
  display: block;
  font-size: 1rem;
  color: #07101b;
  padding: 1rem;
  position: relative
}

header.header nav.header-scope .menu ul.navbar-nav li ul {
  position: absolute;
  top: 100%;
  opacity: 0;
  background: #fff;
  transition: .4s;
  width: 230px;
  pointer-events: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2)
}

header.header nav.header-scope .menu ul.navbar-nav li ul li {
  width: 100%;
  position: relative
}

header.header nav.header-scope .menu ul.navbar-nav li ul li a {
  padding: 0 15px;
  display: block;
  position: relative;
  background: rgba(0,0,0,0)
}

header.header nav.header-scope .menu ul.navbar-nav li ul li a i {
  margin-right: 7px
}

header.header nav.header-scope .menu ul.navbar-nav li ul li a:hover {
  padding-left: 22px;
  color: #3f536b;
  background: rgba(0,0,0,0.1)
}

header.header nav.header-scope .menu ul.navbar-nav li ul li ul {
  right: 0;
  left: 100%;
  top: 0;
  border-left: 1px solid rgba(0,0,0,0.3)
}

header.header nav.header-scope .menu ul.navbar-nav li ul li ul li a {
  padding: 0 15px
}

header.header nav.header-scope .menu ul.navbar-nav li ul li+li a {
  border-top: 1px solid rgba(0,0,0,0.1)
}

header.header nav.header-scope .menu ul.navbar-nav li ul li:nth-child(1) a {
  border-top: 0
}

header.header nav.header-scope .menu ul.navbar-nav li ul li:nth-child(n+8)>ul {
  top: initial;
  bottom: 0
}

header.header nav.header-scope .menu ul.navbar-nav li ul li:hover>ul li a {
  padding: 10px 15px
}

header.header nav.header-scope .menu ul.navbar-nav li ul>li {
  position: relative
}

header.header nav.header-scope .menu ul.navbar-nav li ul>li>ul {
  position: absolute;
  opacity: 0;
  top: 0
}

header.header nav.header-scope .menu ul.navbar-nav li:hover>ul {
  opacity: 1;
  pointer-events: auto
}

header.header nav.header-scope .menu ul.navbar-nav li:hover>ul>li>a {
  padding: 10px 15px
}

header.header nav.header-scope .menu>ul.navbar-nav>li {
  display: flex;
  height: 100%;
  align-items: center
}

header.header nav.header-scope .menu>ul.navbar-nav>li>a {
  white-space: nowrap
}

header.header .search {
  position: relative;
  right: 0;
  top: 0;
  width: 350px
}

header.header .search form.nav_search {
  position: relative
}

header.header .search form.nav_search input#search-input {
  width: 100%
}

header.header .search form.nav_search input#search-input:focus {
  box-shadow: none;
  border: 1px solid #3b5673
}

header.header .search form.nav_search button.btn.btn-search {
  position: absolute;
  right: 0;
  background: none;
  pointer-events: none;
  padding: 0;
  margin: 0;
  right: 10px
}

header.header .search form.nav_search .result-wrap {
  position: absolute;
  z-index: 99;
  right: 0;
  min-width: 20rem;
  display: none;
  top: 100%;
  margin-top: -2px;
  box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.3)
}

header.header .search form.nav_search .result-wrap .result {
  position: relative
}

header.header .search form.nav_search .result-wrap .result .not-found {
  padding: 1rem;
  background: #fff
}

header.header .search form.nav_search .result-wrap .result .list-group a.list-group-item img {
  width: 30px;
  display: inline-block;
  margin-right: .1rem
}

@media only screen and (max-width: 991px) {
  header.header .search {
      
      
      
      
      
      width: auto
  }

  header.header .search form.nav_search {
      height: 100%
  }

  header.header .search form.nav_search input#search-input {
      position: absolute;
      top: 100%;
      margin-top: -3.5rem;
      height: 0;
      padding: 0;
      opacity: 0;
      transition: .4s;
      width: auto;
      min-width: 20rem;
      max-width: 20rem;
      right: 0
  }

  header.header .search form.nav_search button.btn.btn-search {
      top: 0.4rem;
      right: 0rem;
      width: 3rem;
      height: 3rem;
      background: #122c48;
      color: #fff;
      pointer-events: all;
      outline: none !important
  }

  header.header .search form.nav_search .result-wrap {
      margin-top: .75rem
  }

  header.header .search.open form.nav_search input#search-input {
      margin-top: -1.5rem;
      padding: .375rem .75rem;
      height: calc(1.5em + .75rem + 2px);
      opacity: 1
  }
}

@media only screen and (max-width: 767px) {
  header.header .search {margin-right: 35px;}
}

@media only screen and (max-width: 480px) {
  header.header .search form.nav_search input#search-input {
      width:100%;
      min-width: 18rem;
      max-width: 18rem;
      right: 50%;
      transform: translate(50%, 0)
  }

  header.header .search form.nav_search .result-wrap {
      right: 50%;
      transform: translate(50%, 0);
      min-width: 18rem
  }
}

.mobile-menu {
    display: none;
    position: fixed;
    right: -110%;
    top: 0;
    background: #f1f1f1;
    transition: .4s;
    z-index: 54;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    min-height: 100vh;
    padding-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .mobile-menu {
      display:block
  }
}

@media only screen and (max-width: 767px) {
  .mobile-menu {
      width:100%
  }
}

.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;
  transition: 0.4s
}

.mobile-menu .mobile-nav-title h3 span:nth-child(2) {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  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: 40px;
      left: 25px
  }
}

.mobile-menu .hamburger-menu {
  position: fixed;
  right: 2.5rem;
  top: 1.5rem;
  width: 2.1rem;
  height: 3rem;
  cursor: pointer;
  z-index: 53;
  transition: .3s
}

.mobile-menu .hamburger-menu .bar {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  background: #122c48;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  margin-top: -1px;
  transition: margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,transform 0.15s ease-out 0.1s
}

.mobile-menu .hamburger-menu .bar.first {
  margin-top: -12px
}

.mobile-menu .hamburger-menu .bar.third {
  margin-top: 10px
}

.mobile-menu .hamburger-menu.fixed-active {
  top: 0.6rem
}

@media only screen and (max-width: 767px) {
  .mobile-menu .hamburger-menu {
      right:1.2rem;
      top: 1.3rem
  }
}

@media only screen and (max-height: 500px) and (orientation: landscape) {
  .mobile-menu .hamburger-menu {
      right:5rem
  }
}

@keyframes animate-arrow-1 {
  0% {
      transform: translateX(40px);
      opacity: 0
  }

  70%,100% {
      transform: translateX(0px);
      opacity: 1
  }
}

@keyframes animate-arrow-2 {
  0% {
      transform: translateX(20px);
      opacity: 0
  }

  70%,100% {
      transform: translateX(0px);
      opacity: 0.5
  }
}

@keyframes animate-arrow-3 {
  0% {
      transform: translateX(10px);
      opacity: 0
  }

  70%,100% {
      transform: translateX(0px);
      opacity: 0.3
  }
}

.mobile-menu .mobile-menu-back {
  transform: scale(0);
  position: fixed;
  right: 5rem;
  top: 1rem;
  width: 3rem;
  height: 3rem;
  z-index: 53;
  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%;
  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 {
  transform: scale(1)
}

@keyframes menuListAnimate {
  0% {
      margin-top: 40px;
      opacity: 0
  }

  100% {
      margin-top: 0;
      opacity: 1
  }
}

.mobile-menu .mobile-nav {
  position: absolute;
  left: 0;
  top: 120px;
  width: 100%;
  max-height: 100vh;
  padding-bottom: 200px;
  overflow-y: auto
}

.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: flex;
  align-items: center
}

.mobile-menu .mobile-nav .language-item ul li.lang-active a {
  color: #7cb31b
}

.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: black;
  font-weight: 500;
  font-size: 33px
}

@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: 90px 0px 25px 0;
  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: flex;
  padding: 15px 35px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 10px;
  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: #6181ff
}

.mobile-menu .mobile-nav ul li a.sub-item.active:before,.mobile-menu .mobile-nav ul li a.sub-item.active:after {
  background: #6181ff
}

.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;
  transition: 0.4s
}

.mobile-menu .mobile-nav ul li a.sub-item:before {
  transform: translateY(-50%)
}

.mobile-menu .mobile-nav ul li a.sub-item:after {
  transform: translateY(-50%) rotate(90deg)
}

.mobile-menu .mobile-nav ul li a i {
  margin-left: 10px
}

.mobile-menu .mobile-nav ul li ul {
  background: #10253c;
  padding: 0 0 5px;
  display: none
}

.mobile-menu .mobile-nav ul li ul li a {
  border-top: none;
  font-size: 15px;
  padding: 15px 25px;
  font-weight: 500
}

.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: #0c1e31
}

.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 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.3rem !important
}

.mobile-menu.open .hamburger-menu .bar.first {
  margin-top: 0px;
  transform: translateX(-20%) rotate(45deg)
}

.mobile-menu.open .hamburger-menu .bar.second {
  opacity: 0
}

.mobile-menu.open .hamburger-menu .bar.third {
  margin-top: 0px;
  transform: translateX(-20%) rotate(-45deg)
}

.mobile-menu.open .mobile-nav>ul>li {
  animation: menuListAnimate 0.5s ease-in-out 0s both
}

.mobile-menu.open .mobile-nav>ul>li+li {
  animation: menuListAnimate 0.5s ease-in-out 0.1s both
}

.mobile-menu.open .mobile-nav>ul>li+li+li {
  animation: menuListAnimate 0.5s ease-in-out 0.2s both
}

.mobile-menu.open .mobile-nav>ul>li+li+li+li {
  animation: menuListAnimate 0.5s ease-in-out 0.3s both
}

.mobile-menu.open .mobile-nav>ul>li+li+li+li+li {
  animation: menuListAnimate 0.5s ease-in-out 0.4s both
}

.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li {
  animation: menuListAnimate 0.5s ease-in-out 0.5s both
}

.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li {
  animation: menuListAnimate 0.5s ease-in-out 0.6s both
}

.mobile-menu.open .mobile-nav>ul>li+li+li+li+li+li+li+li {
  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 {
  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 {
  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 {
  animation: menuListAnimate 0.5s ease-in-out 1s both
}

.header {
  width: 100%;
  height: 115px;
  padding: 0 170px 0 82px;
  display: flex;
  position: absolute
}

.header .header-left {
  flex: 0 0 81.5%;
  display: flex;
  align-items: flex-end;
  padding-right: 3%;
  justify-content: space-between;
  border-right: 1px solid rgba(0,0,0,0.2)
}

.header .header-left .logo {
  margin-bottom: 12px
}

.header .header-left .categories {
  margin-bottom: 29px;
  position: relative;
  display: flex
}

.header .header-left .categories ul li {
  transition: .2s
}

.header .header-left .categories>ul>li>a {
  font-weight: 500;
  font-size: 15px;
  color: #000
}

.header .header-left .categories ul li a svg {
  margin-left: 10px
}

.header .header-left .categories>ul>li:hover>a {
  background-color: white;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.12)
}

.header .header-left .categories>ul li ul ul li:hover a {
  color: #30b2fe
}

.header .header-left .categories li>ul {
  position: absolute;
  padding-top: 25px;
  transition: .3s;
  pointer-events: none;
  opacity: 0
}

.header .header-left .categories li:last-child:hover>ul {
  pointer-events: all;
  opacity: 1
}

.header .header-left .categories li ul ul {
  background-color: white;
  padding: 24px 30px;
  border-radius: 14px;
  transition: .2s;
  flex-wrap: wrap;
  padding-right: 6%;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.22)
}

.header .header-left .categories li ul ul li {
  margin-left: 0
}

.header .header-left .categories li ul ul li+li {
  margin-top: 15px
}

.header .header-left .categories li ul ul span {
  position: absolute;
  background-color: white;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  top: 15%;
  right: 45%
}

.header .header-left .information {
  margin-bottom: 29px;
  display: flex
}

.header .header-left .information ul li a {
  transition: .2s
}

.header .header-left .information ul li:hover a {
  background-color: white;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.12);
}

.header .header-left a {
  color: #212121;
  padding: 5px 15px;
  border-radius: 17px;
  display: block;
  font-size: 17px;
  font-weight: 600;}

.header .header-left ul li ul ul li a {
  padding: 9px 15px 9px 0
}

.header .header-left ul li+li {
  margin-left: 5px
}

.header .header-right {
  flex: 0 0 18.5%;
  max-width: 18.5%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 24px;
  padding-left: 2.5%;
  justify-content: space-between
}

.header .header-right .search {
  cursor: pointer;
  width: auto
}

.header .header-right .language {
  height: auto;
  display: flex
}

.header .header-right .language a {
  display: flex
}

.header .header-right .language a .language-border {
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.36);
  position: relative
}

.header .header-right .language a .language-border .language-circle {
  width: 18px;
  height: 18px;
  background: #000;
  border-radius: 100%;
  position: absolute;
  top: 3px;
  right: 5px;
  transition: .2s
}

.header .header-right .language a .language-border .language-circle.tr {
  right: 26px;
  transition: .2s
}

.header .header-right .language a span {
  color: black;
  margin-left: 24px;
  display: block;
  position: relative;
  z-index: 1;
  font-size: 18px;
}

header.header .search-background {
  width: 100%;
  height: 100%;
  background-color: rgba(49,23,24,0.3);
  position: absolute;
  z-index: 53;
  opacity: 0;
  transition: .4s;
  pointer-events: none
}

header.header .search-background.active {
  pointer-events: all;
  opacity: 1;
  transition: .4s
}

header.header .search-container {
  height: 100vh;
  width: 100%;
  top: 0;
  display: flex;
  justify-content: space-between;
  position: fixed;
  z-index: 60;
  overflow: hidden;
  pointer-events: none;
  left: 0;
}

header.header .search-container.active {
  pointer-events: all
}

header.header .search-page {
  width: 500px;
  height: 100%;
  position: relative;
  transition: .4s;
  z-index: 90;
  top: 0;
  margin-left: auto;
  transform: translateX(100%);
}

header.header .search-page.active {transform: translateX(0);}

header.header .search-page .search {
  position: relative;
  z-index: 60;
  width: 100%;
  height: 100%;
  background-color: white;
  transition: .4s;
  overflow-y: scroll
}

header.header .search-page .search .not-found {
  text-align: center;
  margin-top: 30px;
  font-size: 20px
}

header.header .search-page .search .search-button {
  padding: 0 50px;
  padding-top: 70px;
}

header.header .search-page .search-button .search-categories {
  width: 100%;
  height: 73px;
  border-radius: 36.5px;
  background-color: white;
  border: 1px solid #3e3e3e;
  display: block;
  margin: auto;
  text-align: center;
  font-size: 20px;
}

header.header .search-page .search-button .search-categories:focus::placeholder {
  opacity: 0
}

header.header .search-page .search-button .search-categories::placeholder {
  color: black
}

.mobile-menu.open .hamburger-menu .bar {
  background-color: white
}

#ust_sonuclar {
    position: relative;
    padding-top: 75px;
    height: calc(100vh - 50px);
}

#ust_sonuclar:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, white 20%, rgb(255 255 255 / 0%));
    pointer-events: none;
    z-index: 10;
}

.search-container .search-page .myUL {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0 50px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .6s;
}

.search-container .search-page .myUL .product-card .product {
  display: block;
  width: 79%;
  margin: auto;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 226px;
}

.search-container .search-page .myUL .product-card .product h2 {
  font-size: 18px
}

.search-container .search-page .myUL .product-card .product:hover .product-shadow {
  transform: translateY(130px)
}

.search-container .search-page .myUL .product-card .product .product-shadow {
  width: 232px;
  transform: translateY(135px);
  left: 20px
}

.search-container .search-page .myUL .product-card .product:before {
  display: none
}

.search-container .search-page .myUL .product-card .product .product-img {
  width: 107%;
  left: -4%;
  height: 52%;
  background-position: top
}

.search-container .search-page .search-tab-links {
  justify-content: center;
  display: none;
}

.search-container .search-page .search-tab-links.active {
  display: flex
}

.search-container .search-page .search-tab-links .tab-link {
  position: relative;
}

.search-container .search-page .search-tab-links .tab-link a:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 35px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #D5D5D5;
  right: 0;
}

.search-container .search-page .search-tab-links .tab-link:last-child a:before {
    display: none;
}

.search-page .search-tab-links .tab-link a {
  font-family: Oswald;
  display: block;
  padding: 0 15px;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #939292;
  transition: .4s;
}

.search-page .search-tab-links .tab-link.active a {
  color: #30b2fe;
  transition: .4s
}

.search-page .product-card2 {
  height: 294px
}

.search-page .product-card2 .product-about {
  padding: 8% 0 30% 15px
}

.search-page .product-card2 .product-about h2 {
  font-size: 18px
}

.menu-button {
  width: 34px;
  height: 23px;
  position: relative;
  display: none;
  right: 12px
}

.menu-button .bar {
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background: #000000;
  transition: margin 0.15s ease-out 0.25s,opacity 0.15s ease-out 0.25s,transform 0.15s ease-out 0.1s
}

.menu-button .bar.second {
  top: 50%;transform: translateY(-50%);
  transition: .2s
}

.menu-button .bar.third {
  bottom: 0px}

.mobile-menu .mobile-nav>ul li a {
  color: black !important;
  font-weight: 500 !important;
  text-transform: uppercase
}

.mobile-menu-open .bar.first {
  transform: translate(0px, 12px) rotate(45deg)
}

.mobile-menu-open .bar.second {
  opacity: 0
}

.mobile-menu-open .bar.third {
  transform: translate(0%, -6px) rotate(-45deg)
}

@media only screen and (max-width: 1681px) {
  .search-container .search-page .myUL .product-card .product .product-shadow {
      left:8px;
      transform: translateY(135px);
      width: 210px
  }

  .search-container .search-page .myUL .product-card .product:hover .product-shadow {
      left: 8px;
      transform: translateY(130px)
  }

  .search-container .search-page .myUL .product-card .product h2 {
      font-size: 17px
  }
}

@media only screen and (max-width: 1441px) {
  header.header {
      padding:0 75px 0 75px
  }

  .search-container .search-page .myUL .product-card .product .product-shadow {
      left: 0;
      transform: translateY(110px);
      width: 190px
  }

  .search-container .search-page .myUL .product-card .product:hover .product-shadow {
      left: 8px;
      transform: translateY(105px)
  }
    
  .search-container .search-page .search-tab-links .tab-link+.tab-link:before {
      left: -15%
  }
}

@media only screen and (max-width: 1200px) {
  .header {
      padding:0 30px 0 30px
  }

  .header .header-left {
      padding-right: 3%
  }

  .header .header-left .information {
      margin-left: 26px
  }

  .header .header-right {
      padding-left: 0;flex: auto;max-width: none;display: block;}

  .mobile-menu {
      display: block
  }

  header.header .header-left .categories {
      display: none
  }

  header.header .header-left .information {
      display: none
  }

  header.header .header-right .language {display: none;}

  header.header .header-left:after {
      display: none
  }

  header.header {
      padding: 0 25px
  }
}

@media only screen and (max-width: 1025px) {
  .mobile-menu .hamburger-menu {
      top:2.8rem
  }

  .mobile-menu.open .hamburger-menu {
      top: 2.8rem !important
  }

  .mobile-menu .mobile-nav>ul>li {
      margin-bottom: 12px
  }

  .mobile-menu .mobile-nav>ul>li>a {
      font-size: 20px;
      border-bottom: 1px solid #0000001c
  }

  .mobile-menu .mobile-nav .language-item ul li a {
      font-size: 20px
  }

  .menu-button {
      display: block
  }
}

@media only screen and (max-width: 991px) {
  header.header .header-wrapper {
      padding:11px 0
  }

  header.header.scroll .header-wrapper {
      padding: 15px 11px 0 0
  }

  .mobile-menu .hamburger-menu {
      top: 1.1rem
  }

  .mobile-menu.open .hamburger-menu {
      top: 1rem !important
  }
}

@media only screen and (max-width: 767px) {
  header.header {
      padding:0 5px
  }

  header.header .header-left .logo a img {
      width: 70%
  }

  .mobile-menu .hamburger-menu {
      right: 1rem
  }

  .mobile-menu.open .hamburger-menu {
      right: 1.5rem
  }

  header.header .header-wrapper {
      padding: 11px 11px 0 0
  }

  .mobile-menu .mobile-nav>ul>li>a {
      font-size: 17px
  }

  .mobile-menu .mobile-nav .language-item ul li a {
      font-size: 20px
  }
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
::-webkit-scrollbar {
  display: none
}

@keyframes animate {
  0% {
      background-position: -500%
  }

  100% {
      background-position: 500%
  }
}

@font-face {
  font-family: 'Volte';
  font-style: normal;
  font-weight: 300;
  src: local("Volte Light"),url("../fonts/Volte-Light.woff") format("woff")
}

@font-face {
  font-family: 'Volte';
  font-style: normal;
  font-weight: 400;
  src: local("Volte Regular"),url("../fonts/Volte.woff") format("woff")
}

@font-face {
  font-family: 'Volte';
  font-style: normal;
  font-weight: 500;
  src: local("Volte Medium"),url("../fonts/Volte-Medium.woff") format("woff")
}

@font-face {
  font-family: 'Volte';
  font-style: normal;
  font-weight: 600;
  src: local("Volte Semibold"),url("../fonts/Volte-Semibold.woff") format("woff")
}

@font-face {
  font-family: 'Volte';
  font-style: normal;
  font-weight: 700;
  src: local("Volte Bold"),url("../fonts/Volte-Bold.woff") format("woff")
}

body {
  font-family: 'Volte'
}

.overflowhidden {
  overflow: hidden
}

section.slider {
  height: 100vh
}

@media only screen and (max-width: 991px) {
  section.slider {
      height:calc(100vh - 90px)
  }
}

section.slider .main-slide {
  height: 100%;
  display: flex;
  flex-wrap: wrap
}

section.slider .main-slide .swiper-slide {
  display: flex;
  align-items: center;
  overflow: hidden
}

section.slider .main-slide .swiper-slide .slider-content {
  width: 50%
}

section.slider .main-slide .swiper-slide .slider-content h2.slide-head {
  color: #fff;
  font-size: 33px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px
}

section.slider .main-slide .swiper-slide .slider-content .slide-text {
  margin-bottom: 14px;
  color: #fff;
  font-size: 21px
}

section.slider .main-slide .swiper-slide .slider-content a {
  background: #122c48;
  padding: 12px 25px;
  margin-top: 10px;
  display: inline-block;
  color: #fff
}

section.slider .main-slide .swiper-slide.swiper-slide-active .slider-content {
  display: block
}

section.slider .main-slide .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin: 0 4px
}

section.slider .main-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #5490d0
}

section .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem
}

section .title h4 {
  display: inline-block
}

section .title a {
  display: inline-block
}

section.home-announcements {
  margin-bottom: 0
}

section.home-announcements .home-announcements-swiper {
  height: auto;
  max-height: 140px
}

section.home-announcements .home-announcements-swiper .card {
  height: 140px;
  max-height: 140px
}

section.home-announcements .home-announcements-swiper .card .card-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

section.home-announcements .home-announcements-swiper .card .card-body-centered .card-title {
  display: inline-block
}

section.home-announcements .home-announcements-swiper .card .card-body-centered time {
  display: inline-block;
  padding: .5rem 1rem
}

section.home-announcements .home-announcements-swiper .card .card-body-centered .card-text {
  display: block;
  margin-bottom: .5rem;
  line-height: 1rem;
  min-height: 1rem
}

section.home-news {
  padding: 4rem 0 2rem;
  margin-bottom: 0
}

section.home-news .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem
}

section.home-news .title h4 {
  margin-bottom: 0
}

section.home-news .home-news-swiper {
  padding-bottom: 2rem
}

section.home-news .home-news-swiper .swiper-slide a.card img {
  height: 100%;
  object-fit: cover
}

section.home-news .home-news-swiper .swiper-slide a.card .card-body h5.card-title {
  color: #07101b
}

section.home-news .home-news-swiper .swiper-slide a.card .card-body summary {
  color: #07101b
}

section.home-news .home-news-swiper .swiper-slide a.card .card-body p.card-text {
  color: #07101b
}

section.home-contents {
  padding: 4rem 0
}

section.home-content-modules {
  padding: 4rem 0
}

section.home-content-modules .swiper-container .swiper-slide .card .img {
  height: 250px
}

section.home-content-modules .swiper-container .swiper-slide .card .img img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover
}

section.home-content-modules .swiper-container .swiper-slide .card .card-body .card-title {
  color: #07101b
}

section.home-content-modules .swiper-container .swiper-slide .card .card-body .card-text {
  color: #07101b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

section.home-services {
  padding: 4rem 0;
  margin-bottom: 0
}

section.home-services .swiper-container .swiper-slide .card .img {
  height: 250px
}

section.home-services .swiper-container .swiper-slide .card .img img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover
}

section.home-services .swiper-container .swiper-slide .card .card-body .card-title {
  color: #07101b
}

section.home-services .swiper-container .swiper-slide .card .card-body .card-text {
  color: #07101b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

section.home-projects {
  padding: 4rem 0
}

section.home-blogs {
  padding: 4rem 0;
  margin-bottom: 0
}

section.home-blogs .swiper-container .swiper-slide .card .img {
  height: 250px
}

section.home-blogs .swiper-container .swiper-slide .card .img img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover
}

section.home-blogs .swiper-container .swiper-slide .card .card-body .card-title {
  color: #07101b
}

section.home-blogs .swiper-container .swiper-slide .card .card-body .card-text {
  color: #07101b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

section.home-references {
  padding: 4rem 0;
  margin-bottom: 0
}

section.home-quickforms {
  padding: 4rem 0
}

section.home-special-file {
  padding: 4rem 0;
  margin-bottom: 0
}

section.home-exchange {
  padding: 4rem 0
}

section.home-premo {
  padding: 4rem 0;
  margin-bottom: 0
}

section.home-faq {
  padding: 4rem 0
}

section.home-products {
  padding: 4rem 0
}

section.home-products .nav.nav-pills {
  margin-bottom: 1rem
}

section.home-products .tab-content .tab-pane .col-12 {
  margin-bottom: 10px
}

section.home-products .tab-content .tab-pane .card {
  height: 100%
}

section.home-products .tab-content .tab-pane .card .card-img-top {
  max-height: 250px;
  object-fit: cover
}

section.home-products .tab-content .tab-pane .card .card-body .btn-group {
  padding: 1rem 0 0 0;
  flex-wrap: wrap
}

section.home-products .tab-content .tab-pane .card .card-body .btn-group a {
  display: inline-block;
  text-align: center;
  flex: 0 0 100%;
  padding: .375rem .75rem
}

section.home-products .tab-content .tab-pane .card .card-body .btn-group a+a {
  margin-top: .5rem
}

section.home-brands {
  margin-bottom: 0
}

.home-page-container {
    height: 680px;
    width: 100%;
    position: relative;
    padding-top: 80px;
}

.home-page-container.tablet {
  display: none
}

.home-page-container.mobil {
  display: none;
  height: 440px
}

@media only screen and (max-width: 1025px) {
  .home-page-container {
      display:none
  }

  .home-page-container.tablet {
      display: block;
      padding-top:0;
  }
}

@media only screen and (max-width: 767px) {
  .home-page-container.mobil {
      display:block
  }

  .home-page-container.tablet {
      display: none
  }
}

.home-page-container .home-page.for_slick_slider {
  width: 100%;
  height: 100%;
  position: absolute
}

.home-page-container .home-page.for_slick_slider .items {
  width: 100%;
  height:600px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.home-page-container .home-page.for_slick_slider .page-button {
  display: flex;
  cursor: pointer;
  height: auto;
  width: 324px;
  transition: .2s
}

.home-page-container .home-page.for_slick_slider .slick-dots li * {
  opacity: .6
}

.home-page-container .home-page.for_slick_slider .slick-dots li:hover * {
  opacity: .8
}

.home-page-container .home-page.for_slick_slider .slick-dots li.slick-active * {
  opacity: 1
}

.home-page-container .home-page.for_slick_slider .page-button .number {
  font-weight: bold;
  font-size: 25px;
  color: #ffffff;
  transform: rotate(-90deg);
  flex: 0 0 21%;
  height: 78px;
  text-align: center
}

.home-page-container .home-page.for_slick_slider .page-button .text {
  font-weight: normal;
  font-size: 25px;
  color: #ffffff;
  flex: 0 0 79%;
  padding-bottom: 6%;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-right: 30px;
  text-align: left
}

.home-page-container .home-page.for_slick_slider .slick-dots {
  position: absolute;
  top: 0;
  right: 90px;
  width: 15%;
  height: 100%;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  z-index: 10;
  padding-top: 0;
  padding-bottom: 170px;
  justify-content: center;
  align-items: center;
}

.home-page-container .home-page.for_slick_slider .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  margin-bottom: 29px;
}

.home-page-container .home-page.for_slick_slider .slick-dots li:last-child .page-button .text {
  border: none
}

.home-page-container .slider-control-media {
    position: absolute;
    height: 100px;
    right: -48px;
    bottom: 0;
    width: 105px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F1F1F1;
    z-index: 10;
}

.home-page-container .slider-control-media .social-media {
  flex: 0 0 29.4%;
  background-color: white;
  border-radius: 29px 0 0 0;
  padding: 7% 17%;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.home-page-container .slider-control-media .social-media a svg {
  transition: .3s;
  border-radius: 32%
}

.home-page-container .slider-control-media .social-media a:hover svg {
  fill: black;
  box-shadow: 0px 0px 18px -5px black
}

.home-page-container .slider-control-media .slider-control {
  flex: 0 0 70.4%;
  background-color: white;
  display: flex;
  display:none !important;
  padding: 14.5% 23%;
  justify-content: space-between
}

.home-page-container .slider-control-media .slider-control .slider-prev,.home-page-container .slider-control-media .slider-control .slider-next {
  cursor: pointer;
  display: flex;
  align-items: center
}

.home-page-container .slider-control-media .slider-control .slider-prev svg path,.home-page-container .slider-control-media .slider-control .slider-next svg path {
  transition: .2s
}

.home-page-container .slider-control-media .slider-control .slider-prev:hover svg path,.home-page-container .slider-control-media .slider-control .slider-next:hover svg path {
  stroke: #31b2fe;
}

.home-page-container .scroll {
  position: absolute;
  bottom: 3.3%;
  left: 3.4%;
  transform: rotate(-90deg);
  pointer-events: none
}

.home-page-container .scroll p {
  position: relative;
  font-size: 20px;
  overflow: hidden;
  background: linear-gradient(90deg, #fff, #fff, #fff);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: reverse animate 5s linear infinite;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #909090;
  display: flex;
  align-items: center
}

.home-page-products {
  position: relative;
  padding: 50px 0 100px;
}

.home-page-products .product-categories {
  display: flex;
  width: 45%;
  height: 75px;
  margin: auto;
  justify-content: center;
  align-items: center;
}

.home-page-products .product-categories svg {
  margin-top: -2%
}

.home-page-products .product-categories h2 {
  font-weight: 600;
  font-size: 35px;
  text-align: center;
  color: #444544;
  font-family: sharktooth, sans-serif;
}


.home-page-products .home-page-product .items {
  padding: 0 50px;
  position: relative;
}

.home-page-products .home-page-product.for_slick_slider {
  max-width: 1260px;
  margin: auto;
}

.home-page-products.b {
  background: white;
  z-index: 9;
  padding-top: 60px;
  margin-top: 110px
}

.home-page-products.b:before {
  content: "";
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 240px;
  position: absolute;
  background: linear-gradient(to top, white, rgba(254,241,233,0.1))
}

.home-page-products.b .home-page-product .items .product {
  opacity: 1;
  transform: translateY(0)
}

.home-page-products.b .product-categories {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0)
}

.home-page-products.b .product-page-products-slider-controller {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 76%;
  left: 11%;
  bottom: 37%;
  z-index: 1;
  pointer-events: none
}

.home-page-products.b .product-page-products-slider-controller .product-page-products-slider-prev,.product-page-products-slider-next {
  cursor: pointer;
  pointer-events: all
}

.lead-to-sales-container {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center
}

.lead-to-sales {
  display: flex;
  width: 91.9%;
  justify-content: space-between;
  margin: auto;
  height: 80%;
  align-items: stretch
}

.lead-to-sales .lead-to-sales-left {
  flex: 0 0 49.4%;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 45px
}

.lead-to-sales .lead-to-sales-left .lead-to-sales-left-content {
  background-color: #ebf9ff;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.lead-to-sales .lead-to-sales-left .products-img {
  position: absolute;
  height: 110.4%;
  width: 100%;
  top: -10.4%;
  right: -17%;
  background-size: cover
}

.lead-to-sales .lead-to-sales-left .sales-image img {
  position: absolute;
  top: 0;
  left: 0
}

.lead-to-sales .lead-to-sales-right {
  flex: 0 0 49.4%;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-content: space-between;
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top {
  background-color: #f6ffe6;
  flex: 0 0 100%;
  height: 48.5%;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom {
  background-color: #ffe9e6;
  flex: 0 0 100%;
  height: 48.5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .products-img {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  width: 70%;
  height: 100%;
  left: -9%;
  top: 11%;
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .sales-image img {
  position: absolute
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .sales-text {
  position: relative;
  max-width: 20%;
  margin-right: 60px;
}

.sales-text h1 {
  width: 154px
}

.lead-to-sales .lead-to-sales-left .sales-text {
  position: relative;
  max-width: 20%;
  margin-left: 80px;
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .products-img {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  width: 63%;
  height: 100%;
  right: -5%;
  top: 4%;
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top img {
  position: absolute
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .sales-text {max-width: 20%;margin-left: 100px;}

.lead-to-sales .sales-text h1 {
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #474847;
  margin-bottom: 55px
}

.lead-to-sales .sales-text a {
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  width: 100px;
  color: #474847;
  position: relative;
  z-index: 1;
  transition: .2s
}

.lead-to-sales .sales-text a:after {
  content: "";
  height: 0px;
  border: 1px solid #474847;
  display: block;
  position: absolute;
  bottom: -10px;
  width: 100%
}

.lead-to-sales .lead-to-sales-left .sales-text a:hover {
  color: #da1151
}

.lead-to-sales .lead-to-sales-left .sales-text a svg g g path {
  transition: .2s
}

.lead-to-sales .lead-to-sales-left .sales-text a:hover svg g path {
  stroke: #da1151
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .sales-text a:hover {
  color: #a77609
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .sales-text a svg g g path {
  transition: .2s
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .sales-text a:hover svg g path {
  stroke: #a77609
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .sales-text a:hover {
  color: #c4640f
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .sales-text a svg g g path {
  transition: .2s
}

.lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .sales-text a:hover svg g path {
  stroke: #c4640f
}

.product-showcase-container {
  width: 1300px;
  position: relative;
  margin: auto;
  padding-bottom: 5%;
  z-index: 2;
  background-color: white;
  border-radius: 86px;
}

.product-showcase-container .showcase-hood {
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end
}

.product-showcase-container .showcase-hood svg {
  margin-bottom: 2%
}

.product-showcase-container .showcase-hood h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 35px;
  color: #4b4c4b;
  text-align: center
}

.product-showcase-container .product-showcase {
  display: flex;
  flex-wrap: wrap;
}

.product-showcase-container .product-showcase .product {
  height: 414px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  flex: 0 0 29%;
  margin-top: 4%;
  margin-right: 4%
}

.product-showcase-container .product-showcase .product:before {
  content: "";
  position: absolute;
  width: 63%;
  right: -1%;
  height: 100%;
  border-radius: 0px 50px;
  border: 1px solid rgba(0,0,0,0.1);
  transition: .4s
}

.product-showcase-container .product-showcase .product:hover .product-about span {
  width: 24px
}

.product-showcase-container .product-showcase .product:hover .product-about h3 {
  opacity: 1
}

.product-showcase-container .product-showcase .product:hover::before {
  border-color: rgba(255,132,132,0.38)
}

.product-showcase-container .product-showcase .product:after {
  content: "";
  position: absolute;
  width: 241px;
  height: 161.75px;
  background: #fff;
  opacity: 0.85;
  z-index: 1;
  border-radius: 70%;
  filter: blur(18px);
  bottom: -4%;
  left: 24%
}

.product-showcase-container .product-showcase .product .product-about h1 {
  font-weight: normal;
  font-size: 15px;
  color: #b9b9b9
}

.product-showcase-container .product-showcase .product .product-about h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 25px;
  text-align: left;
  color: #444544
}

.product-showcase-container .product-showcase .product .product-about span {
  display: block;
  width: 12.5px;
  height: 0;
  border: 1px solid #30b2fe;
  transition: .4s
}

.product-showcase-container .product-showcase .product .product-about h3 {
  font-weight: 500;
  font-size: 15px;
  color: #30b2fe;
  margin-left: 13px;
  opacity: 0;
  transition: .4s
}

.product-showcase-container .product-showcase .product .product-img {
  background-size: 155%;
  background-position: center;
  background-repeat: no-repeat;
  height: 81%;
  position: absolute;
  width: 68%;
  left: 0;
  transition: .4s;
  background-color: white
}

.product-showcase-container .product-showcase .product .product-about {
  height: 75%;
  display: flex;
  flex-wrap: wrap;
  width: 46%;
  align-items: center;
  padding: 15% 0 30% 15px;
  position: absolute;
  right: 0;
  z-index: 2
}
@media only screen and (max-width:1750px) {
    .home-page-container .home-page.for_slick_slider .items {
        height: 520px;
        background-position: 60%;
    }
    .home-page-container {
        height: 570px;
        padding-top: 80px;
    }
}
.product-showcase-container .product-showcase .product .product-inner {
  position: absolute;
  bottom: 4%;
  left: 33%;
  z-index: 3
}

.tab-link-product-list {
    position: relative;
    height: 760px;
    margin-top: 70px;
}

.search-container .search-page .myUL.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

ul.myUL li+li {
  margin-top: 36.5px
}

.myUL .product .product-img {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 75%;
  position: absolute;
  width: 55%;
  left: 11%;
  transition: .4s;
  background-color: white
}

.myUL .product .product-about {
  height: 75%;
  display: flex;
  flex-wrap: wrap;
  width: 41%;
  align-items: center;
  padding: 5% 0 6% 0;
  background-color: white;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 15%
}

.myUL .product .product-inner {
  position: absolute;
  bottom: 15%;
  left: 38%;
  z-index: 3
}

.myUL .product .product-inner img {
  width: 29%
}

.myUL .product .product-about h1 {
  font-weight: normal;
  font-size: 15px;
  color: #b9b9b9
}

.myUL .product .product-about h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 25px;
  text-align: left;
  color: #444544
}

.myUL .product .product-about span {
  display: block;
  width: 12.5px;
  height: 0;
  border: 1px solid #30b2fe;
  transition: .4s
}

.myUL .product .product-about h3 {
  font-weight: 500;
  font-size: 15px;
  color: #30b2fe;
  margin-left: 13px;
  opacity: 0;
  transition: .4s
}

.myUL .product:before {
  content: "";
  position: absolute;
  width: 67%;
  right: -1%;
  height: 100%;
  border-radius: 0px 50px;
  border: 1px solid rgba(0,0,0,0.1);
  transition: .4s
}

.myUL .product:hover .product-about span {
  width: 24px
}

.myUL .product:hover .product-about h3 {
  opacity: 1
}

.myUL .product:hover::before {
  border-color: rgba(255,132,132,0.38)
}

.home-page-footer {
  width: 100%;
  height: auto;
  margin-top: -6%;
  position: relative;
  z-index: 1
}

.home-page-footer {
  width: 100%;
  height: auto;
  margin-top: -150px;
  position: relative;
  z-index: 1;overflow: hidden;
}

.home-page-footer .footer-over-rectangle-1 {
  position: absolute;
  width: 417px;
  height: 500px;
  background-color: white;
  border-radius: 70px;
  position: absolute;
  top: -81%;
  left: -111px;
  z-index: 1
}

.home-page-footer .footer-over-rectangle-2 {
  position: absolute;
  width: 417px;
  height: 500px;
  background-color: white;
  border-radius: 70px;
  position: absolute;
  top: -81%;
  right: -111px;
  z-index: 1
}

.home-page-footer .footer-top {
  width: 100%;
  height: 100%;
  background: linear-gradient(#f5f9fc 0%, #d9c8b0 51.23%, #31b2fe 100%);
  position: relative;
}

.home-page-footer .footer-top .footer-inner {
  width: 1260px;
  margin: auto;
  height: 515px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 115px;
}

.home-page-footer .footer-top .footer-inner>img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.home-page-footer .footer-top .footer-inner .footer-inner-left {
  text-align: center;
}

.home-page-footer .footer-top .footer-inner .footer-inner-left h1 {
  font-size: 50px;
  color: #31b2fe;
  font-weight: bold;
  margin-bottom: 20px;
}

.home-page-footer .footer-top .footer-inner .footer-inner-left .cnt {
  font-size: 17px;
  line-height: 1.6;
  color: #5a5858;
  padding-right: 80px;
}

.home-page-footer .footer-top .footer-inner .footer-inner-right {
  width: 60%;
  z-index: 2;
}

.footer-inner-right  .swiper-pagination {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.footer-inner-right  .swiper-pagination span {
    display: block;
    margin: 0 4px;
}

.footer-inner-right .swiper-pagination-bullet-active {
    background: #31b2fe;
}

.footer-inner-right .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .items {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .items img {
    height: 90px;
    width: auto;
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-dots {
  bottom: -40px
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-slide img {
  margin: auto
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-dots li button:before {
  font-size: 9px
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-dots li.slick-active button:before {
  color: #30b2fe
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-dots li button:hover:before {
  opacity: .25
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-dots li.slick-active button:hover:before {
  opacity: 1
}

.head-bg {
  width: 100%;
  height: 160px;
  background-color: #FAFAFA
}

.page-title {
  display: none
}

.blogs {
  padding: 150px 0 50px 0
}

.blogs .container {
  max-width: 1450px;
  padding-bottom: 50px
}

.blogs .container .blog-content .blog-viewing {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 58px
}

.blogs .container .blog-content .blog-viewing h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 32px;
  color: #30b2fe
}

.blogs .container .blog-content .blog-viewing .blog-viewing-settings {
  display: flex;
  height: 87px;
  align-items: center
}

.blogs .container .blog-content .blog-viewing .blog-viewing-settings select {
  padding: 27px 35px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  margin-right: 22px;
  appearance: none
}

.blogs .container .blog-content .blog-viewing .blog-viewing-settings .search-btn {
  padding: 29px 31px;
  border-radius: 5px;
  border: 1px solid #d9d9d9
}

.blogs .container .blog-content .blog-news {
  display: flex;
  min-width: 100%;
  flex-wrap: wrap;
  margin: 0 -25px
}

.blogs .container .blog-content .blog-news .blog-item {
  width: 33.3%;
  padding: 0 25px
}

.blogs .container .blog-content .blog-news .blog-line {
  display: flex
}

.blogs .container .blog-content .blog-news .news {
  margin-bottom: 74px;
  display: block
}

.blogs .container .blog-content .blog-news .news+.news {
  margin-left: 49px
}

.blogs .container .blog-content .blog-news .news .news-img {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px
}
.blogs .container .blog-content .blog-news .news .news-img img{
  width: 100%;
  height: auto;
}

.blogs .container .blog-content .blog-news .news .news-text {
  padding-right: 35px;
  padding-top: 30px;
}

.blogs .container .blog-content .blog-news .news .news-text .news-category {
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 0.11em;
  color: #000;
  margin: 0 0 11px 0
}

.blogs .container .blog-content .blog-news .news .news-text .news-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 27px;
  color: #000;
  margin-bottom: 27px;
  transition: .2s
}

.blogs .container .blog-content .blog-news .news .news-text .news-date {
  display: flex
}

.blogs .container .blog-content .blog-news .news .news-text .news-date h3 {
  font-weight: normal;
  font-size: 15px;
  color: #707070
}

.blogs .container .blog-content .blog-news .news:hover {
  transform: scale(1.01)
}

.blogs .container .blog-content .blog-news .news:hover .news-text h2 {
  color: #30b2fe
}

.blog-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px
}

.blog-list a {
  border-radius: 9px 0px 8px 0px;
  background: #f8f8f8;
  border: 1px solid #d9d9d9;
  padding: 3.5px 16.25px;
  font-weight: 600;
  font-size: 17px;
  line-height: 33px;
  color: #b2b2b2;
  cursor: pointer;
  transition: .1s
}

.blog-list a:hover {
  color: #30b2fe
}

.blog-list a.active {
  border: 1px solid #30b2fe;
  color: #30b2fe
}

.blog-list a+a {
  margin-left: 15px
}

.pagination {
  justify-content: center
}

.pagination .page-item.active .page-link {
  border: 1px solid #30b2fe;
  color: #30b2fe;
  background-color: #f8f8f8
}

.pagination .page-item+.page-item {
  margin-left: 15px
}

.pagination .page-link {
  border-radius: 9px 0px 8px 0px;
  background: #f8f8f8;
  border: 1px solid #d9d9d9;
  padding: 3.5px 16.25px;
  font-weight: 600;
  font-size: 17px;
  line-height: 33px;
  color: #b2b2b2;
  cursor: pointer;
  transition: .1s
}

.container .blog-detail {
  padding: 240px 82px 55px 82px
}

.container .blog-detail .blog-img {
  width: 100%;
  height: 415px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px
}

.container .blog-detail .blog-text {
  padding-right: 96px;
  padding-top: 19px
}

.container .blog-detail .blog-text .blog-dc {
  display: flex;
  margin-bottom: 29px
}

.container .blog-detail .blog-text .blog-dc .blog-date {
  display: flex;
  margin-right: 23px
}

.container .blog-detail .blog-text .blog-dc .blog-date h1 {
  font-weight: normal;
  font-size: 15px;
  color: #707070
}

.container .blog-detail .blog-text .blog-dc h2 {
  font-weight: 300;
  font-size: 15px;
  color: #000
}

.container .blog-detail .blog-text h3 {
  font-weight: 600;
  font-size: 27px;
  line-height: 50px;
  color: #000;
  margin-bottom: 13px
}

.container .blog-detail .blog-text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #8b8b8b
}

.product-page-container {
  height: 100vh;
  width: 100%;
  position: relative;
  background: linear-gradient(#f6f8f8 0%, #fbf8ec 20.9%, #feeee7 42%, #fff 100%)
}

.product-page-container .product-promotion {
  width: 76.6%;
  height: 1470px;
  position: absolute;
  left: 13%;
  top: 25%
}

.product-page-container .product-promotion .product-promotion-hood {
  position: absolute;
  text-align: center;
  padding: 0 3%;
  left: 35%;
  top: -5%;
  z-index: 1
}

.product-page-container .product-promotion .product-promotion-hood h1,h2,h3,h4 {
  padding: 0;
  margin: 0
}

.product-page-container .product-promotion .product-promotion-hood h1 {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.52em;
  color: #b5b5b5;
  margin-bottom: 13.5px
}

.product-page-container .product-promotion .product-promotion-hood h1:before {
  content: "";
  width: 33px;
  height: 0px;
  position: absolute;
  border: 1px solid rgba(0,0,0,0.1);
  left: 18%;
  top: 5%
}

.product-page-container .product-promotion .product-promotion-hood h1:after {
  content: "";
  width: 33px;
  height: 0px;
  position: absolute;
  border: 1px solid rgba(0,0,0,0.1);
  right: 20%;
  top: 5%
}

.product-page-container .product-promotion .product-promotion-hood h2 {
  font-weight: bold;
  font-size: 50px;
  color: #000;
  margin-bottom: 13.5px
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  opacity: 30%
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 50%;
  position: relative
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-first:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 14px;
  border: 1px solid rgba(0,0,0,0.3);
  left: 118%
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-first h3 {
  font-weight: 500;
  font-size: 15px;
  color: #000
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-first h4 {
  font-weight: 500;
  font-size: 15px;
  color: #000
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-last {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 30%
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-last h3 {
  font-weight: 500;
  font-size: 15px;
  color: #000
}

.product-page-container .product-promotion .product-promotion-hood .product-promotion-info .product-promotion-info-last h4 {
  font-weight: 500;
  font-size: 15px;
  color: #000
}

.product-page-container .product-promotion .product-promotion-hood a {
  width: 158.18px;
  height: 64.06px;
  border-radius: 32px;
  background: #ffc18d;
  padding: 20px 37px;
  font-weight: 500;
  font-size: 19px;
  color: #fff;
  display: block;
  margin: auto;
  margin-top: 25px;
  position: relative
}

.product-page-container .product-promotion .product-promotion-slider-buttons {
  position: absolute;
  width: 65%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  right: 18%;
  pointer-events: none
}

.product-page-container .product-promotion .product-promotion-slider-buttons .product-promotion-slider-prev,.product-promotion-slider-next {
  cursor: pointer;
  pointer-events: all
}

.product-page-container .product-promotion .product-promotion-slider-buttons svg {
  width: 15.52px;
  height: 31px
}

.product-page-container .product-promotion .product-tabs .product-tab-list ul {
  display: flex;
  justify-content: center;
  margin-top: 60px
}

.product-page-container .product-promotion .product-tabs .product-tab-list ul li:first-child {
  width: 159px;
  height: 48px;
  border-radius: 24px 0px 0px 24px;
  border: 1px solid #e3cdc3;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s;
  cursor: pointer
}

.product-page-container .product-promotion .product-tabs .product-tab-list li a {
  font-weight: 500;
  font-size: 15px;
  color: #c9a99c
}

.product-page-container .product-promotion .product-tabs .product-tab-list li:last-child {
  width: 159px;
  height: 48px;
  border-radius: 0px 24px 24px 0px;
  border: 1px solid #e3cdc3;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s;
  cursor: pointer
}

.product-page-container .product-promotion .product-tabs .product-tab-list li.active {
  background: #e3cdc3
}

.product-page-container .product-promotion .product-tabs .product-tab-list li.active a {
  color: #fff
}

.product-page-container .product-promotion .product-tabs .product-tab-content {
  display: flex;
  justify-content: center;
  position: relative;
  height: 158px
}

.product-page-container .product-promotion .product-tabs .product-tab-content .content {
  width: 33%;
  position: absolute;
  top: 38%;
  opacity: 0;
  transition: .2s
}

.product-page-container .product-promotion .product-tabs .product-tab-content .content.active {
  opacity: 1;
  transition: .2s
}

.product-page-container .product-promotion .product-tabs .product-tab-content .content h1 {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #c9a99c;
  padding: 0 11%;
  margin-bottom: 32px
}

.product-page-container .product-promotion .product-tabs .product-tab-content .content h2 {
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: #c9a99c
}

.product-page-container .product-promotion .product-promotion-contents {
  position: absolute;
  cursor: pointer
}

.product-page-container .product-promotion .product-promotion-contents svg {
  width: 85px;
  opacity: 20%;
  transition: .4s
}

.product-page-container .product-promotion .product-promotion-contents:hover svg {
  opacity: 100%
}

.product-page-container .product-promotion .product-promotion-list:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid rgba(0,0,0,0.13);
  position: absolute;
  left: 0;
  top: -3%;
  clip-path: polygon(0 4%, 100% 4%, 100% 100%, 0% 100%);
  pointer-events: none
}

.product-page-container .product-promotion .product-promotion-list .product-promotion-contents:nth-child(1) {
  left: 18%;
  top: 2%
}

.product-page-container .product-promotion .product-promotion-list .product-promotion-contents:nth-child(2) {
  left: 7%;
  top: 14%
}

.product-page-container .product-promotion .product-promotion-list .product-promotion-contents:nth-child(3) {
  left: -1%;
  top: 30%
}

.product-page-container .product-promotion .product-promotion-list .product-promotion-contents:nth-child(4) {
  right: 18%;
  top: 3%
}

.product-page-container .product-promotion .product-promotion-list .product-promotion-contents:nth-child(5) {
  right: 7%;
  top: 14%
}

.product-page-container .product-promotion .product-promotion-list .product-promotion-contents:nth-child(6) {
  right: -1%;
  top: 30%
}

.product-page-container .product.for_slick_slider .slick-track .items .product-slider-img {
  width: 56%;
  height: 840px;
  display: flex;
  justify-content: center;
  align-items: end;
  margin: auto;
  margin-top: 14%
}

.product-page-container .product.for_slick_slider .slick-track .items img {
  width: 88%;
  margin: auto;
  cursor: pointer
}

.product-page-container .product-promotion-list-open {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 54;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10.9878px);
  opacity: 0;
  pointer-events: none;
  transition: .2s
}

.product-page-container .product-promotion-list-open.active {
  opacity: 1;
  pointer-events: all;
  transition: .2s
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open {
  max-width: 925px;
  position: absolute;
  z-index: 1
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open img {
  display: block;
  margin: auto
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open .product-promotion-contents-explanation {
  border-radius: 43px;
  background-color: white;
  padding: 81px;
  margin-top: 7%
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open .explanation-exit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  cursor: pointer
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open .product-promotion-contents-explanation h1 {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #000;
  margin-bottom: 60px
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open .product-promotion-contents-explanation h2 {
  font-family: Volte;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  color: #797979
}

.product-page-container .product-promotion-list-open .product-promotion-contents-open-overlay {
  background-color: black;
  opacity: 70%;
  position: absolute;
  width: 100%;
  height: 100%
}

.products-container {
    padding: 165px 0 120px 145px;
}

.products-container .product-page-showing-info {
  display: flex;
  justify-content: space-between;
  padding: 0 1%;
  margin: 0px -55px;
  margin-bottom: 35px;
}

.products-container .product-page-showing-info h1 {
  font-size: 16px;
  color: #707070
}

.products-container .product-page-showing-info .select2-a {
  width: 154px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  font-size: 12px;
  color: #707070;
  padding: 0 0 0 24px;
  z-index: 1
}

.products-section {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -75px;
  margin-top: 0
}

.products-section .product-content {
  width: 33.33%;
  padding: 0 35px;
}

.product-card {
  display: block;
  width: 100%;
}

.products-container .product-card {
    margin-bottom: 50px;
}

.product-card .product {
  height: 340px;
  align-items: center;
  cursor: pointer;
  border-radius: 0px 50px;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 13.1% 12.6%;
  transition: .4s;
  position: relative;
}

.product-card .product:before {content: "";position: absolute;left: -1px;right: -1px;top: 50%;bottom: -1px;background: white;}

.product-card .product .product-img {
  width: 110%;
  height: 65%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  transition: .4s;
  background-position: center;
}

.product-card .product .product-img:after {
    width: 100%;
    height: 15px;
    background: #444544;
    opacity: 0.09;
    filter: blur(4px);
    border-radius: 100%;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    transition: .4s;
    content: "";
}

.home-page-products .home-page-product.for_slick_slider .slick-list {
    padding: 40px 0;
}

.product-card .product .product-shadow {
  width: 310px;
  height: 11px;
  background: #444544;
  opacity: 0.12;
  filter: blur(4px);
  border-radius: 100%;
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
  transition: .4s;
}

.product-card .product h1 {
  font-family: Volte;
  font-weight: normal;
  font-size: 15px;
  text-align: left;
  color: #b9b9b9
}

.product-card .product h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 25px;
  line-height:29px;
  text-transform:uppercase;
  text-align: left;
  color: #444544;
  transition: .4s
}

.product-card .product:hover {
  border-color: rgba(0,0,0,0.3);
  padding: 8.1% 12.6%
}

.product-card:hover .product-img {
  transform: translateX(-50%) translateY(-40px);
}

.product-card:hover .product-shadow {bottom: -30px;}

.product-card:hover h2 {
  color: #30b2fe
}

.product-page-container .product-promotion-explanation-open {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 54;
  transition: .2s;
  padding: 58px 0;
  opacity: 0;
  pointer-events: none;
  transition: .2s
}

.product-page-container .product-promotion-explanation-open.active {
  opacity: 1;
  pointer-events: all;
  transition: .2s;
  backdrop-filter: blur(30px)
}

.product-page-container .product-promotion-explanation-open .product-promotion-explanation-open-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1
}

.product-page-container .product-promotion-explanation-open .promotion-explanation-exit {
  display: flex;
  justify-content: center;
  align-items: center
}

.product-page-container .product-promotion-explanation-open .promotion-explanation-exit svg {
  cursor: pointer
}

.product-page-container .product-promotion-explanation-open h1 {
  font-weight: bold;
  font-size: 50px;
  text-align: center;
  color: #000;
  margin-top: 50px
}

.product-page-container .product-promotion-explanation-open .promotion-explanation-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px
}

.product-page-container .product-promotion-explanation-open .promotion-explanation-selector .promotion-explanation-select {
  width: 93px;
  height: 94px;
  border-radius: 28px;
  background-color: white;
  box-shadow: 0px 3px 66px rgba(0,0,0,0.1);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer
}

.product-page-container .product-promotion-explanation-open .promotion-explanation-selector .promotion-explanation-select+.promotion-explanation-select {
  margin-left: 13px
}

.product-page-container .product-promotion-explanation-open .promotion-explanation-selector-img {
  margin: auto;
  width: 42%;
  height: 620px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.product-parallax-page {
  width: 100%;
  height: 100vh
}

.about-page-container {
  width: 100%;
  height: 100vh;
  background-color: #fef1e9;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end
}

.about-page-container .about-page-center-text {
  text-align: center;
  width: 100%;
  margin-bottom: 135px
}

.about-page-container .about-page-center-text h1 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #444544
}

.about-page-container .about-page-center-text h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #73af0d
}

.about-page-container .about-bg-image {
  position: absolute;
  top: -10%;
  width: 100%;
  left: 50%
}

.about-page-container .white-shadow {
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 123px;
  background: linear-gradient(0deg, #FEF1E9 0%, rgba(254,241,233,0) 100%);
  z-index: 2
}

.about-page-container .white-shadow-2 {
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 123px;
  background: linear-gradient(0deg, #FEF1E9 0%, rgba(254,241,233,0) 100%);
  z-index: 2
}

.about-page-container .about-page-products {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 450px;
  margin-bottom: -30px
}

.about-page-container .about-page-products .table-img {
  position: absolute;
  bottom: 0;
  z-index: 1
}

.about-page-container .about-page-products .about-page-products-content {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 90px
}

.about-page-container .about-page-products .about-page-products-content .about-product {
  position: relative;
  transform-origin: center
}

.about-page-container .about-page-products .about-page-products-content .about-product.p1 {
  z-index: 1;
  transform: scale(0.9);
  left: 185px
}

.about-page-container .about-page-products .about-page-products-content .about-product.p2 {
  z-index: 2;
  transform: scale(0.95);
  left: 60px
}

.about-page-container .about-page-products .about-page-products-content .about-product.p3 {
  z-index: 3;
  transform: scale(1)
}

.about-page-container .about-page-products .about-page-products-content .about-product.p4 {
  z-index: 2;
  transform: scale(0.95);
  right: 60px
}

.about-page-container .about-page-products .about-page-products-content .about-product.p5 {
  z-index: 1;
  transform: scale(0.9);
  right: 185px
}

.about-page-container .about-page-products .about-page-parallax {
  position: absolute;
  width: 100%;
  height: 450px
}

.about-page-container .about-page-products .about-page-parallax-inner {
  position: relative;
  width: 100%;
  height: 100%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr1 {
  left: 2%;
  top: 10%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr2 {
  left: 7%;
  top: 33%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr3 {
  left: 15%;
  top: -5%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr4 {
  left: 23%;
  top: 50%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr5 {
  right: 22%;
  top: 33%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr6 {
  right: 8%;
  top: 4%
}

.about-page-container .about-page-products .about-page-parallax-inner img#pr7 {
  right: -2%;
  top: 28%
}

.about-page-container .about-page-products .about-page-parallax img {
  position: absolute
}

.about-article-container {
  width: 100%;
  padding: 150px 457px 65px 470px;
  background-color: #FEF1E9;
  position: relative
}

.about-article-container:before {
  content: "";
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  height: 140px;
  background: linear-gradient(0deg, #FEF1E9 50%, rgba(254,241,233,0.2) 100%);
  z-index: 3
}

.about-article-container .about-article h1 {
  font-weight: 500;
  font-size: 29px;
  letter-spacing: 0.13em;
  color: #000;
  text-align: center;
  margin-bottom: 19px
}

.about-article-container .about-article h2 {
  font-weight: bold;
  font-size: 55px;
  letter-spacing: 0.13em;
  color: #30b2fe;
  text-align: center;
  margin-bottom: 28px
}

.about-article-container .about-article .vertical-line {
  margin-bottom: 70px
}

.about-article-container .about-article .vertical-line span {
  width: 3px;
  height: 59.15px;
  background: #30b2fe;
  margin: auto;
  display: block
}

.about-article-container .about-article h4 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  color: #444544;
  padding: 0 23px
}

.about-article-container .about-article .article {
  display: flex;
  justify-content: space-between;
  margin-top: 72px
}

.about-article-container .about-article .article .article-left {
  flex: 50%
}

.about-article-container .about-article .article .article-left h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  text-align: right;
  color: #676767
}

.about-article-container .about-article .article .article-right {
  flex: 50%;
  margin-left: 51px
}

.about-article-container .about-article .article .article-right h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  text-align: left;
  color: #676767
}

.about-video-section {
  background-color: #FEF1E9;
  overflow: hidden
}

.about-video-section .about-video-text {
  padding-top: 65px;
  background-color: #FEF1E9;
  text-align: center
}

.about-video-section .about-video-text h1 {
  font-weight: 300;
  font-size: 29px;
  letter-spacing: 0.13em;
  color: #000;
  margin-bottom: 19px
}

.about-video-section .about-video-text h2 {
  font-weight: bold;
  font-size: 55px;
  letter-spacing: 0.13em;
  color: #30b2fe
}

.about-video-section .about-video-text .vertical-line {
  margin-top: 28px
}

.about-video-section .about-video-text .vertical-line span {
  width: 3px;
  height: 59.15px;
  background: #30b2fe;
  margin: auto;
  display: block
}

.about-video-section .about-video-episode {
  position: relative;
  margin: 72px -400px 0 -400px
}

.about-video-section .about-video-episode .swiper-container {
  padding: 70px 0 150px
}

.about-video-section .about-video-episode .swiper-container .swiper-wrapper {
  align-items: center
}

.about-video-section .about-video-episode .swiper-container .swiper-slide a {
  display: flex;
  position: relative;
  opacity: 0.5;
  box-shadow: 0px 15px 38px rgba(44,40,38,0);
  filter: grayscale(100%)
}

.about-video-section .about-video-episode .swiper-container .swiper-slide a:hover .pause-button {
  transform: scale(1.1)
}

.about-video-section .about-video-episode .swiper-container .swiper-slide.swiper-slide-active a {
  opacity: 1;
  transform: scale(1.2);
  box-shadow: 0px 15px 38px rgba(44,40,38,0.2);
  filter: grayscale(0%)
}

.about-video-section .about-video-episode .swiper-container .swiper-slide.swiper-slide-active a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #311718;
  opacity: 0.16;
  position: absolute
}

.about-video-section .about-video-episode .swiper-container .swiper-slide.swiper-slide a .pause-button {
  position: absolute;
  padding: 30.9px 26.9px 30.2px 38.5px;
  border: 2px solid white;
  border-radius: 100%;
  top: 41%;
  left: 50%;
  margin-left: -50px;
  opacity: 0;
  transition: .2s
}

.about-video-section .about-video-episode .swiper-container .swiper-slide.swiper-slide-active a .pause-button {
  opacity: 1
}

.showcase-product {
  position: relative
}

.showcase-product h4 {
  font-family: Volte;
  font-weight: 500;
  font-size: 40px;
  text-align: center;
  color: #000
}

.showcase-product .product-page-products.for_slick_slider {
  width: 71%;
  margin-left: 14%;
  margin-top: 88px
}

.showcase-product .product-page-products.for_slick_slider .items {
  position: relative;
  margin-right: 30px
}

.showcase-product .product-page-products.for_slick_slider .product {
  height: 414px;
  width: 87%;
  align-items: center;
  cursor: pointer;
  margin: auto;
  border-radius: 0px 50px;
  padding: 0px 2.6% 13px 26.6%
}

.showcase-product .product-page-products.for_slick_slider .product .product-border {
  width: 100%;
  height: 96%;
  border-radius: 0 50px;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 14px 13.5px 34px 62.1px
}

.showcase-product .product-page-products.for_slick_slider .product .product-border .product-info {
  padding: 72px 0 182.4px 0px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  background-color: white;
  flex-wrap: wrap;
  justify-content: normal;
  padding-left: 10px
}

.showcase-product .product-page-products.for_slick_slider .product .product-border .product-info h1 {
  font-size: 15px;
  color: #b9b9b9;
  margin-bottom: 3px
}

.showcase-product .product-page-products.for_slick_slider .product .product-border .product-info h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 25px;
  color: #444544;
  margin-bottom: 23px
}

.showcase-product .product-page-products.for_slick_slider .product .product-border .product-info span {
  width: 12.25px;
  height: 2px;
  background: #30b2fe;
  display: block;
  transition: .4s
}

.showcase-product .product-page-products.for_slick_slider .product .product-border .product-info h3 {
  font-weight: 500;
  font-size: 15px;
  color: #30b2fe;
  margin-left: 13px;
  transition: .4s;
  opacity: 0
}

.showcase-product .product-page-products.for_slick_slider .product .product-img {
  width: 92.4%;
  height: 77.4%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  top: 8%;
  left: -16%;
  background-color: white
}

.showcase-product .product-page-products.for_slick_slider .product .product-img-inner {
  position: absolute;
  bottom: 13%;
  left: 30%;
  z-index: 2
}

.showcase-product .product-page-products.for_slick_slider .product:hover .product-border .product-info h3 {
  opacity: 1
}

.showcase-product .product-page-products.for_slick_slider .product:hover .product-border .product-info span {
  width: 24.25px
}

.showcase-product .product-page-products.for_slick_slider .product:after {
  content: "";
  position: absolute;
  width: 241px;
  height: 161.75px;
  background: #fff;
  opacity: 0.85;
  z-index: 1;
  border-radius: 70%;
  filter: blur(18px);
  bottom: 3%;
  left: 24%
}

.showcase-product .product-page-products-slider-controller {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 76%;
  left: 11%;
  bottom: 37%;
  z-index: 1;
  pointer-events: none
}

.showcase-product .product-page-products-slider-controller .product-page-products-slider-prev,.product-page-products-slider-next {
  cursor: pointer;
  pointer-events: all
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 22px
}

.contact-main .contact-main-wrapper .contact-form h3 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 35px;
  line-height: 48px;
  color: #8b8b8b
}

.contact-main .contact-main-wrapper .contact-form .kvkk .cnt p {
  font-weight: normal;
  font-size: 15px;
  margin-top: 43px;
  line-height: 19px;
  text-align: center;
  color: #8b8b8b;
  padding: 0 30px
}

.contact-main .contact-main-wrapper .contact-form .kvkk .cnt p a {
  font-weight: 500;
  color: #8b8b8b
}

.contact-main .contact-main-wrapper .contact-form .item {
  margin-top: 10px
}

.contact-main .contact-main-wrapper .contact-form .item.item-12 {
  width: 100%
}

.contact-main .contact-main-wrapper .contact-form .item.item-6 {
  width: 49%
}

.contact-main .contact-main-wrapper .contact-form .item.item-8 {
  width: 64%
}

.contact-main .contact-main-wrapper .contact-form .item.item-5 {
  width: 34%
}

.contact-main .contact-main-wrapper .contact-form .item.item-4 {
  width: 34%
}

.contact-main .contact-main-wrapper .contact-form .item .input input {
  width: 100%;
  height: 65px;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  padding: 23px 0 24px 25px;
  transition: .2s
}

.contact-main .contact-main-wrapper .contact-form .item .input input:hover,.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha input:hover {
  border-color: #8b8b8b
}

.contact-main .contact-main-wrapper .contact-form .item .input input:focus,.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha input:focus {
  border-color: #8b8b8b
}

.contact-main .contact-main-wrapper .contact-form .item .input textarea {
  width: 100%;
  height: 182px;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  padding: 23px 0 24px 25px;
  transition: .2s
}

.contact-main .contact-main-wrapper .contact-form .item .input textarea:hover {
  border-color: #8b8b8b
}

.contact-main .contact-main-wrapper .contact-form .item .input textarea:focus {
  border-color: #8b8b8b
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper {
  display: flex
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper {
  display: flex
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha {
  height: 65px;
  width: 100%
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha+.captcha {
  margin-left: 15px
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha img {
  height: 65px;
  max-height: 65px
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha input {
  width: 100%;
  height: 65px;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  padding: 11% 0 11% 11%
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .button {
  height: 65px;
  display: flex;
  align-items: center
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .button a {
  background: #31b2fe;
  width: 100%;
  border: none;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  transition: .2s;
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .button a:hover {
  border: 1px solid #31b2fe;
  background-color: white;
  color: #31b2fe;
}

.contact.contact-page {
  padding: 240px 0 100px 0
}

.contact-main .contact-main-wrapper .contact-information .info .time.brdr {
  margin-bottom: 2px
}

.contact-main .contact-main-wrapper .contact-information .info .time.brdr .text {
  margin-left: 10px
}

.contact .contact-main .contact-main-wrapper .contact-information .address.brdr p {
  margin-bottom: 0;
  margin-left: 16px;
  padding: 0 150px 0 0
}

.contact .contact-main .contact-main-wrapper .contact-information .time.brdr::after {
  width: 63px
}

.contact .contact-main .contact-main-wrapper .contact-information .address.brdr {
  position: relative
}

.contact .contact-main .contact-main-wrapper .contact-information .address.brdr::after {
  content: "";
  position: absolute;
  bottom: 14%;
  left: 0;
  width: 63px;
  height: 3px;
  background: #EFEFEF
}

.contact .contact-main .contact-main-wrapper .contact-information .social ul {
  display: flex
}

.contact .contact-main .contact-main-wrapper .contact-information .social ul li+li {
  margin-left: 29px
}

.contact .contact-main .contact-main-wrapper .contact-information .social ul li a {
  opacity: .2
}

.contact .contact-main .contact-main-wrapper .contact-information .social ul li:hover a {
  opacity: 1
}

.product-showcase-container2 {
    width: 79%;
    position: relative;
    margin: auto;
    background-color: white;
    border-radius: 86px;
    z-index: 2;
    padding: 145px 0 40px 0;
}

.product-showcase-container2 .product-page-showing-info {
  display: flex;
  justify-content: space-between;
  padding: 0 120px;
}

.product-showcase-container2 .product-page-showing-info h1 {
  font-size: 16px;
  color: #707070;
  font-weight: normal
}

.product-showcase-container2 .product-page-showing-info h1 strong {
  font-weight: 600
}

.product-showcase-container2 .product-page-showing-info .select2-a {
  width: 154px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
  font-size: 12px;
  color: #707070;
  padding: 0 0 0 24px
}

.product-showcase-container2 .product-showcase {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  
  margin: 0 -30px;
}

.product-showcase .item {
  flex: 0 0 33%;
  padding: 0 30px;
  padding-top: 4%;
}

.product-showcase .items {
  flex: 0 0 33%;
  padding: 0 30px;
  padding-top: 4%;
}

.product-card2 {
  height: 414px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.product-card2:before {
  content: "";
  position: absolute;
  left: 30%;
  right: 0;
  height: 100%;
  border-radius: 0px 50px;
  border: 2px solid rgba(0,0,0,0.12);
  transition: .4s;
}

.product-card2:hover .product-about span {
  width: 24px
}

.product-card2:hover .product-about h3 {
  opacity: 1
}

.product-card2:hover::before {
  border-color: rgb(49 178 254 / 53%)
}

.product-card2:after {
  content: "";
  position: absolute;
  width: 241px;
  height: 161.75px;
  background: #fff;
  opacity: 0.85;
  z-index: 1;
  border-radius: 70%;
  filter: blur(18px);
  bottom: -4%;
  left: 24%
}

.product-card2 .product-about h1 {
  font-weight: normal;
  font-size: 15px;
  color: #b9b9b9;
  width: 100%
}

.product-card2 .product-about h2 {
  font-family: Oswald;
  font-weight: 500;
  font-size: 25px;
  text-align: left;
  color: #444544;
  margin-bottom: 30px;
  width: 100%
}

.product-card2 .product-about span {
  display: block;
  width: 12.5px;
  height: 0;
  border: 1px solid #30b2fe;
  transition: .4s
}

.product-card2 .product-about h3 {
  font-weight: 500;
  font-size: 15px;
  color: #30b2fe;
  margin-left: 13px;
  opacity: 0;
  transition: .4s
}

.product-card2 .product-img {
 background-size: 100%;
 background-position: center;
 background-repeat: no-repeat;
 height: 80%;
 position: relative;
 width: 50%;
 left: 0;
 transition: .4s;
 background-color: white;
}

.product-card2 .product-about {
 height: 75%;
 width: 50%;
 padding-right: 0;
 padding-left: 35px;
 z-index: 2;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.product-card2 .product-inner {
      position: absolute;
    top: 35%;
    left: 15%;
    z-index: 3;
}

.product-card2 .product-inner img {
  width: 150px;
}

.policy-wrapper .policy-links ul li a {
  font-size: 28px
}

.blog-header-container {
  margin-bottom: 45px;
  align-items: flex-end;
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.blog-header-container .blog-header {
  width: 40%
}

.blog-header-container .blog-header h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 32px;
  color: #30b2fe
}

.blog-filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 60%;
  position: relative
}

.filter-item {
  width: auto;
  padding: 0 12px
}

.filter-item.search-item {
  padding-right: 0
}

.filter-item .nice-select.open {
  border-color: #565656
}

.filter-item .nice-select:after {
  border: none;
  width: 10px;
  height: 8px;
  background: url("../../img/main/select-arrow.html") no-repeat center center;
  background-size: contain;
  top: 45%;
  right: 31px;
  margin: 0;
  transform: rotate(1deg)
}

.filter-item .nice-select.open:after {
  transform: translateY(-50%) rotate(180deg)
}

.filter-item .nice-select {
  height: 70px;
  border: none;
  line-height: 70px;
  padding-left: 31px;
  padding-right: 54px;
  border: 1px solid #DBDBDB;
  border-radius: 5px
}

.filter-item .nice-select span {
  font-weight: 500
}

.nice-select .list {
  min-width: 245px;
  margin-top: 20px;
  border-radius: 23px;
  padding: 15px;
  border: 1px solid #DBDBDB;
  box-shadow: none;
  overflow-y: auto
}

.nice-select .option {
  font-weight: 600;
  font-size: 15px;
  color: #565656;
  border-bottom: 1px solid #E8E8E8;
  padding: 5px 20px
}

.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus {
  color: #30b2fe;
background: transparent;
}

.nice-select .option.selected.focus {
  color: #565656
}

.nice-select .option.selected.focus:hover {
  color: #30b2fe
}

.nice-select .option:last-child {
  border: none
}

.nice-select .option.selected.focus:hover {
  color: #30b2fe;
background: transparent;}

.filter-item .nice-select:hover {
  border-color: #565656
}

.filter-item.search-item .input {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  transition: .4s
}

.filter-item.search-item .input:hover {
  border-color: #565656
}

.filter-item.search-item .input .search-btn {
  width: 100%;
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.filter-item.search-item .input .search-btn svg {
  fill: none;
  stroke: #a0948a;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px
}

.search-form-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: translateY(-40px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.search-form-sidebar input {
  border: 1px solid #fafafa;
  border-radius: 23px;
  background: #fafafa;
  height: 100%;
  width: 100%;
  font-weight: 600;
  color: #565656;
  padding: 0 30px
}

.search-form-sidebar input:focus {
  border-color: #565656
}

.search-form-sidebar input::placeholder {
  color: #d3cabf
}

.search-form input {
  border: 1px solid #fafafa;
  border-radius: 23px;
  background: #fafafa;
  height: 100%;
  width: 100%;
  font-weight: 600;
  color: #565656;
  padding: 0 30px
}

.search-form input:focus {
  border-color: #565656
}

.search-form input::placeholder {
  color: #d3cabf
}

.search-form-sidebar .search-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer
}

.search-form-sidebar .search-close svg {
  fill: none;
  stroke: #565656;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 2px
}

.home-page-footer .footer-top .footer-inner .footer-inner-right .slick-track {
  display: flex;
  align-items: center
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha a {
  right: -11px;
  background: #69a437;
  transition: .4s
}

.contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha a:hover {
  background: #311718
}

.home-page-footer .footer-top .footer-inner .footer-left-line {
  position: absolute;
  left: 0;
  pointer-events: none
}

.home-page-footer .footer-top .footer-inner .footer-right-line {
  position: absolute;
  right: -11%;
  bottom: -51px;
  pointer-events: none
}

.about-video-section .about-video-episode .slider-control-buttons {
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 1;
  width: 70.5%;
  top: -30px;
  left: 400px;
  height: 100%;
  align-items: center;
  pointer-events: none
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-prev {
  display: flex;
  height: 100%;
  align-items: center;
  background: linear-gradient(270deg, rgba(254,241,233,0) 33%, #fef1e9 100%);
  padding-left: 2%;
  pointer-events: all;
  cursor: pointer
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-prev svg {
  fill: none;
  stroke: #383838;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 6
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-next {
  display: flex;
  height: 100%;
  align-items: center;
  background: linear-gradient(270deg, #fef1e9 0, rgba(254,241,233,0) 60%);
  padding-right: 2%;
  pointer-events: all;
  cursor: pointer
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-next svg {
  fill: none;
  stroke: #383838;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 6
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-next:hover svg path {
  transition: .2s
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-next:hover svg path {
  stroke: black
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-prev:hover svg path {
  transition: .2s
}

.about-video-section .about-video-episode .slider-control-buttons .slider-control-prev:hover svg path {
  stroke: black
}

.about-us-top:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  background: url(../img/main/about-us-background.html)
}

.about-us-content {
  width: 100%;
  padding: 200px 0 120px;
  text-align: center;
  position: relative
}

.about-us-content:before {
  content: "";
  position: absolute;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #f8f6f2 0%, rgba(248,246,242,0.82) 66.87%, rgba(255,252,248,0) 100%);
  z-index: -1
}

.about-us-content h3 {
  font-family: Oswald;
  font-weight: 900;
  font-size: 55px;
  line-height: 53px;
  text-align: center;
  color: #69a437;
  width: 50%;
  margin: 0 auto
}

.about-us-content .line {
  width: 3px;
  height: 60px;
  margin: 20px auto 50px;
  background: #30b2fe
}

.about-us-third {
  position: relative
}

.about-us-third:before {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 280px;
  background: url("../img/main/about-bg.html") no-repeat center center
}

.about-us-content h4 {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  color: #444544;
  margin-bottom: 40px
}

.about-us-content .about-text-wrap {
  display: flex;
  margin: 0 auto;
  width: 85%
}

.about-us-content .about-text-wrap p:first-child {
  text-align: right;
  padding-right: 25px
}

.about-us-content .about-text-wrap p:last-child {
  text-align: left;
  padding-left: 25px
}

.about-us-content .about-text-wrap p {
  font-size: 20px;
  margin-bottom: 0;
  width: 50%;
  font-weight: 500;
  line-height: 29px;
  color: #676767
}

.tab-content-main {
  width: 100%;
  justify-content: center;
  position: relative
}

.tab-content-main .tab-content {
  width: 81%;
  margin: auto;
  overflow: hidden;
  background: #f8eae1;
  padding: 100px 70px
}

.tab-content-main .tab-content h3 {
  font-weight: 600;
  font-style: italic;
  font-size: 28px;
  text-align: center;
  color: #444544;
  margin-bottom: 35px
}

.tab-content-main .tab-content p {
  font-weight: normal;
  font-style: italic;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  color: #676767;
  max-width: 80%;
  margin: auto
}

.about-us-bottom {
  padding-bottom: 130px;
  background-color: #FEF1E9;
  padding-top: 60px
}

.about-us-tab {
  width: 100%
}

.about-us-tab .tab {
  justify-content: center;
  margin-bottom: 40px;
  position: relative
}

.about-us-tab .tab .tab-item a {
  font-family: Oswald;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #bfb2a6;
  transition: .4s
}

.about-us-bottom .about-us-tab .tab .tab-item.active a {
  color: #69A437
}

.about-us-tab .tab .about-us-progress {
  width: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.about-us-tab .tab .about-us-progress span.progress-line.animated:before {
  transform: scaleX(1);
  transition: 3.6s
}

.tab-item-list {
  display: flex;
  align-items: center;
  justify-content: center
}

.about-us-tab .tab .tab-item:first-child a {
  margin-right: 125px;
  font-weight: 500;
  font-size: 50px;
  line-height: 46px;
  color: #848282;
  display: block
}

.about-us-tab .tab .tab-item:last-child a {
  margin-left: 125px;
  font-weight: 500;
  font-size: 50px;
  line-height: 46px;
  color: #848282;
  display: block
}

.about-us-tab .tab .about-us-progress span.progress-line {
  width: 100%;
  height: 3px;
  background: #BFBFBF;
  display: block;
  position: relative
}

.about-us-tab .tab .about-us-progress span.progress-line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  z-index: 1;
  background: #30b2fe;
  transform-origin: left;
  transition: .4s
}

.home-page-container .mobil-slider-control {
    position: absolute;
    justify-content: space-between;
    width: 18%;
    bottom: 5px;
    right: 8px;
    display: none;
    padding: 20px 30px;
    border-radius: 14px;
    background-color: white;
}

.page.nf404 .svg svg g line,.page.nf404 .svg svg g path {
  fill: #77b112;
  stroke: #77b112
}

.page-title {
  display: none
}

.page.nf404 {
  padding: 300px 0;
  text-align: center
}

.page.nf404 h2 {
  text-align: center;
  margin-top: 70px;
  color: #77b112
}

.page.nf404 h3 {
  display: none
}

.page.nf404 a {
  border: 1px solid #77b112;
  margin: auto;
  display: inline-block;
  border-radius: 13px;
  padding: 16px 32px;
  margin-top: 35px;
  color: #77b112
}

.page.nf404 a svg {
  margin-right: 10px
}

.page.nf404 a svg path {
  fill: #77b112
}

.page.nf404 a:hover {
  color: #565656;
  border-color: #565656
}

.page.nf404 a:hover svg path {
  fill: #565656
}

main .career {
  height: 100vh
}

main .career .career-main .career-title {
  margin-bottom: 10px
}

main .career .career-main .career-slider>h3 {
  margin-bottom: 40px
}

main .certificates .certificates-content .wrapper .item {
  padding: 0 90px
}

.products-container .product-page-showing-info .nice-select {
  display: none
}

.product-showcase-container2 .product-page-showing-info {
  align-items: center
}

.product-showcase-container2 .product-page-showing-info h1 {
  margin-bottom: 0
}

.home-products {
    position: relative;
}

.home-page-products .home-page-buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.home-page-products .home-page-buttons .slick-arrow {
  pointer-events: all;
  cursor: pointer
}

.career .career-form .form-wrapper .item .captcha-wrapper .captcha a {
  right: -5px
}

.buy-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.9);
  transition: .4s;
  top: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.buy-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.product-filtering {
  display: none
}

.product2-category-select ul {
  display: flex
}

.product2-category-select a {
  font-weight: 500;
  font-size: 18px;
  color: #a7a7a7;
  display: block;
  padding: 4px 27px
}

.product2-category-select ul li.active a {
  font-weight: 600;
  color: #30b2fe
}

.product2-category-select ul li+li {
  border-left: 1px solid #eaeaea
}

.product2-category-select a:hover {
  color: #30b2fe
}

.filtering-window {
  display: none
}

.product-filtering-window {
  display: none
}

@media only screen and (max-width: 1681px) {
  .product-showcase-container {
      width: 1260px;
  }
}

@media only screen and (max-width: 1441px) {
  .contact.contact-page {
      padding:240px 60px 100px 60px
  }

  .about-page-container .about-page-products .about-page-products-content {
      padding-bottom: 58px
  }

  .about-page-container .about-page-products .about-page-products-content .about-product.p1 {
      z-index: 1;
      transform: scale(0.65);
      left: 274px
  }

  .about-page-container .about-page-products .about-page-products-content .about-product.p2 {
      z-index: 2;
      transform: scale(0.7);
      left: 134px
  }

  .about-page-container .about-page-products .about-page-products-content .about-product.p3 {
      z-index: 3;
      transform: scale(0.75)
  }

  .about-page-container .about-page-products .about-page-products-content .about-product.p4 {
      z-index: 2;
      transform: scale(0.7);
      right: 134px
  }

  .about-page-container .about-page-products .about-page-products-content .about-product.p5 {
      z-index: 1;
      transform: scale(0.65);
      right: 274px
  }

  .about-page-container .about-page-center-text {
      margin-bottom: 25px
  }

  .lead-to-sales .sales-text h1 {
      margin-bottom: 17px
  }
}

@media only screen and (max-width: 1441px) {
  .home-page-products .home-page-product .items .product h2 {
      font-size: 20px
  }

  .product-showcase-container {
      width: 79%
  }

  .footer-bottom .footer-bottom-up .logo-and-menu .menu {
      padding-left: 0.6%
  }

  .home-page-footer .footer-top .footer-inner {
      padding: 0 80px;
      padding-top: 150px;
  }

  .home-page-products .home-page-product .items {
      padding: 0 50px;
  }
}

@media only screen and (max-width: 1441px), (max-height: 901px) {
  .home-page-container .home-page.for_slick_slider .slick-dots {
      bottom:22%
  }
}

@media only screen and (max-width: 1367px) {
  .home-page-container .home-page.for_slick_slider .slick-dots {
      bottom:21%
  }

  .home-page-products .home-page-product .items .product {
      padding: 8.1% 11.6%
  }

  .home-page-products .home-page-product .items .product:hover {
      padding: 6.1% 11.6%
  }

  .home-page-products .home-page-product .items .product:hover .product-img {
      top: 42%
  }

  .footer-bottom .footer-bottom-up .cookie-and-contact {
      flex: 0 0 45%
  }

  .home-page-products .home-page-product .items .product:hover .product-shadow {
      bottom: -1%
  }

  .about-video-section .about-video-episode .slider-control-buttons {
      width: 63%
  }

  .policy .container {
      max-width: 1000px
  }

  footer .footer-bottom .footer-bottom-up .cookie-and-contact {
  flex: 0 0 50%;
  }

    .product-card .product .product-img {
        height: 65%;
    }
}
@media only screen and (max-width:1199px){
    .products-section .product-content {
        width: 50%;
    }
}
@media only screen and (max-width:1100px){
    .product-card .product .product-img {
        height: 60%;
    }
}
@media only screen and (max-width:991px) {
    .product-card .product .product-img {
        height: 60%;
    }
}
@media only screen and (max-width:767px) {
    .product-card .product .product-img {
        height: 55%;
    }
    .products-section .product {
        height: 235px !important;
    }
    .product-card .product {
        padding: 6.1% 12.6%;
    }
}
@media only screen and (max-width: 1367px), (max-height: 769px) {
  main .about-page-container .about-page-products .about-page-products-content .about-product.p1 {
      transform:scale(0.6)
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p2 {
      transform: scale(0.65)
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p3 {
      transform: scale(0.7)
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p4 {
      transform: scale(0.65)
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p5 {
      transform: scale(0.6)
  }

  main .about-page-container .about-page-products .about-page-products-content {
      padding-bottom: 70px
  }

  main .about-page-container .about-page-center-text {
      padding-top: 148px
  }

  main .about-page-container .about-page-center-text h1 {
      font-size: 39px
  }

  main .about-page-container .about-page-center-text h2 {
      font-size: 39px
  }

  main .about-page-container .about-page-products .about-page-parallax img {
      width: 15%
  }

  .home-page-container .home-page.for_slick_slider .page-button .text {
      padding-bottom: 1%;
      font-size: 24px
  }

  .home-page-container .home-page.for_slick_slider .slick-dots li {
      margin-bottom: 17px
  }

  .home-page-container .home-page.for_slick_slider .slick-dots {
      bottom: 24%
  }

  main .career {
      height: 135vh
  }

  .about-page-container .about-bg-image {
      top: -6%
  }

  main .about-page-container .about-page-center-text {
      padding-top: 223px
  }
}

@media only screen and (max-width: 1200px) {
  main .certificates {
      padding:240px 0
  }

  .contact.contact-page .container-lg .contact-main {
      padding: 60px 15px
  }

  .blogs .container .blog-content .blog-news .blog-item {
      width: 49.3%
  }

  .home-page-container .home-page.for_slick_slider .items {
    height: 415px;
    background-position: 80%;
  }

  .home-page-container .home-page.for_slick_slider .slick-track {
      height: 100%
  }

  .home-page-container .home-page.for_slick_slider .slick-list.draggable {
      height: 100%
  }

  .home-page-container {
      height: 525px;
  }

    .blogs .container .blog-content .blog-news .news .news-img {
        height: 250px;
    }

  .home-page-products .home-page-product.for_slick_slider {
    max-width: 100%;
  }

  .home-products {
    padding: 0 100px;
  } 
}

@media only screen and (max-width:991px){
    .blogs .container .blog-content .blog-news .news .news-img {
        height: auto;
    }
}
@media screen and (max-width: 1025px) and (min-width: 767px) {
  main .contact-main-wrapper {
      flex-wrap:wrap
  }

  main .contact-information {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding: 0 110px
  }

  main .contact-form {
      width: 100%;
      margin-top: 60px
  }

  main .contact-main .contact-main-wrapper .contact-form h3 {
      text-align: center
  }

  main .contact-information h3 {
      display: inline-block;
      margin-right: 24px;
      font-size: 30px
  }

  main .contact-information .phone {
      font-size: 30px
  }

  main .contact-information .brdr:after {
      display: none
  }

  main .contact-information .info {
      padding: 20px 0 20px 6px;
      flex: 0 0 100%
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .address.brdr {
      flex: 0 0 44%;
      padding: 0
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .social {
      flex: 0 0 26%;
      margin-left: 50px;
      position: relative
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .social ul {
      justify-content: flex-end
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .social ul li a svg {
      width: 22px
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .social ul li+li {
      margin-left: 20px
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .address.brdr::after {
      display: none
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .address.brdr p {
      padding: 0;
      font-size: 16px
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .social:before {
      content: "";
      position: absolute;
      left: -21px;
      top: -8px;
      height: 53px;
      width: 2px;
      background: #efefef
  }

  .contact.contact-page {
      padding: 240px 60px 55px 60px
  }
}

@media only screen and (max-width: 1025px) {
  .home-page-container .home-page.for_slick_slider .slick-dots {
      display:none !important
  }

  .home-page-footer .footer-over-rectangle-1 {
      display: none
  }

  .home-page-footer .footer-over-rectangle-2 {
      display: none
  }

  .home-page-footer .footer-top .footer-inner>img {
      display: none
  }

  .product-showcase-container {
      width: 90%;
      top: 24px
  }

  .product-showcase-container .product-showcase .product {
      flex: 0 0 45%
  }

  main .product-showcase-container .product-showcase .product .product-inner {
      left: 130px;
      width: 235px
  }

  .product-showcase-container .showcase-hood {
      margin-bottom: 35px
  }

  .lead-to-sales-container {
      height: auto
  }

  .lead-to-sales {
      flex-wrap: wrap
  }

  .lead-to-sales .lead-to-sales-left {
      flex: 0 0 100%
  }

  .lead-to-sales .lead-to-sales-right {
      flex: 0 0 100%;
      height: 730px;
      margin-bottom: 35px
  }

  .lead-to-sales .lead-to-sales-left>img {
      display: none
  }

  .lead-to-sales .lead-to-sales-left .lead-to-sales-left-content {
      min-height: 610px;
  }

  .home-page-container .home-page.for_slick_slider .items {
      background-position: 35%
  }

  .home-page-container .slider-control-media .slider-control {
      padding: 14.5% 15%
  }

  .lead-to-sales-container {
      margin-top: 100px
  }

  .scroll {
      display: none
  }

  .product-showcase-container .product-showcase .product .product-about h3 {
      opacity: 1
  }

  main .product-showcase-container .product-showcase .product {
      margin-left: -3%
  }

  .home-page-footer .footer-top .footer-inner .footer-right-line {
      display: none
  }

  .about-video-section .about-video-episode .slider-control-buttons {
      width: 56.5%
  }

  .home-page-container .slider-control-media {
      width: 25%;
      height:130px;
  }
    .home-page-container .slider-control-media .slider-control {
        flex: 0 0 60.5%;
        background-color: white;
        display: flex;
        padding: 14.5% 14%;
        justify-content: space-between;
    }
    .home-page-container .slider-control-media .social-media {
        flex: 0 0 39.4%;
        background-color: white;
        border-radius: 29px 0 0 0;
        padding: 7% 12%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
  .contact .contact-main .contact-main-wrapper .contact-information .address.brdr p {
      padding: 0 44px 0 0
  }

  .home-page-footer .footer-top .footer-inner {
      padding: 0 20px;
      padding-top: 180px;
      padding-bottom: 40px;
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr1 {
      display: none
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr2 {
      left: 7%;
      top: 33%
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr3 {
      left: 20%;
      top: 4%
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr4 {
      left: 20%;
      top: 50%;
      width: 7%
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr5 {
      display: none
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr6 {
      right: 18%;
      top: 16%
  }

  .about-page-container .about-page-products .about-page-parallax img {
      width: 21%
  }

  .about-page-container .about-page-products .about-page-parallax-inner img#pr7 {
      right: 6%;
      top: 40%
  }

  main .policy .policy-wrapper {
      flex-wrap: wrap
  }

  main .policy .policy-wrapper .policy-links {
      width: 90%;
      position: static;
      margin: auto
  }

  main .policy-wrapper .policy-content {
      width: 90%;
      margin: auto;
      margin-top: 98px
  }

  main .career-form .form-wrapper .item .checkbox:after {
      display: none
  }

  main .career-form .form-wrapper .item .checkbox:after {
      display: none
  }

  main .career-form .form-wrapper .item button {
      padding: 0
  }

  main .career-form .form-wrapper .item .captcha-wrapper .captcha input {
      padding: 0 17px
  }

  main .career .career-wrapper {
      margin: 0
  }

  main .career .career-main {
      width: 100%
  }

  main .career-main-bg {
      display: none
  }

  main .career {
      height: 84vh
  }

  main .career-slider .swiper-container {
      left: 0
  }

  main .career .career-main .career-title {
      max-width: none
  }

  main .career .career-main .career-slider>h3 {
      max-width: none
  }

  main .career .career-main {
      padding: 60px 0
  }

  main .career-slider .swiper-container {
      width: 100%
  }

  .page.nf404 h2 {
      margin-top: 65px
  }

  .product-card .product {
      height: 200px;
  }

  .about-page-container .about-bg-image {
      top: -5%;
      width: 139%;
      left: -15%
  }

  main .about-page-container .about-page-center-text {
      padding-top: 260px
  }

  .home-page-footer .footer-top .footer-inner {
      width: 100%;
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-top {
      margin-top: 20px
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom {
      margin-top: 20px
  }

  .blog-header-container {
      margin-top: 55px
  }

  .blog-filter {
      display: none
  }

  .blog-header-container {
      justify-content: space-between;
      align-items: center;
      padding-right: 20px;
      padding-left: 20px
  }

  .filtering {
      width: 50%
  }

  .blogs .container .blog-content .blog-news {
      padding-left: 20px
  }

  .filtering-window {
      display: block;
      position: fixed;
      width: 60%;
      height: 100%;
      background-color: white;
      top: 0;
      padding: 60px;
      left: -60%;
      box-shadow: 0px 3px 30px 0 rgb(0 0 0 / 10%);
      transition: .4s;
      z-index: 999;
  }

  .filtering-window.active {
      left: 0;
      overflow: auto
  }

  .filtering-window input[type='radio'] {
      appearance: auto;
      position: absolute;
      opacity: 0
  }

  .filtering-window label {
      font-size: 20px;
      line-height: 1;
      margin: 0;
      padding-left: 40px;
      position: relative
  }

  .filtering-window h3 {
      margin-bottom: 20px
  }

  .filtering-window h4 {
      margin-bottom: 20px
  }

  .filtering-window .option {
      margin-bottom: 30px
  }

  .about-video-section .about-video-episode .slider-control-buttons .slider-control-prev svg {
      stroke-width: 10
  }

  .about-video-section .about-video-episode .slider-control-buttons .slider-control-next svg {
      stroke-width: 10
  }

  .product-page-showing-info .select2-a {
      display: none
  }

  .product-filtering-window {
      position: fixed;
      top: 0;
      left: -60%;
      background-color: white;
      width: 60%;
      height: 100%;
      z-index: 56;
      box-shadow: 8px 2px 20px rgba(0,0,0,0.16);
      padding: 40px 200px;
      transition: .4s
  }

  .product-filtering-window.active {
      left: 0;
      transition: .4s
  }

  .close-product-filtering-window {
      display: flex;
      justify-content: center
  }

  .product-filtering-window-categories {
      margin-top: 35px
  }

  .product-filtering-window-hood {
      padding-bottom: 12px;
      border-bottom: 2px solid #eaeaea
  }

  .product-filtering-window-hood h3 {
      font-size: 24px;
      color: #444544;
      text-align: center;
      font-weight: normal
  }

  .product-filtering-window-category {
      margin-top: 25px
  }

  .product-filtering-window-category a {
      display: block;
      text-align: center;
      padding: 14px 0;
      border-bottom: 1px solid #eaeaea;
      font-weight: 500;
      font-size: 21px;
      color: #444544
  }

  .product2-category-select {
      display: none
  }

  .product-filtering {
      display: block
  }

  .product-filtering-window {
      display: block
  }

  .product-showcase .item {
      flex: 0 0 50%
  }

  .product-showcase .items {
      flex: 0 0 50%
  }

  .product-card2 .product-about h2 {
      margin-bottom: 22px
  }

  .product-card2 .product-about h3 {
      opacity: 1
  }

  .product-showcase .item {
    padding: 0 5px;
    padding-top: 50px;
  }

  .product-showcase-container2 .product-showcase {
      margin: 0;
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .contact.contact-page {
      padding:240px 24px 100px 24px
  }

  main .contact-information {
      padding: 0 96px
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .address.brdr {
      flex: 0 0 57%
  }

  main .contact-information {
      justify-content: space-between
  }

  main .contact .contact-main .contact-main-wrapper .contact-information .social:before {
      left: -30px
  }

  main .contact-information {
      justify-content: normal
  }

  main .contact-main-wrapper .contact-information .phone {
      font-size: 30px
  }

  main .contact-main-wrapper .contact-information {
      padding: 0 70px
  }

  main .contact-main .contact-main-wrapper .contact-form .form-wrapper {
      justify-content: space-between
  }

  main .contact-main .contact-main-wrapper .contact-form .item.item-8 {
      width: 66%
  }

  main .contact-main .contact-main-wrapper .contact-form .item.item-5 {
      width: 32%
  }
  
  .lead-to-sales .lead-to-sales-left .lead-to-sales-left-content {
      min-height: 530px;
  }
}

@media only screen and (max-width: 991px) {
  main .certificates {
      padding:50px 0
  }

  .container .blog-detail {
      padding: 85px 17px 55px 17px
  }

  .container .blog-detail .blog-text {
      padding-right: 10px
  }

  .container .blog-detail .blog-text .blog-title {
      line-height: 34px;
      font-size: 28px
  }

  .contact-main-wrapper {
      flex-wrap: wrap
  }

  .contact-main-wrapper .contact-information {
      width: 100%;
      padding: 0 15px
  }

  .contact-main-wrapper .contact-information .address.brdr p {
      padding: 0
  }

  .contact-main .contact-main-wrapper .contact-information .info .time.brdr .text {
      font-size: 17px
  }

  .contact-main-wrapper .contact-information h3 {
      font-size: 30px
  }

  .contact-main-wrapper .contact-information .phone {
      font-size: 35px
  }

  .contact-main-wrapper .contact-information .address p {
      font-size: 17px
  }

  .contact .contact-main .contact-main-wrapper .contact-information .address.brdr p {
      padding: 0
  }

  .contact-main-wrapper .contact-form {
      width: 100%;
      padding: 40px 15px
  }

  .contact-main .contact-main-wrapper .contact-form .form-wrapper {
      justify-content: flex-end
  }

  .contact-main .contact-main-wrapper .contact-form .item.item-8 {
      width: 100%
  }

  .contact-main .contact-main-wrapper .contact-form .kvkk .cnt p {
      padding: 1px
  }

  .contact-main .contact-main-wrapper .contact-form .kvkk .cnt p a {
      font-weight: 500;
      color: #8b8b8b
  }

  .contact-main .contact-main-wrapper .contact-form h3 {
      font-size: 30px
  }

  .contact.contact-page {
      padding: 40px 34px 50px 34px
  }

  .blogs .container .blog-content .blog-news {
      flex-wrap: wrap
  }

  .blogs .container .blog-content .blog-news .news {
      flex: 0 100%
  }

  .blogs .container .blog-content .blog-news .news+.news {
      margin-left: 0
  }

  .blogs .container .blog-content .blog-news .news .news-text {
      padding-right: 0
  }

  .blogs .container .blog-content .blog-viewing {
      flex-wrap: wrap
  }

  .blogs .container .blog-content .blog-viewing .blog-viewing-settings select {
      padding: 20px 28px
  }

  .blogs .container .blog-content .blog-viewing .blog-viewing-settings .search-btn {
      padding: 22px 24px
  }

  .container .blog-detail {
      padding: 85px 15px 55px;
  }

  main .product-showcase-container .product-showcase .product .product-inner {
      left: 82px;
      width: 208px;
      bottom: 17px
  }

  .home-page-footer .footer-top .footer-inner {
      flex-wrap: wrap
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-left {
      width: 89%;
      justify-content: center
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-left .cnt {
      padding-right: 0
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-right {
      width: 85%
  }

  .home-page-products .product-categories {
      width: 55%
  }

  .lead-to-sales .sales-text h1 {
      margin-bottom: 25px
  }

  .about-video-section .about-video-episode .slider-control-buttons {
      width: 49%
  }

  .about-video-section .about-video-episode .slider-control-buttons .slider-control-prev {
      padding-left: 2%;
      justify-content: start;
      width: 14%
  }

  .about-video-section .about-video-episode .slider-control-buttons .slider-control-next {
      padding-right: 2%;
      justify-content: flex-end;
      width: 14%
  }

  .page.nf404 {
      padding: 57px 0
  }

  .page.nf404 h2 {
      margin-top: 0
  }

  .contact-main .contact-main-wrapper .contact-form .item.item-5 {
      width: 49%
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p5 {
      right: 160px;
      transform: scale(0.73)
  }

  main .about-page-container .about-bg-image {
      top: -9%;
      left: -18%;
      width: 145%
  }

  .about-page-container .about-page-products .about-page-products-content .about-product.p1 {
      transform: scale(0.73);
      left: 156px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p2 {
      transform: scale(0.9);
      left: 78px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p3 {
      transform: scale(1)
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p4 {
      transform: scale(0.9);
      right: 78px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p1 {
      transform: scale(0.73);
      left: 160px
  }

  main .about-page-container .about-page-products .about-page-parallax-inner img {
      display: none
  }

  main .policy {
      padding: 100px 0
  }

  main .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item {
      min-height: 280px
  }

  main .career {
      padding: 50px 0 100px
  }

  main .career .career-main .career-title {
      margin-bottom: 35px
  }

  main .about-page-container .about-page-center-text {
      padding-top: 154px
  }

  main .about-article-container:before {
      top: -47px;
      height: 56px
  }

  main .about-page-container .about-page-products .table-img {
      bottom: 29px;
      height: 82px
  }

  .product-filtering-window {
      padding: 40px 120px
  }

  .product-filtering-window-hood h3 {
      font-size: 22px
  }

  .product-filtering-window-category a {
      font-size: 19px
  }

  .about-article-container .about-article .article .article-right {
      margin-left: 35px
  }

  .about-us-bottom {
      padding: 0 30px;
      padding-bottom: 70px;
      padding-top: 50px;
  }

  .about-page-container .about-page-products {
      margin-bottom: 0
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .sales-text {
    margin-left: 60px;
  }
  .lead-to-sales .lead-to-sales-left .sales-text {
    margin-left: 60px;
  }
}

@media only screen and (max-width: 767px) {
  main .policy {
      padding:30px 0
  }

  main .policy .policy-wrapper {
      flex-wrap: wrap
  }

  main .policy .policy-wrapper .policy-links {
      width: 100%;
      position: static
  }

  main .policy .policy-wrapper .policy-content {
      width: 100%;
      margin-top: 60px
  }

  main .policy-wrapper .policy-links ul li a {
      font-size: 19px
  }

  .blogs .container .blog-content .blog-news .blog-item {
      width: 100%
  }

  .blog-filter {
      width: 102%;
      margin-top: 35px;
      margin: 35px 0px 0 -8px
  }

  .filter-item.search-item .input .search-btn {
      width: 65px;
      height: 65px
  }

  .filter-item {
      padding: 0 10px
  }

  .filter-item .nice-select {
      height: 62px;
      padding-left: 14px;
      padding-right: 31px;
      padding-top: 0
  }

  .filter-item .nice-select:after {
      top: 49%;
      right: 11px
  }

  .career .container .career-wrapper {
      padding: 0
  }

  .career .career-wrapper .career-main {
      width: 100%;
      padding: 100px 0 0
  }

  .career .career-wrapper .career-main .swiper-container {
      left: 0;
      width: 100%
  }

  .career .career-wrapper .career-main .swiper-container .swiper-slide {
      max-width: 375px
  }

  main .career {
      padding: 0 0 100px
  }

  .form .career-form .form-wrapper .item .checkbox:after {
      display: none
  }

  .form .career-form .form-wrapper .item.item-8 {
      width: 100%
  }

  .form .career-form .form-wrapper .item.item-4 {
      width: 100%
  }

  .form .career-form .form-wrapper .item.item-8 .captcha-wrapper .captcha {
      width: 100%
  }

  .product-showcase-container .product-showcase .product {
      flex: 0 0 100%
  }

  .home-page-container .slider-control-media {
      display: none
  }

 .home-page-products .home-page-product .items {
      padding: 0 30px;
  }

  .home-page-products .home-page-buttons .slider-next svg,.slider-prev svg {
      width: 60%
  }

  .home-page-products .product-categories {
      width: 100%
  }

  .home-page-products .product-categories h2 {
      font-size: 22px
  }

  .lead-to-sales .lead-to-sales-right {
      height: 500px
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .sales-text {
  margin-left: 20px;
  }

  .lead-to-sales .sales-text h1 {
      font-size: 22px
  }

  .lead-to-sales .lead-to-sales-left .sales-text {
  margin-left: 20px;
  max-width: 35%;
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .sales-text {
  margin-right: 20px;
  max-width: 29%;
  }

  .lead-to-sales .sales-text h1 {
      font-size: 16px;
      line-height: 20px;
  }

  .lead-to-sales .lead-to-sales-left .products-img {
      top: 10px;
      width: 90%;
      height: 100%;
  }

  .lead-to-sales .lead-to-sales-left {
      height: 325px;
      overflow: hidden
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-top {
      height: 50%
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom {
      height: 50%
  }

  main {
      overflow-x: hidden;
  }

  .lead-to-sales .lead-to-sales-left .lead-to-sales-left-content {
      min-height: auto;
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-top .products-img {
      width: 60%;
      right: 0;
      height: 85%;
  }

  .lead-to-sales .lead-to-sales-right .lead-to-sales-right-bottom .products-img {
      left: 0;
      width: 60%;
      height: 85%;
  }

  .product-showcase-container .showcase-hood h2 {
      font-size: 25px
  }

  .product-showcase-container .product-showcase .product .product-about h2 {
      font-size: 21px
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-left h1 {
      font-size: 44px
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-left {
      justify-content: start
  }

  .home-page-container {
      height: 50vh;
      padding-top:0;
  }

    .products-container .products-section {
      margin: 0 0;
      padding: 0 25px;
      margin-top: 45px;
 }

  .blogs .container .blog-content .blog-news {
      margin: 0;
      padding-left: 0
  }

  .blogs .container .blog-content .blog-news .blog-item {
      padding: 0
  }

  main .policy .policy-wrapper {
      margin: 0
  }

  main .policy .policy-wrapper .policy-links {
      padding: 0
  }

  main .policy .policy-wrapper .policy-content {
      padding: 0
  }

  .career .career-bg {
      display: none
  }

  main .career .career-wrapper {
      height: 990px
  }

  .career .career-form .form-wrapper .item .input input,.career-form .form-wrapper .item .captcha-wrapper .captcha input {
      height: 55px
  }

  .career .career-form .form-wrapper .item .file-input label {
      height: 55px;
      line-height: 55px
  }

  .career .career-form .form-wrapper .item .file-input .file-btn {
      height: 43px;
      padding: 0 20px;
      top: 6px
  }

  .career .career-form .form-wrapper .item .input input,.career .career-form .form-wrapper .item .captcha-wrapper .captcha input {
      height: 55px
  }

  .career .career-form .form-wrapper .item button {
      height: 55px
  }

  .blog-header-container {
      justify-content: space-between;
      align-items: center;
      padding: 0
  }

  .blog-header-container .blog-header {
      width: 50%
  }

  .blog-filter .search-form-sidebar {
      left: 23px
  }

  .blog-filter .search-form-sidebar input {
      border-radius: 5px
  }

  .nice-select .list {
      min-width: 146px
  }

  main .product-showcase-container2 .product-showcase {
      margin-top: 25px;
  }

  main .product-showcase-container2 .product-showcase .product-card2 {
      height: 330px
  }

  main .product-showcase-container2 {
      width: 100%;
      padding: 100px 30px;
  }

  main .product-showcase-container2 .product-page-showing-info h1 {
      font-size: 15px
  }

  main .product-showcase-container2 .product-showcase .product-card2 .product-about h2 {
      font-size: 22px
  }

  main .product-showcase-container2 .product-showcase .product-card2 .product-inner {
      right: 46px
  }

  main .product-showcase-container2 .product-showcase .product-card2 .product-inner img {
      width: 86%
  }

  main .about-article-container .about-article .article {
      flex-wrap: wrap
  }

  main .about-article-container .about-article .article .article-left {
      flex: 100%
  }

  main .about-article-container .about-article .article .article-left h5 {
      text-align: center
  }

  main .about-article-container .about-article .article .article-right {
      flex: 100%;
      margin-left: 0
  }

  main .about-article-container .about-article .article .article-right h6 {
      text-align: center;
      margin-top: 10px
  }

  .about-video-section .about-video-episode {
      margin: 0
  }

  .about-video-section .about-video-episode .swiper-container .swiper-slide.swiper-slide-active a {
      transform: scale(1)
  }

  .about-video-section .about-video-episode .swiper-container .swiper-slide a img {
      height: 360px;
      object-fit: cover;
      width: 100%
  }

  .lead-to-sales .sales-text h1 {
      margin-bottom: 5px
  }

  .tab-item-list {
      flex-wrap: wrap
  }

  .tab-item-list .tab-item:first-child {
      margin-bottom: 38px
  }

  .tab-content-main .tab-content {
      width: 95%;
      padding: 100px 26px
  }

  .tab-content-main .tab-content h3 {
      font-size: 21px
  }

  .tab-content-main .tab-content p {
      font-size: 19px
  }

  .home-page-container .mobil-slider-control {
      display: flex
  }

  .home-page-products .home-page-product .items .product .product-img {
      background-position: center 10%;
  }

  .page.nf404 {
      padding: 100px 0
  }

  .product-showcase-container {
      padding-bottom: 70px;
      background-color: rgba(255,255,255,0);
      width: 100%;
      top: 0;
      padding: 0 15px;
  }

  .product-card2 {
      height: 320px;
  }

  .product-showcase-container .product-showcase {
      margin: 0;
  }

  .product-card2 .product-about h2 {
      font-size: 18px;
  }

  .product-page-showing-info .nice-select .option {
      padding-right: 195px
  }

  .contact-main .contact-main-wrapper .contact-form .item.item-5 {
      width: 47%
  }

  .contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha img {
      height: 65px;
      max-height: 65px
  }

  .contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha {
      height: 65px
  }

  .contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha input {
      height: 65px
  }

  main .about-page-container .about-page-center-text h1 {
      font-size: 30px
  }

  main .about-page-container .about-page-center-text h2 {
      font-size: 30px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p1 {
      left: 70px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p2 {
      left: 36px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p4 {
      right: 36px
  }

  main .about-page-container .about-page-products .about-page-products-content .about-product.p5 {
      right: 70px
  }

  .about-page-container .about-page-products .table-img {
      height: 49px
  }

  main .certificates .certificates-content .wrapper .item {
      padding: 0 15px;
      width: 100%;
  }

  main .certificates .certificates-content .wrapper .item .certificates-item {
      min-height: 205.9px
  }

  main .career .career-wrapper .career-main {
      padding: 50px 0 0
  }

  main .career .career-main .career-title h3 {
      font-size: 27px;
      margin-bottom: 30px
  }

  main .career .career-main .career-title .cnt p {
      font-size: 21px;
      max-width: 80%;
      margin: auto
  }

  main .career-form .form-wrapper .item .form-title {
      margin-bottom: 30px
  }

  main .career-form .form-wrapper .item .captcha-wrapper .captcha img {
      height: 55px !important
  }

  .contact-main-wrapper .contact-form {
      padding: 40px 15px
  }

  .contact-main .contact-main-wrapper .contact-form .item.item-5 {
      width: 100%
  }

  .contact.contact-page .container-lg .contact-main {
      padding: 30px 10px
  }

  .contact-main-wrapper .contact-information .phone {
      font-size: 28px
  }

  .contact.contact-page {
      padding: 40px 20px 40px 20px
  }

  .contact-main .contact-main-wrapper .contact-form .form-wrapper .item .captcha-wrapper .captcha input {
      font-size: 15px
  }

  main .career {
      height: 119vh
  }

  .career .career-wrapper .career-main .swiper-container {
      top: 10px
  }

  main .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item {
      min-height: 318px
  }

  main .career {
      min-height: 119vh
  }

  .career-form .form-wrapper .item .back-btn {
      margin-bottom: 30px
  }

  main .career-form .form-wrapper .item .checkbox label p {
      font-size: 13px
  }

  main .about-article-container:before {
      top: -47px;
      height: 50px
  }

  .home-products {
    padding: 0 40px;
  }

  .home-page-products .home-page-product .items .product .product-shadow {
      
      bottom: -13px;display: none;
    }

  main .about-page-container .about-page-products .table-img {
      bottom: 29px;
      height: 70px
  }

  main .about-page-container .about-bg-image {
      top: -8%;
      left: -35%;
      width: 175%
  }

  main .about-page-container .about-page-center-text {
      padding-top: 97px
  }

  .blog-filter {
      justify-content: flex-start
  }

  .about-video-section .about-video-episode .slider-control-buttons .slider-control-next {
      justify-content: flex-end;
      background: none;
      width: 50px;
      height: 50px;
      top: 45%;
      background: #fffcf8;
      justify-content: center;
      align-items: center;
      display: flex;
      border-radius: 13px;
      box-shadow: 0px 7px 15px 0px #000;
      padding-right: 0
  }

  .about-video-section .about-video-episode .slider-control-buttons .slider-control-prev {
      justify-content: start;
      background: none;
      width: 50px;
      height: 50px;
      top: 45%;
      background: #fffcf8;
      justify-content: center;
      align-items: center;
      display: flex;
      border-radius: 13px;
      box-shadow: 0px 7px 15px 0px #000;
      padding-left: 0
  }

  .about-video-section .about-video-episode .slider-control-buttons svg {
      width: 15px;
      height: 16px
  }

  .about-video-section .about-video-episode .slider-control-buttons svg path {
      stroke: black
  }

  .about-us-bottom .vm-container .vm-menu {
      flex-wrap: nowrap
  }

  .about-us-bottom .vm-container .vm-menu .item-autoplay {
      margin: 20px;
      width: 30%
  }

  .about-video-section .about-video-episode .swiper-container {
      padding: 70px 15px 70px
  }

  main .about-article-container {
      padding: 30px 15px;
  }

  .about-us-bottom {
      padding: 0 15px;
      padding-bottom: 50px;
  }

  .about-video-section .about-video-episode .swiper-container .swiper-slide.swiper-slide a .pause-button {
      top: 37%
  }

  .about-video-section .about-video-episode .slider-control-buttons {
      height: 72%;
      top: 70px;
      padding: 0 7px
  }

  .lead-to-sales img {
      display: none
  }

  .product-filtering-window {
      padding: 37px
  }

  .product-filtering-window-hood h3 {
      font-size: 17px
  }

  .product-filtering-window-category a {
      font-size: 14px
  }

  .product-title .button-area a.has-link.active::after {
      transform: translateY(-50%) rotate(-180deg);
      transition: .2s;
      background-image: url(../../img/svg/urun/uparrow.html)
  }

  .product-title .button-area a::after {
      content: "";
      height: 13px;
      width: 12px;
      position: absolute;
      background-image: url(../../img/svg/urun/uparrow-white.html);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      top: 50%;
      left: 145px;
      transform: translateY(-50%) rotate(0deg);
      transition: .2s
  }

  .showcase-product .product-page-products.for_slick_slider .product {
      min-width: 270px
  }

  .product-showcase .item {
      flex: 0 0 100%
  }

  .product-showcase .items {
      flex: 0 0 100%;
      padding: 0;
      margin-bottom: 40px;
  }

  main .product-content .content {
      margin-top: 7px
  }

  main .about-page-container {
      height: 60vh;}

  .contact-main .contact-main-wrapper .contact-form .item.item-6 {
      width: 100%
  }

  main .vm-container .vm-menu .menu-item>h5 {
      font-size: 27px
  }

  .lead-to-sales .lead-to-sales-left {
      padding-top: 75px
  }

  .lead-to-sales .sales-text a {
      width: 100px
  }

  .product-card2:after {
      width: 160px
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-right {
      padding-right: 0
  }

  .sales-text h1 {
      width: 105px
  }

  .home-page-products .home-page-buttons .slick-arrow {
      /* position: absolute !important
   */width: 24px;}

  .slider-next.slick-arrow {
      right: 0px !important;
  }

  .slider-prev.slick-arrow {
      left: 0px !important;
  }
}

@media only screen and (max-width: 450px) {
  .home-page-footer .footer-top .footer-inner .footer-inner-left h1 {
      font-size:30px
  }
}

@media only screen and (max-width: 321px), (max-height: 569px) {
  .home-page-products .home-page-product .items .product {
      padding:14.1% 11.6%
  }

  .home-page-products .home-page-product .items .product h2 {
      font-size: 24px;
  }

  .home-page-products .home-page-product .items .product .product-img {
      top: 46%;
      left: 50%
  }

  .home-page-products .home-page-product .items .product .product-shadow {
      width: 185px;
      bottom: 12%
  }

  main .about-page-container .about-page-products .about-page-products-content {
      padding-bottom: 68px
  }

  main .career {
      height: 152vh
  }

  .sales-text h1 {
      width: 100px
  }
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
.page-title {
  padding: 60px 0;
  position: relative;
  background: #10100f
}

.page-title .container {
  position: relative
}

.page-title .bread-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-size: cover !important;
  background-repeat: no-repeat !important
}

.page {
  padding: 60px 0
}

.page .page-content .img img {
  display: block;
  width: 100%;
  object-fit: cover
}

.page .page-tags {
  padding: 2rem 0
}

.page .page-tags ul li {
  display: inline-block;
  padding: .25rem
}

.page .page-tags ul li a {
  color: #fff;
  padding: .5rem;
  transition: .4s;
  background: #333232;
  border-radius: .25rem;
  font-size: .75rem
}

.page .page-tags ul li a:hover {
  background: #ececec;
  color: #07101b
}

.page .blog-sidebar .blog-search {
  margin-bottom: 3rem
}

.page .blog-sidebar .blog-search .form-group {
  position: relative
}

.page .blog-sidebar .blog-search .form-group .form-control {
  padding-right: 4rem;
  border: none;
  border-bottom: 1px solid #D8D8D8;
  color: #000;
  height: 3rem
}

.page .blog-sidebar .blog-search .form-group .form-control::placeholder {
  color: #6C6C6C;
  font-weight: bold
}

.page .blog-sidebar .blog-search .form-group .form-control:hover+.btn svg {
  width: 25px;
  height: 25px
}

.page .blog-sidebar .blog-search .form-group .form-control:focus+.btn svg {
  width: 15px;
  height: 15px
}

.page .blog-sidebar .blog-search .form-group .btn {
  border: 0;
  border-radius: 0;
  background: rgba(0,0,0,0);
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  outline: none;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  padding: .5rem;
  display: flex;
  justify-content: center;
  align-content: center
}

.page .blog-sidebar .blog-search .form-group .btn svg {
  display: block;
  width: 20px;
  height: 20px;
  transition: .4s
}

.page .blog-sidebar .side-part {
  margin-bottom: 3rem
}

.page .blog-sidebar .side-part h4 {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #000;
  position: relative
}

.page .blog-sidebar .side-part h4:before {
  content: "";
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  height: 3px;
  width: 5.5rem;
  background: #000;
  transition: .4s
}

.page .blog-sidebar .side-part .list-group a.list-group-item {
  display: block;
  color: #000;
  transition: .4s;
  border: none
}

.page .blog-sidebar .side-part .list-group a.list-group-item.active,.page .blog-sidebar .side-part .list-group a.list-group-item:hover {
  background: #D8D8D8
}

.page .blog-sidebar .side-part .list-group a.list-group-item+a {
  border-top: 1px solid #D8D8D8
}

.page .blog-sidebar .side-part:hover h4:before {
  width: 100%
}

.page.about .about-special {
  padding: 2rem 0
}

.page.about .about-special-content p:nth-last-child(1) {
  margin-bottom: 0
}

.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 {
  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: flex;
  flex-wrap: nowrap;
  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 {
  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.career .accordion-cards {
  padding-top: calc(.375rem + 1px)
}

.page.career .form-group .input-group {
  position: relative
}

.page.career .form-group .input-group .input-group-prepend {
  margin-bottom: 1rem
}

.page.career .form-group .input-group .input-group-text {
  margin-bottom: 1rem
}

.page.career .form-group .input-group small {
  position: absolute;
  right: 0;
  top: 100%
}

.page.our-team .team-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.page.our-team .team-list li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 1rem
}

.page.our-team .team-list li a {
  display: block;
  border: 1px solid #ececec;
  padding: 1rem;
  color: #07101b;
  height: 100%
}

.page.our-team .team-list li a .person-img {
  margin-bottom: 1rem
}

.page.our-team .team-list li a .person-img img {
  display: block;
  width: 100%;
  object-fit: cover
}

.page.our-team .team-list li a .person-text h4 {
  font-size: 1rem
}

.page.our-team .team-list li a .person-text p {
  font-size: .875rem
}

.page.personnel-detail .side-bar-personnel .sidebar h4 {
  font-size: 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.2);
  border-bottom: 0;
  margin-bottom: 0
}

.page.personnel-detail .side-bar-personnel .sidebar ul {
  border: 1px solid rgba(0,0,0,0.2)
}

.page.personnel-detail .side-bar-personnel .sidebar ul li a {
  display: block;
  color: #07101b;
  padding: .5rem 1rem
}

.page.personnel-detail .side-bar-personnel .sidebar ul li+li {
  border-top: 1px solid rgba(0,0,0,0.2)
}

@media only screen and (max-width: 767px) {
  .page.personnel-detail .side-bar-personnel {
      padding-bottom:1rem
  }
}

.page.personnel-detail .personnel-detail-container {
  display: flex;
  flex-wrap: wrap
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item {
  flex: 0 0 auto;
  border: 1px solid rgba(0,0,0,0.2);
  padding: .5rem;
  min-width: 25%;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item>* {
  padding: .5rem
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-img {
  flex: 0 0 200px
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-img img {
  display: block;
  object-fit: cover;
  width: 100%
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text {
  flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px)
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text h3 {
  font-size: 1.25rem;
  margin-bottom: .75rem
}

.page.personnel-detail .personnel-detail-container .personnel-detail-item .personnel-detail-text p {
  font-size: .875rem;
  margin-bottom: .5rem
}

@media only screen and (max-width: 767px) {
  .page.personnel-detail .personnel-detail-container {
      padding-top:1rem
  }

  .page.personnel-detail .personnel-detail-container .personnel-detail-item {
      flex: 0 0 100%;
      max-width: 100%
  }
}

.page.personnel-relation-news h3 {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1rem
}

.page.personnel-relation-news ul {
  border: 1px solid rgba(0,0,0,0.2)
}

.page.personnel-relation-news ul li a {
  display: block;
  color: #07101b;
  padding: 1rem
}

.page.personnel-relation-news ul li+li {
  border-top: 1px solid rgba(0,0,0,0.2)
}

.page.references .references-category ul li a {
  display: block;
  font-size: .875rem;
  color: #07101b
}

.page.references .references-category ul li a span {
  padding-left: .5rem
}

.page.references .references-category-left {
  background: #f8f8f8;
  padding: 1rem
}

.page.references .references-category-left h2 {
  font-size: 1.25rem;
  padding-bottom: 1.5rem
}

.page.references .references-category-left ul li a {
  padding: .5rem 0
}

.page.references .references-category-left ul li+li {
  border-top: 1px solid rgba(0,0,0,0.2)
}

.page.references .references-category-top ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.page.references .references-category-top ul li {
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 1rem
}

.page.references .references-category-top ul li a {
  padding: .875rem 2rem
}

.page.references .references-category-top ul li:nth-of-type(1) {
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem
}

.page.references .references-category-top ul li:nth-last-child(1) {
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem
}

.page.references .references-category-top ul li+li {
  margin-left: .5rem
}

.page.references .references-list {
  padding: .5rem 0
}

.page.references .references-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: .5rem
}

.page.references .references-list ul li {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
  padding: .5rem
}

.page.references .references-list ul li .references-container {
  height: 100%;
  border: 1px solid rgba(0,0,0,0.1);
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  align-items: center
}

.page.references .references-list ul li .references-container .references-img a {
  display: block
}

.page.references .references-list ul li .references-container .references-img a img {
  display: block;
  object-fit: cover;
  width: 100%
}

.page.references .references-list ul li .references-container .references-content h3 {
  font-size: 1.25rem
}

.page.references .references-list ul li .references-container .references-content-head h4 {
  font-size: 1rem
}

.page.references .references-list ul li .references-container .references-content-location {
  font-size: .875rem
}

@media only screen and (max-width: 991px) {
  .page.references .references-list ul li {
      flex:0 0 33.33%;
      max-width: 33.33%
  }
}

@media only screen and (max-width: 767px) {
  .page.references .references-list ul li {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 480px) {
  .page.references .references-list ul li {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.references.references-outer-edges-none .references-list ul li {
  padding: 0
}

.page.references.references-outer-edges-none .references-list ul li .references-container {
  border-bottom: 0;
  border-left: 0
}

.page.references.references-outer-edges-none .references-list ul li:nth-of-type(1) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(2) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(3) .references-container,.page.references.references-outer-edges-none .references-list ul li:nth-of-type(4) .references-container {
  border-top: 0
}

.page.references.references-outer-edges-none .references-list ul li:nth-child(4n) .references-container {
  border-right: 0
}

.page.references.references-outer-edges-none .references-list ul li:nth-last-child(1) .references-container {
  border-right: 0
}

@media only screen and (max-width: 991px) {
  .page.references.references-outer-edges-none .references-list ul li:nth-of-type(4) .references-container {
      border-top:1px solid rgba(0,0,0,0.1)
  }

  .page.references.references-outer-edges-none .references-list ul li:nth-child(4n) .references-container {
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.references.references-outer-edges-none .references-list ul li:nth-child(3n) .references-container {
      border-right: 0
  }

  .page.references.references-outer-edges-none .references-list ul li:nth-last-child(1) .references-container {
      border-right: 0
  }
}

@media only screen and (max-width: 767px) {
  .page.references.references-outer-edges-none .references-list ul li:nth-child(3n) .references-container {
      border-top:1px solid rgba(0,0,0,0.1);
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.references.references-outer-edges-none .references-list ul li:nth-child(2n) .references-container {
      border-right: 0
  }
}

@media only screen and (max-width: 480px) {
  .page.references.references-outer-edges-none .references-list ul li .references-container {
      border-right:0 !important
  }

  .page.references.references-outer-edges-none .references-list ul li:nth-child(2) {
      border-top: 1px solid rgba(0,0,0,0.1)
  }
}

.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-of-type(4) .references-container {
  border-top: 1px solid rgba(0,0,0,0.1)
}

.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(4n) .references-container {
  border-right: 1px solid rgba(0,0,0,0.1)
}

.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(3n) .references-container {
  border-right: 0
}

.page.references.references-outer-edges-none .col+.col .references-list ul li:nth-last-child(1) .references-container {
  border-right: 0
}

@media only screen and (max-width: 991px) {
  .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(3n) .references-container {
      border-top:1px solid rgba(0,0,0,0.1);
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(2n) .references-container {
      border-right: 0
  }
}

@media only screen and (max-width: 480px) {
  .page.references.references-outer-edges-none .col+.col .references-list ul li .references-container {
      border-right:0 !important
  }

  .page.references.references-outer-edges-none .col+.col .references-list ul li:nth-child(2) {
      border-top: 1px solid rgba(0,0,0,0.1)
  }
}

@media only screen and (max-width: 767px) {
  .page.references .col {
      flex:0 0 100%
  }
}

@media only screen and (max-width: 767px) {
  .page.references .col+.col {
      padding-top:1rem
  }
}

.page.references .col+.col .references-list ul li {
  flex: 0 0 33%;
  max-width: 33%
}

@media only screen and (max-width: 991px) {
  .page.references .col+.col .references-list ul li {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 480px) {
  .page.references .col+.col .references-list ul li {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.references-detail .references-name {
  margin-bottom: 2rem
}

.page.references-detail .references-text {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 2rem
}

.page.references-detail .references-text p {
  padding: 1rem 1rem 1rem 2rem;
  flex: 0 0 50%;
  position: relative;
  margin-bottom: 0
}

.page.references-detail .references-text p b {
  display: inline-block;
  padding-right: .5rem
}

.page.references-detail .references-text p i {
  position: absolute;
  left: 1rem;
  top: 1.875rem;
  transform: translate(-50%, -50%)
}

.page.references-detail .references-text p a {
  display: inline-block;
  color: #000
}

.page.references-detail .references-text p+p+p {
  border-top: 1px solid rgba(0,0,0,0.1)
}

.page.references-detail .references-gallery ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5rem
}

.page.references-detail .references-gallery ul li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: .5rem
}

.page.references-detail .references-gallery ul li .gallery-item-content {
  border: 1px solid rgba(0,0,0,0.1)
}

.page.references-detail .references-gallery ul li .gallery-item-content .img {
  padding: .5rem
}

.page.references-detail .references-gallery ul li .gallery-item-content .img img {
  display: block;
  width: 100%;
  object-fit: cover
}

.page.references-detail .references-gallery ul li .gallery-item-content .text {
  text-align: center;
  padding: .5rem;
  color: #07101b
}

.page.references-detail .references-gallery ul li .gallery-item-content .text span {
  display: inline-block
}

@media only screen and (max-width: 991px) {
  .page.references-detail .references-gallery ul li {
      flex:0 0 33.33%;
      max-width: 33.33%
  }
}

@media only screen and (max-width: 767px) {
  .page.references-detail .references-gallery ul li {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 480px) {
  .page.references-detail .references-gallery ul li {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.brands .brands-container ul {
  display: flex;
  flex-wrap: wrap
}

.page.brands .brands-container ul li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: .75rem
}

.page.brands .brands-container ul li .brand-img {
  border: 1px solid rgba(0,0,0,0.1);
  transition: .4s;
  min-height: 150px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center
}

.page.brands .brands-container ul li .brand-img a {
  display: block;
  padding: .5rem
}

.page.brands .brands-container ul li .brand-img img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover
}

.page.brands .brands-container ul li:hover .brand-img {
  transform: scale(1.1)
}

@media only screen and (max-width: 991px) {
  .page.brands .brands-container ul li {
      flex:0 0 33.333%;
      max-width: 33.333%
  }
}

@media only screen and (max-width: 767px) {
  .page.brands .brands-container ul li {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 480px) {
  .page.brands .brands-container ul li {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.brands .brands-container .swiper-container {
  padding: 1rem 0
}

.page.brands .brands-container .swiper-container .swiper-slide {
  padding: .75rem
}

.page.brands .brands-container .swiper-container .swiper-slide .brand-img {
  border: 1px solid rgba(0,0,0,0.1);
  transition: .4s;
  min-height: 150px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center
}

.page.brands .brands-container .swiper-container .swiper-slide .brand-img a {
  display: block;
  padding: .5rem
}

.page.brands .brands-container .swiper-container .swiper-slide .brand-img img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover
}

.page.brands .brands-container .swiper-container .swiper-slide:hover .brand-img {
  transform: scale(1.1)
}

.page.brands .brands-container-swiper {
  width: 100%;
  padding: 0 3rem;
  position: relative
}

.page.brands .brands-pagination {
  text-align: center;
  padding: 2rem 0 0
}

.page.brands .brands-pagination nav {
  display: inline-block
}

.page.brands.brands-outer-edges-none .brands-container ul li {
  padding: 0
}

.page.brands.brands-outer-edges-none .brands-container ul li .brand-img {
  border-bottom: 0;
  border-left: 0
}

.page.brands.brands-outer-edges-none .brands-container ul li .brand-img a {
  transition: .4s
}

.page.brands.brands-outer-edges-none .brands-container ul li:hover .brand-img {
  transform: scale(1)
}

.page.brands.brands-outer-edges-none .brands-container ul li:hover .brand-img a {
  transform: scale(0.9)
}

.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(1) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(2) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(3) .brand-img,.page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(4) .brand-img {
  border-top: 0
}

.page.brands.brands-outer-edges-none .brands-container ul li:nth-child(4n) .brand-img {
  border-right: 0
}

.page.brands.brands-outer-edges-none .brands-container ul li:nth-last-child(1) .brand-img {
  border-right: 0
}

@media only screen and (max-width: 991px) {
  .page.brands.brands-outer-edges-none .brands-container ul li:nth-of-type(4) .brand-img {
      border-top:1px solid rgba(0,0,0,0.1)
  }

  .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(4n) .brand-img {
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(3n) .brand-img {
      border-right: 0
  }

  .page.brands.brands-outer-edges-none .brands-container ul li:nth-last-child(1) .brand-img {
      border-right: 0
  }
}

@media only screen and (max-width: 767px) {
  .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(3n) .brand-img {
      border-top:1px solid rgba(0,0,0,0.1);
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(2n) .brand-img {
      border-right: 0
  }
}

@media only screen and (max-width: 480px) {
  .page.brands.brands-outer-edges-none .brands-container ul li .brand-img {
      border-right:0 !important
  }

  .page.brands.brands-outer-edges-none .brands-container ul li:nth-child(2) {
      border-top: 1px solid rgba(0,0,0,0.1)
  }
}

.page.brands.brands-outer-edges-none .brands-container .swiper-container .swiper-slide {
  padding: 0
}

.page.brands.brands-outer-edges-none .brands-container .swiper-container .swiper-slide .brand-img {
  border: none
}

.page.brands-detail .img {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap
}

.page.brands-detail .img a {
  display: block;
  padding: .5rem;
  flex: 0 0 25%;
  max-width: 25%
}

.page.brands-detail .img a img {
  display: block;
  transition: .4s;
  width: 100%;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 1px 15px -3px rgba(0,0,0,0.24)
}

.page.brands-detail .img a:hover img {
  transform: scale(1.1)
}

@media only screen and (max-width: 991px) {
  .page.brands-detail .img a {
      flex:0 0 33.333%;
      max-width: 33.333%
  }
}

@media only screen and (max-width: 767px) {
  .page.brands-detail .img a {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 480px) {
  .page.brands-detail .img a {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.brands-detail .text {
  border: 1px solid rgba(0,0,0,0.1)
}

.page.brands-detail .text p {
  padding: .5rem 1rem;
  margin-bottom: 0
}

.page.brands-detail .text p+p {
  border-top: 1px solid rgba(0,0,0,0.1)
}

.page.solution-partners .solution-partners-container ul.solution-partners-list {
  display: flex;
  flex-wrap: wrap
}

.page.solution-partners .solution-partners-container ul.solution-partners-list li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: .75rem
}

.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item {
  border: 1px solid rgba(0,0,0,0.1);
  padding: .5rem;
  transition: .4s
}

.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item .solution-partners-list-img {
  overflow: hidden;
  border-radius: 3px
}

.page.solution-partners .solution-partners-container ul.solution-partners-list li .solution-partners-list-item .solution-partners-list-img img {
  display: block;
  width: 100%;
  object-fit: cover
}

.page.solution-partners .solution-partners-container ul.solution-partners-list li:hover .solution-partners-list-item {
  transform: scale(1.1)
}

@media only screen and (max-width: 991px) {
  .page.solution-partners .solution-partners-container ul.solution-partners-list li {
      flex:0 0 33.333%;
      max-width: 33.333%
  }
}

@media only screen and (max-width: 767px) {
  .page.solution-partners .solution-partners-container ul.solution-partners-list li {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 480px) {
  .page.solution-partners .solution-partners-container ul.solution-partners-list li {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.solution-partners .solution-partners-container .swiper-container {
  padding: 1rem 0
}

.page.solution-partners .solution-partners-container .swiper-container .swiper-slide {
  padding: .75rem
}

.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item {
  border: 1px solid rgba(0,0,0,0.1);
  min-height: 150px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center
}

.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item .solution-partners-list-img {
  display: block;
  padding: .5rem;
  transition: .4s
}

.page.solution-partners .solution-partners-container .swiper-container .swiper-slide .solution-partners-list-item img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover
}

.page.solution-partners .solution-partners-container .swiper-container .swiper-slide:hover .solution-partners-list-img {
  transform: scale(1.1)
}

.page.solution-partners .solution-partners-container-swiper {
  width: 100%;
  padding: 0 3rem;
  position: relative
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li {
  padding: 0
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item {
  border-bottom: 0;
  border-left: 0
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item img {
  transition: .4s
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:hover .solution-partners-list-item {
  transform: scale(1)
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:hover .solution-partners-list-item img {
  transform: scale(0.9)
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(1) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(2) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(3) .solution-partners-list-item,.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(4) .solution-partners-list-item {
  border-top: 0
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(4n) .solution-partners-list-item {
  border-right: 0
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-last-child(1) .solution-partners-list-item {
  border-right: 0
}

@media only screen and (max-width: 991px) {
  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-of-type(4) .solution-partners-list-item {
      border-top:1px solid rgba(0,0,0,0.1)
  }

  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(4n) .solution-partners-list-item {
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(3n) .solution-partners-list-item {
      border-right: 0
  }

  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-last-child(1) .solution-partners-list-item {
      border-right: 0
  }
}

@media only screen and (max-width: 767px) {
  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(3n) .solution-partners-list-item {
      border-top:1px solid rgba(0,0,0,0.1);
      border-right: 1px solid rgba(0,0,0,0.1)
  }

  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(2n) .solution-partners-list-item {
      border-right: 0
  }
}

@media only screen and (max-width: 480px) {
  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li .solution-partners-list-item {
      border-right:0 !important
  }

  .page.solution-partners .solution-partners-container.solution-partners-outer-edges-none ul.solution-partners-list li:nth-child(2) {
      border-top: 1px solid rgba(0,0,0,0.1)
  }
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none .swiper-container .swiper-slide {
  padding: 0
}

.page.solution-partners .solution-partners-container.solution-partners-outer-edges-none .swiper-container .swiper-slide .solution-partners-list-item {
  border: none
}

.page.branch .branch-container {
  width: 100%;
  margin-bottom: 1rem
}

.page.branch .branch-container .location-selection {
  padding: 1rem 0
}

.page.branch .branch-container .location-selection ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.page.branch .branch-container .location-selection ul li {
  width: 12rem;
  padding: .5rem
}

.page.branch .branch-container .location-selection ul li .form-group .select2 .select2-selection--single {
  border-radius: 0;
  transition: .4s
}

.page.branch .branch-container .location-selection ul li .form-group .select2.select2-container--open .select2-selection--single {
  border-radius: 0 !important
}

.page.branch .branch-container .location-selection ul li:nth-child(1) .form-group .select2 .select2-selection--single {
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem
}

.page.branch .branch-container .location-selection ul li:nth-last-child(1) .form-group .select2 .select2-selection--single {
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem
}

.page.branch .branch-container .location-list ul {
  display: flex;
  flex-wrap: wrap
}

.page.branch .branch-container .location-list ul li {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: .375rem
}

.page.branch .branch-container .location-list ul li .location-list-content {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: .5rem;
  padding: 1.5rem 2.5rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.page.branch .branch-container .location-list ul li .location-list-content .img {
  margin-bottom: 1rem
}

.page.branch .branch-container .location-list ul li .location-list-content .img img {
  display: block;
  width: 100%;
  object-fit: cover
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-head h5 {
  font-size: 1rem;
  margin-bottom: 1rem
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-body {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  align-items: center;
  margin-bottom: 1rem
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon {
  flex: 0 0 2.25rem;
  max-width: 2.25rem
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon span,.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .icon i {
  color: #07101b;
  font-size: 1rem
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text {
  flex: 0 0 calc(100% - 2.25rem);
  max-width: calc(100% - 2.25rem)
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text p {
  margin-bottom: 0;
  font-size: .875rem;
  color: #07101b
}

.page.branch .branch-container .location-list ul li .location-list-content .location-list-body .text p a {
  color: #07101b
}

.page.branch .branch-container .location-list ul li .location-list-content .map iframe {
  width: 100%
}

@media only screen and (max-width: 991px) {
  .page.branch .branch-container .location-list ul li {
      flex:0 0 50%;
      max-width: 50%
  }
}

@media only screen and (max-width: 767px) {
  .page.branch .branch-container .location-list ul li {
      flex:0 0 100%;
      max-width: 100%
  }
}

.page.branch-detail .branch-container h3 {
  margin-bottom: 1rem
}

.page.branch-detail .branch-container .item {
  padding: 1rem;
  border-top: 1px solid rgba(0,0,0,0.1)
}

.page.announcements ul.announcements-list li {
  padding: 1rem 0
}

.page.announcements ul.announcements-list li .card h5.card-title {
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  align-items: center
}

.page.announcements ul.announcements-list li .card h5.card-title i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #d20e0e;
  border-radius: 30px;
  margin-right: 10px;
  font-size: 14px;
  color: #fff
}

.page.announcements ul.announcements-list li .card p {
  font-size: 1rem
}

.page.announcements ul.announcements-list li .card .card-body {
  padding: 0 0 1rem 0
}

.page.announcements ul.announcements-list li .card .time-line a {
  color: #07101b;
  font-size: .875rem
}

.page.announcements ul.announcements-list li .card .time-line a:hover {
  color: red
}

.page.bank-accounts .bank-item {
  border: 1px solid rgba(0,0,0,0.1);
  padding: 1rem;
  margin-bottom: 30px;
  display: flex;
  align-items: center
}

.page.bank-accounts .bank-item .bank-img {
  flex: 0 0 180px;
  max-width: 180px;
  text-align: center;
  height: 160px;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.page.bank-accounts .bank-item .bank-img img {
  display: inline-block;
  max-width: 100%;
  margin: 0 auto
}

.page.bank-accounts .bank-item .bank-text {
  flex: 0 0 calc(100% - 180px);
  max-width: calc(100% - 180px)
}

.page.bank-accounts .bank-item .bank-text h5 {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0 .5rem
}

.page.bank-accounts .bank-item .bank-text .bank-info ul li p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: .25rem .5rem;
  font-size: .875rem
}

.page.bank-accounts .bank-item .bank-text .bank-info ul li p span {
  font-weight: bold
}

.page.bank-accounts .bank-item .bank-text .bank-info ul li p span+span {
  font-weight: normal
}

@media only screen and (max-width: 767px) {
  .page.bank-accounts .bank-item {
      flex-wrap:wrap
  }

  .page.bank-accounts .bank-item .bank-img {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem
  }

  .page.bank-accounts .bank-item .bank-text {
      flex: 0 0 100%;
      max-width: 100%
  }
}

.page.bank-accounts .form-group .select2-container {
  width: 100% !important
}

.page.bank-accounts.border-none .bank-item {
  border: none
}

.page.bank-accounts.border-radius .bank-item {
  border-radius: 1rem
}

.page.bank-accounts.border-radius .bank-item .bank-img {
  border-radius: 1rem;
  overflow: hidden
}

.page.payment-notification .payment-form .form-group .select2-container {
  width: 100% !important
}

.page.payment-notification .bank-list .bank-item {
  border: 1px solid rgba(0,0,0,0.1);
  padding: 1rem;
  margin-bottom: 30px;
  display: flex;
  align-items: center
}

.page.payment-notification .bank-list .bank-item .bank-img {
  flex: 0 0 180px;
  max-width: 180px;
  text-align: center
}

.page.payment-notification .bank-list .bank-item .bank-img img {
  display: inline-block;
  max-width: 100%
}

.page.payment-notification .bank-list .bank-item .bank-text {
  flex: 0 0 calc(100% - 180px);
  max-width: calc(100% - 180px)
}

.page.payment-notification .bank-list .bank-item .bank-text h5 {
  margin-bottom: 1rem;
  text-transform: uppercase
}

.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: .5rem
}

.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li p span {
  font-weight: bold
}

.page.payment-notification .bank-list .bank-item .bank-text .bank-info ul li+li {
  border-top: 1px solid rgba(0,0,0,0.1)
}

@media only screen and (max-width: 767px) {
  .page.payment-notification .bank-list .bank-item {
      flex-wrap:wrap
  }

  .page.payment-notification .bank-list .bank-item .bank-img {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem
  }

  .page.payment-notification .bank-list .bank-item .bank-text {
      flex: 0 0 100%;
      max-width: 100%
  }
}

.page.ip-learn .ip-learn-container {
  background: rgba(0,0,0,0.1);
  padding: 5rem 0
}

.page.ip-learn .ip-learn-container h1 {
  text-align: center;
  font-size: 4rem
}

.page.ip-learn .ip-learn-container h1 code {
  font-size: 80%
}

.page.technical-service .technical-service-container {
  width: 40rem;
  max-width: 100%;
  margin: 0 auto
}

.page.ebulletin .ebulletin-container {
  width: 40rem;
  max-width: 100%;
  margin: 0 auto
}

.page.news .news-container .col-12 {
  padding-bottom: 2rem
}

.page.news .news-container .news-item {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  border: 1px solid rgba(0,0,0,0.1);
  transition: .4s;
  padding: 10px;
  align-content: baseline
}

.page.news .news-container .news-item .news-img {
  height: 200px
}

.page.news .news-container .news-item .news-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: 100%;
  object-fit: cover
}

.page.news .news-container .news-item .news-text a {
  display: block;
  width: 100%;
  padding: 8px 0;
  color: #000;
  font-weight: bold
}

.page.news .news-container .news-item .news-text span {
  font-weight: 500
}

.page.news .news-container .news-item:hover {
  transform: translateY(-10px)
}

.page.complaints-and-suggestions .complaints-and-suggestions-container {
  width: 40rem;
  max-width: 100%;
  margin: 0 auto
}

.page.hdd .hdd-calculator {
  width: 40rem;
  max-width: 100%;
  margin: 0 auto
}

.page.hdd .hdd-calculator .form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start
}

.page.hdd .hdd-calculator .form-group input {
  flex: 0 0 calc(100% - 200px)
}

.page.hdd .hdd-calculator .form-group p,.page.hdd .hdd-calculator .form-group span {
  flex: 0 0 100px
}

.page.hdd .hdd-calculator .form-group span {
  text-align: left;
  padding-left: 20px
}

.page.hdd .hdd-calculator .form-group.form-group-radio input {
  flex: 0 0 calc(100% - 280px)
}

.page.hdd .hdd-calculator .form-group.form-group-radio .hdd-radio-group {
  flex: 0 0 180px;
  padding-left: 1rem
}

@media only screen and (max-width: 420px) {
  .page.hdd .hdd-calculator .form-group input {
      flex:calc(100% - 100px)
  }

  .page.hdd .hdd-calculator .form-group p {
      flex: 0 0 100%
  }

  .page.hdd .hdd-calculator .form-group.form-group-radio input {
      flex: 0 0 calc(100% - 180px)
  }
}

.page.useful-links .list-group h2 {
  font-size: 1.25rem;
  padding: .75rem 1.25rem;
  border: 1px solid rgba(0,0,0,0.1);
  border-bottom: 0;
  margin-bottom: 0
}

.page.useful-links .link-items ul li a.link-item {
  color: #07101b;
  display: block;
  padding: .75rem 0
}

.page.useful-links .link-items ul li+li {
  border-top: 1px solid rgba(0,0,0,0.1)
}

.page.support ul.nav.nav-pills li.nav-item a.nav-link {
  background: #fff;
  border: 1px solid #07101b;
  color: #07101b;
  border-radius: 0;
  transition: .4s;
  text-transform: uppercase;
  font-weight: normal
}

.page.support ul.nav.nav-pills li.nav-item a.nav-link .mdi {
  display: none
}

.page.support ul.nav.nav-pills li.nav-item a.nav-link.active {
  background: #07101b;
  color: #fff;
  font-weight: bold
}

.page.support ul.nav.nav-pills li.nav-item a.nav-link.disabled {
  opacity: .5;
  cursor: no-drop
}

.page.support ul.nav.nav-pills li.nav-item+li.nav-item a.nav-link {
  border-left: 0
}

@media only screen and (max-width: 560px) {
  .page.support ul.nav.nav-pills li.nav-item {
      flex:0 0 100%;
      margin-bottom: 1rem
  }

  .page.support ul.nav.nav-pills li.nav-item+li.nav-item a.nav-link {
      border-left: 1px solid #07101b
  }
}

.page.support h3.tabs-head {
  padding-left: 4.5rem;
  position: relative
}

.page.support h3.tabs-head .icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 43px;
  height: 100%
}

.page.support h3.tabs-head .icon svg {
  width: 100%;
  height: 100%
}

.page.support h3.tabs-head .icon:before {
  content: "";
  width: 4px;
  height: calc(100% - .25rem);
  top: .25rem;
  background: #5D4AC7;
  position: absolute;
  right: -1.25rem
}

@media only screen and (max-width: 560px) {
  .page.support h3.tabs-head {
      font-size:1.25rem;
      line-height: 1.5rem
  }

  .page.support h3.tabs-head .icon:before {
      right: -.875rem;
      height: calc(100% - .25rem)
  }
}

@media only screen and (max-width: 480px) {
  .page.support h3.tabs-head .icon:before {
      right:-.875rem
  }
}

.page.support .tabs-explanation {
  font-size: 1rem
}

@media only screen and (max-width: 560px) {
  .page.support .table-responsive .table th,.page.support .table-responsive .table td {
      font-size:.875rem
  }
}

.page.support .form-group {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-end
}

.page.support .form-group .form-control {
  border-color: #5D4AC7;
  border-radius: 0
}

.page.support .form-group .select2-container {
  width: 100% !important
}

.page.support .form-group .select2-container .select2-selection--single {
  border-color: #5D4AC7;
  border-radius: 0
}

.page.support .form-group .input-group .input-group-prepend .input-group-text {
  border-color: #5D4AC7;
  background: #e1def5;
  border-radius: 0
}

.page.support .form-group .input-group .custom-file .custom-file-label {
  border-color: #5D4AC7;
  border-radius: 0
}

.page.support .form-group .captcha img.captcha_img {
  border-color: #5D4AC7;
  border-radius: 0
}

.page.support .form-group .submit {
  width: 100%
}

.page.support .form-group .submit a {
  color: #748290;
  transition: .4s
}

.page.support .form-group .submit a:hover {
  color: #5D4AC7
}

.page.support .form-group .submit .custom-control .custom-control-input:checked ~ .custom-control-label:before {
  background: #5D4AC7;
  border-color: #5D4AC7
}

.page.support .form-group .submit .custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
  border-color: #5D4AC7
}

.page.support .form-group .submit .custom-control .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(93,74,199,0.25)
}

.page.support .form-group .submit .btn.btn-primary {
  background: #5D4AC7;
  border-color: #5D4AC7;
  border-radius: 0;
  margin-bottom: 1rem
}

.page.support .form-group .submit .btn.btn-primary:hover {
  background: #362883;
  border-color: #362883
}

.page.support .support-query-form {
  margin-bottom: 1rem
}

.page.support .support-query-form .form-group .submit .btn.btn-primary {
  margin-bottom: 0
}

.page.support .support-request-list-head {
  padding-top: 4rem
}

.page.support .support-request-list-head ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.page.support .support-request-list-head ul li.support-request-status-no p {
  color: #adb5bd;
  font-size: .75rem
}

.page.support .support-message-area {
  background: rgba(93,74,199,0.05);
  padding: 1rem 6.5rem 1rem 4.5rem
}

.page.support .support-message-area .support-request-list {
  margin-bottom: 2.25rem
}

.page.support .support-message-area .support-request-list li p {
  margin-bottom: 0;
  font-size: .875rem;
  color: #8e8e8e
}

.page.support .support-message-area .support-request-list li.support-request-subject p {
  font-size: 1.5rem;
  color: #414141;
  font-weight: bold
}

.page.support .support-message-area .support-message-area-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.page.support .support-message-area .support-message-area-item .support-message-img {
  width: 3rem;
  height: 3rem;
  flex: 0 0 3rem;
  margin-right: 2rem;
  border-radius: 3rem;
  overflow: hidden
}

.page.support .support-message-area .support-message-area-item .support-message-img img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover
}

.page.support .support-message-area .support-message-area-item .support-message-body {
  flex: 0 0 calc(100% - 5rem);
  padding: 1rem 1rem 1rem 1rem;
  position: relative;
  margin-bottom: 2rem;
  background: #fff;
  box-shadow: 0 2px 3px #E4E7ED
}

.page.support .support-message-area .support-message-area-item .support-message-body:before {
  content: "";
  position: absolute;
  left: -11px;
  display: block;
  width: 0;
  height: 0;
  border-right: 11px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.page.support .support-message-area .support-message-area-item .support-message-body h5 {
  font-size: 1rem;
  color: #5D4AC7;
  text-transform: uppercase;
  margin-bottom: 1rem
}

.page.support .support-message-area .support-message-area-item .support-message-body p {
  font-size: .875rem;
  color: #747474
}

.page.support .support-message-area .support-message-area-item .support-message-body time {
  font-size: .875rem;
  color: #747474;
  position: absolute;
  right: .75rem;
  top: 0;
  margin-top: .75rem
}

.page.support .support-message-area .support-message-area-item .attachment {
  flex: 0 0 calc(100% - 5rem);
  margin-left: 5rem;
  margin-bottom: 2rem;
  margin-top: -1rem
}

.page.support .support-message-area .support-message-area-item .attachment p {
  display: inline-block;
  background: #fff;
  padding: .5rem 1rem .5rem 2rem;
  margin-bottom: 0;
  border-radius: 2rem;
  margin-right: 1rem
}

.page.support .support-message-area .support-message-area-item .attachment p a {
  display: inline-block;
  color: #000;
  padding: .5rem 1rem;
  margin-left: 1rem;
  border-radius: 2rem;
  background: rgba(0,0,0,0.1);
  transition: .4s
}

.page.support .support-message-area .support-message-area-item .attachment p a:hover {
  background: rgba(0,0,0,0.9);
  color: #fff
}

.page.support .support-message-area .support-message-area-item.manager-answer {
  transform: translateX(35px)
}

.page.support-border-radius ul.nav.nav-pills li.nav-item:nth-child(1) a {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem
}

.page.support-border-radius ul.nav.nav-pills li.nav-item:nth-last-child(1) a {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem
}

@media only screen and (max-width: 560px) {
  .page.support-border-radius ul.nav.nav-pills li.nav-item a {
      border-radius:1.5rem !important
  }
}

.page.support-border-radius .form-group .form-control {
  border-radius: 1.125rem
}

.page.support-border-radius .form-group .select2-container .select2-selection--single {
  border-radius: 1.125rem
}

.page.support-border-radius .form-group .select2-container.select2-container--open .select2-selection--single {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px
}

.page.support-border-radius .form-group .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 1.125rem;
  border-bottom-left-radius: 1.125rem
}

.page.support-border-radius .form-group .input-group .custom-file .custom-file-label {
  border-top-right-radius: 1.125rem;
  border-bottom-right-radius: 1.125rem
}

.page.support-border-radius .form-group .captcha img.captcha_img {
  border-radius: 1.125rem
}

.page.support-border-radius .form-group .submit .btn.btn-primary {
  border-radius: 1.125rem
}

.page.support-border-radius .support-message-area {
  border-radius: calc(1.125rem * 2)
}

.page.support-border-radius .support-message-area .support-message-area-item .support-message-body {
  border-radius: 1.125rem
}

.page.services-categories .service-categories-container a {
  display: block;
  transition: .4s;
  margin-bottom: 1.875rem
}

.page.services-categories .service-categories-container a .card {
  overflow: hidden
}

.page.services-categories .service-categories-container a .card img.card-img-top {
  display: block;
  object-fit: cover;
  transition: .4s;
  max-width: 100%;
  height: 100%
}

.page.services-categories .service-categories-container a .card .card-body h5.card-title {
  color: #438381
}

.page.services-categories .service-categories-container a .card .card-body p {
  color: #747474
}

.page.services-categories .service-categories-container a:hover {
  transform: translateY(-0.75rem)
}

.page.services-categories .service-categories-container a:hover .card img.card-img-top {
  transform: scale(1.1)
}

.page.services-categories .service-categories-container .form-row a {
  margin-bottom: .625rem
}

.page.services-detail .services-detail-container .services-detail-img {
  margin-bottom: 1rem;
  height: 410px;
  position: relative
}

.page.services-detail .services-detail-container .services-detail-img img {
  display: block;
  object-fit: cover;
  width: 100%;
  max-height: 100%
}

.page.services-detail .services-detail-container .services-detail-img .btn {
  white-space: nowrap;
  position: absolute;
  top: 0;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
  max-width: 90%;
  padding: .5rem 5.5rem;
  color: #000;
  transition: .4s
}

.page.services-detail .services-detail-container .services-detail-img .btn:hover {
  color: #fff;
  background: #000
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page.services-detail .services-detail-container .services-detail-img .btn {
      padding:.5rem 3rem
  }
}

@media only screen and (max-width: 767px) {
  .page.services-detail .services-detail-container .services-detail-img .btn {
      width:100%;
      white-space: normal;
      padding: .5rem 1rem
  }
}

.page.services-detail .services-detail-container .services-head {
  display: flex;
  flex-wrap: wrap;
  padding: 0 3rem
}

.page.services-detail .services-detail-container .services-head-category {
  margin-bottom: 1rem
}

.page.services-detail .services-detail-container .services-head-title h4 {
  font-size: 1.875rem
}

.page.services-detail .services-detail-container .services-head-explanation p {
  line-height: 1.125rem;
  color: #747474
}

@media only screen and (max-width: 767px) {
  .page.services-detail .services-detail-container .services-head {
      padding:0
  }

  .page.services-detail .services-detail-container .services-head-category h3 {
      font-size: 1.5rem
  }

  .page.services-detail .services-detail-container .services-head-title h4 {
      font-size: 1.5rem
  }

  .page.services-detail .services-detail-container .services-head-explanation p {
      font-size: .875rem;
      line-height: 1rem
  }
}

.page.services-detail .services-detail-container .modal .modal-dialog {
  width: 720px;
  max-width: calc(100% - 1rem)
}

.page.services-detail .services-detail-container .modal .modal-content {
  padding: 2.5rem 6rem 2.5rem 4rem
}

@media only screen and (max-width: 560px) {
  .page.services-detail .services-detail-container .modal .modal-content {
      padding:1.5rem 3rem 1.5rem 1rem
  }
}

@media only screen and (max-width: 420px) {
  .page.services-detail .services-detail-container .modal .modal-content {
      padding:1rem 2rem 1rem 0
  }
}

.page.services-detail .services-detail-container .modal .modal-header {
  display: none
}

.page.services-detail .services-detail-container .modal .modal-body .service-modal-title {
  text-align: center
}

.page.services-detail .services-detail-container .modal .modal-body .service-modal-title p span {
  color: #4EBBFF;
  font-weight: bold
}

.page.services-detail .services-detail-container .modal .modal-body .form-group {
  position: relative;
  padding-left: 2rem
}

.page.services-detail .services-detail-container .modal .modal-body .form-group .mdi {
  position: absolute;
  left: .25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #adb5bd
}

.page.services-detail .services-detail-container .modal .modal-body .form-group .form-control {
  border: none;
  border-bottom: 1px solid #adb5bd;
  border-radius: 0;
  color: #adb5bd
}

.page.services-detail .services-detail-container .modal .modal-body .form-group .form-control:focus {
  box-shadow: none !important
}

.page.services-detail .services-detail-container .modal .modal-body .form-group .select2-container .select2-selection--single {
  border: none;
  border-bottom: 1px solid #adb5bd;
  border-radius: 0
}

.page.services-detail .services-detail-container .modal .modal-body .form-group .select2-container .select2-selection--single span {
  color: #adb5bd
}

.page.services-detail .services-detail-container .modal .modal-body .form-group .captcha .captcha_img {
  border: none
}

.page.services-detail .services-detail-container .modal .modal-body .captcha-line {
  flex: 0 0 330px;
  max-width: 330px;
  margin: 0 auto
}

@media only screen and (max-width: 420px) {
  .page.services-detail .services-detail-container .modal .modal-body .captcha-line .col {
      flex:0 0 100%
  }

  .page.services-detail .services-detail-container .modal .modal-body .captcha-line .col:nth-child(1) {
      margin-bottom: 1rem
  }
}

.page.services-detail .services-detail-container .modal .modal-footer {
  border-top: 0;
  justify-content: center;
  padding-left: 3rem
}

.page.services-detail .services-detail-container .modal .modal-footer .btn.btn.btn-primary {
  background: #4EBBFF;
  color: #fff;
  border: 0;
  border-radius: 0
}

.page.services-detail .services-detail-container .modal .modal-footer .btn.btn.btn-primary:hover {
  background: #008ee7
}

.page.services-detail .services-detail-container .modal .modal-footer .close {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  background: #adb5bd;
  width: 40px;
  height: 40px;
  opacity: 1
}

.page.services-detail .services-detail-container .modal .modal-footer .close .mdi {
  font-size: 2.5rem;
  color: #747474
}

.page.file-archive .form-group .select2-container {
  width: 100% !important
}

.page.file-archive .file-archive-process-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem
}

.page.file-archive .file-archive-process-container .file-archive-search {
  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: flex;
  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;
  flex: 0 0 calc(100% - 4.5rem);
  border-radius: 0
}

.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;
  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 {
  transition: .4s;
  background: #5D4AC7;
  color: #fff;
  height: 3rem;
  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;
  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;
  transition: .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 {
      flex:0 0 55%
  }

  .page.file-archive .file-archive-process-container .file-archive-search-result {
      flex: 0 0 40%
  }
}

@media only screen and (max-width: 767px) {
  .page.file-archive .file-archive-process-container .file-archive-search {
      flex:0 0 100%
  }

  .page.file-archive .file-archive-process-container .file-archive-search-result {
      flex: 0 0 100%
  }
}

.page.file-archive .file-list .table-responsive .table thead tr th {
  background: rgba(93,74,199,0.05);
  color: #747474;
  font-weight: normal
}

.page.file-archive .file-list .table-responsive .table tr th,.page.file-archive .file-list .table-responsive .table tr td {
  padding: .5rem 1rem
}

.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;
  color: #5D4AC7;
  transition: .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 th a:hover svg path,.page.file-archive .file-list .table-responsive .table tr td a:hover svg path {
  fill: #362883
}

.page.file-archive .file-list .table-responsive .table tr th a svg,.page.file-archive .file-list .table-responsive .table tr td a svg {
  width: 25px;
  height: 25px
}

.page.file-archive .file-list .table-responsive .table tr th a svg path,.page.file-archive .file-list .table-responsive .table tr td a svg path {
  fill: #5D4AC7;
  transition: .4s
}

.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;
  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 #dee2e6;
  border-radius: 1.5rem
}

.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
}

.page.blogs .blog-list ul li.blog-item {
  padding-bottom: 2.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #adb5bd
}

.page.blogs .blog-list ul li.blog-item .blog-list-img {
  margin-bottom: 1rem;
  height: 19rem
}

.page.blogs .blog-list ul li.blog-item .blog-list-img a {
  display: block;
  height: 19rem
}

.page.blogs .blog-list ul li.blog-item .blog-list-img a img {
  display: block;
  object-fit: cover;
  width: 100%;
  max-height: 100%
}

.page.blogs .blog-list ul li.blog-item .blog-list-content-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 1rem
}

.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date {
  border: 1px solid #000;
  flex: 0 0 3.5rem;
  padding: .25rem .125rem;
  max-width: 3.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-date span {
  display: block;
  text-align: center;
  font-size: .875rem;
  line-height: .875rem;
  color: #000;
  flex: 0 0 100%
}

.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title {
  flex: 0 0 calc(100% - 5.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.page.blogs .blog-list ul li.blog-item .blog-list-content-head .blog-content-title .blog-title {
  font-weight: bold;
  color: #000
}

.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative
}

.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation p {
  font-size: .875rem;
  color: #000;
  line-height: 1.5rem;
  flex: 0 0 100%
}

.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .btn {
  background: #000;
  border-radius: 0;
  border: 0;
  flex: 0 0 auto;
  transition: .4s
}

.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .btn:hover {
  background: rgba(0,0,0,0.1);
  color: #000
}

.page.blogs .blog-list ul li.blog-item .blog-list-content .blog-list-explanation .author {
  color: #adb5bd;
  font-size: .875rem;
  position: absolute;
  right: .125rem;
  bottom: -.25rem;
  transform: translateY(100%)
}

.page.blog-detail .blog-item .blog-item-img img {
  display: block;
  height: 100%;
  object-fit: cover;
  margin: 0 auto 1rem
}

.page.blog-detail .blog-list-time-content {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

.page.blog-detail .blog-list-time-content .blog-date {
  flex: 0 0 auto
}

.page.blog-detail .blog-list-time-content .blog-date span {
  display: inline-block;
  padding: .125rem;
  font-size: .875rem
}

.page.blog-detail .blog-list-time-content .blog-date .blog-date-month {
  padding-left: 0
}

.page.blog-detail .blog-list-time-content .counter {
  flex: 0 0 auto;
  font-size: .875rem
}

.page.blog-detail .blog-item-head h4 {
  font-weight: bold;
  color: #000;
  margin-bottom: 1rem
}

.page.blog-detail .blog-text p {
  color: #000
}

.page.certificates .certificate-container ul {
  border: 1px solid rgba(151,151,151,0.15);
  transition: .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;
  transition: .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;
  transition: .4s
}

.page.certificates .identification:hover {
  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: flex;
  position: relative;
  width: 100%;
  align-items: 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: flex;
  align-items: center;
  flex-flow: column;
  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;
  transition: .4s
}

.page.certificates .certificate-list a .certificate-item img {
  display: block;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 auto
}

@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%
  }
}

.page.certificates .certificate-list a:hover .certificate-item {
  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
}

.page.gallery .gallery-filter .select2-container {
  width: 100% !important
}

.page.gallery .gallery-filter .btn.btn-primary.btn-block {
  height: 35px;
  line-height: 22px
}

.page.gallery .gallery-list .card .card-img-top {
  height: 10rem;
  object-fit: cover;
  transition: .4s
}

.page.gallery .gallery-list .card .card-body .card-title {
  color: #07101b
}

.page.gallery .gallery-list .card .card-body .card-text {
  color: #07101b
}

.page.gallery .gallery-list .card:hover .card-img-top {
  transform: scale(1.05) translateY(-0.5rem)
}

.page.client-comment .media img {
  width: 80px;
  height: 80px;
  object-fit: cover
}

.page.projects .card {
  height: calc(100% - 1rem);
  justify-content: center
}

.page.projects .card .card-img-overlay {
  background: rgba(0,0,0,0.1)
}

.page.projects .card .card-img-overlay .card-title {
  text-shadow: 0 0 0.5rem rgba(0,0,0,0.5)
}

.page.sitemap .list-group>li a {
  margin-bottom: .5rem
}

.page.sitemap .list-group>li ul {
  margin-bottom: 1rem
}

.page.sitemap .list-group>li ul li {
  padding-left: 1rem
}

.page.sitemap .list-group>li ul li a {
  margin-bottom: .25rem;
  background: rgba(0,0,0,0.05)
}

.page.sitemap .list-group>li ul li ul li a {
  background: rgba(0,0,0,0.1)
}

.picture-point .img-pointer {
  position: relative
}

.picture-point .img-pointer .img-pointer-dot {
  position: absolute
}

.user-screen img.user-screen-avatar {
  width: 39px;
  height: 39px
}

.proje-list ul li {
  width: 31%;
  margin: 0 1%;
  box-shadow: 0 1px 15px -3px rgba(0,0,0,0.24);
  position: relative;
  float: left;
  position: relative;
  margin-bottom: 20px;
  min-height: 245px
}

.proje-list ul li a {
  height: 100%;
  display: block
}

.proje-list ul li img {
  width: auto !important
}

.pImage a {
  position: relative;
  display: block
}

.proje-list ul li span {
  display: flex;
  height: 200px;
  width: 100%;
  position: relative;
  background: #000;
  align-items: center;
  justify-content: center
}

h3.proje-title {
  margin: 15px 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  max-height: 19px;
  color: #000;
  text-transform: uppercase
}

b.hover {
  font-size: 18px;
  color: #fff;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out
}

.projeBack {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  transition: all 0.3s ease-out
}

.proje-list ul li:hover b {
  opacity: 1;
  visibility: visible
}

.proje-list ul li:hover .projeBack {
  opacity: 1
}

.p-title h2 {
  font-size: 27px;
  font-weight: 500;
  margin-bottom: 30px;
  text-transform: uppercase;
  margin-bottom: 0
}

.p-title img {
  width: 200px
}

.p-title {
  padding-bottom: 0;
  border-bottom: 1px solid #122c48;
  margin-bottom: 40px
}

.projeBg {
  height: auto;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative
}

.projeManset {
  margin-bottom: 10px
}

.projeOzellik p {
  margin-bottom: 0;
  font-weight: 500
}

.projeOzellik {
  margin-top: 10px
}

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

.turItems {
  float: left;
  width: 100%
}

.turItems+.turItems {
  margin-top: 20px
}

.turBaslik h3 {
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px
}

.projeAciklama p {
  font-size: 15px;
  line-height: 31px
}

.projeMap {
  width: 100%;
  height: 350px
}

section.page.projectDetail {
  padding-bottom: 0
}

.turItems:last-child {
  margin-bottom: 60px
}

.urunGruplari h5.card-title {
  margin-bottom: 5px;
  font-weight: 500
}

.urunGruplari .card {
  min-height: 390px
}

.urunGruplari a .card-img-top {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center
}

.urunGruplari p.card-text {
  line-height: normal;
  margin-bottom: 0px;
  min-height: 34px
}

.productList .sidebar {
  padding: 25px 0 0;
  border: 2px solid #f4e7da;
  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
}

.allProductList li {
  width: 31.3%;
  display: inline-block;
  margin: 0 1%
}

.urunArama h4 {
  font-weight: 400;
  text-transform: uppercase
}

.bulunan_urun {
  font-weight: 500
}

.allProductList {
  margin-top: 30px
}

.searchProduct {
  margin: 0 1%
}

section.page.productList form {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.ajax-basket-btn {
  display: flex;
  align-items: center;
  border: 1px solid red
}

.qty-item {
  text-align: center;
  margin: 0 30px
}

.map-responsive {
  height: 400px
}

.map-responsive iframe {
  height: 400px;
  width: 100%
}

.contact-bottom {
  padding: 60px 0
}

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: flex;
  justify-content: center;
  flex-direction: column;
  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;
  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;
  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: flex;
  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
}

.basket-title {
  margin: 0;
  padding: 20px;
  position: relative;
  font-size: 19px;
  color: #fff;
  background: #122c48;
  border-radius: 3px;
  font-weight: 500;
  text-transform: uppercase
}

.sepetUrunBilgi {
  margin-top: 30px
}

.sepetUrunItem {
  width: 100%;
  display: flex;
  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: flex;
  justify-content: 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;
  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: flex;
  align-items: center;
  padding: 0 30px;
  border: 1px solid #e0e0e0;
  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: flex;
  align-items: center;
  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: flex;
  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: flex;
  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;
  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;
  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
}

.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: flex;
  align-items: center;
  justify-content: center
}

.belgeTablo tr td img {
  width: 80px;
  display: flex;
  align-items: 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;
  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;
  box-sizing: border-box;
  margin: 30px 0px;
  width: calc(100% - 30px);
  background: #eafdfe !important;
  max-height: 400px;
  overflow-y: scroll
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
.footer {
  margin: auto auto 0 auto
}

.footer .footer-top {
  padding: 70px 0 50px;
  background: #ececec
}

.footer .footer-bottom {
  padding: 20px 0
}

.footer .footer-logo {
  width: 200px;
  margin-bottom: 20px
}

.footer .footer-contact-information ul li {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap
}

.footer .footer-contact-information ul li .icon {
  flex: 0 0 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #07101b;
  border-radius: .5rem
}

.footer .footer-contact-information ul li .text {
  flex: 0 0 calc(100% - 40px);
  line-height: 20px
}

.footer .footer-contact-information ul li .text p {
  margin-bottom: 0;
  padding-left: 15px;
  font-size: 15px
}

.footer .footer-contact-information ul li .text p span {
  font-weight: bold
}

.footer .footer-contact-information ul li .text p a {
  color: #07101b
}

.footer .footer-contact-information ul li:last-child .text {
  margin-left: 0
}

.footer .footer-menu ol.footer-menu-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.footer .footer-menu ol.footer-menu-container>li {
  flex: 1 1 0
}

.footer .footer-menu ol.footer-menu-container>li h3.footer-menu-head {
  color: #07101b;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 15px;
  transition: all .3s ease-in-out
}

.footer .footer-menu ol.footer-menu-container>li h3.footer-menu-head:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #4d80b7;
  transition: all 0.3s;
  transition: all .3s ease-in-out
}

.footer .footer-menu ol.footer-menu-container>li .footer-menu-list li a {
  color: #07101b;
  font-size: 15px;
  display: block;
  margin-bottom: 8px
}

.footer .footer-menu ol.footer-menu-container>li .footer-menu-list li a:hover {
  color: #3a689a
}

.footer .footer-menu ol.footer-menu-container>li .footer-menu-list.active h3 {
  color: #486f98
}

.footer .footer-menu ol.footer-menu-container>li .footer-menu-list.active h3:before {
  width: 100%
}

.footer-newsletter .footer-newsletter-container {
  display: flex;
  flex-wrap: wrap
}

.footer-newsletter .footer-newsletter-container .footer-menu-head {
  flex: 1 1 0
}

.footer-newsletter .footer-newsletter-container span.footer-cancelled {
  flex: 1 1 0;
  line-height: 22px;
  position: relative;
  margin-left: 7px;
  display: flex;
  align-items: center
}

.footer-newsletter .footer-newsletter-container span.footer-cancelled a {
  color: #416a96;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  position: relative
}

.footer-newsletter .footer-newsletter-container span.footer-cancelled a:after {
  content: "";
  position: absolute;
  bottom: calc(50% - 3px);
  left: 0;
  right: 0;
  background: #416a96;
  height: 1px;
  transition: all 0.3s
}

.footer-newsletter .footer-newsletter-container span.footer-cancelled a:hover {
  color: #07101b
}

.footer-newsletter .footer-newsletter-container span.footer-cancelled a:hover:after {
  bottom: 0;
  background: #07101b
}

.footer-newsletter .footer-newsletter-container p {
  display: block;
  flex: 0 0 100%
}

.footer-newsletter form {
  position: relative;
  float: left;
  width: 100%
}

.footer-newsletter form input[type="email"] {
  border: 1px solid #2a435b;
  border-radius: 0;
  height: 45px;
  background: none;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: #fff;
  margin-top: 0;
  -webkit-appearance: none;
  width: calc(100% - 50px)
}

.footer-newsletter form input[type="email"]:focus {
  border-color: #fff
}

.footer-newsletter form input[type="submit"] {
  height: 45px;
  width: 50px;
  border: none;
  position: absolute;
  display: block;
  top: 0;
  right: 0px;
  background-size: 100%;
  transition: all 0.4s ease;
  cursor: pointer;
  background: #2a435b;
  padding: 0
}

.footer-newsletter form input[type="submit"]:hover {
  background: #0f233a
}

.footer-newsletter form input[type="submit"]:hover i {
  color: #fff !important
}

.footer-newsletter form i {
  color: #fff;
  position: relative;
  font-size: 27px;
  top: 4px;
  right: -9px;
  pointer-events: none
}

.footer-newsletter p {
  font-size: 16px
}

.footer-social a {
  display: inline-block;
  vertical-align: top;
  color: #07101b;
  transition: .4s
}

.footer-social a:hover {
  color: #122c48
}

.copyright p {
  margin: 0;
  color: #07101b
}

.alysweb {
  display: flex;
  align-items: center
}

.alysweb a {
  font-size: 12px;
  color: #73828c;
  display: inline-block;
  line-height: 20px;
  position: relative;
  vertical-align: top
}

.alysweb a:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -4px
}

.alysweb a:nth-last-child(1):before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 24px;
  background: rgba(115,130,140,0.3)
}

.alysweb a img {
  display: block;
  width: 65px
}

.footer-bottom {
    width: 100%;
    position: relative;
    background-color: #fafafa;
}

.footer-bottom .footer-bottom-up:after {
  content: "";
  width: 100%;
  height: 0px;
  background: rgba(255,255,255,0);
  border: 1px solid #f1f1f1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footer-bottom .footer-bottom-up {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: auto;
  position: relative;
  padding: 35px 0 20px;
}

.footer-bottom .footer-bottom-up .logo-and-menu {
  display: flex;
  width: 50%;
}

.footer-bottom .footer-bottom-up .logo-and-menu .logo {
    margin-right: 40px;
}
.footer-bottom .footer-bottom-up .logo-and-menu .logo img{
    height:55px;
}


.footer-bottom .footer-bottom-up .logo-and-menu .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom .footer-bottom-up .logo-and-menu .menu a {
  font-size: 15px;
  color: rgba(49,23,24,0.5);
  transition: .3s;
  padding: 0 10px;
  line-height: 1;
}

.footer-bottom .footer-bottom-up .logo-and-menu .menu a:hover {
  color: black
}

.footer-bottom .footer-bottom-up .cookie-and-contact {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: flex-end;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .cookie {
  display: flex;
  justify-content: space-between;
  margin-right: 40px;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .cookie a {
  font-size: 15px;
  color: rgba(49,23,24,0.5);
  transition: .3s;
  padding: 0 15px;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .cookie a:hover {
  color: black
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .number:after {
  content: "";
  width: 0px;
  height: 18px;
  background: rgba(255,255,255,0);
  border: 1px solid rgba(0,0,0,0.1);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .social-media {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .social-media a {
    padding: 0 10px;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .social-media a svg path {
  transition: .3s
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .social-media a:hover svg path {
  fill: black
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .number {
    position: relative;
    padding-left: 40px;
    margin-left: 25px;
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .number a {
  font-weight: 600;
  font-size: 20px;
  color: rgba(49,23,24,0.5);
  transition: .3s
}

.footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact .number a:hover {
  color: black
}

.footer-bottom .footer-bottom-down {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: auto;
  padding: 35px 0;
}

.footer-bottom .footer-bottom-down .copyright h1 {
  font-weight: normal;
  font-size: 15px;
  color: #5d6077;
  opacity: 0.56
}

.footer-bottom .footer-bottom-down .copyright h1 strong {
  font-weight: 600
}

.footer-bottom .footer-bottom-down .advertisement {
  width: 206px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-right: -20px;
}

.footer-bottom .footer-bottom-down .advertisement a {
    display: block;
    padding: 0 15px;
    position: relative;
    height: 14px;
    line-height: 14px;
}

.footer-bottom .footer-bottom-down .advertisement a:first-child {
    top: 2px;
}
.footer-bottom .footer-bottom-down .advertisement a img {
  opacity: 56%;
  transition: .3s;
  height:25px;
}

.footer-bottom .footer-bottom-down .advertisement a:hover img {
  opacity: 100%
}

.tablet-footer {
  display: none
}

.mobil-footer {
  display: none
}

@media only screen and (max-width: 1700px) {
  footer .footer-bottom {
      padding: 0;
  }
  .footer-bottom .footer-bottom-up {
      width: 1260px;
  }

  .footer-bottom .footer-bottom-down {
      width: 1260px;
  }
}

@media only screen and (max-width: 1441px) {
  .footer-bottom:after {
      width: 100%;
      bottom: 40%
  }
}

@media only screen and (max-width: 1200px) {
  .footer-bottom {
      padding:33px 20px 34px 20px
  }

  .footer-bottom .footer-bottom-up .logo-and-menu .menu {
      padding-left: 25px
  }

  .footer-bottom .footer-bottom-up .cookie-and-contact {
      flex: 0 0 56%
  }

  .footer-bottom .footer-bottom-up .cookie-and-contact .cookie {
      flex: 0 0 50%;
      padding-right: 30px
  }

  .footer-bottom .footer-bottom-up .cookie-and-contact .footer-contact {
      flex: 0 0 50%
  }

  .footer-bottom .footer-bottom-up .logo-and-menu .menu a+a {
      margin-left: 11px
  }
}

@media only screen and (max-width: 1200px) {
  .tablet-footer {
      display:block;
      padding: 25px;
      background-color: white
  }

  .mobil-footer {
      display: none
  }

  .footer-bottom {
      display: none
  }

  .tablet-footer-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 25px
  }

  .tablet-footer .footer-menu {
      display: flex;
      align-items: center
  }

  .tablet-footer .footer-menu a {
      margin-left: 20px;
      margin-top: 15px;
      font-size: 13px;
      color: rgba(49,23,24,0.5)
  }

  .tablet-footer .footer-logo {
      margin-right: 10px
  }

  .tablet-footer .footer-kvkk {
      display: flex
  }

  .tablet-footer .footer-kvkk a {
      margin-top: 15px;
      display: block;
      font-size: 13px;
      color: rgba(49,23,24,0.5)
  }

  .tablet-footer .footer-kvkk a+a {
      margin-left: 25px
  }

  .tablet-footer-center {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #f1f1f1;
      padding: 20px 0
  }

  .tablet-footer .footer-tel a {
      font-weight: bold;
      font-size: 17px;
      color: #a7a7a7
  }

  .tablet-footer .footer-social a+a {
      margin-left: 13px
  }

  .tablet-footer .tablet-footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 20px;
      border-top: 1px solid #f1f1f1
  }

  .tablet-footer .tablet-footer-bottom .copyright h3 {
      font-size: 15px;
      color: rgba(64,69,106,0.56)
  }

  .tablet-footer .tablet-footer-bottom .web-designer {
      display: flex
  }

  .tablet-footer .tablet-footer-bottom .web-designer a {
      display: block
  }

  .tablet-footer .tablet-footer-bottom .web-designer a img {
      width: 84%
  }

  .tablet-footer .web-designer a+a {
      margin-left: 25px;
      position: relative
  }

  .tablet-footer .web-designer a+a:before {
      content: "";
      height: 20px;
      width: 1px;
      background-color: #9da1b5;
      position: absolute;
      left: -20px;
      top: 50%;
      transform: translateY(-50%)
  }
}

@media only screen and (max-width: 991px) {
  footer .footer-bottom {
      display:none
  }

  footer .mobil-footer {
      padding: 0 25.5px 32px 25.5px;
      background-color: white
  }

  footer .mobil-footer-top .logo {
      display: flex;
      justify-content: center
  }
    footer .mobil-footer-top .logo img {
        height:45px;
    }

  footer .mobil-footer-top .social-media {
      margin-top: 25.5px;
      padding: 0 320px;
      display: flex;
      justify-content: space-between
  }

  footer .mobil-footer-top .social-media svg {
      margin: auto
  }

  footer .mobil-footer-top .footer-menu {
      display: flex;
      justify-content: space-between;
      padding: 0 15px 23px 15px;
      margin-top: 21px;
      border-bottom: 1px solid #F1F1F1;
      max-width: 50%;
      margin: auto;
      margin-top: 20px
  }

  footer .mobil-footer-top .footer-menu a {
      font-weight: normal;
      font-size: 13px;
      color: rgba(49,23,24,0.5);
      margin: 0 10px
  }

  footer .mobil-footer-center {
      padding: 20px 0 18.5px 0;
      border-bottom: 1px solid #F1F1F1;
      display: flex;
      justify-content: space-between
  }

  footer .mobil-footer-center .footer-kvkk {
      display: flex;
      justify-content: space-between;
      width: 21%;
      align-items: center
  }

  footer .mobil-footer-center .footer-kvkk a {
      font-weight: normal;
      font-size: 13px;
      color: rgba(49,23,24,0.5)
  }

  footer .mobil-footer-center .footer-contact a {
      font-weight: 600;
      font-size: 17px;
      color: #a7a7a7
  }

  footer .mobil-footer-bottom {
      display: flex;
      justify-content: space-between;
      margin-top: 14.5px
  }

  footer .mobil-footer-bottom .copyright {
      display: flex;
      align-items: center;
      margin-top: 5px
  }

  footer .mobil-footer-bottom .copyright h3 {
      font-weight: normal;
      font-size: 13px;
      color: rgba(64,69,106,0.56)
  }

  footer .mobil-footer-bottom .copyright h3 strong {
      font-weight: 600
  }

  footer .mobil-footer-bottom .web-designer {
      display: flex;
      justify-content: space-between;
      width: 25%;
      align-items: center
  }

  footer .mobil-footer-bottom .web-designer a img {
      width: 86%
  }

  footer .mobil-footer-bottom .web-designer a:first-child {
      position: relative
  }

  footer .mobil-footer-bottom .web-designer a:first-child:after {
      content: "";
      height: 62%;
      width: 1px;right: 0;
      background-color: #8f91a7;
      position: absolute;
      
      top: 4px
  }

  footer .mobil-footer-bottom .web-designer a:last-child {
      text-align: end
  }

  footer .mobil-footer {
      padding: 35px 25.5px 18px 25.5px
  }
}

@media only screen and (max-width: 767px) {
  footer .mobil-footer-top .social-media {
      padding:0;
      width: 90px;
      margin-left: auto;
      margin-right: auto
  }

  footer .mobil-footer-center {
      flex-direction: column;
      align-items: center
  }

  footer .mobil-footer-center .footer-kvkk {
      width: 100%;
      justify-content: center;
      margin-bottom: 15px
  }

  footer .mobil-footer-center .footer-kvkk a {
      padding: 0 25px
  }

  footer .mobil-footer-bottom .web-designer {
      width: 40%
  }

  footer .mobil-footer-bottom .web-designer a:first-child img {position: relative;top: 1px;}

  .tablet-footer {
      display: none
  }

  .mobil-footer {
      display: block
  }
}

@media only screen and (max-width: 321px) {
  footer .mobil-footer-top .footer-menu {
      padding:0 0 23px 0
  }

  footer .mobil-footer-top .footer-menu a {
      margin: 0 5px
  }

  footer .mobil-footer-bottom .web-designer a:first-child:after {
      left: 61px
  }

  footer .mobil-footer {
      padding: 35px 15px 18px 15px
  }
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!DEĞİŞTİRMEYİN!!!!!!!!!!!!!!!!!!!!!!!!!*/
.about .about-special-type-1 .about-special-content {
  padding: 3.5rem 0
}

.about .about-special-type-1 .about-special-content>* {
  position: relative
}

.about .about-special-type-1 .about-special-content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw
}

.about .about-special-type-1 .about-special-content-left {
  padding-right: 5.5rem
}

.about .about-special-type-1 .about-special-content-left:before {
  right: 0;
  background: #F2F2F2
}

.about .about-special-type-1 .about-special-content-right {
  padding-left: 5.5rem
}

.about .about-special-type-1 .about-special-content-right:before {
  left: 0;
  background: #E3DFDF
}

@media only screen and (max-width: 767px) {
  .about .about-special-type-1 .about-special-content-left {
      padding-right:0
  }

  .about .about-special-type-1 .about-special-content-left:before {
      right: -20vw;
      width: 140vw
  }

  .about .about-special-type-1 .about-special-content-right {
      padding-left: 0
  }

  .about .about-special-type-1 .about-special-content-right:before {
      left: -20vw;
      width: 140vw
  }
}

.about .about-special-type-2 .about-special-content {
  border: 1px solid #07101b;
  padding: 3.25rem 2.25rem;
  height: 100%
}

@media only screen and (max-width: 767px) {
  .about .about-special-type-2 .col.col-12.col-md-6 {
      margin-bottom:2rem
  }
}

.about .about-special-type-3 .about-special-content {
  padding: 3.75rem 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center
}

.about .about-special-type-3 .about-special-content>* {
  position: relative
}

.about .about-special-type-3 .about-special-content h3 {
  flex: 0 0 auto;
  display: flex;
  align-items: center
}

.about .about-special-type-3 .about-special-content h3 sup {
  font-size: calc(100% * 2);
  display: inline-block;
  top: 0
}

.about .about-special-type-3 .about-special-content p {
  flex: 1 1 0
}

.about .about-special-type-3 .about-special-content-top {
  position: relative
}

.about .about-special-type-3 .about-special-content-top:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: 0;
  bottom: 0;
  background: #F2F2F2
}

.about .about-special-type-3 .about-special-content-top p {
  padding-left: 1.5rem
}

.about .about-special-type-3 .about-special-content-bottom {
  flex-direction: row-reverse
}

.about .about-special-type-3 .about-special-content-bottom p {
  padding-right: 1.5rem;
  text-align: right
}

@media only screen and (max-width: 767px) {
  .about .about-special-type-3 .about-special-content h3 {
      flex:0 0 100%;
      margin-bottom: 1.5rem
  }

  .about .about-special-type-3 .about-special-content-top p {
      padding-right: 1.5rem
  }

  .about .about-special-type-3 .about-special-content-bottom p {
      padding-left: 1.5rem;
      text-align: left
  }
}

.album-type-1 {
  background: #f6f6f6
}

.album-type-1>.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.album-type-1 .album-title {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  display: flex;
  align-items: center
}

.album-type-1 .swiper-container {
  flex: 0 0 66.666%;
  max-width: 66.666%
}

.album-type-1 .swiper-container .swiper-slide {
  height: 220px
}

.album-type-1 .swiper-button-next,.album-type-1 .swiper-button-prev {
  border: 1px solid #07101b;
  width: 34px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(-32px / 2)
}

.album-type-1 .swiper-button-prev {
  left: initial;
  right: 10px;
  margin-top: calc((32px / 2) - 1px)
}

.album-type-2 {
  background: #f9f9f9
}

.album-type-2>.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.album-type-2 .album-title {
  flex: 0 0 22%;
  max-width: 22%;
  display: flex;
  align-items: center
}

.album-type-2 .swiper-container {
  flex: 0 0 78%;
  max-width: 78%
}

.album-type-2 .swiper-container .swiper-slide {
  height: 250px
}

.album-type-2 .swiper-button-next,.album-type-2 .swiper-button-prev {
  border: 1px solid rgba(0,0,0,0);
  width: 34px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  top: calc(100% - 32px - 26px)
}

.album-type-2 .swiper-button-prev {
  left: initial;
  right: calc(10px + 34px)
}

.album-type-2 .swiper-pagination {
  font-size: 1.25rem;
  left: calc(100% - (34px * 2) - 20px - 28px - 10px);
  width: auto;
  line-height: 32px;
  height: 32px;
  bottom: 26px
}

.album-type-3 {
  background: #f4f4f4
}

.album-type-3>.container {
  position: relative;
  padding: 0 4.5rem
}

.album-type-3 .album-title {
  text-align: center
}

.album-type-3 .swiper-container .swiper-slide {
  height: 220px
}

.album-type-3 .swiper-button-next,.album-type-3 .swiper-button-prev {
  top: calc(50% + 28px);
  margin-top: calc(-32px / 2);
  width: 34px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center
}

.album-type-3 .swiper-button-next svg,.album-type-3 .swiper-button-prev svg {
  width: 1.75rem;
  height: 1.75rem
}

.announcements-type1 ul.announcements-list li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.announcements-type1 ul.announcements-list li .date {
  flex: 0 0 100px;
  padding-right: 1rem
}

.announcements-type1 ul.announcements-list li .date span,.announcements-type1 ul.announcements-list li .date time {
  display: block;
  color: #000;
  opacity: .5;
  font-size: 2rem;
  text-align: right;
  transition: .4s
}

.announcements-type1 ul.announcements-list li .item-content {
  flex: 0 0 calc(100% - 100px);
  padding: 1rem 0 1rem 1rem;
  border-left: 1px solid #ececec;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.announcements-type1 ul.announcements-list li .item-content>* {
  flex: 0 0 100%
}

.announcements-type1 ul.announcements-list li .item-content:before,.announcements-type1 ul.announcements-list li .item-content:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 1px;
  width: 5vw;
  min-width: 5rem;
  background: #ececec
}

.announcements-type1 ul.announcements-list li .item-content:before {
  top: 0
}

.announcements-type1 ul.announcements-list li .item-content:after {
  bottom: 0
}

.announcements-type1 ul.announcements-list li .item-content h3 {
  font-size: 1.25rem
}

.announcements-type1 ul.announcements-list li .item-content .card-body {
  padding: 0 0 1rem 0
}

.announcements-type1 ul.announcements-list li .item-content p {
  font-size: 1rem
}

.announcements-type1 ul.announcements-list li .item-content p button {
  border: none;
  background: none;
  outline: none !important;
  outline-color: rgba(0,0,0,0) !important
}

.announcements-type1 ul.announcements-list li .item-content p button svg {
  margin-left: 1rem;
  transition: .4s
}

.announcements-type1 ul.announcements-list li .item-content p button svg path {
  color: #EC2127
}

.announcements-type1 ul.announcements-list li .item-content p button:hover svg {
  transform: rotate(-90deg)
}

.announcements-type1 ul.announcements-list li .item-content p button.collapsed svg {
  transform: rotate(0deg)
}

.announcements-type1 ul.announcements-list li .item-content p button.collapsed:hover svg {
  transform: rotate(90deg)
}

.announcements-type1 ul.announcements-list li .item-content p:nth-last-child(1) {
  margin-bottom: 0
}

.announcements-type1 ul.announcements-list li:hover .date span,.announcements-type1 ul.announcements-list li:hover .date time {
  opacity: 1
}

.announcements-type2 ul.announcements-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.announcements-type2 ul.announcements-list li .date {
  background: #f1f1f1;
  border-radius: 1.5rem;
  flex: 0 0 20rem;
  height: 15rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.announcements-type2 ul.announcements-list li .date span,.announcements-type2 ul.announcements-list li .date time {
  display: block;
  flex: 0 0 100%;
  text-align: center
}

.announcements-type2 ul.announcements-list li .date .date-day {
  font-size: 6.25rem;
  font-weight: bold;
  margin-bottom: -5rem
}

.announcements-type2 ul.announcements-list li .date .date-month {
  font-size: 2rem;
  margin-top: -2rem
}

.announcements-type2 ul.announcements-list li .item-content {
  padding-left: 2rem;
  flex: 0 0 calc(100% - 20rem);
  max-width: calc(100% - 20rem)
}

.announcements-type2 ul.announcements-list li .item-content h3 {
  font-size: 1.25rem
}

.announcements-type2 ul.announcements-list li .item-content p {
  font-size: 1rem
}

.announcements-type2 ul.announcements-list li .item-content p button {
  border: none;
  background: none;
  outline: none !important;
  outline-color: rgba(0,0,0,0) !important
}

.announcements-type2 ul.announcements-list li .item-content p button svg {
  margin-left: 1rem;
  transition: .4s
}

.announcements-type2 ul.announcements-list li .item-content p button svg path {
  color: #EC2127
}

.announcements-type2 ul.announcements-list li .item-content p button:hover svg {
  transform: rotate(-90deg)
}

.announcements-type2 ul.announcements-list li .item-content p button.collapsed svg {
  transform: rotate(0deg)
}

.announcements-type2 ul.announcements-list li .item-content p button.collapsed:hover svg {
  transform: rotate(90deg)
}

.announcements-type2 ul.announcements-list li .item-content p:nth-last-child(1) {
  margin-bottom: 0
}

.announcements-type2 ul.announcements-list li .item-content .card-body {
  padding: 0 0 1rem 0
}

.page.our-team .team-list-type1 li:nth-child(1) {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  justify-content: center
}

.page.our-team .team-list-type2 li:nth-child(1),.page.our-team .team-list-type2 li:nth-child(2) {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
  display: flex;
  justify-content: center
}

.page.our-team .team-list-type3 li:nth-child(1),.page.our-team .team-list-type3 li:nth-child(2),.page.our-team .team-list-type3 li:nth-child(3) {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
  display: flex;
  justify-content: center
}

.page.history-type1 .history-list {
  position: relative;
  padding: 5rem 0
}

.page.history-type1 .history-list .time-line {
  background: #E2E6EE;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px
}

.page.history-type1 .history-list .time-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1.25rem;
  height: 1.25rem;
  background: #E2E6EE
}

.page.history-type1 .history-list .time-line:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1.25rem;
  height: 1.25rem;
  background: #E2E6EE
}

.page.history-type1 .history-list ul li {
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.page.history-type1 .history-list ul li .text {
  padding: 3rem 4rem;
  border: 2px dashed #D6DBE5;
  position: relative;
  flex: 0 0 calc(50% - 7rem);
  box-shadow: 0 8px 15px rgba(228,231,237,0.29)
}

.page.history-type1 .history-list ul li .text .arrow {
  width: 1rem;
  height: 1.375rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  background: #fff
}

.page.history-type1 .history-list ul li .text .arrow span {
  display: block;
  position: absolute;
  top: 1px;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px dashed #D6DBE5;
  transform: rotate(45deg) skew(-10deg, -10deg)
}

.page.history-type1 .history-list ul li .text p {
  color: #000;
  margin-bottom: 0
}

.page.history-type1 .history-list ul li .text:hover ~ .time .box {
  background: #C40D3C
}

.page.history-type1 .history-list ul li .time {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s
}

.page.history-type1 .history-list ul li .time .box {
  border: 4px solid #C40D3C;
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  transition: .9s
}

.page.history-type1 .history-list ul li .time .date {
  font-size: 1.5rem;
  color: #C40D3C;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%)
}

.page.history-type1 .history-list ul li:nth-child(odd) {
  justify-content: flex-end
}

.page.history-type1 .history-list ul li:nth-child(odd) .text .arrow {
  left: -8px
}

.page.history-type1 .history-list ul li:nth-child(odd) .text .arrow span {
  left: 6px
}

.page.history-type1 .history-list ul li:nth-child(odd) .time .date {
  left: calc(100% + .875rem)
}

.page.history-type1 .history-list ul li:nth-child(even) {
  justify-content: flex-start
}

.page.history-type1 .history-list ul li:nth-child(even) .text .arrow {
  left: calc(100% + 8px)
}

.page.history-type1 .history-list ul li:nth-child(even) .text .arrow span {
  right: 6px
}

.page.history-type1 .history-list ul li:nth-child(even) .time .date {
  right: calc(100% + .875rem)
}

.page.history-type2 .history-list .swiper-history-time-line span.line {
  background: #C40D3C;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.page.history-type2 .history-list .swiper-history-time-line:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: #C40D3C;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 2rem;
  z-index: 44
}

.page.history-type2 .history-list .swiper-history-time-line:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: #C40D3C;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  border-radius: 2rem;
  z-index: 44
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 3rem 0
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide .dot {
  transition: .4s;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 2rem;
  background: #f67495;
  position: relative;
  transform: rotate(-45deg)
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide .dot:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: .5rem;
  height: .5rem;
  border-radius: 1rem;
  background: #C40D3C
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide .date {
  transition: .4s;
  color: #231F20;
  font-size: 1.5rem;
  position: absolute;
  left: 50%;
  top: .5rem;
  transform: translate(-50%, 0);
  z-index: 53
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide:before {
  content: "";
  background: #f67495;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide:after {
  content: "";
  background: #C40D3C;
  height: 3px;
  position: absolute;
  top: 50%;
  width: 0;
  right: 0;
  transform: translate(0, -50%)
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide.swiper-slide-thumb-active .dot {
  background: #f67495;
  border-bottom-left-radius: 4px;
  transform: rotate(-45deg)
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide.swiper-slide-thumb-active .dot:after {
  background: #f67495 !important
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide.swiper-slide-thumb-active .date {
  color: #C40D3C
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide.swiper-slide-thumb-active ~ .swiper-slide .dot {
  background: #C40D3C
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide.swiper-slide-thumb-active ~ .swiper-slide:after {
  width: 100%
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide:nth-child(1) span {
  display: block;
  width: 11px;
  height: 11px;
  background: #f67495;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 2rem
}

.page.history-type2 .history-list .swiper-history-time-line .swiper-slide:nth-last-child(1) span {
  display: block;
  width: 11px;
  height: 11px;
  background: #C40D3C;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  border-radius: 2rem
}

.page.history-type2 .history-list .swiper-history-text .swiper-slide h2 {
  color: #231F20;
  font-size: 1.5rem;
  margin-bottom: 1rem
}

.page.history-type2 .history-list .swiper-history-text .swiper-slide p {
  color: #231F20;
  font-size: 1rem;
  margin-bottom: 0
}

.page.history-type2 .history-list .swiper-history-text .swiper-slide p+p {
  margin-top: 1rem
}

.page.history-type3 .history-list {
  border-bottom: 1px dashed #1EA5DD
}

.page.history-type3 .history-list ul {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  border-left: 1px dashed #1EA5DD;
  padding-bottom: .1rem
}

.page.history-type3 .history-list ul li {
  margin-bottom: 5rem;
  position: relative
}

.page.history-type3 .history-list ul li .text {
  border: 1px solid #A0C9DA;
  border-radius: 2rem;
  padding: 1rem;
  margin-left: 160px;
  position: relative;
  z-index: 10;
  background: #fff
}

.page.history-type3 .history-list ul li .text p {
  font-size: .875rem;
  color: #000;
  margin-bottom: 0
}

.page.history-type3 .history-list ul li .text p span {
  display: inline-block;
  padding: 0 .5rem
}

.page.history-type3 .history-list ul li .line {
  height: 1px;
  width: 100%;
  background: #A0C9DA;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 5
}

.page.history-type3 .history-list ul li .line:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translate(0, -50%);
  background: #A0C9DA;
  border-radius: 1rem
}

.page.history-type3 .history-list ul li .circle {
  padding: 7px;
  border: 1px solid #A0C9DA;
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 10rem;
  z-index: 7;
  background: #fff
}

.page.history-type3 .history-list ul li .circle:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  border-radius: 1rem;
  background: #A0C9DA
}

.page.history-type3 .history-list ul li .circle:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: -2px;
  left: -1px;
  right: -1px;
  background: #fff;
  z-index: -1
}

.page.history-type3 .history-list ul li .circle .date {
  height: 71px;
  width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EEF7FA;
  border: 1px solid #1EA5DD;
  border-radius: 10rem;
  color: #1EA5DD
}

.page.history-type3 .history-list ul li:nth-child(1):before {
  content: "";
  position: absolute;
  width: 2px;
  background: #fff;
  height: 50%;
  top: 0;
  left: -1px
}

.page.history-type3 .history-list-centered {
  display: flex;
  justify-content: center;
  position: relative
}

.page.history-type3 .history-list-centered .text {
  margin-left: 15px;
  margin-top: 190px;
  width: 320px;
  max-width: 100%;
  border: 1px solid #A0C9DA;
  border-radius: 2rem;
  padding: 1rem;
  position: relative;
  z-index: 10;
  background: #fff
}

.page.history-type3 .history-list-centered .text p {
  font-size: .875rem;
  color: #000
}

.page.history-type3 .history-list-centered .text p span {
  display: inline-block;
  padding: 0 3rem
}

.page.history-type3 .history-list-centered .line {
  margin-left: 15px;
  width: 1px;
  height: 80%;
  background: #A0C9DA;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 5
}

.page.history-type3 .history-list-centered .line:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: -4px;
  transform: translate(-50%, 0);
  background: #2A435B;
  border-radius: 1rem
}

.page.history-type3 .history-list-centered .circle {
  margin-left: 15px;
  padding: 7px;
  border: 1px solid #A0C9DA;
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translate(-50%, 0);
  border-radius: 10rem;
  z-index: 7;
  background: #fff
}

.page.history-type3 .history-list-centered .circle:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translate(-50%, 50%);
  border-radius: 1rem;
  background: #A0C9DA
}

.page.history-type3 .history-list-centered .circle:after {
  content: "";
  position: absolute;
  width: 44px;
  bottom: -1px;
  left: -2px;
  top: -1px;
  background: #fff;
  z-index: -1
}

.page.history-type3 .history-list-centered .circle .in-circle {
  font-size: 2.5rem;
  letter-spacing: -5px;
  padding-bottom: .5rem;
  padding-right: .2rem;
  font-weight: bold;
  height: 71px;
  width: 71px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2A435B;
  border: 1px solid #1EA5DD;
  border-radius: 10rem;
  color: #fff
}

.page.history-type4 {
  position: relative
}

.page.history-type4:before {
  content: "";
  position: absolute;
  bottom: 105px;
  left: 0;
  width: 100%;
  background: #DDDDDD;
  height: 6px
}

.page.history-type4 .history-list {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden
}

.page.history-type4 .history-list::-webkit-scrollbar {
  width: 0;
  height: 0
}

.page.history-type4 .history-list::-webkit-scrollbar-track {
  background: #ececec
}

.page.history-type4 .history-list::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.1)
}

.page.history-type4 .history-list .timeline-wrapper {
  display: flex;
  width: 1500px;
  padding: 2rem 0 6.5rem
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item {
  flex: 0 0 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  transition: .9s
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item .explanation {
  text-align: center;
  opacity: 0;
  transform: scale(0.2);
  pointer-events: none;
  transition: .9s;
  min-height: 120px
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item .explanation p {
  font-size: 1rem;
  color: #000
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item .explanation h2 {
  font-size: 1.25rem;
  color: #000
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item .dot {
  cursor: pointer;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: -33px;
  background: #fff;
  transition: .9s;
  border: 4px solid #EC2127;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  transform: translate(0%, -100%)
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item .dot .date {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
  transition: .4s
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active {
  flex: 0 0 500px
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active .explanation {
  opacity: 1;
  transform: scale(1)
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active .dot {
  border-color: #EC2127;
  width: 6rem;
  height: 6rem;
  margin-top: 0
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active .dot .date {
  right: 50%;
  transform: translate(50%, -50%);
  opacity: 1
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active ~ .timeline-item {
  flex: 0 0 200px
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active ~ .timeline-item .dot {
  border-color: #a2a2a2
}

.page.history-type4 .history-list .timeline-wrapper .timeline-item.active ~ .timeline-item .dot .date {
  opacity: 1
}

.page.history-type4 .history-list .timeline-wrapper .split-line {
  display: block;
  position: absolute;
  left: 0;
  height: 6px;
  width: 1000vw;
  bottom: 45px
}

.page.history-type4 .history-list .timeline-wrapper .split-line span {
  width: 248px;
  background: #EC2127;
  height: 6px;
  position: absolute;
  left: 0;
  transition: .9s
}

.contact.contact1 .address-information h4 {
  color: #07101b;
  margin-bottom: 2rem;
  text-align: center
}

.contact.contact1 .address-information ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.contact.contact1 .address-information ul li .icon {
  flex: 0 0 32px;
  max-width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #07101b;
  border-radius: .25rem;
  margin-bottom: 1rem
}

.contact.contact1 .address-information ul li .icon i {
  color: #fff
}

.contact.contact1 .address-information ul li .text {
  flex: 0 0 calc(100% - 32px);
  padding-left: .5rem;
  margin-bottom: 1rem
}

.contact.contact1 .address-information ul li .text p {
  color: #07101b;
  margin-bottom: 0
}

.contact.contact1 .address-information ul li .text p .address-provincial-districts {
  display: block
}

.contact.contact1 .address-information ul li .text p strong {
  font-size: 1.25rem
}

.contact.contact1 .address-information ul li .text a {
  display: block;
  color: #07101b
}

.contact.contact1 .address-information ul li .text a:hover {
  text-decoration: underline
}

.contact.contact1 .form-group .input-group .input-group-prepend {
  flex: 0 0 calc(33% + 6px);
  max-width: calc(33% + 6px)
}

.contact.contact1 .form-group .input-group .input-group-prepend .input-group-text {
  flex: 0 0 100%
}

.contact.contact2 .address-information {
  margin-bottom: 1rem
}

.contact.contact2 .address-information .lead {
  color: #07101b;
  margin-bottom: 2rem;
  text-align: center
}

.contact.contact2 .address-information .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.contact.contact2 .address-information .item .icon {
  flex: 0 0 32px;
  max-width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #07101b;
  border-radius: .25rem;
  margin-bottom: 1rem
}

.contact.contact2 .address-information .item .icon i {
  color: #fff
}

.contact.contact2 .address-information .item .text {
  flex: 0 0 calc(100% - 32px);
  padding-left: .5rem;
  margin-bottom: 1rem
}

.contact.contact2 .address-information .item .text p {
  color: #07101b;
  margin-bottom: 0
}

.contact.contact2 .address-information .item .text p .address-provincial-districts {
  display: block
}

.contact.contact2 .address-information .item .text p strong {
  font-size: 1.25rem
}

.contact.contact2 .address-information .item .text a {
  display: block;
  color: #07101b
}

.contact.contact2 .address-information .item .text a:hover {
  text-decoration: underline
}

.contact.contact2 .address-information.dark-mode .item .icon {
  background: rgba(0,0,0,0)
}

.contact.contact2 .address-information.dark-mode .item .icon i {
  color: #07101b
}

.contact.contact2 .address-information.dark-mode .item .text h5 {
  color: #ececec
}

.contact.contact2 .address-information.dark-mode .item .text p {
  color: #ececec
}

.contact.contact2 .address-information.dark-mode .item .text a {
  color: #ececec
}

.contact.contact3 .address-information p {
  color: #07101b
}

.contact.contact3 .address-information p .address-provincial-districts {
  display: block
}

.contact.contact3 .address-information p strong {
  font-size: 1.25rem
}

.contact.contact3 .address-information a {
  color: #07101b
}

.contact.contact3 .address-information a:hover {
  text-decoration: underline
}

.contact.contact4 .contact-information {
  margin-bottom: 40px
}

.contact.contact4 .contact-information ul li+li {
  margin-top: 30px
}

.contact.contact4 .contact-information .address-information li {
  display: flex;
  flex-wrap: wrap
}

.contact.contact4 .contact-information .address-information li .icon {
  flex: 0 0 48px;
  max-width: 48px;
  height: 48px;
  display: flex;
  background: #07101b;
  border-radius: .5rem;
  align-items: center;
  justify-content: center
}

.contact.contact4 .contact-information .address-information li .icon i {
  color: #fff
}

.contact.contact4 .contact-information .address-information li .text {
  flex: 0 0 calc(100% - 48px);
  max-width: calc(100% - 48px);
  padding: 0 1rem
}

.contact.contact4 .contact-information .address-information li .text h6 {
  color: #07101b
}

.contact.contact4 .contact-information .address-information li .text p {
  color: #07101b;
  margin-bottom: 0
}

.contact.contact4 .contact-information .address-information li .text a {
  color: #07101b
}

.contact.contact4 .form-group .input-group .input-group-prepend {
  flex: 0 0 calc(25% + 6px);
  max-width: calc(25% + 6px)
}

.contact.contact4 .form-group .input-group .input-group-prepend .input-group-text {
  flex: 0 0 100%
}

.contact.contact5 .contact-bottom {
  max-width: 800px;
  margin: -4.5rem auto 4.5rem;
  background: #fff;
  box-shadow: 0 13px 29px rgba(34,82,139,0.05);
  padding: 4.5rem;
  position: relative
}

.contact.contact5 .contact-bottom form {
  padding: 2.25rem 2.25rem 0;
  box-shadow: 0 4px 16px rgba(0,39,255,0.1)
}

.contact.contact5 .contact-bottom form .form-group {
  text-align: center
}

.contact.contact5 .contact-bottom form .form-group input.form-control {
  border: none;
  border-bottom: 1px solid #4A62EA;
  color: #4A62EA;
  border-radius: 0;
  padding-left: 0
}

.contact.contact5 .contact-bottom form .form-group input.form-control::placeholder {
  color: #4A62EA
}

.contact.contact5 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #4A62EA;
  color: #4A62EA;
  border-radius: 0;
  min-height: 6rem;
  padding-left: 0
}

.contact.contact5 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #4A62EA
}

.contact.contact5 .contact-bottom form .form-group button,.contact.contact5 .contact-bottom form .form-group input[type="submit"] {
  transform: translateY(50%);
  border-radius: 2rem;
  background: #4A62EA;
  color: #fff;
  text-align: center;
  padding: .5rem 2rem;
  margin: 0 auto;
  display: inline-block;
  border: none
}

.contact.contact5 .contact-bottom .contact-information {
  text-align: center
}

.contact.contact5 .contact-bottom .contact-information h2 {
  font-size: 20px;
  font-weight: bold;
  color: #000
}

.contact.contact5 .contact-bottom .contact-information p {
  font-size: 14px;
  color: #bfbfbf
}

.contact.contact5 .contact-bottom .contact-information .address {
  margin-bottom: 2rem
}

.contact.contact5 .contact-bottom .contact-information .address .icon svg {
  display: inline-block;
  margin-bottom: 1rem
}

.contact.contact5 .contact-bottom .contact-information .address .icon svg path {
  color: #4A62EA
}

.contact.contact5 .contact-bottom .contact-information .address p {
  color: #6e6e6e;
  font-size: 14px;
  margin: 0
}

.contact.contact5 .contact-bottom .contact-information .info-box {
  float: left;
  width: 50%;
  box-sizing: border-box
}

.contact.contact5 .contact-bottom .contact-information .info-box .icon svg {
  display: inline-block;
  margin-bottom: 1rem;
  height: 20px
}

.contact.contact5 .contact-bottom .contact-information .info-box .icon svg path {
  color: #4A62EA
}

.contact.contact5 .contact-bottom .contact-information .info-box p {
  color: #6e6e6e;
  font-size: 14px;
  margin: 0
}

.contact.contact5 .contact-bottom .contact-information .info-box p a {
  color: #6e6e6e
}

.contact.contact5 .contact-bottom .contact-information .info-box+.info-box {
  border-left: 1px solid #F1F1F1
}

.contact.contact6 .contact-bottom {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 160px
}

.contact.contact6 .contact-bottom .contact-information h2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative
}

.contact.contact6 .contact-bottom .contact-information h2:before {
  content: "";
  display: block;
  position: absolute;
  background: #8DA7B1;
  width: 90px;
  height: 1px;
  left: -160px;
  top: 1rem
}

.contact.contact6 .contact-bottom .contact-information p {
  font-size: 17px;
  color: #A2A2A2;
  margin-bottom: 2rem
}

.contact.contact6 .contact-bottom .contact-list ul li {
  padding: 2rem 0
}

.contact.contact6 .contact-bottom .contact-list ul li p {
  display: flex;
  margin: 0;
  padding: 1rem 0
}

.contact.contact6 .contact-bottom .contact-list ul li p strong {
  font-size: 25px;
  min-width: 9rem;
  color: #000;
  line-height: 15px
}

.contact.contact6 .contact-bottom .contact-list ul li p span.mdi {
  min-width: 5rem;
  color: #172457
}

.contact.contact6 .contact-bottom .contact-list ul li p span.text {
  width: calc(100% - 14rem);
  font-size: 15px;
  color: #5C5A5A
}

.contact.contact6 .contact-bottom .contact-list ul li p a,.contact.contact6 .contact-bottom .contact-list ul li p b {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  color: #5C5A5A;
  line-height: 18px
}

.contact.contact6 .contact-bottom .contact-list ul li+li {
  border-top: 1px solid #BEBEBE
}

.contact.contact6 .contact-bottom form .form-group {
  position: relative
}

.contact.contact6 .contact-bottom form .form-group .icon {
  position: absolute;
  left: 0;
  top: 5px
}

.contact.contact6 .contact-bottom form .form-group input.form-control,.contact.contact6 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  border-radius: 0;
  padding-left: 2rem;
  padding-top: 18px;
  padding-bottom: 22px;
  margin-bottom: 2rem;
  outline: none;
  outline-color: rgba(0,0,0,0);
  box-shadow: none
}

.contact.contact6 .contact-bottom form .form-group input.form-control::placeholder,.contact.contact6 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact6 .contact-bottom form .form-group textarea.form-control {
  height: 10rem;
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  padding: 8px 1rem 0 2rem
}

.contact.contact6 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact6 .contact-bottom form .form-group button,.contact.contact6 .contact-bottom form .form-group input[type="button"],.contact.contact6 .contact-bottom form .form-group input[type="submit"] {
  border: none;
  border-bottom: 4px solid #E7F5F7;
  padding: .5rem 1rem;
  background: rgba(0,0,0,0);
  color: #000;
  padding: .5rem 2rem;
  font-weight: bold;
  outline: none;
  outline-color: rgba(0,0,0,0)
}

.contact.contact6 .contact-bottom-border-radius form .form-group .icon {
  left: 1rem
}

.contact.contact6 .contact-bottom-border-radius form .form-group input.form-control,.contact.contact6 .contact-bottom-border-radius form .form-group textarea.form-control {
  background: #FAFAFA;
  border-radius: 23px;
  border: 1px solid #DBDBDB;
  padding-left: 3rem
}

.contact.contact7 .contact-bottom .contact-information h2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative
}

.contact.contact7 .contact-bottom .contact-information p {
  font-size: 17px;
  color: #A2A2A2;
  margin-bottom: 2rem
}

.contact.contact7 .contact-bottom .contact-list ul li {
  padding: 2rem 0
}

.contact.contact7 .contact-bottom .contact-list ul li p {
  display: flex;
  margin: 0;
  padding: 1rem 0
}

.contact.contact7 .contact-bottom .contact-list ul li p svg {
  min-width: 6rem;
  padding-right: 4rem
}

.contact.contact7 .contact-bottom .contact-list ul li p span.mdi {
  min-width: 5rem;
  color: #A9BA9C;
  font-size: 1.25rem
}

.contact.contact7 .contact-bottom .contact-list ul li p span.text {
  width: calc(100% - 14rem);
  font-size: 15px;
  color: #5C5A5A
}

.contact.contact7 .contact-bottom .contact-list ul li p a,.contact.contact7 .contact-bottom .contact-list ul li p b {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  color: #5C5A5A;
  line-height: 18px
}

.contact.contact7 .contact-bottom .contact-list ul li:nth-child(1) {
  padding-top: 0
}

.contact.contact7 .contact-bottom .contact-list ul li:nth-child(1) p {
  padding-top: 0
}

.contact.contact7 .contact-bottom .contact-list ul li+li {
  border-top: 1px solid #ECF5EC
}

.contact.contact7 .contact-bottom form .form-group {
  position: relative
}

.contact.contact7 .contact-bottom form .form-group .icon {
  position: absolute;
  left: 0;
  top: 5px
}

.contact.contact7 .contact-bottom form .form-group input.form-control,.contact.contact7 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  border-radius: 0;
  padding-left: 2rem;
  padding-top: 18px;
  padding-bottom: 22px;
  margin-bottom: 2rem;
  outline: none;
  outline-color: rgba(0,0,0,0);
  box-shadow: none
}

.contact.contact7 .contact-bottom form .form-group input.form-control::placeholder,.contact.contact7 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact7 .contact-bottom form .form-group textarea.form-control {
  height: 10rem;
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  padding: 8px 1rem 0 2rem
}

.contact.contact7 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact7 .contact-bottom form .form-group button,.contact.contact7 .contact-bottom form .form-group input[type="button"],.contact.contact7 .contact-bottom form .form-group input[type="submit"] {
  border: none;
  border-bottom: 4px solid #E7F5F7;
  padding: .5rem 1rem;
  background: rgba(0,0,0,0);
  color: #000;
  padding: .5rem 2rem;
  font-weight: bold;
  outline: none;
  outline-color: rgba(0,0,0,0)
}

.contact.contact7 .contact-bottom-border-radius form .form-group .icon {
  left: 1rem
}

.contact.contact7 .contact-bottom-border-radius form .form-group input.form-control,.contact.contact7 .contact-bottom-border-radius form .form-group textarea.form-control {
  background: #FAFAFA;
  border-radius: 23px;
  border: 1px solid #DBDBDB;
  padding-left: 3rem
}

.contact.contact8 .contact-bottom {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 160px
}

.contact.contact8 .contact-bottom .contact-information h2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative
}

.contact.contact8 .contact-bottom .contact-information h2:before {
  content: "";
  display: block;
  position: absolute;
  background: #8DA7B1;
  width: 90px;
  height: 1px;
  left: -160px;
  top: 1rem
}

.contact.contact8 .contact-bottom .contact-information p {
  font-size: 17px;
  color: #A2A2A2;
  margin-bottom: 2rem
}

.contact.contact8 .contact-bottom .contact-list ul li {
  padding: 2rem 0
}

.contact.contact8 .contact-bottom .contact-list ul li p {
  display: flex;
  margin: 0;
  padding: 1rem 0
}

.contact.contact8 .contact-bottom .contact-list ul li p strong {
  font-size: 25px;
  min-width: 9rem;
  color: #000;
  line-height: 15px
}

.contact.contact8 .contact-bottom .contact-list ul li p span.mdi {
  min-width: 5rem;
  color: #172457
}

.contact.contact8 .contact-bottom .contact-list ul li p span.text {
  width: calc(100% - 14rem);
  font-size: 15px;
  color: #5C5A5A
}

.contact.contact8 .contact-bottom .contact-list ul li p a,.contact.contact8 .contact-bottom .contact-list ul li p b {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  color: #5C5A5A;
  line-height: 18px
}

.contact.contact8 .contact-bottom .contact-list ul li+li {
  border-top: 1px solid #BEBEBE
}

.contact.contact8 .contact-bottom form .form-group {
  position: relative
}

.contact.contact8 .contact-bottom form .form-group .icon {
  position: absolute;
  left: 0;
  top: 5px
}

.contact.contact8 .contact-bottom form .form-group input.form-control,.contact.contact8 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  border-radius: 0;
  padding-left: 2rem;
  padding-top: 18px;
  padding-bottom: 22px;
  margin-bottom: 2rem;
  outline: none;
  outline-color: rgba(0,0,0,0);
  box-shadow: none
}

.contact.contact8 .contact-bottom form .form-group input.form-control::placeholder,.contact.contact8 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact8 .contact-bottom form .form-group textarea.form-control {
  height: 10rem;
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  padding: 8px 1rem 0 2rem
}

.contact.contact8 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact8 .contact-bottom form .form-group button,.contact.contact8 .contact-bottom form .form-group input[type="button"],.contact.contact8 .contact-bottom form .form-group input[type="submit"] {
  border: none;
  border-bottom: 4px solid #E7F5F7;
  padding: .5rem 1rem;
  background: rgba(0,0,0,0);
  color: #000;
  padding: .5rem 2rem;
  font-weight: bold;
  outline: none;
  outline-color: rgba(0,0,0,0)
}

.contact.contact8 .contact-bottom-border-radius form .form-group .icon {
  left: 1rem
}

.contact.contact8 .contact-bottom-border-radius form .form-group input.form-control,.contact.contact8 .contact-bottom-border-radius form .form-group textarea.form-control {
  background: #FAFAFA;
  border-radius: 23px;
  border: 1px solid #DBDBDB;
  padding-left: 3rem
}

.contact.contact9 .contact-bottom .contact-information h2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative
}

.contact.contact9 .contact-bottom .contact-information p {
  font-size: 17px;
  color: #A2A2A2;
  margin-bottom: 2rem
}

.contact.contact9 .contact-bottom .contact-list ul li {
  padding: 2rem 0
}

.contact.contact9 .contact-bottom .contact-list ul li p {
  display: flex;
  margin: 0;
  padding: 1rem 0
}

.contact.contact9 .contact-bottom .contact-list ul li p svg {
  min-width: 6rem;
  padding-right: 4rem
}

.contact.contact9 .contact-bottom .contact-list ul li p span.mdi {
  min-width: 5rem;
  color: #A9BA9C;
  font-size: 1.25rem
}

.contact.contact9 .contact-bottom .contact-list ul li p span.text {
  width: calc(100% - 14rem);
  font-size: 15px;
  color: #5C5A5A
}

.contact.contact9 .contact-bottom .contact-list ul li p a,.contact.contact9 .contact-bottom .contact-list ul li p b {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  color: #5C5A5A;
  line-height: 18px
}

.contact.contact9 .contact-bottom .contact-list ul li:nth-child(1) {
  padding-top: 0
}

.contact.contact9 .contact-bottom .contact-list ul li:nth-child(1) p {
  padding-top: 0
}

.contact.contact9 .contact-bottom .contact-list ul li+li {
  border-top: 1px solid #ECF5EC
}

.contact.contact9 .contact-bottom form .form-group {
  position: relative
}

.contact.contact9 .contact-bottom form .form-group .icon {
  position: absolute;
  left: 0;
  top: 5px
}

.contact.contact9 .contact-bottom form .form-group input.form-control,.contact.contact9 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  border-radius: 0;
  padding-left: 2rem;
  padding-top: 18px;
  padding-bottom: 22px;
  margin-bottom: 2rem;
  outline: none;
  outline-color: rgba(0,0,0,0);
  box-shadow: none
}

.contact.contact9 .contact-bottom form .form-group input.form-control::placeholder,.contact.contact9 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact9 .contact-bottom form .form-group textarea.form-control {
  height: 10rem;
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  padding: 8px 1rem 0 2rem
}

.contact.contact9 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact9 .contact-bottom form .form-group button,.contact.contact9 .contact-bottom form .form-group input[type="button"],.contact.contact9 .contact-bottom form .form-group input[type="submit"] {
  border: none;
  border-bottom: 4px solid #E7F5F7;
  padding: .5rem 1rem;
  background: rgba(0,0,0,0);
  color: #000;
  padding: .5rem 2rem;
  font-weight: bold;
  outline: none;
  outline-color: rgba(0,0,0,0)
}

.contact.contact9 .contact-bottom-border-radius form .form-group .icon {
  left: 1rem
}

.contact.contact9 .contact-bottom-border-radius form .form-group input.form-control,.contact.contact9 .contact-bottom-border-radius form .form-group textarea.form-control {
  background: #FAFAFA;
  border-radius: 23px;
  border: 1px solid #DBDBDB;
  padding-left: 3rem
}

.contact.contact10 .contact-bottom .contact-side {
  padding-right: 1rem
}

.contact.contact10 .contact-bottom .contact-side .head h2 {
  font-size: 25px;
  color: #000;
  font-weight: bold
}

.contact.contact10 .contact-bottom .contact-side ul li a {
  position: relative;
  display: block;
  font-size: 17px;
  color: #A2A2A2;
  padding: 1rem 0
}

.contact.contact10 .contact-bottom .contact-side ul li a svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.contact.contact10 .contact-bottom .contact-side ul li+li {
  border-top: 1px solid rgba(0,0,0,0.1)
}

.contact.contact10 .contact-bottom .contact-information {
  padding-left: 3rem
}

@media only screen and (max-width: 767px) {
  .contact.contact10 .contact-bottom .contact-information {
      padding-left:0
  }
}

.contact.contact10 .contact-bottom .contact-information h2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative
}

.contact.contact10 .contact-bottom .contact-information p {
  font-size: 17px;
  color: #A2A2A2;
  margin-bottom: 2rem
}

.contact.contact10 .contact-bottom .contact-list {
  padding-left: 3rem
}

@media only screen and (max-width: 767px) {
  .contact.contact10 .contact-bottom .contact-list {
      padding-left:0
  }
}

.contact.contact10 .contact-bottom .contact-list ul li {
  padding: 2rem 0
}

.contact.contact10 .contact-bottom .contact-list ul li p {
  display: flex;
  margin: 0;
  padding: 1rem 0
}

.contact.contact10 .contact-bottom .contact-list ul li p svg {
  min-width: 6rem;
  padding-right: 4rem
}

.contact.contact10 .contact-bottom .contact-list ul li p span.mdi {
  min-width: 5rem;
  color: #A9BA9C;
  font-size: 1.25rem
}

.contact.contact10 .contact-bottom .contact-list ul li p span.text {
  width: calc(100% - 14rem);
  font-size: 15px;
  color: #5C5A5A
}

.contact.contact10 .contact-bottom .contact-list ul li p a,.contact.contact10 .contact-bottom .contact-list ul li p b {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  color: #5C5A5A;
  line-height: 18px
}

.contact.contact10 .contact-bottom .contact-list ul li:nth-child(1) {
  padding-top: 0
}

.contact.contact10 .contact-bottom .contact-list ul li:nth-child(1) p {
  padding-top: 0
}

.contact.contact10 .contact-bottom .contact-list ul li+li {
  border-top: 1px solid #ECF5EC
}

.contact.contact10 .contact-bottom form {
  padding-left: 3rem
}

@media only screen and (max-width: 767px) {
  .contact.contact10 .contact-bottom form {
      padding-left:0
  }
}

.contact.contact10 .contact-bottom form .form-group {
  position: relative
}

.contact.contact10 .contact-bottom form .form-group .icon {
  position: absolute;
  left: 0;
  top: 5px
}

.contact.contact10 .contact-bottom form .form-group input.form-control,.contact.contact10 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  border-radius: 0;
  padding-left: 2rem;
  padding-top: 18px;
  padding-bottom: 22px;
  margin-bottom: 2rem;
  outline: none;
  outline-color: rgba(0,0,0,0);
  box-shadow: none
}

.contact.contact10 .contact-bottom form .form-group input.form-control::placeholder,.contact.contact10 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact10 .contact-bottom form .form-group textarea.form-control {
  height: 10rem;
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  padding: 8px 1rem 0 2rem
}

.contact.contact10 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact10 .contact-bottom form .form-group button,.contact.contact10 .contact-bottom form .form-group input[type="button"],.contact.contact10 .contact-bottom form .form-group input[type="submit"] {
  border: none;
  border-bottom: 4px solid #E7F5F7;
  padding: .5rem 1rem;
  background: rgba(0,0,0,0);
  color: #000;
  padding: .5rem 2rem;
  font-weight: bold;
  outline: none;
  outline-color: rgba(0,0,0,0)
}

.contact.contact10 .contact-bottom-border-radius form .form-group .icon {
  left: 1rem
}

.contact.contact10 .contact-bottom-border-radius form .form-group input.form-control,.contact.contact10 .contact-bottom-border-radius form .form-group textarea.form-control {
  background: #FAFAFA;
  border-radius: 23px;
  border: 1px solid #DBDBDB;
  padding-left: 3rem
}

.contact.contact11 .contact-top {
  position: relative
}

.contact.contact11 .contact-bottom {
  position: relative;
  padding-top: 7.5rem
}

.contact.contact11 .contact-bottom .contact-up-side {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%)
}

.contact.contact11 .contact-bottom .contact-up-side ul {
  border-radius: 27px;
  box-shadow: 0 23px 46px rgba(0,0,0,0.1);
  display: flex;
  flex-wrap: wrap
}

.contact.contact11 .contact-bottom .contact-up-side ul li {
  text-align: center
}

.contact.contact11 .contact-bottom .contact-up-side ul li a {
  font-size: 15px;
  color: #707070;
  display: block;
  padding: .75rem 1rem;
  min-width: 160px;
  background: #fff
}

.contact.contact11 .contact-bottom .contact-up-side ul li.active a,.contact.contact11 .contact-bottom .contact-up-side ul li:hover a {
  font-weight: bold
}

.contact.contact11 .contact-bottom .contact-up-side ul li:nth-child(1) a {
  border-top-left-radius: 27px;
  border-bottom-left-radius: 27px
}

.contact.contact11 .contact-bottom .contact-up-side ul li:nth-last-child(1) a {
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px
}

.contact.contact11 .contact-bottom .contact-up-side ul li+li a {
  border-left: 1px solid #E8E8E8
}

.contact.contact11 .contact-bottom .contact-information h2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 2rem;
  position: relative
}

.contact.contact11 .contact-bottom .contact-information p {
  font-size: 17px;
  color: #A2A2A2;
  margin-bottom: 2rem
}

.contact.contact11 .contact-bottom .contact-list ul li {
  padding: 2rem 0
}

.contact.contact11 .contact-bottom .contact-list ul li p {
  display: flex;
  margin: 0;
  padding: 1rem 0
}

.contact.contact11 .contact-bottom .contact-list ul li p svg {
  min-width: 6rem;
  padding-right: 4rem
}

.contact.contact11 .contact-bottom .contact-list ul li p span.mdi {
  min-width: 5rem;
  color: #A9BA9C;
  font-size: 1.25rem
}

.contact.contact11 .contact-bottom .contact-list ul li p span.text {
  width: calc(100% - 14rem);
  font-size: 15px;
  color: #5C5A5A
}

.contact.contact11 .contact-bottom .contact-list ul li p a,.contact.contact11 .contact-bottom .contact-list ul li p b {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: normal;
  color: #5C5A5A;
  line-height: 18px
}

.contact.contact11 .contact-bottom .contact-list ul li:nth-child(1) {
  padding-top: 0
}

.contact.contact11 .contact-bottom .contact-list ul li:nth-child(1) p {
  padding-top: 0
}

.contact.contact11 .contact-bottom .contact-list ul li+li {
  border-top: 1px solid #ECF5EC
}

.contact.contact11 .contact-bottom form .form-group {
  position: relative
}

.contact.contact11 .contact-bottom form .form-group .icon {
  position: absolute;
  left: 0;
  top: 5px
}

.contact.contact11 .contact-bottom form .form-group input.form-control,.contact.contact11 .contact-bottom form .form-group textarea.form-control {
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  border-radius: 0;
  padding-left: 2rem;
  padding-top: 18px;
  padding-bottom: 22px;
  margin-bottom: 2rem;
  outline: none;
  outline-color: rgba(0,0,0,0);
  box-shadow: none
}

.contact.contact11 .contact-bottom form .form-group input.form-control::placeholder,.contact.contact11 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact11 .contact-bottom form .form-group textarea.form-control {
  height: 10rem;
  border: none;
  border-bottom: 1px solid #909090;
  color: #909090;
  padding: 8px 1rem 0 2rem
}

.contact.contact11 .contact-bottom form .form-group textarea.form-control::placeholder {
  color: #909090
}

.contact.contact11 .contact-bottom form .form-group button,.contact.contact11 .contact-bottom form .form-group input[type="button"],.contact.contact11 .contact-bottom form .form-group input[type="submit"] {
  border: none;
  border-bottom: 4px solid #E7F5F7;
  padding: .5rem 1rem;
  background: rgba(0,0,0,0);
  color: #000;
  padding: .5rem 2rem;
  font-weight: bold;
  outline: none;
  outline-color: rgba(0,0,0,0)
}

.contact.contact11 .contact-bottom-border-radius form .form-group .icon {
  left: 1rem
}

.contact.contact11 .contact-bottom-border-radius form .form-group input.form-control,.contact.contact11 .contact-bottom-border-radius form .form-group textarea.form-control {
  background: #FAFAFA;
  border-radius: 23px;
  border: 1px solid #DBDBDB;
  padding-left: 3rem
}

.footer.footer-type-1 {
  width: 100%;
  overflow: hidden
}

.footer.footer-type-1 .footer-top {
  position: relative;
  background: #363133;
  padding: 50px 0
}

.footer.footer-type-1 .footer-top .footer-top-left {
  padding-right: 20%
}

.footer.footer-type-1 .footer-top .footer-top-left:before {
  content: "";
  background: #E5E0D5;
  position: absolute;
  top: -50px;
  bottom: -50px;
  right: 0;
  width: 100vw
}

.footer.footer-type-1 .footer-top .footer-top-left>* {
  position: relative
}

.footer.footer-type-1 .footer-top .footer-top-left .footer-explanation p {
  color: #A2A2A2;
  font-size: .875rem;
  line-height: 1rem
}

.footer.footer-type-1 .footer-top .footer-top-left .footer-social a {
  color: #363133
}

.footer.footer-type-1 .footer-top .footer-top-left .footer-social a:hover {
  color: #6b6266
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-1 .footer-top .footer-top-left {
      padding-right:10%
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-1 .footer-top .footer-top-left {
      padding-right:0;
      padding-bottom: 50px;
      text-align: center
  }

  .footer.footer-type-1 .footer-top .footer-top-left:before {
      bottom: 0;
      width: 140vw;
      right: -20vw
  }

  .footer.footer-type-1 .footer-top .footer-top-left .footer-logo {
      margin: 0 auto 20px
  }
}

.footer.footer-type-1 .footer-top .footer-top-right {
  padding-left: 20%;
  height: 100%
}

.footer.footer-type-1 .footer-top .footer-top-right>.row {
  height: 100%;
  align-items: center
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container {
  margin-bottom: 0
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li .footer-menu-head {
  color: #A3A1A2
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li .footer-menu-list li a {
  color: #A3A1A2
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li .footer-menu-list li a:hover {
  color: #d5d5d5
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li .footer-menu-head {
      text-align:center;
      margin-bottom: 0
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li .footer-menu-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-menu ol.footer-menu-container li .footer-menu-list li {
      flex: 1 1 0;
      text-align: center
  }
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .icon {
  color: #A3A1A2;
  border-color: rgba(0,0,0,0)
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .text {
  display: flex;
  align-items: center
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .text p {
  color: #A3A1A2
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .text a {
  color: #A3A1A2
}

.footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .text a:hover {
  color: #d5d5d5
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li {
      text-align:center;
      margin-bottom: 1rem
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .icon {
      display: none
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .text p {
      flex: 0 0 100%
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li .text p span {
      display: none
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information ul li:nth-last-child(1) {
      margin-bottom: 0
  }
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-1 .footer-top .footer-top-right {
      padding-left:10%
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-1 .footer-top .footer-top-right {
      padding-left:0;
      padding-top: 50px
  }

  .footer.footer-type-1 .footer-top .footer-top-right .footer-contact-information {
      padding-top: 2rem
  }
}

.footer.footer-type-1 .footer-bottom .alysweb {
  display: flex;
  align-items: center
}

.footer.footer-type-1 .footer-bottom .alysweb a {
  font-size: 12px;
  color: #163F6B;
  display: inline-block;
  line-height: 20px;
  position: relative;
  vertical-align: top
}

.footer.footer-type-1 .footer-bottom .alysweb a:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -4px
}

.footer.footer-type-1 .footer-bottom .alysweb a:nth-last-child(1):before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 24px;
  background: rgba(115,130,140,0.3)
}

.footer.footer-type-1 .footer-bottom .alysweb a img {
  display: block;
  width: 65px
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-1 .footer-bottom .d-flex {
      flex-wrap:wrap
  }

  .footer.footer-type-1 .footer-bottom .copyright {
      flex: 0 0 100%;
      padding-bottom: 1rem;
      text-align: center
  }

  .footer.footer-type-1 .footer-bottom .alysweb {
      flex: 0 0 100%;
      justify-content: center
  }
}

.footer.footer-type-2 .footer-top {
  background: #343434;
  padding-top: 50px;
  padding-bottom: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-button {
        display: block;
    }
  .footer.footer-type-2 .footer-top {
      padding-top:30px
  }
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-2 .footer-top {
      padding-top:30px
  }
}

.footer.footer-type-2 .footer-top .footer-top-upper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-logo {
  flex: 0 0 200px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer.footer-type-2 .footer-top .footer-top-upper .footer-logo {
      flex:0 0 100%;
      text-align: center
  }
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-2 .footer-top .footer-top-upper .footer-logo {
      flex:0 0 100%;
      text-align: center
  }
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information {
  flex: 0 0 calc(100% - 250px);
  display: flex;
  align-items: center;
  margin-bottom: 20px
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li {
  padding-left: 1rem;
  margin-bottom: 0
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .icon {
  color: #A2A2A2;
  border-color: rgba(0,0,0,0);
  max-width: 40px
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .icon i {
  font-size: 2.5rem
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .text {
  display: flex;
  align-items: center
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .text p {
  color: #A2A2A2
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .text p a {
  color: #A2A2A2
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .text p:hover a {
  color: #C3A35B
}

.footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li:nth-child(2) {
  flex: 0 0 40%;
  max-width: 40%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information {
      flex:0 0 100%
  }
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information {
      flex:0 0 100%
  }

  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul {
      justify-content: center
  }

  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li {
      flex: 0 0 40%;
      max-width: 40%
  }

  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .icon i {
      font-size: 2rem
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li {
      flex:0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem;
      justify-content: center;
      padding-left: 0
  }

  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li:nth-child(2) {
      flex: 0 0 100%;
      max-width: 100%
  }

  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .text {
      flex: 0 0 auto
  }

  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .text p span {
      display: none
  }
}

@media only screen and (max-width: 480px) {
  .footer.footer-type-2 .footer-top .footer-top-upper .footer-contact-information ul li .icon {
      flex:0 0 100%;
      max-width: 100%;
      margin-bottom: .5rem
  }
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 1rem 0
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container {
  margin-bottom: 0
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-head {
  color: #C3A35B;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
  letter-spacing: 2px
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list {
  display: flex;
  justify-content: center
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li {
  position: relative
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li a {
  color: #fff;
  padding: 1rem 2rem;
  transition: .4s;
  margin-bottom: 0;
  letter-spacing: 1px
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li a:hover {
  color: #C3A35B
}

.footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li+li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: rgba(255,255,255,0.2);
  position: absolute;
  left: -.2rem;
  top: calc(50% - 2px)
}

@media only screen and (max-width: 560px) {
  .footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-head {
      margin-bottom:.5rem;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center
  }

  .footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list {
      flex-wrap: wrap
  }

  .footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center
  }

  .footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li a {
      padding: .75rem 1rem
  }

  .footer.footer-type-2 .footer-top .footer-top-lower .footer-menu ol.footer-menu-container>li .footer-menu-list li+li:before {
      left: calc(50% - 2px);
      top: -.1rem
  }
}

.footer.footer-type-2 .footer-bottom {
  background: #222
}

.footer.footer-type-2 .footer-bottom .copyright p {
  color: #A2A2A2
}

.footer.footer-type-2 .footer-bottom .footer-social a {
  color: #C3A35B;
  font-size: 1.2rem;
  padding: .25rem
}

.footer.footer-type-2 .footer-bottom .footer-social a a:hover {
  color: #ac8a3f
}

.footer.footer-type-2 .footer-bottom .alysweb {
  display: flex;
  align-items: center
}

.footer.footer-type-2 .footer-bottom .alysweb a {
  font-size: 12px;
  color: #A2A2A2;
  display: inline-block;
  line-height: 20px;
  position: relative;
  vertical-align: top
}

.footer.footer-type-2 .footer-bottom .alysweb a:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -4px
}

.footer.footer-type-2 .footer-bottom .alysweb a:nth-last-child(1):before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 24px;
  background: rgba(115,130,140,0.3)
}

.footer.footer-type-2 .footer-bottom .alysweb a img {
  display: block;
  width: 65px
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-2 .footer-bottom .d-flex {
      flex-wrap:wrap;
      justify-content: center !important
  }

  .footer.footer-type-2 .footer-bottom .copyright {
      flex: 0 0 100%;
      margin-bottom: 1rem;
      text-align: center
  }

  .footer.footer-type-2 .footer-bottom .footer-social {
      flex: 0 0 100%;
      margin-bottom: 1rem;
      text-align: center
  }
}

.footer.footer-type-3 {
  background: #fff;
  padding-top: 70px
}

.footer.footer-type-3 .footer-top {
  background: rgba(0,0,0,0);
  background: #2E325B;
  padding-top: 0;
  padding-bottom: 0
}

.footer.footer-type-3 .footer-top .footer-newsletter {
  background: #fff;
  margin: -53px auto 0;
  max-width: 800px;
  width: 100%;
  padding: 15px;
  border-radius: 50px
}

.footer.footer-type-3 .footer-top .footer-newsletter form {
  padding: 1rem;
  justify-content: space-between;
  float: initial;
  background: #2E325B;
  display: flex;
  flex-wrap: wrap;
  border-radius: 50px
}

.footer.footer-type-3 .footer-top .footer-newsletter form .newsletter-input {
  padding-left: 20px;
  height: 38px;
  flex: 0 0 calc(47% - 76px);
  max-width: calc(47% - 76px);
  position: relative
}

.footer.footer-type-3 .footer-top .footer-newsletter form .newsletter-input i {
  color: #fff;
  font-size: 1rem;
  position: absolute;
  left: 20px;
  top: calc(50% - .5rem)
}

.footer.footer-type-3 .footer-top .footer-newsletter form input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1
}

.footer.footer-type-3 .footer-top .footer-newsletter form input[type="text"] {
  background: none;
  height: 38px;
  width: 100%;
  padding-left: 25px;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff
}

.footer.footer-type-3 .footer-top .footer-newsletter form input[type="email"] {
  border: none;
  height: 38px;
  padding-left: 25px;
  border-bottom: 1px solid #fff;
  color: #fff
}

.footer.footer-type-3 .footer-top .footer-newsletter form input[type="submit"] {
  flex: 0 0 152px;
  max-width: 152px;
  position: relative;
  border-radius: 50px;
  color: #2E325B;
  font-size: 1rem;
  height: 43px;
  line-height: 43px;
  font-weight: bold;
  background: #fff
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-3 .footer-top .footer-newsletter form .newsletter-input:nth-of-type(1) {
      display:none
  }

  .footer.footer-type-3 .footer-top .footer-newsletter form .newsletter-input {
      flex: 0 0 calc(100% - 160px);
      max-width: calc(100% - 160px)
  }

  .footer.footer-type-3 .footer-top .footer-newsletter form input[type="email"] {
      width: 100%
  }
}

@media only screen and (max-width: 420px) {
  .footer.footer-type-3 .footer-top .footer-newsletter form {
      justify-content:center
  }

  .footer.footer-type-3 .footer-top .footer-newsletter form .newsletter-input {
      flex: 0 0 90%;
      max-width: 90%;
      margin-bottom: 1rem;
      padding-left: 0
  }

  .footer.footer-type-3 .footer-top .footer-newsletter form .newsletter-input i {
      left: 0
  }

  .footer.footer-type-3 .footer-top .footer-newsletter form input[type="submit"] {
      flex: 0 0 90%;
      max-width: 90%
  }
}

.footer.footer-type-3 .footer-top .footer-top-lower-line {
  padding: 20px 0 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.footer.footer-type-3 .footer-top .footer-top-lower-line>.footer-logo {
  margin-bottom: 0;
  transform: translateY(-0.75rem);
  display: none
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-3 .footer-top .footer-top-lower-line>.footer-logo {
      display:block
  }
}

.footer.footer-type-3 .footer-top .footer-top-lower-line .footer-menu ol.footer-menu-container {
  margin-bottom: 0
}

.footer.footer-type-3 .footer-top .footer-top-lower-line .footer-menu ol.footer-menu-container li .footer-menu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.footer.footer-type-3 .footer-top .footer-top-lower-line .footer-menu ol.footer-menu-container li .footer-menu-list li a {
  margin-bottom: 0;
  color: rgba(255,255,255,0.5);
  font-size: 1rem;
  padding: 1rem 2rem
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-3 .footer-top .footer-top-lower-line .footer-menu ol.footer-menu-container li .footer-menu-list li a {
      padding:.5rem 1rem
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-3 .footer-top .footer-top-lower-line .footer-menu ol.footer-menu-container li .footer-menu-list li .footer-logo {
      display:none
  }
}

@media only screen and (max-width: 560px) {
  .footer.footer-type-3 .footer-top .footer-top-lower-line .footer-menu ol.footer-menu-container li .footer-menu-list li {
      flex:0 0 100%;
      text-align: center
  }
}

.footer.footer-type-3 .footer-centered {
  background: #2a2e54
}

.footer.footer-type-3 .footer-centered .footer-contact-information {
  padding: 1.2rem 0
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li {
  flex: 1 1 0;
  margin-bottom: 0
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li .icon {
  display: none
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li .text {
  flex: 0 0 100%
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li .text p {
  padding-left: 0
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li .text p a {
  display: block;
  color: rgba(255,255,255,0.5);
  font-size: 1.5rem;
  padding: 1rem 4rem
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li:nth-child(1) {
  text-align: right
}

.footer.footer-type-3 .footer-centered .footer-contact-information ul li+li {
  border-left: 1px solid rgba(255,255,255,0.5)
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-3 .footer-centered .footer-contact-information ul li .text p a {
      font-size:1rem;
      padding: 1rem 2.5rem
  }
}

@media only screen and (max-width: 480px) {
  .footer.footer-type-3 .footer-centered .footer-contact-information ul li {
      flex:0 0 auto;
      text-align: center;
      min-width: 51%
  }

  .footer.footer-type-3 .footer-centered .footer-contact-information ul li .text p a {
      padding: 1.5rem 1rem
  }

  .footer.footer-type-3 .footer-centered .footer-contact-information ul li:nth-child(1) {
      text-align: center
  }

  .footer.footer-type-3 .footer-centered .footer-contact-information ul li+li {
      border-left: 0;
      border-top: 1px solid rgba(255,255,255,0.5)
  }
}

.footer.footer-type-3 .footer-bottom {
  background: #2E325B
}

.footer.footer-type-3 .footer-bottom .copyright p {
  color: rgba(255,255,255,0.5)
}

.footer.footer-type-3 .footer-bottom .footer-social a {
  color: rgba(255,255,255,0.5);
  padding: .5rem;
  position: relative
}

.footer.footer-type-3 .footer-bottom .footer-social a+a:before {
  content: "";
  width: 2px;
  height: 2px;
  background: rgba(255,255,255,0.5);
  border-radius: 10px;
  position: absolute;
  left: -1px;
  top: calc(50% - 1px)
}

.footer.footer-type-3 .footer-bottom .alysweb {
  display: flex;
  align-items: center
}

.footer.footer-type-3 .footer-bottom .alysweb a {
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  display: inline-block;
  line-height: 20px;
  position: relative;
  vertical-align: top
}

.footer.footer-type-3 .footer-bottom .alysweb a:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -4px
}

.footer.footer-type-3 .footer-bottom .alysweb a:nth-last-child(1):before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 24px;
  background: rgba(115,130,140,0.3)
}

.footer.footer-type-3 .footer-bottom .alysweb a img {
  display: block;
  width: 65px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer.footer-type-3 .footer-bottom .copyright {
      flex:1 1 auto;
      padding-right: 1rem
  }

  .footer.footer-type-3 .footer-bottom .footer-social {
      flex: 1 1 auto;
      padding: 0 .5rem
  }

  .footer.footer-type-3 .footer-bottom .alysweb {
      flex: 0 0 160px
  }
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-3 .footer-bottom .copyright {
      flex:1 1 auto;
      padding-right: 1rem
  }

  .footer.footer-type-3 .footer-bottom .footer-social {
      flex: 1 1 auto;
      padding: 0 .5rem
  }

  .footer.footer-type-3 .footer-bottom .alysweb {
      flex: 0 0 160px
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-3 .footer-bottom .d-flex {
      flex-wrap:wrap
  }

  .footer.footer-type-3 .footer-bottom .copyright {
      flex: 0 0 100%;
      padding-right: 0rem;
      margin-bottom: 1rem;
      text-align: center
  }

  .footer.footer-type-3 .footer-bottom .footer-social {
      flex: 0 0 100%;
      padding: 0;
      margin-bottom: 1rem;
      text-align: center
  }

  .footer.footer-type-3 .footer-bottom .alysweb {
      flex: 0 0 100%;
      justify-content: center
  }
}

.footer.footer-type-4 .footer-top {
  background: #393939
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-4 .footer-top .footer-logo {
      display:none
  }
}

.footer.footer-type-4 .footer-top .footer-menu {
  flex: 1 1 0
}

.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container {
  padding-left: 5rem
}

.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head {
  color: #848484
}

.footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li a {
  color: #848484
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container {
      padding-left:0
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li {
      flex:0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem
  }

  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head {
      padding-bottom: .25rem;
      margin-bottom: 0
  }

  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list {
      display: flex;
      flex-wrap: wrap;
      margin-left: -.5rem
  }

  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li {
      flex: 0 0 auto;
      margin-bottom: 0
  }

  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list li a {
      padding: .25rem .5rem;
      margin-bottom: 0
  }
}

@media only screen and (max-width: 480px) {
  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-head {
      text-align:center
  }

  .footer.footer-type-4 .footer-top .footer-menu ol.footer-menu-container li .footer-menu-list {
      justify-content: center;
      margin-left: 0
  }
}

.footer.footer-type-4 .footer-top .footer-contact-information h3.footer-information-head {
  color: #848484;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 15px;
  transition: all .3s ease-in-out
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .icon {
  color: #848484;
  display: none
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text {
  flex: 0 0 100%;
  max-width: 100%
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p {
  color: #848484;
  position: relative
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p span {
  position: absolute;
  left: 0
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text p a {
  color: #848484
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text h4 {
  color: #848484;
  display: inline-block;
  padding-right: 1rem;
  font-size: 1rem
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social {
  display: inline-block
}

.footer.footer-type-4 .footer-top .footer-contact-information ul li .text .footer-social a {
  color: #848484;
  font-size: 1.2rem;
  padding: .25rem
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-4 .footer-top .footer-contact-information h3.footer-information-head {
      margin-bottom:0;
      padding-bottom: .5rem
  }

  .footer.footer-type-4 .footer-top .footer-contact-information ul li {
      margin-bottom: .75rem
  }
}

@media only screen and (max-width: 480px) {
  .footer.footer-type-4 .footer-top .footer-contact-information {
      text-align:center
  }

  .footer.footer-type-4 .footer-top .footer-contact-information ul li .text p span {
      position: static
  }
}

.footer.footer-type-4 .footer-bottom {
  background: #5B5B5B
}

.footer.footer-type-4 .footer-bottom .copyright p {
  color: #A2A2A2
}

.footer.footer-type-4 .footer-bottom .alysweb {
  display: flex;
  align-items: center
}

.footer.footer-type-4 .footer-bottom .alysweb a {
  font-size: 12px;
  color: #A2A2A2;
  display: inline-block;
  line-height: 20px;
  position: relative;
  vertical-align: top
}

.footer.footer-type-4 .footer-bottom .alysweb a:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -4px
}

.footer.footer-type-4 .footer-bottom .alysweb a:nth-last-child(1):before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 24px;
  background: rgba(115,130,140,0.3)
}

.footer.footer-type-4 .footer-bottom .alysweb a img {
  display: block;
  width: 65px
}

.footer.footer-type-5 {
  width: 100%;
  overflow: hidden
}

.footer.footer-type-5 .footer-top {
  background: #fff;
  position: relative;
  padding: 4rem 0
}

.footer.footer-type-5 .footer-top:before,.footer.footer-type-5 .footer-top:after {
  content: "";
  position: absolute;
  width: 1rem;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 13
}

@media only screen and (max-width: 560px) {
  .footer.footer-type-5 .footer-top:before,.footer.footer-type-5 .footer-top:after {
      width:.5rem
  }
}

.footer.footer-type-5 .footer-top:before {
  left: 0
}

.footer.footer-type-5 .footer-top:after {
  right: 0
}

.footer.footer-type-5 .footer-top .footer-top-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem
}

.footer.footer-type-5 .footer-top .footer-top-left:before {
  content: "";
  background: #000;
  position: absolute;
  top: -3rem;
  bottom: -3rem;
  right: .5rem;
  width: 100vw
}

@media only screen and (max-width: 560px) {
  .footer.footer-type-5 .footer-top .footer-top-left:before {
      top:-3.5rem
  }
}

.footer.footer-type-5 .footer-top .footer-top-left>* {
  position: relative
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu {
  flex: 1 1 0;
  padding-right: 8rem
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu ol.footer-menu-container {
  margin-bottom: 0
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu ol.footer-menu-container li .footer-menu-head {
  color: footer5TopLeftColor
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu ol.footer-menu-container li .footer-menu-list {
  display: flex;
  flex-wrap: wrap
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu ol.footer-menu-container li .footer-menu-list li {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu ol.footer-menu-container li .footer-menu-list li a {
  color: #A2A2A2;
  padding-left: 1.5rem
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-menu ol.footer-menu-container li .footer-menu-list li a:before {
  content: "";
  position: absolute;
  background: #7BB3FF;
  height: 1px;
  width: 10px;
  left: 0;
  top: 50%
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information {
  flex: 1 1 0;
  padding-left: 8rem;
  border-left: 1px solid #797979
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information ul li .text p {
  color: #A2A2A2;
  font-size: 1.5rem
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information ul li .text p a {
  color: #A2A2A2
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information ul li .footer-social a {
  color: #A2A2A2;
  font-size: 1.75rem;
  padding: .25rem
}

.footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information ul li:nth-last-child(1) {
  margin-bottom: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer.footer-type-5 .footer-top .footer-top-left .footer-menu {
      padding-right:3rem
  }

  .footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information {
      padding-left: 3rem
  }
}

@media only screen and (max-width: 991px) {
  .footer.footer-type-5 .footer-top .footer-top-left {
      padding-right:2rem
  }

  .footer.footer-type-5 .footer-top .footer-top-left .footer-menu {
      padding-right: 0;
      flex: 0 0 100%;
      max-width: 100%
  }

  .footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information {
      padding-left: 0;
      flex: 0 0 100%;
      max-width: 100%;
      border-left: 0;
      border-top: 1px solid #797979;
      margin-top: 2rem;
      padding-top: 2rem
  }

  .footer.footer-type-5 .footer-top .footer-top-left .footer-contact-information ul li:nth-child(1) {
      margin-left: -15px
  }
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-5 .footer-top .footer-top-left {
      padding-bottom:3rem
  }

  .footer.footer-type-5 .footer-top .footer-top-left:before {
      bottom: 0;
      width: 140vw;
      right: -20vw
  }
}

.footer.footer-type-5 .footer-top .footer-top-right {
  padding-left: 2rem
}

.footer.footer-type-5 .footer-top .footer-top-right:before {
  content: "";
  background: #7BB3FF;
  position: absolute;
  top: -3rem;
  bottom: -3rem;
  left: .5rem;
  width: 100vw
}

@media only screen and (max-width: 560px) {
  .footer.footer-type-5 .footer-top .footer-top-right:before {
      bottom:-3.5rem
  }
}

.footer.footer-type-5 .footer-top .footer-top-right>* {
  position: relative
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter .footer-newsletter-container .footer-menu-head {
  color: #fff
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter .footer-newsletter-container .footer-cancelled {
  color: #fff
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter .footer-newsletter-container .footer-cancelled a {
  color: #fff
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter .footer-newsletter-container p {
  color: #fff
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter form input[type="email"] {
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter form input[type="email"]::-webkit-input-placeholder {
  color: #fff;
  opacity: 1
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter form input[type="submit"] {
  background: rgba(0,0,0,0)
}

.footer.footer-type-5 .footer-top .footer-top-right .footer-newsletter form i {
  right: -14px;
  color: #fff
}

@media only screen and (max-width: 767px) {
  .footer.footer-type-5 .footer-top .footer-top-right {
      padding-top:3rem;
      padding-left: 1rem
  }

  .footer.footer-type-5 .footer-top .footer-top-right:before {
      top: 0;
      width: 140vw;
      left: -20vw
  }
}

.footer.footer-type-5 .footer-bottom {
  background: #F1F1F1;
  color: #A2A2A2
}

.footer.footer-type-5 .footer-bottom .copyright p {
  color: #A2A2A2
}

.footer.footer-type-5 .footer-bottom .alysweb {
  display: flex;
  align-items: center
}

.footer.footer-type-5 .footer-bottom .alysweb a {
  font-size: 12px;
  color: #A2A2A2;
  display: inline-block;
  line-height: 20px;
  position: relative;
  vertical-align: top
}

.footer.footer-type-5 .footer-bottom .alysweb a:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -4px
}

.footer.footer-type-5 .footer-bottom .alysweb a:nth-last-child(1):before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 24px;
  background: rgba(115,130,140,0.3)
}

.footer.footer-type-5 .footer-bottom .alysweb a img {
  display: block;
  width: 65px
}

@media screen and (max-width: 900px) {
  main .certificates .certificates-content .wrapper .item {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .product-modals {
    display: none;
  }

  .container .blog-detail .blog-img {
    height: 180px;
  }

  .container .blog-detail .blog-text .blog-title {
    font-size: 21px;
    line-height: 30px;
  }

  .container .blog-detail .blog-text p {
    font-size: 17px;
    line-height: 24px;
  }

  .home-page-footer .footer-top .footer-inner .footer-inner-right .items img {
    height: 80px;
  }

  .product-card2 .product-inner img {
    widows: 80px;
  }

  header.header .search-page .search .search-button {padding-top: 30px;}
  #ust_sonuclar {padding-top: 50px;}

  .footer-inner-right .swiper-pagination {
    display: flex;
    margin-top: 20px;
  }
}
.iletisim-detay {
    margin: 25px 0;
}
.iletisim-item p {
    color: #bfbfbf;
    text-align: left !important;
}
.iletisim-item a {
    color: #bfbfbf;
}
.contact__area-map {
    padding-top: 50px;
    padding-bottom: 50px
}

.contact__area-map-area {
    position: relative
}

.contact__area-map-area iframe {
    width: 100%;
    height: 400px;
    display: block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.contact__area-map-area-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block
}

.contact__area-left-list {
    margin-right: 10px
}

.contact__area-left-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;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed
}

.contact__area-left-list-item-icon i {
    font-size: 26px;
    color: #31b2fe
}

.contact__area-left-list-item-content p a {
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    color: #7e7e7e
}

.contact__area-left-list-item-content p a:hover {
    color: #31b2fe
}

.contact__area-left-list-item:last-child {
    margin: 0;
    padding: 0;
    border: 0
}

.contact__area-left-hours {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px
}

.contact__area-left-hours h4 {
    color: #31b2fe;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
}

.contact__area-left-hours h6 {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef
}

.contact__area-left-hours h6 span {
    float: right;
    color: #a4acb5;
    font-weight: 300
}

.contact__area-left-hours h6:last-child {
    margin: 0;
    padding: 0;
    border: 0
}

.contact__area-left-hours h6:last-child span {
    color: #31b2fe;
    font-weight: 800
}

.contact__area-right {
    background: #f7f7f7;
    padding: 40px;
    border-radius: 25px
}

.contact__area-right-form-item {
    position: relative
}

.contact__area-right-form-item i {
    position: absolute;
    right: 20px;
    top: 23px;
    color: #343a40
}

.contact__area-right-form-item input {
    font-size: 14px
}

.contact__area-right-form-item textarea {
    height: 220px;
    font-size: 14px
}

.contact__area-right-form-item .theme-btn3 {
    background: #31b2fe;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.contact__area-right-form-item .theme-btn3:focus {
    color: #fff
}

.contact__area-right-form-item .theme-btn3:hover {
    color: #fff;
    background-color: #44ba87
}

.contact__area-right-form-item .theme-btn3 i {
    position: initial;
    color: #fff;
    margin-left: 15px
}

.contact__area-right-form-item .nice-select {
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 0;
    height: 60px;
    line-height: 60px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    padding: 0 20px
}

.contact__area-right-form-item .nice-select:focus {
    border-color: #31b2fe
}

.contact__area-right-form-item .nice-select .list {
    width: 100%;
    border-radius: 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.contact__area-right-form-item .nice-select::after {
    border-right: 1px solid #343a40;
    border-bottom: 1px solid #343a40;
    right: 22px;
    width: 6px;
    height: 6px
}

@media (max-width:1399px) {
    .contact__area-left {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .contact__area-left-list {
        margin-right: 0
    }
    .contact__area-left-hours,
    .contact__area-right {
        padding: 40px 30px
    }
}
.contact__area {
    padding: 60px 0
}
.algeapharma-main {
    padding: 150px 0 100px 0;
    background-color: #fafafa;
}
.algeapharma-urunler {
    padding: 240px 0 100px 0;
    background-color: #ffffff;
}
.algeapharma-page {
    border: 5px solid #EFEFEF;
    padding: 100px;
}
@media only screen and (max-width:991px){
    .widget-area {
        margin-left: 0 !important;
    }
}
@media only screen and (max-width:767px){
    .product-card .product:before {
        top: 65%;
    }
    .blog-list {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px
    }
}
@media only screen and (max-width:550px){
    .home-page-container.mobil {
        height: 350px
    }
    .home-page-container .mobil-slider-control {
        width: 23%;
    }
}
@media only screen and (max-width:435px) {
    .home-page-container.mobil {
        height: 270px
    }

    .home-page-container .mobil-slider-control {
        width: 22%;
        padding: 10px 20px;
    }

}
.main-know-us-left {
    position: relative;
    left: 0;
    top: 0;
    width: 27%;
    padding-right: 18px;
}
.main-know-us-left-big-img {
    position: relative;
}
.main-know-us-left-small-img {
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 53px;
    padding: 50px 15px 50px 15px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.main-know-us-left-small-img p {
    color: #fff;
    font-size: 23px;
    padding-top: 35px;
    font-weight: 700;
    position: relative;
    font-family: sharktooth, sans-serif;
    line-height: 27px;
}
.main-know-us-left-small-img p:before {
    content: "";
    position: absolute;
    background: url(/assets/img/svg/quotes.svg);
    top: -60px;
    left: 0;
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
}
.main-know-us-left-big-img img {
    width: 100%;
}
.main-know-us-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-know-us-right {
    width: 73%;
    padding-left: 150px;
}
.main-know-us-right-content-text h1,
.main-know-us-right-content-text h3 {
    font-size: 22px;
    line-height: 33px;
    color: #8ccaef;
    font-weight: 600;
    font-family: sharktooth, sans-serif;
    margin-bottom: 24px;
    text-transform: uppercase;
}
section.main-know-us {
    padding: 20px 0 70px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}
section.main-know-us .overlay {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 86%;
    top: 0;
}
section.main-know-us .overlay span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/img/svg/line.svg");
    background-repeat: no-repeat;
}
.main-know-us-right-content-text p {
    font-size: 25px;
    text-align: left;
    color: #3c3a3a;
    font-weight: 500;
}
.main-know-us-right-content-btns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-know-us-right-content-btns ul li {
    list-style: none;
}
.main-know-us-right-content-btns ul li:first-child {
    margin-right: 20px;
}
.main-know-us-right-content-btns ul li:first-child a span {
    color: #f4792c;
}
.product-slider-content .buttons a span {
    color: #f4792c;
}
.main-know-us-right-content-btns ul li:first-child a {
    display: inline-block;
    font-weight: 500;
    font-size: 21px;
    text-align: center;
    color: #f37323;
    padding: 0 50px;
    border-radius: 23px;
    background: #fffcf8;
    border: 1px solid #dbdbdb;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: 85px;
    line-height: 85px;
}
.main-know-us-right-content-btns ul li:last-child a {
    display: inline-block;
    width: 90px;
    height: 85px;
    background: #f8f2e7;
    border-radius: 23px;
    text-align: center;
    line-height: 85px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.main-know-us-right-content-btns ul li:last-child a svg#Group_140 g#XMLID_15_ {
    fill: #69a437;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
p.mobile-text-main-us {
    display: none;
}
.know-us-bg {
    overflow: hidden;
    border-radius: 55px;
}

.know-us-content {
    position: absolute;
    bottom: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    z-index: 2;
    overflow: hidden;
    border-radius: 35px;
}
section.main-banner {
    width: 100%;
}

.main-banner-container {
    width: 100%;
    height: 100%;
    padding-right: 100px;
    position: relative;
}

.main-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 470px;
}

.main-banner-container-left {
    width: 48%;
    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;
    padding: 0 120px 0 110px;
}

.main-banner-container-right {
    width: 52%;
    height: 100%;
}

.banner-left-text h3 {
    font-size: 53px;
    font-weight: 700;
    line-height: 50px;
    color: #ffffff;
    font-family: sharktooth, sans-serif;
}

    .banner-left-text h3 span {
        color: #ffffff;
    }

.banner-left-text p {
    color: #ffffff;
    font-size: 17px;
    line-height: 25px;
    margin-top: 20px;
}

.banner-trible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -30px;
}

.banner-trible-element {
    display: inline-block;
    width: 270px;
}

.banner-trible .item {
    width: 35%;
    position: relative;
    padding: 0 30px;
}

    .banner-trible .item:nth-child(2) .single-banner {
        margin-bottom: 40px;
    }

.single-banner {
    min-height: 195px;
    background: #d9edf9;
    border-radius: 43px;
    overflow: hidden;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px 13px 0px;
    -webkit-box-shadow: 0 4px 19px rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.03);
}

.banner-trible .item:first-child {
    top: 200px;
}

.element-icon {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}

.element-text {
    width: 100%;
    text-align: center;
}

    .element-text h4 {
        padding: 0 15px 40px 15px;
        font-size: 17px;
        color: #38b4fe;
        line-height: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0;
        position: relative;
    }

        .element-text h4:before {
            content: "";
            opacity:0.20;
            position: absolute;
            width: 110px;
            height: 1px;
            background: #38b4fe;
            bottom: 20px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .element-text p {
        font-size: 17px;
        color: #938b80;
        margin-bottom: 0;
    }

.main-banner-container .banner-bg {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: -1;
    border-radius: 80px;
    background: -o-linear-gradient(right, #fafae2 0, #fde5df 100%);
    background: -webkit-gradient(linear, right top, left top, from(#fafae2), to(#fde5df));
    background: linear-gradient(to left, #ddeff9 0, #31b2fe 100%);
}
.main-banner-container-left {
    display: block;
}
.banner-trible {
    display: none;
}
.banner-trible.current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.navigation .dots {
    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;
}
.navigation .dots .dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #938b80;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.navigation .dots li {
    list-style: none;
}
.navigation {
    margin-top: 30px;
}
    .navigation .dots li.active .dot {
        background: #ffffff;
    }
.main-banner-container {
    padding: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
}

.main-banner-content {
    padding-right: 100px;
}

.banner-left-text {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
}

.main-banner-content .banner-trible .item {
    opacity: 0;
}

.main-banner-content .navigation {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
}
.reveal-effect > * {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    position: relative;
    opacity: 0;
}

.reveal-effect > * {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.reveal-effect {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.reveal-effect {
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

    .reveal-effect.animated {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

        .reveal-effect.animated * {
            -webkit-animation-name: show-img-1;
            animation-name: show-img-1;
        }

    .reveal-effect:after {
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
        animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .reveal-effect:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .reveal-effect:after {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-duration: 1.4s;
        animation-duration: 1.4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
        animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .reveal-effect.masker:after {
        background: #31b2fe;
    }

    .reveal-effect.animated:after {
        -webkit-animation-name: slide-bg-2;
        animation-name: slide-bg-2;
    }
@media screen and (max-width: 1470px) {
    .main-know-us-right-content-text p {
        font-size: 18px;
        line-height: 27px;
    }
    .main-know-us-left-small-img p {
        font-size: 24px;
        text-align: left;
        padding-top: 45px;
        line-height: 1;
    }
    }
    .know-us-content {
        width: 150px;
        height: 150px;
    }
    .main-know-us-left-small-img p:before {
        content: "";
        position: absolute;
        background: url(/assets/img/svg/quotes.svg);
        top: 5px;
        left: 0;
        width: 100%;
        height: 19px;
        background-repeat: no-repeat;
    }
}
@media screen and (max-width: 1200px) {
    .main-know-us-right-content-text p {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    .main-know-us-right {
        padding-left: 100px;
    }
    .main-know-us-left-small-img p {
        font-size: 25px;
        line-height: 1.1;
    }
    .main-know-us-left-small-img {
        padding: 20px 20px 10px;
    }
    .main-know-us-left-big-img img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .know-us-content {
        width: 200px !important;
        height: 200px !important;
        border-radius: 50px !important;
    }
}
@media screen and (max-width: 900px) {
    .main-know-us-right-content-text p {
        font-size: 16px !important;
        line-height: 21px !important;
    }
    .main-know-us-left-small-img p {
        font-size: 21px !important;
        line-height: 25px !important;
    }
    .main-know-us-left-small-img {
        padding: 50px 30px 20px !important;
        background-size: cover !important;
    }
    .know-us-bg {
        border-radius: 50px !important;
    }
    .know-us-content {
        right: -30px !important;
        bottom: -30px !important;
    }
    .main-know-us-right {
        padding-left: 50px;
    }
}
@media screen and (max-width: 767px) {
    .home-page-products {
        position: relative;
        padding: 50px 0 20px;
    }
    section.main-know-us {
        padding: 40px 0 50px;
        background: #ffffff;
        position: relative;
        overflow: hidden;
    }
    .main-know-us-right:before {
        content: "";
        position: absolute;
        left: 10px;
        right: 10px;
        top: -100px;
        height: 180px;
        background: -o-linear-gradient(rgba(255, 252, 248, 0) 0, #fffcf8 43.68%, #fffcf8 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 252, 248, 0)), color-stop(43.68%, #ffffff), to(#ffffff));
        background: linear-gradient(rgba(255, 252, 248, 0) 0, #ffffff 43.68%, #ffffff 100%);
    }
    .main-know-us-right {
        width: 100%;
    }.main-know-us-right {
    width: 100%;
}

    .main-know-us-right {
        padding: 60px 30px 0;
        position: relative;
    }
    .main-know-us-left-small-img {
        right: -20px;
        display: none;
    }
    .know-us-content {
        display: none;
    }
    .main-know-us-left {
        width: 100%;
        padding: 10px;
    }
    .main-know-us-left-big-img img {
        width: 100%;
    }
    p.mobile-text-main-us {
        font-family: Sharktooth;
        font-weight: 900;
        font-size: 27px;
        line-height: 30px;
        color: #30b2fe;
        position: absolute;
        bottom: -60px;
        z-index: 1;
        left: 25px;
        padding-right: 30px;
        display: block;
        letter-spacing: 1.2px;
    }
}

.reveal-effect > * {
    opacity: 1;
}
.element-icon img{
    height:75px;
}
.page-title-algea h1 {
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    color: #444544;
    font-family: sharktooth, sans-serif;
}
.icerik-detay img{
    width:100%;
    height:auto;
    margin-bottom:15px;
    border-radius:15px;
}
.main-algeapharma-products .wrap {
    position: relative;
}
.main-algeapharma-products .row > div:nth-child(1) .wrap .figure-bg {
    border-radius: 50px 0 0 50px;
}
.main-algeapharma-products .wrap .figure-bg {
    overflow: hidden;
}
.main-algeapharma-products .row > div:nth-child(1) .wrap figure {
    border-radius: 25px 0 0 25px;
}
.main-algeapharma-products .row>div:nth-child(1) .wrap figure:before {
    border-radius: 25px 0 0 25px;
    background: #0077dd;
    background: -moz-linear-gradient(0deg, #0077dd 0%, rgba(0, 0, 0, 0) 65%);
    background: -webkit-linear-gradient(0deg, #0077dd 0%, rgba(0, 0, 0, 0) 65%);
    background: linear-gradient(0deg, #0077dd 0%, rgba(0, 0, 0, 0) 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#a1d078", endColorstr="#000000", GradientType=1);
}
.main-algeapharma-products .wrap figure:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.main-algeapharma-products .wrap article {
    padding-bottom: 30px;
    position: absolute;
    left: 0;
    bottom: 35px;
    width: 100%;
    padding: 0 10px;
    text-align: center;
}
.main-algeapharma-products .wrap article h5 {
    font-size: 30px;
    line-height: 35px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 600;
}
.main-algeapharma-products .wrap article p {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.main-algeapharma-products .row > div:nth-child(1) .wrap article span {
    background: #58a9ef;
}
.main-algeapharma-products .row > div:nth-child(2) .wrap article span {
    background: #ffbd64;
}
.main-algeapharma-products .row > div:nth-child(3) .wrap article span {
    background: #ff68be;
}
.main-algeapharma-products .wrap article span {
    font-size: 13.46px;
    color: #ffffff;
    background: #0f524d;
    padding: 5.5px 14px;
    display: inline-block;
    border-radius: 11px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    text-transform: uppercase;
}
.main-algeapharma-products .row > div:nth-child(2) .wrap .figure-bg {
    border-radius: 0 0 0 0;
}
.main-algeapharma-products .row > div:nth-child(2) .wrap figure {
    border-radius: 0 0 0 0;
}
.main-algeapharma-products .row>div:nth-child(2) .wrap figure:before {
    border-radius: 0 0 0 0;
    background: #ff9201;
    background: -moz-linear-gradient(0deg, #ff9201 0%, rgba(0, 0, 0, 0) 65%);
    background: -webkit-linear-gradient(0deg, #ff9201 0%, rgba(0, 0, 0, 0) 65%);
    background: linear-gradient(0deg, #ff9201 0%, rgba(0, 0, 0, 0) 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00588e", endColorstr="#000000", GradientType=1);
}
.main-algeapharma-products .row > div:nth-child(3) .wrap .figure-bg {
    border-radius: 0 25px 25px 0;
}
.main-algeapharma-products .row > div:nth-child(3) .wrap figure {
    border-radius: 0 25px 25px 0;
}
.main-algeapharma-products .row>div:nth-child(3) .wrap figure:before {
    border-radius: 0 25px 25px 0;
    background: #d7007a;
    background: -moz-linear-gradient(0deg, #d7007a 0%, rgba(0, 0, 0, 0) 65%);
    background: -webkit-linear-gradient(0deg, #d7007a 0%, rgba(0, 0, 0, 0) 65%);
    background: linear-gradient(0deg, #d7007a 0%, rgba(0, 0, 0, 0) 65%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f4882a", endColorstr="#000000", GradientType=1);
}
.main-algeapharma-products .wrap figure {
    height: 290px;
    width: 100%;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.backg {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.main-algeapharma-products .row > div {
    padding: 2.5px;
}
.main-algeapharma-products {
    position: relative;
    padding: 50px 0 0;
}
@media only screen and (max-width:991px) {
    .main-know-us-left {
        width: 40%;
    }
    .main-know-us-right {
        width: 60%;
        padding-left: 70px;
    }

}
@media screen and (max-width: 900px) {
    .main-know-us-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width:767px){
    .main-know-us-left {
        width: 100%;
    }

    .main-know-us-right {
        width: 100%;
        padding-left: 35px;
        padding-top: 35px;
    }
    .home-page-container .mobil-slider-control {
        bottom: 15px;
        right: -11px;
        padding: 8px 25px;
    }
    .home-page-container .home-page.for_slick_slider .items {
        height: 315px;
        background-position: 35%;
    }
    .home-page-container.mobil {
        height: 315px;
    }
    .home-page-container .mobil-slider-control {
        background-color: transparent;
    }

    .mobil-slider-prev svg path,
    .mobil-slider-next svg path {
        stroke: #ffffff;
    }
}
@media only screen and (max-width:475px) {
    .home-page-container .home-page.for_slick_slider .items {
        height: 205px;
        background-position: 35%;
    }

    .home-page-container.mobil {
        height: 205px;
    }
}
@media only screen and (max-width:390px){
    .home-page-container .mobil-slider-control {
        padding: 8px 15px;
        bottom:0;
        right:0;
    }
}
@media only screen and (max-width:350px) {
    .home-page-container .home-page.for_slick_slider .items {
        height: 185px;
    }

    .home-page-container.mobil {
        height: 185px;
    }
}
@media only screen and (max-width: 1200px) {
    .main-banner-content .navigation {
        display: none;
    }
    .main-banner-content {
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px;
        height: 800px;
    }
    .main-banner-container-right {
        width: 100%;
        margin-top: 35px;
    }
    .main-banner-container-left {
        width: 100%;
        padding: 0 0;
    }
    .main-banner-container-left {
        text-align: center;
    }
    .banner-left-text h3 {
        font-size: 55px;
        line-height: 60px;
    }
    .banner-left-text {
        padding: 50px 70px 0;
    }
    .banner-left-text {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    .banner-trible {
        display: none !important;
    }
    .mobile-banner-slider {
        display: block !important;
    }
    .mobile-banner-slider .item {
    padding: 0 15px;
}
    .single-banner {
    min-height: 360px;
}
}
@media only screen and (max-width:767px){
    .algeapharma-main {
        padding: 30px 0 40px 0;
        background-color: #fafafa;
    }
    .algeapharma-page {
        padding: 50px 10px;
        margin: 0 20px;
    }
    .banner-left-text {
        padding: 50px 0 0;
    }
    .main-banner-content {
        padding: 50px 25px;
        height: 650px;
    }
    .single-banner {
        min-height: 260px;
    }
    .banner-left-text h3 {
        font-family: Sharktooth;
        font-weight: 700;
        font-size: 31px;
        line-height: 35px;
        text-align: center;
    }
}
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;
}
.icerik-detay p strong{
    font-weight:600;
}
.product-top {
    padding-top: 160px;
    position: relative;
}
.product-top:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 600px;
    right: 0;
    background: #f8f6f2;
    z-index: -1;
}
.product-top .scroll-overlay.active {
    opacity: 1;
}
.product-top .scroll-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: calc(100% - 600px);
    height: 200px;
    right: 0;
    background: linear-gradient(to top, #fffcf8, rgb(255 252 248 / 0%));
    z-index: -1;
    opacity: 0;
    transition: 0.4s;
}
.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.product-top-main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-slider-main {
    width: 45%;
    padding-right: 50px;
    align-items: flex-start;
}
.product-responsive-title {
    display: none;
}
.responsive-menu {
    display: none;
}
.product-slider-container {
    width: 100%;
    background: #fafafa;
    border-radius: 67px;
    border: 1px solid #fafafa;
    -webkit-filter: drop-shadow(30px 15px 30px rgba(243, 243, 243, 0.5));
    filter: drop-shadow(30px 15px 30px rgba(243, 243, 243, 0.5));
    min-height: 600px;
    position: sticky;
    top: 180px;
}
.product-img-wrapper {
    padding: 70px 75px;
    display: flex;
    flex-direction: column;
    height: 600px;
}
.product-slider-img {
    width: 100%;
    padding: 10px 10px 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-img-wrapper .slick-list {
    width: 100%;
}
.product-slider-img-nav {
    width: 100%;
    margin: 0 -5px;
}
    .product-slider-img-nav ul {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
.product-info {
    width: 60%;
    padding-left: 50px;
}
.product-info-nav {
    width: 100%;
    position: relative;
}
.product-info-content h2.product-title {
    font-family: sharktooth, sans-serif;
    font-size: 40px;
    color: #565656;
    font-weight: 700;
    line-height: 52px;
    text-align: left;
    margin-bottom: 5px;
}
.product-info-content h4 {
    font-size: 21px;
    font-weight: 500;
    color: #b99a6f;
    margin-bottom: 10px;
}
.product-content2 {
    position: relative;
    overflow: hidden;
    transition: 0.4s;
    margin-top: 40px;
}
.product-info-content .product-content2 > p {
    font-size: 18px;
    color: #3c3a3a;
    line-height: 29px;
    text-align: left;
}
.product-info-content .product-content2 .product-content-btn {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-info-content .product-content2 .product-content-btn.active:before {
    opacity: 0;
}
.product-info-content .product-content2 .product-content-btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px;
    background: linear-gradient(to top, #f3f3f3 9%, rgb(253, 250, 246, 0));
    transition: 0.4s;
    opacity: 1;
    z-index: 10;
    pointer-events: none;
}
.product-info-content .product-content2 .product-content-btn.active a {
    transform: rotate(180deg);
}
.product-info-content .product-content2 .product-content-btn a {
    width: 30px;
    height: auto;
    display: block;
    transition: 0.4s;
    transform: rotate(0);
    z-index: 11;
}
.product-info-content .product-content2 .product-content-btn a svg {
    width: 100%;
    height: auto;
    fill: #575757;
}
.product-button {
    width: 100%;
    padding-top: 60px;
}
    .product-button ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -15px;
    }
    .product-button ul li {
    list-style: none;
    width: 50%;
    padding: 0 15px;
}
    .product-button ul li:first-child a {
    color: #b5aea4;
    border: 3px solid #e1dedb;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
    .product-button ul li a, .product-button ul li button {
    display: block;
    border-radius: 30px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    height: 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;
    border: none;
    position: relative;
    width: 100%;
    overflow: hidden;
}
    .product-button ul li:first-child a .icon {
    margin-right: 15px;
}
    .product-button ul li:first-child a .icon svg {
    fill: none;
    stroke: #d8c9bb;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 4px;
}
.product-bottom {
    margin-top: 100px;
    padding-bottom:50px;
}
.product-bottom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-bottom-left {
    width: 100%;
}
.food-table-main {
    width: 100%;
}
.food-table-main .food-table {
    padding-right: 80px;
    padding-top: 30px;
}
.food-table-main .food-table .values > ul {
    margin-top: 30px;
}
.food-table-main .food-table .values > ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 15px;
    position: relative;
}
.food-table-main .food-table .values > ul li span.title {
    font-size: 19px;
    font-weight: 500;
    color: #9a8e85;
}
.food-table-main .food-table .values > ul span.value {
    font-size: 19px;
    font-weight: 600;
    color: #9a8e85;
}
.food-table-main .food-table .values > ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 0;
    height: 1px;
    background: -o-linear-gradient(left, #f2eaea 40%, rgba(242, 234, 234, 0.1) 85%);
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #f2eaea), color-stop(85%, rgba(242, 234, 234, 0.1)));
    background: linear-gradient(to right, #f2eaea 40%, rgba(242, 234, 234, 0.1) 85%);
}
.content {
    width: 100%;
}
.product-bottom-slider .content a.content-item-fancy {
    display: block;
    width: 100%;
    height: 670px;
    overflow: hidden;
    border-radius: 100px;
    position: relative;
    z-index: 1;
}
.product-bottom-slider .content a.content-item-fancy:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(59, 58, 58, 0.35);
    z-index: 3;
    pointer-events: none;
}
.product-bottom-slider .content a.content-item-fancy img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.bg-products {
    background: #f3f3f3;
}
.food-table-main p strong{
    font-weight:600;
}
@media screen and (max-width: 1470px) {
    .product-img-wrapper {
        padding: 30px;
    }
    .product-slider-main {
        width: 45%;
        padding-right: 12px;
        align-items: flex-start;
    }
    .product-img-wrapper {
        height: 510px;
    }
    .product-slider-container {
        min-height: 510px;
    }
}
@media only screen and (max-width:1199px){
    .product-top {
        padding-top: 120px;
        position: relative;
    }
}
@media only screen and (max-width:900px){
    .product-top-main {
        -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;
    }
    .product-info {
        width: 100%;
        margin-top: 50px;
        padding-left: 0;
    }
    .product-button {
        padding-top: 20px;
    }
        .product-button ul li:first-child a .icon {
            margin-right: 10px;
        }
}
@media only screen and (max-width:767px) {
    .product-bottom {
        margin-top: 40px;
        padding-bottom: 50px;
    }
    .product-top {
        padding-top: 35px;
        position: relative;
    }
    .product-button ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .product-button ul li:first-child a .icon {
        margin: 0 10px;
    }
    .product-button ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .product-slider-main {
        width: 100%;
    }
    .product-img-wrapper {
        height: 350px;
    }
    .product-slider-container {
        min-height: 350px;
    }
    .product-slider-img {
        padding: 25px;
    }
    .product-info {
        padding: 0 20px;
    }
    .product-info-content {
        padding: 0 10px;
    }
}
.main-banner-container-right.ru .banner-trible h4{
    font-size:13px;
}
.main-banner-container-left.ru h3{
    font-size:35px;
    line-height:40px;
}
.mobil-footer-bottom p{
    font-size:11px;
    color:#212121;
}
.tablet-footer-bottom p {
    font-size: 11px;
    color: rgba(64,69,106,0.56);
    margin-top: 7px;
}
.footer-bottom .copyright p {
    font-size: 12px;
    color: rgba(64,69,106,0.56);
    margin-top: 7px;
}
.satin-al {
    background-color: #30b2fe;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 7px;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}
.satin-al:focus,
.satin-al:hover{
    color:#ffffff;
}