@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  30% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center 50%;
    transform-origin: top center 50%;
  }
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.95, 0.95);
    transform: scale(0.95, 0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
  70% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@keyframes fadeOutUpBig {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInUpBig {
  0% {
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center 50%;
    transform-origin: center center 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom 50%;
    transform-origin: left bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom 50%;
    transform-origin: right bottom 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform-origin: top left 50%;
    transform-origin: top left 50%;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-webkit-keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
@keyframes rollOut {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
}
/* Example use: @include flexCenterY */
/* Example use: @include flexCenterX */
/* Example use: @include flexCenter */
/* Example use: @include flexStretch */
html,
body {
  position: relative;
  background-color: #e5e6e7;
  scroll-behavior: smooth;
}

section {
  position: relative;
  width: 100%;
  padding: 1.5rem 0;
}
@media (min-width: 992px) {
  section {
    padding: 2.5rem 0;
  }
}

@media (max-width: 767.98px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

hr {
  opacity: 1;
  border-color: #78909c;
}
hr.hr-light {
  border-color: #b3c0c7;
}

.std-bg-dark-25 {
  background: #525854 !important;
  color: #FAFAFA !important;
}

.std-txt-dark-25 {
  color: #525854 !important;
}

a.std-bg-dark-25 {
  background: #525854 !important;
  color: #FAFAFA !important;
}
a.std-bg-dark-25:hover {
  opacity: 0.75;
}
a.std-txt-dark-25 {
  color: #525854 !important;
}
a.std-txt-dark-25:hover {
  color: #525854 !important;
  opacity: 0.75;
}

.std-bg-dark-50 {
  background: #474948 !important;
  color: #FAFAFA !important;
}

.std-txt-dark-50 {
  color: #474948 !important;
}

a.std-bg-dark-50 {
  background: #474948 !important;
  color: #FAFAFA !important;
}
a.std-bg-dark-50:hover {
  opacity: 0.75;
}
a.std-txt-dark-50 {
  color: #474948 !important;
}
a.std-txt-dark-50:hover {
  color: #474948 !important;
  opacity: 0.75;
}

.std-bg-dark-75 {
  background: #363837 !important;
  color: #FAFAFA !important;
}

.std-txt-dark-75 {
  color: #363837 !important;
}

a.std-bg-dark-75 {
  background: #363837 !important;
  color: #FAFAFA !important;
}
a.std-bg-dark-75:hover {
  opacity: 0.75;
}
a.std-txt-dark-75 {
  color: #363837 !important;
}
a.std-txt-dark-75:hover {
  color: #363837 !important;
  opacity: 0.75;
}

.std-bg-dark-100 {
  background: #263238 !important;
  color: #FAFAFA !important;
}

.std-txt-dark-100 {
  color: #263238 !important;
}

a.std-bg-dark-100 {
  background: #263238 !important;
  color: #FAFAFA !important;
}
a.std-bg-dark-100:hover {
  opacity: 0.75;
}
a.std-txt-dark-100 {
  color: #263238 !important;
}
a.std-txt-dark-100:hover {
  color: #263238 !important;
  opacity: 0.75;
}

.std-bg-grey-10 {
  background: #f3f1f1 !important;
  color: #263238 !important;
}

.std-txt-grey-10 {
  color: #f3f1f1 !important;
}

a.std-bg-grey-10 {
  background: #f3f1f1 !important;
  color: #263238 !important;
}
a.std-bg-grey-10:hover {
  opacity: 0.75;
}
a.std-txt-grey-10 {
  color: #f3f1f1 !important;
}
a.std-txt-grey-10:hover {
  color: #f3f1f1 !important;
  opacity: 0.75;
}

.std-bg-grey-25 {
  background: #c2c2c2 !important;
  color: #FAFAFA !important;
}

.std-txt-grey-25 {
  color: #c2c2c2 !important;
}

a.std-bg-grey-25 {
  background: #c2c2c2 !important;
  color: #FAFAFA !important;
}
a.std-bg-grey-25:hover {
  opacity: 0.75;
}
a.std-txt-grey-25 {
  color: #c2c2c2 !important;
}
a.std-txt-grey-25:hover {
  color: #c2c2c2 !important;
  opacity: 0.75;
}

.std-bg-grey-50 {
  background: #b0b0b0 !important;
  color: #FAFAFA !important;
}

.std-txt-grey-50 {
  color: #b0b0b0 !important;
}

a.std-bg-grey-50 {
  background: #b0b0b0 !important;
  color: #FAFAFA !important;
}
a.std-bg-grey-50:hover {
  opacity: 0.75;
}
a.std-txt-grey-50 {
  color: #b0b0b0 !important;
}
a.std-txt-grey-50:hover {
  color: #b0b0b0 !important;
  opacity: 0.75;
}

.std-bg-grey-75 {
  background: #8f8f8f !important;
  color: #FAFAFA !important;
}

.std-txt-grey-75 {
  color: #8f8f8f !important;
}

a.std-bg-grey-75 {
  background: #8f8f8f !important;
  color: #FAFAFA !important;
}
a.std-bg-grey-75:hover {
  opacity: 0.75;
}
a.std-txt-grey-75 {
  color: #8f8f8f !important;
}
a.std-txt-grey-75:hover {
  color: #8f8f8f !important;
  opacity: 0.75;
}

.std-bg-grey-100 {
  background: #757575 !important;
  color: #FAFAFA !important;
}

.std-txt-grey-100 {
  color: #757575 !important;
}

a.std-bg-grey-100 {
  background: #757575 !important;
  color: #FAFAFA !important;
}
a.std-bg-grey-100:hover {
  opacity: 0.75;
}
a.std-txt-grey-100 {
  color: #757575 !important;
}
a.std-txt-grey-100:hover {
  color: #757575 !important;
  opacity: 0.75;
}

.std-bg-blue-grey-10 {
  background: #f3f8fc !important;
  color: #474948 !important;
}

.std-txt-blue-grey-10 {
  color: #f3f8fc !important;
}

a.std-bg-blue-grey-10 {
  background: #f3f8fc !important;
  color: #474948 !important;
}
a.std-bg-blue-grey-10:hover {
  opacity: 0.75;
}
a.std-txt-blue-grey-10 {
  color: #f3f8fc !important;
}
a.std-txt-blue-grey-10:hover {
  color: #f3f8fc !important;
  opacity: 0.75;
}

.std-bg-blue-grey-25 {
  background: #e5e6e7 !important;
  color: #474948 !important;
}

.std-txt-blue-grey-25 {
  color: #e5e6e7 !important;
}

a.std-bg-blue-grey-25 {
  background: #e5e6e7 !important;
  color: #474948 !important;
}
a.std-bg-blue-grey-25:hover {
  opacity: 0.75;
}
a.std-txt-blue-grey-25 {
  color: #e5e6e7 !important;
}
a.std-txt-blue-grey-25:hover {
  color: #e5e6e7 !important;
  opacity: 0.75;
}

.std-bg-blue-grey-50 {
  background: #b3c0c7 !important;
  color: #FAFAFA !important;
}

.std-txt-blue-grey-50 {
  color: #b3c0c7 !important;
}

a.std-bg-blue-grey-50 {
  background: #b3c0c7 !important;
  color: #FAFAFA !important;
}
a.std-bg-blue-grey-50:hover {
  opacity: 0.75;
}
a.std-txt-blue-grey-50 {
  color: #b3c0c7 !important;
}
a.std-txt-blue-grey-50:hover {
  color: #b3c0c7 !important;
  opacity: 0.75;
}

.std-bg-blue-grey-75 {
  background: #95a8b2 !important;
  color: #FAFAFA !important;
}

.std-txt-blue-grey-75 {
  color: #95a8b2 !important;
}

a.std-bg-blue-grey-75 {
  background: #95a8b2 !important;
  color: #FAFAFA !important;
}
a.std-bg-blue-grey-75:hover {
  opacity: 0.75;
}
a.std-txt-blue-grey-75 {
  color: #95a8b2 !important;
}
a.std-txt-blue-grey-75:hover {
  color: #95a8b2 !important;
  opacity: 0.75;
}

.std-bg-blue-grey-100 {
  background: #78909c !important;
  color: #FAFAFA !important;
}

.std-txt-blue-grey-100 {
  color: #78909c !important;
}

a.std-bg-blue-grey-100 {
  background: #78909c !important;
  color: #FAFAFA !important;
}
a.std-bg-blue-grey-100:hover {
  opacity: 0.75;
}
a.std-txt-blue-grey-100 {
  color: #78909c !important;
}
a.std-txt-blue-grey-100:hover {
  color: #78909c !important;
  opacity: 0.75;
}

.std-bg-light-10 {
  background: #FAFAFA !important;
  color: #263238 !important;
}

.std-txt-light-10 {
  color: #FAFAFA !important;
}

a.std-bg-light-10 {
  background: #FAFAFA !important;
  color: #263238 !important;
}
a.std-bg-light-10:hover {
  opacity: 0.75;
}
a.std-txt-light-10 {
  color: #FAFAFA !important;
}
a.std-txt-light-10:hover {
  color: #FAFAFA !important;
  opacity: 0.75;
}

.std-bg-light-25 {
  background: #FAFAFA !important;
  color: #263238 !important;
}

.std-txt-light-25 {
  color: #FAFAFA !important;
}

a.std-bg-light-25 {
  background: #FAFAFA !important;
  color: #263238 !important;
}
a.std-bg-light-25:hover {
  opacity: 0.75;
}
a.std-txt-light-25 {
  color: #FAFAFA !important;
}
a.std-txt-light-25:hover {
  color: #FAFAFA !important;
  opacity: 0.75;
}

.std-bg-light-50 {
  background: #f8f8f8 !important;
  color: #263238 !important;
}

.std-txt-light-50 {
  color: #f8f8f8 !important;
}

a.std-bg-light-50 {
  background: #f8f8f8 !important;
  color: #263238 !important;
}
a.std-bg-light-50:hover {
  opacity: 0.75;
}
a.std-txt-light-50 {
  color: #f8f8f8 !important;
}
a.std-txt-light-50:hover {
  color: #f8f8f8 !important;
  opacity: 0.75;
}

.std-bg-light-75 {
  background: #f2f2f2 !important;
  color: #263238 !important;
}

.std-txt-light-75 {
  color: #f2f2f2 !important;
}

a.std-bg-light-75 {
  background: #f2f2f2 !important;
  color: #263238 !important;
}
a.std-bg-light-75:hover {
  opacity: 0.75;
}
a.std-txt-light-75 {
  color: #f2f2f2 !important;
}
a.std-txt-light-75:hover {
  color: #f2f2f2 !important;
  opacity: 0.75;
}

.std-bg-light-100 {
  background: #ebeaea !important;
  color: #263238 !important;
}

.std-txt-light-100 {
  color: #ebeaea !important;
}

a.std-bg-light-100 {
  background: #ebeaea !important;
  color: #263238 !important;
}
a.std-bg-light-100:hover {
  opacity: 0.75;
}
a.std-txt-light-100 {
  color: #ebeaea !important;
}
a.std-txt-light-100:hover {
  color: #ebeaea !important;
  opacity: 0.75;
}

.std-bg-warning-10 {
  background: #FFF8E1 !important;
  color: #ffbc3b !important;
}

.std-txt-warning-10 {
  color: #FFF8E1 !important;
}

a.std-bg-warning-10 {
  background: #FFF8E1 !important;
  color: #ffbc3b !important;
}
a.std-bg-warning-10:hover {
  opacity: 0.75;
}
a.std-txt-warning-10 {
  color: #FFF8E1 !important;
}
a.std-txt-warning-10:hover {
  color: #FFF8E1 !important;
  opacity: 0.75;
}

.std-bg-warning-25 {
  background: #fff0cb !important;
  color: #ffbc3b !important;
}

.std-txt-warning-25 {
  color: #fff0cb !important;
}

a.std-bg-warning-25 {
  background: #fff0cb !important;
  color: #ffbc3b !important;
}
a.std-bg-warning-25:hover {
  opacity: 0.75;
}
a.std-txt-warning-25 {
  color: #fff0cb !important;
}
a.std-txt-warning-25:hover {
  color: #fff0cb !important;
  opacity: 0.75;
}

.std-bg-warning-50 {
  background: #fee094 !important;
  color: #FAFAFA !important;
}

.std-txt-warning-50 {
  color: #fee094 !important;
}

a.std-bg-warning-50 {
  background: #fee094 !important;
  color: #FAFAFA !important;
}
a.std-bg-warning-50:hover {
  opacity: 0.75;
}
a.std-txt-warning-50 {
  color: #fee094 !important;
}
a.std-txt-warning-50:hover {
  color: #fee094 !important;
  opacity: 0.75;
}

.std-bg-warning-75 {
  background: #ffca63 !important;
  color: #FAFAFA !important;
}

.std-txt-warning-75 {
  color: #ffca63 !important;
}

a.std-bg-warning-75 {
  background: #ffca63 !important;
  color: #FAFAFA !important;
}
a.std-bg-warning-75:hover {
  opacity: 0.75;
}
a.std-txt-warning-75 {
  color: #ffca63 !important;
}
a.std-txt-warning-75:hover {
  color: #ffca63 !important;
  opacity: 0.75;
}

.std-bg-warning-100 {
  background: #ffbc3b !important;
  color: #FAFAFA !important;
}

.std-txt-warning-100 {
  color: #ffbc3b !important;
}

a.std-bg-warning-100 {
  background: #ffbc3b !important;
  color: #FAFAFA !important;
}
a.std-bg-warning-100:hover {
  opacity: 0.75;
}
a.std-txt-warning-100 {
  color: #ffbc3b !important;
}
a.std-txt-warning-100:hover {
  color: #ffbc3b !important;
  opacity: 0.75;
}

.std-bg-danger-10 {
  background: #fdeff4 !important;
  color: #e91e63 !important;
}

.std-txt-danger-10 {
  color: #fdeff4 !important;
}

a.std-bg-danger-10 {
  background: #fdeff4 !important;
  color: #e91e63 !important;
}
a.std-bg-danger-10:hover {
  opacity: 0.75;
}
a.std-txt-danger-10 {
  color: #fdeff4 !important;
}
a.std-txt-danger-10:hover {
  color: #fdeff4 !important;
  opacity: 0.75;
}

.std-bg-danger-25 {
  background: #ffd5e4 !important;
  color: #e91e63 !important;
}

.std-txt-danger-25 {
  color: #ffd5e4 !important;
}

a.std-bg-danger-25 {
  background: #ffd5e4 !important;
  color: #e91e63 !important;
}
a.std-bg-danger-25:hover {
  opacity: 0.75;
}
a.std-txt-danger-25 {
  color: #ffd5e4 !important;
}
a.std-txt-danger-25:hover {
  color: #ffd5e4 !important;
  opacity: 0.75;
}

.std-bg-danger-50 {
  background: #f7a9c4 !important;
  color: #FAFAFA !important;
}

.std-txt-danger-50 {
  color: #f7a9c4 !important;
}

a.std-bg-danger-50 {
  background: #f7a9c4 !important;
  color: #FAFAFA !important;
}
a.std-bg-danger-50:hover {
  opacity: 0.75;
}
a.std-txt-danger-50 {
  color: #f7a9c4 !important;
}
a.std-txt-danger-50:hover {
  color: #f7a9c4 !important;
  opacity: 0.75;
}

.std-bg-danger-75 {
  background: #f27ba3 !important;
  color: #FAFAFA !important;
}

.std-txt-danger-75 {
  color: #f27ba3 !important;
}

a.std-bg-danger-75 {
  background: #f27ba3 !important;
  color: #FAFAFA !important;
}
a.std-bg-danger-75:hover {
  opacity: 0.75;
}
a.std-txt-danger-75 {
  color: #f27ba3 !important;
}
a.std-txt-danger-75:hover {
  color: #f27ba3 !important;
  opacity: 0.75;
}

.std-bg-danger-100 {
  background: #e91e63 !important;
  color: #FAFAFA !important;
}

.std-txt-danger-100 {
  color: #e91e63 !important;
}

a.std-bg-danger-100 {
  background: #e91e63 !important;
  color: #FAFAFA !important;
}
a.std-bg-danger-100:hover {
  opacity: 0.75;
}
a.std-txt-danger-100 {
  color: #e91e63 !important;
}
a.std-txt-danger-100:hover {
  color: #e91e63 !important;
  opacity: 0.75;
}

.std-bg-info-10 {
  background: #d8ffe6 !important;
  color: #22C55E !important;
}

.std-txt-info-10 {
  color: #d8ffe6 !important;
}

a.std-bg-info-10 {
  background: #d8ffe6 !important;
  color: #22C55E !important;
}
a.std-bg-info-10:hover {
  opacity: 0.75;
}
a.std-txt-info-10 {
  color: #d8ffe6 !important;
}
a.std-txt-info-10:hover {
  color: #d8ffe6 !important;
  opacity: 0.75;
}

.std-bg-info-25 {
  background: #98ffbe !important;
  color: #22C55E !important;
}

.std-txt-info-25 {
  color: #98ffbe !important;
}

a.std-bg-info-25 {
  background: #98ffbe !important;
  color: #22C55E !important;
}
a.std-bg-info-25:hover {
  opacity: 0.75;
}
a.std-txt-info-25 {
  color: #98ffbe !important;
}
a.std-txt-info-25:hover {
  color: #98ffbe !important;
  opacity: 0.75;
}

.std-bg-info-50 {
  background: #53ff92 !important;
  color: #FAFAFA !important;
}

.std-txt-info-50 {
  color: #53ff92 !important;
}

a.std-bg-info-50 {
  background: #53ff92 !important;
  color: #FAFAFA !important;
}
a.std-bg-info-50:hover {
  opacity: 0.75;
}
a.std-txt-info-50 {
  color: #53ff92 !important;
}
a.std-txt-info-50:hover {
  color: #53ff92 !important;
  opacity: 0.75;
}

.std-bg-info-75 {
  background: #28f473 !important;
  color: #FAFAFA !important;
}

.std-txt-info-75 {
  color: #28f473 !important;
}

a.std-bg-info-75 {
  background: #28f473 !important;
  color: #FAFAFA !important;
}
a.std-bg-info-75:hover {
  opacity: 0.75;
}
a.std-txt-info-75 {
  color: #28f473 !important;
}
a.std-txt-info-75:hover {
  color: #28f473 !important;
  opacity: 0.75;
}

.std-bg-info-100 {
  background: #22C55E !important;
  color: #FAFAFA !important;
}

.std-txt-info-100 {
  color: #22C55E !important;
}

a.std-bg-info-100 {
  background: #22C55E !important;
  color: #FAFAFA !important;
}
a.std-bg-info-100:hover {
  opacity: 0.75;
}
a.std-txt-info-100 {
  color: #22C55E !important;
}
a.std-txt-info-100:hover {
  color: #22C55E !important;
  opacity: 0.75;
}

.std-bg-secondary-10 {
  background: #def3f6 !important;
  color: #00ACC1 !important;
}

.std-txt-secondary-10 {
  color: #def3f6 !important;
}

a.std-bg-secondary-10 {
  background: #def3f6 !important;
  color: #00ACC1 !important;
}
a.std-bg-secondary-10:hover {
  opacity: 0.75;
}
a.std-txt-secondary-10 {
  color: #def3f6 !important;
}
a.std-txt-secondary-10:hover {
  color: #def3f6 !important;
  opacity: 0.75;
}

.std-bg-secondary-25 {
  background: #80DEEA !important;
  color: #00ACC1 !important;
}

.std-txt-secondary-25 {
  color: #80DEEA !important;
}

a.std-bg-secondary-25 {
  background: #80DEEA !important;
  color: #00ACC1 !important;
}
a.std-bg-secondary-25:hover {
  opacity: 0.75;
}
a.std-txt-secondary-25 {
  color: #80DEEA !important;
}
a.std-txt-secondary-25:hover {
  color: #80DEEA !important;
  opacity: 0.75;
}

.std-bg-secondary-50 {
  background: #4DD0E1 !important;
  color: #263238 !important;
}

.std-txt-secondary-50 {
  color: #4DD0E1 !important;
}

a.std-bg-secondary-50 {
  background: #4DD0E1 !important;
  color: #263238 !important;
}
a.std-bg-secondary-50:hover {
  opacity: 0.75;
}
a.std-txt-secondary-50 {
  color: #4DD0E1 !important;
}
a.std-txt-secondary-50:hover {
  color: #4DD0E1 !important;
  opacity: 0.75;
}

.std-bg-secondary-75 {
  background: #26C6DA !important;
  color: #263238 !important;
}

.std-txt-secondary-75 {
  color: #26C6DA !important;
}

a.std-bg-secondary-75 {
  background: #26C6DA !important;
  color: #263238 !important;
}
a.std-bg-secondary-75:hover {
  opacity: 0.75;
}
a.std-txt-secondary-75 {
  color: #26C6DA !important;
}
a.std-txt-secondary-75:hover {
  color: #26C6DA !important;
  opacity: 0.75;
}

.std-bg-secondary-100 {
  background: #00ACC1 !important;
  color: #FAFAFA !important;
}

.std-txt-secondary-100 {
  color: #00ACC1 !important;
}

a.std-bg-secondary-100 {
  background: #00ACC1 !important;
  color: #FAFAFA !important;
}
a.std-bg-secondary-100:hover {
  opacity: 0.75;
}
a.std-txt-secondary-100 {
  color: #00ACC1 !important;
}
a.std-txt-secondary-100:hover {
  color: #00ACC1 !important;
  opacity: 0.75;
}

.std-bg-primary-10 {
  background: #E3F2FD !important;
  color: #0D47A1 !important;
}

.std-txt-primary-10 {
  color: #E3F2FD !important;
}

a.std-bg-primary-10 {
  background: #E3F2FD !important;
  color: #0D47A1 !important;
}
a.std-bg-primary-10:hover {
  opacity: 0.75;
}
a.std-txt-primary-10 {
  color: #E3F2FD !important;
}
a.std-txt-primary-10:hover {
  color: #E3F2FD !important;
  opacity: 0.75;
}

.std-bg-primary-25 {
  background: #90CAF9 !important;
  color: #0D47A1 !important;
}

.std-txt-primary-25 {
  color: #90CAF9 !important;
}

a.std-bg-primary-25 {
  background: #90CAF9 !important;
  color: #0D47A1 !important;
}
a.std-bg-primary-25:hover {
  opacity: 0.75;
}
a.std-txt-primary-25 {
  color: #90CAF9 !important;
}
a.std-txt-primary-25:hover {
  color: #90CAF9 !important;
  opacity: 0.75;
}

.std-bg-primary-50 {
  background: #42A5F5 !important;
  color: #FAFAFA !important;
}

.std-txt-primary-50 {
  color: #42A5F5 !important;
}

a.std-bg-primary-50 {
  background: #42A5F5 !important;
  color: #FAFAFA !important;
}
a.std-bg-primary-50:hover {
  opacity: 0.75;
}
a.std-txt-primary-50 {
  color: #42A5F5 !important;
}
a.std-txt-primary-50:hover {
  color: #42A5F5 !important;
  opacity: 0.75;
}

.std-bg-primary-75 {
  background: #1976D2 !important;
  color: #FAFAFA !important;
}

.std-txt-primary-75 {
  color: #1976D2 !important;
}

a.std-bg-primary-75 {
  background: #1976D2 !important;
  color: #FAFAFA !important;
}
a.std-bg-primary-75:hover {
  opacity: 0.75;
}
a.std-txt-primary-75 {
  color: #1976D2 !important;
}
a.std-txt-primary-75:hover {
  color: #1976D2 !important;
  opacity: 0.75;
}

.std-bg-primary-100 {
  background: #0D47A1 !important;
  color: #FAFAFA !important;
}

.std-txt-primary-100 {
  color: #0D47A1 !important;
}

a.std-bg-primary-100 {
  background: #0D47A1 !important;
  color: #FAFAFA !important;
}
a.std-bg-primary-100:hover {
  opacity: 0.75;
}
a.std-txt-primary-100 {
  color: #0D47A1 !important;
}
a.std-txt-primary-100:hover {
  color: #0D47A1 !important;
  opacity: 0.75;
}

.std-bg-gradient-1 {
  background: -webkit-gradient(linear, left top, right top, from(rgb(25, 118, 210)), color-stop(75%, rgb(0, 172, 193))) !important;
  background: -webkit-linear-gradient(left, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
  background: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
  color: #FAFAFA !important;
}

.std-txt-gradient-1 {
  color: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
}

a.std-bg-gradient-1 {
  background: -webkit-gradient(linear, left top, right top, from(rgb(25, 118, 210)), color-stop(75%, rgb(0, 172, 193))) !important;
  background: -webkit-linear-gradient(left, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
  background: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
  color: #FAFAFA !important;
}
a.std-bg-gradient-1:hover {
  opacity: 0.75;
}
a.std-txt-gradient-1 {
  color: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
}
a.std-txt-gradient-1:hover {
  color: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
  opacity: 0.75;
}

.std-bg-gradient-2 {
  background: -webkit-gradient(linear, left top, right top, from(#90CAF9), color-stop(75%, #80DEEA)) !important;
  background: -webkit-linear-gradient(left, #90CAF9 0%, #80DEEA 75%) !important;
  background: linear-gradient(90deg, #90CAF9 0%, #80DEEA 75%) !important;
  color: #FAFAFA !important;
}

.std-txt-gradient-2 {
  color: linear-gradient(90deg, #90CAF9 0%, #80DEEA 75%) !important;
}

a.std-bg-gradient-2 {
  background: -webkit-gradient(linear, left top, right top, from(#90CAF9), color-stop(75%, #80DEEA)) !important;
  background: -webkit-linear-gradient(left, #90CAF9 0%, #80DEEA 75%) !important;
  background: linear-gradient(90deg, #90CAF9 0%, #80DEEA 75%) !important;
  color: #FAFAFA !important;
}
a.std-bg-gradient-2:hover {
  opacity: 0.75;
}
a.std-txt-gradient-2 {
  color: linear-gradient(90deg, #90CAF9 0%, #80DEEA 75%) !important;
}
a.std-txt-gradient-2:hover {
  color: linear-gradient(90deg, #90CAF9 0%, #80DEEA 75%) !important;
  opacity: 0.75;
}

.std-bg-gradient-3 {
  background: !important;
  color: #FAFAFA !important;
}

.std-txt-gradient-3 {
  color: !important;
}

a.std-bg-gradient-3 {
  background: !important;
  color: #FAFAFA !important;
}
a.std-bg-gradient-3:hover {
  opacity: 0.75;
}
a.std-txt-gradient-3 {
  color: !important;
}
a.std-txt-gradient-3:hover {
  color: !important;
  opacity: 0.75;
}

.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

img {
  -webkit-user-drag: none;
}

.no-resize {
  resize: none;
}

.justify-left {
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}

.justify-right {
  text-align: justify;
  -moz-text-align-last: right;
       text-align-last: right;
}

.justify-center {
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
}

.wrapper-image {
  overflow: hidden;
}
.wrapper-image > a > img {
  width: 100%;
}
.wrapper-image > img {
  width: 100%;
}

.hide {
  display: none;
}

.nested-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  counter-reset: item;
}
.nested-list li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nested-list li::before {
  content: counters(item, ".") " ";
  counter-increment: item;
  width: 3%;
}
.nested-list li > span {
  width: 97%;
}
.nested-list .nested-list {
  width: 100%;
  display: block;
}

@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url("/assets/fonts/poppins/Poppins-Regular.ttf") format("opentype");
}
.text-regular, body {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src: url("/assets/fonts/poppins/Poppins-Italic.ttf") format("opentype");
}
.text-regular-italic {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: url("/assets/fonts/poppins/Poppins-SemiBold.ttf") format("opentype");
}
.text-semi-bold, .footer a:hover, .navbar.custom-navbar .nav-link:hover, .navbar.custom-navbar .nav-link, .form-label, .badge, h5, h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-display: swap;
  font-style: italic;
  src: url("/assets/fonts/poppins/Poppins-SemiBoldItalic.ttf") format("opentype");
}
.text-semi-bold-italic {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url("/assets/fonts/poppins/Poppins-Bold.ttf") format("opentype");
}
.text-bold, .navbar.custom-navbar .nav-link:hover, .navbar.custom-navbar .nav-link.active,
.navbar.custom-navbar .dropdown-item:hover,
.navbar.custom-navbar .dropdown-item.active, .vertical-timeline-element-content .timeline-title, .nav.nav-pills.nav-custom-pills .nav-link, .list__policlinic li .number h4, .card-title, .link-to-page, h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-display: swap;
  font-style: italic;
  src: url("/assets/fonts/poppins/Poppins-BoldItalic.ttf") format("opentype");
}
.text-bold-italic {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  font-weight: 800;
  font-display: swap;
  font-style: normal;
  src: url("/assets/fonts/poppins/Poppins-ExtraBold.ttf") format("opentype");
}
.text-extra-bold, .text-bg {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  font-weight: 800;
  font-display: swap;
  font-style: italic;
  src: url("/assets/fonts/poppins/Poppins-ExtraBoldItalic.ttf") format("opentype");
}
.text-extra-bold-italic {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-style: italic;
}

.base-xxs {
  font-size: 8px !important;
  font-size: 0.5rem !important;
}

.base-xs {
  font-size: 10px !important;
  font-size: 0.625rem !important;
}

.base-sm {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

.base-md {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.base-lg {
  font-size: 16px !important;
  font-size: 1rem !important;
}

.base-xl {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.base-xxl {
  font-size: 21px !important;
  font-size: 1.3125rem !important;
}

.header-xxs {
  font-size: 16px !important;
  font-size: 1rem !important;
}

.header-xs {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.header-sm {
  font-size: 20px !important;
  font-size: 1.25rem !important;
}

.header-md {
  font-size: 24px !important;
  font-size: 1.5rem !important;
}

.header-lg {
  font-size: 28px !important;
  font-size: 1.75rem !important;
}

.header-xl {
  font-size: 32px !important;
  font-size: 2rem !important;
}

.header-xxl {
  font-size: 40px !important;
  font-size: 2.5rem !important;
}

body {
  font-size: 14px;
  font-size: 0.875rem;
  color: #263238;
}

h1 {
  line-height: 1;
  font-size: 28px !important;
  font-size: 1.75rem !important;
}
@media (min-width: 768px) {
  h1 {
    font-size: 32px !important;
    font-size: 2rem !important;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 40px !important;
    font-size: 2.5rem !important;
  }
}

h2 {
  line-height: 1;
  font-size: 24px !important;
  font-size: 1.5rem !important;
}
@media (min-width: 768px) {
  h2 {
    font-size: 28px !important;
    font-size: 1.75rem !important;
  }
}
@media (min-width: 992px) {
  h2 {
    font-size: 32px !important;
    font-size: 2rem !important;
  }
}

@media (max-width: 575.98px) {
  h4 {
    font-size: 20px !important;
    font-size: 1.25rem !important;
  }
}

h5 {
  font-size: 16px !important;
  font-size: 1rem !important;
}
@media (min-width: 992px) {
  h5 {
    font-size: 20px !important;
    font-size: 1.25rem !important;
  }
}

p {
  margin-bottom: 0;
}

i {
  font-size: 14px;
  font-size: 0.875rem;
}

a {
  text-decoration: none;
  color: #525854;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  color: #0D47A1;
}

.fs-0 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .fs-0 {
    font-size: 40px !important;
    font-size: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .fs-0 {
    font-size: 64px !important;
    font-size: 4rem !important;
  }
}

.link-to-page {
  display: block;
  color: #00ACC1;
  font-size: 18px;
  font-size: 1.125rem;
}
.link-to-page:hover {
  color: #4DD0E1;
}

.text-bg {
  text-transform: uppercase;
  color: transparent;
  border-color: 1px solid #0D47A1;
}
@media (min-width: 1200px) {
  .text-bg {
    font-size: 100px;
    font-size: 6.25rem;
  }
}
.text-highlight {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.text-highlight::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -4px;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
}
.text-highlight--white {
  color: #0D47A1;
}
.text-highlight--white::before {
  background-color: #FAFAFA;
}
.text-highlight--primary {
  color: #FAFAFA;
}
.text-highlight--primary::before {
  background-color: #0D47A1;
}
.text-highlight--secondary {
  color: #FAFAFA;
}
.text-highlight--secondary::before {
  background-color: #00ACC1;
}
.text-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  white-space: wrap !important;
}
.text-truncate-2 {
  -webkit-line-clamp: 2;
}
.text-truncate-3 {
  -webkit-line-clamp: 3;
}
@media (min-width: 768px) {
  .text-md-right {
    text-align: right;
  }
}

.border {
  border-color: #e5e6e7 !important;
}

.rounded-4 {
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .rounded-md-5 {
    border-radius: 2rem;
  }
}
.rounded-bottom {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.text-primary {
  color: #0D47A1 !important;
}

.bg-gradient {
  background: rgb(37, 117, 252) !important;
  background: -webkit-gradient(linear, left top, right top, from(rgb(25, 118, 210)), color-stop(75%, rgb(0, 172, 193))) !important;
  background: -webkit-linear-gradient(left, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
  background: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%) !important;
}

.shadow {
  -webkit-box-shadow: 0px 16px 16px rgba(39, 50, 91, 0.2) !important;
          box-shadow: 0px 16px 16px rgba(39, 50, 91, 0.2) !important;
}
.shadow-sm {
  -webkit-box-shadow: 0px 4px 4px rgba(39, 50, 91, 0.1) !important;
          box-shadow: 0px 4px 4px rgba(39, 50, 91, 0.1) !important;
}
.shadow-lg {
  -webkit-box-shadow: 0px 32px 32px rgba(139, 50, 91, 0.3) !important;
          box-shadow: 0px 32px 32px rgba(139, 50, 91, 0.3) !important;
}

#easyUmrohTestimonial .glide__slide--active {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#easyUmrohTestimonial .glide__slide--active .card-body {
  border: 1px solid #0D47A1;
}

.nice-select2 {
  width: 100%;
  display: block;
  float: unset;
  margin-top: -0.5rem;
  line-height: 1.5rem;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
  background-color: #FAFAFA;
  border-color: #b3c0c7;
  border-radius: 0.5rem;
}
.nice-select2::after {
  right: 1rem;
  width: 12px;
  height: 12px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  border-bottom: 3px solid #0D47A1;
  border-right: 3px solid #0D47A1;
}
.nice-select2.nice-select.open::after {
  top: 40%;
  margin-right: 8px;
}
.nice-select2.nice-select.open .nice-select-dropdown {
  width: 100%;
}

#accordionHomeFAQ .accordion-item {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0 !important;
}
#accordionHomeFAQ .accordion-item:last-child {
  border-bottom-width: 0 !important;
}
#accordionHomeFAQ .accordion-button {
  border-radius: 0 !important;
  background-color: #FAFAFA !important;
}
#accordionHomeFAQ .accordion-button::after {
  background-image: url("../../assets/images/generic/icons/ic-minus-circle.svg");
}
#accordionHomeFAQ .accordion-button:not(.collapsed) {
  color: #263238;
}
#accordionHomeFAQ .accordion-button:not(.collapsed)::after {
  background-image: url("../../assets/images/generic/icons/ic-plus-circle.svg");
}

.alert {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
}
.alert-promo {
  background: -webkit-gradient(linear, left top, right top, from(#90CAF9), color-stop(75%, #80DEEA));
  background: -webkit-linear-gradient(left, #90CAF9 0%, #80DEEA 75%);
  background: linear-gradient(90deg, #90CAF9 0%, #80DEEA 75%);
  border-color: transparent;
  color: #263238;
}

.badge-default {
  background: #ebeaea !important;
  color: #525854 !important;
}

.badge-primary {
  background: #E3F2FD !important;
  color: #0D47A1 !important;
}

.badge-secondary {
  background: #80DEEA !important;
  color: #00ACC1 !important;
}

.badge-success {
  background: #ECFDF3 !important;
  color: #067647 !important;
}

.badge-danger {
  background: #fdeff4 !important;
  color: #e91e63 !important;
}

.badge-warning {
  background: #FFF8E1 !important;
  color: #ffbc3b !important;
}

.badge-info {
  background: #d8ffe6 !important;
  color: #22C55E !important;
}

.badge-disabled {
  background: #f3f8fc !important;
  color: #b3c0c7 !important;
}

.badge-dark {
  background: #263238 !important;
  color: #FAFAFA !important;
}

.badge-light {
  background: #FAFAFA !important;
  color: #78909c !important;
}

.badge-transparent {
  background: transparent !important;
  color: #525854 !important;
}

.badge-link {
  background: transparent !important;
  color: #1976D2 !important;
  display: block;
}
.badge-link:hover {
  color: #0D47A1;
}

.badge {
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 0.75rem;
}
.badge-secondary {
  background-color: #def3f6 !important;
}
.badge--special {
  position: absolute;
  display: block;
  z-index: 2;
  top: 0.75rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.badge--special.recommendation {
  background: -webkit-gradient(linear, left top, right top, from(rgb(25, 118, 210)), color-stop(75%, rgb(0, 172, 193)));
  background: -webkit-linear-gradient(left, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%);
  background: linear-gradient(90deg, rgb(25, 118, 210) 0%, rgb(0, 172, 193) 75%);
  color: #FAFAFA;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.breadcrumb {
  margin-bottom: 0.5rem;
}

.btn.btn-default {
  background: #f2f2f2 !important;
  border-color: #525854;
  color: #263238;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-default:hover {
  background: #ebeaea !important;
  border-color: #525854;
  color: #263238;
}
.btn.btn-default:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #ebeaea !important;
  border-color: #525854;
  color: #263238;
}
.btn.btn-outline-default {
  border-color: #f2f2f2 !important;
  color: #263238 !important;
  border-color: #b3c0c7 !important;
  color: #525854 !important;
}
.btn.btn-outline-default:hover, .btn.btn-outline-default:focus, .btn.btn-outline-default:active {
  background-color: transparent;
  border-color: #525854 !important;
  color: #263238 !important;
}
.btn.btn-outline-default:hover, .btn.btn-outline-default:focus, .btn.btn-outline-default:active {
  background-color: transparent;
  border-color: #263238 !important;
  color: #263238 !important;
}

.btn-group.btn-group-toggle > .btn.btn-default {
  background: #f2f2f2 !important;
  border-color: #525854;
  color: #263238;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-default:hover {
  background: #ebeaea !important;
  border-color: #525854;
  color: #263238;
}
.btn-group.btn-group-toggle > .btn.btn-default:active, .btn-group.btn-group-toggle > .btn.btn-default.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #ebeaea !important;
  border-color: #525854;
  color: #263238;
}
.btn-group.btn-group-toggle > .btn.btn-outline-default {
  border-color: #f2f2f2 !important;
  color: #263238 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-default:hover, .btn-group.btn-group-toggle > .btn.btn-outline-default:focus, .btn-group.btn-group-toggle > .btn.btn-outline-default:active, .btn-group.btn-group-toggle > .btn.btn-outline-default.active {
  border-color: #ebeaea !important;
  color: #263238 !important;
}

.btn.btn-primary {
  background: #0D47A1 !important;
  border-color: #1976D2;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-primary:hover {
  background: #1976D2 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn.btn-primary:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #1976D2 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn.btn-outline-primary {
  border-color: #0D47A1 !important;
  color: #0D47A1 !important;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active {
  background-color: transparent;
  border-color: #1976D2 !important;
  color: #0D47A1 !important;
}

.btn-group.btn-group-toggle > .btn.btn-primary {
  background: #0D47A1 !important;
  border-color: #1976D2;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-primary:hover {
  background: #1976D2 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-primary:active, .btn-group.btn-group-toggle > .btn.btn-primary.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #1976D2 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-outline-primary {
  border-color: #0D47A1 !important;
  color: #0D47A1 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-primary:hover, .btn-group.btn-group-toggle > .btn.btn-outline-primary:focus, .btn-group.btn-group-toggle > .btn.btn-outline-primary:active, .btn-group.btn-group-toggle > .btn.btn-outline-primary.active {
  border-color: #1976D2 !important;
  color: #0D47A1 !important;
}

.btn.btn-outline-primary {
  background: transparent !important;
  border-color: #0D47A1;
  color: #0D47A1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-outline-primary:hover {
  background: #0D47A1 !important;
  border-color: #0D47A1;
  color: #0D47A1;
}
.btn.btn-outline-primary:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #0D47A1 !important;
  border-color: #0D47A1;
  color: #0D47A1;
}
.btn.btn-outline-outline-primary {
  border-color: transparent !important;
  color: #0D47A1 !important;
}
.btn.btn-outline-outline-primary:hover, .btn.btn-outline-outline-primary:focus, .btn.btn-outline-outline-primary:active {
  background-color: transparent;
  border-color: #0D47A1 !important;
  color: #0D47A1 !important;
}

.btn-group.btn-group-toggle > .btn.btn-outline-primary {
  background: transparent !important;
  border-color: #0D47A1;
  color: #0D47A1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-outline-primary:hover {
  background: #0D47A1 !important;
  border-color: #0D47A1;
  color: #0D47A1;
}
.btn-group.btn-group-toggle > .btn.btn-outline-primary:active, .btn-group.btn-group-toggle > .btn.btn-outline-primary.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #0D47A1 !important;
  border-color: #0D47A1;
  color: #0D47A1;
}
.btn-group.btn-group-toggle > .btn.btn-outline-outline-primary {
  border-color: transparent !important;
  color: #0D47A1 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-outline-primary:hover, .btn-group.btn-group-toggle > .btn.btn-outline-outline-primary:focus, .btn-group.btn-group-toggle > .btn.btn-outline-outline-primary:active, .btn-group.btn-group-toggle > .btn.btn-outline-outline-primary.active {
  border-color: #0D47A1 !important;
  color: #0D47A1 !important;
}

.btn.btn-secondary {
  background: #26C6DA !important;
  border-color: #26C6DA;
  color: #263238;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-secondary:hover {
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn.btn-secondary:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn.btn-outline-secondary {
  border-color: #26C6DA !important;
  color: #263238 !important;
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active {
  background-color: transparent;
  border-color: #26C6DA !important;
  color: #263238 !important;
}

.btn-group.btn-group-toggle > .btn.btn-secondary {
  background: #26C6DA !important;
  border-color: #26C6DA;
  color: #263238;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-secondary:hover {
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn-group.btn-group-toggle > .btn.btn-secondary:active, .btn-group.btn-group-toggle > .btn.btn-secondary.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn-group.btn-group-toggle > .btn.btn-outline-secondary {
  border-color: #26C6DA !important;
  color: #263238 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-secondary:hover, .btn-group.btn-group-toggle > .btn.btn-outline-secondary:focus, .btn-group.btn-group-toggle > .btn.btn-outline-secondary:active, .btn-group.btn-group-toggle > .btn.btn-outline-secondary.active {
  border-color: #00ACC1 !important;
  color: #263238 !important;
}

.btn.btn-outline-secondary {
  background: transparent !important;
  border-color: #00ACC1;
  color: #00ACC1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-outline-secondary:hover {
  background: #00ACC1 !important;
  border-color: #00ACC1;
  color: #00ACC1;
}
.btn.btn-outline-secondary:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #00ACC1;
  color: #00ACC1;
}
.btn.btn-outline-outline-secondary {
  border-color: transparent !important;
  color: #00ACC1 !important;
}
.btn.btn-outline-outline-secondary:hover, .btn.btn-outline-outline-secondary:focus, .btn.btn-outline-outline-secondary:active {
  background-color: transparent;
  border-color: #00ACC1 !important;
  color: #00ACC1 !important;
}

.btn-group.btn-group-toggle > .btn.btn-outline-secondary {
  background: transparent !important;
  border-color: #00ACC1;
  color: #00ACC1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-outline-secondary:hover {
  background: #00ACC1 !important;
  border-color: #00ACC1;
  color: #00ACC1;
}
.btn-group.btn-group-toggle > .btn.btn-outline-secondary:active, .btn-group.btn-group-toggle > .btn.btn-outline-secondary.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #00ACC1;
  color: #00ACC1;
}
.btn-group.btn-group-toggle > .btn.btn-outline-outline-secondary {
  border-color: transparent !important;
  color: #00ACC1 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-outline-secondary:hover, .btn-group.btn-group-toggle > .btn.btn-outline-outline-secondary:focus, .btn-group.btn-group-toggle > .btn.btn-outline-outline-secondary:active, .btn-group.btn-group-toggle > .btn.btn-outline-outline-secondary.active {
  border-color: #00ACC1 !important;
  color: #00ACC1 !important;
}

.btn.btn-success {
  background: #26C6DA !important;
  border-color: #26C6DA;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-success:hover {
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #FAFAFA;
}
.btn.btn-success:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #FAFAFA;
}
.btn.btn-outline-success {
  border-color: #26C6DA !important;
  color: #26C6DA !important;
}
.btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success:active {
  background-color: transparent;
  border-color: #26C6DA !important;
  color: #26C6DA !important;
}

.btn-group.btn-group-toggle > .btn.btn-success {
  background: #26C6DA !important;
  border-color: #26C6DA;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-success:hover {
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-success:active, .btn-group.btn-group-toggle > .btn.btn-success.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-outline-success {
  border-color: #26C6DA !important;
  color: #26C6DA !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-success:hover, .btn-group.btn-group-toggle > .btn.btn-outline-success:focus, .btn-group.btn-group-toggle > .btn.btn-outline-success:active, .btn-group.btn-group-toggle > .btn.btn-outline-success.active {
  border-color: #00ACC1 !important;
  color: #26C6DA !important;
}

.btn.btn-danger {
  background: #f27ba3 !important;
  border-color: #f27ba3;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-danger:hover {
  background: #e91e63 !important;
  border-color: #f27ba3;
  color: #FAFAFA;
}
.btn.btn-danger:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #e91e63 !important;
  border-color: #f27ba3;
  color: #FAFAFA;
}
.btn.btn-outline-danger {
  border-color: #f27ba3 !important;
  color: #f27ba3 !important;
}
.btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger:active {
  background-color: transparent;
  border-color: #f27ba3 !important;
  color: #f27ba3 !important;
}

.btn-group.btn-group-toggle > .btn.btn-danger {
  background: #f27ba3 !important;
  border-color: #f27ba3;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-danger:hover {
  background: #e91e63 !important;
  border-color: #f27ba3;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-danger:active, .btn-group.btn-group-toggle > .btn.btn-danger.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #e91e63 !important;
  border-color: #f27ba3;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-outline-danger {
  border-color: #f27ba3 !important;
  color: #f27ba3 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-danger:hover, .btn-group.btn-group-toggle > .btn.btn-outline-danger:focus, .btn-group.btn-group-toggle > .btn.btn-outline-danger:active, .btn-group.btn-group-toggle > .btn.btn-outline-danger.active {
  border-color: #e91e63 !important;
  color: #f27ba3 !important;
}

.btn.btn-warning {
  background: #ffca63 !important;
  border-color: #ffca63;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-warning:hover {
  background: #ffbc3b !important;
  border-color: #ffca63;
  color: #FAFAFA;
}
.btn.btn-warning:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #ffbc3b !important;
  border-color: #ffca63;
  color: #FAFAFA;
}
.btn.btn-outline-warning {
  border-color: #ffca63 !important;
  color: #ffca63 !important;
}
.btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:active {
  background-color: transparent;
  border-color: #ffca63 !important;
  color: #ffca63 !important;
}

.btn-group.btn-group-toggle > .btn.btn-warning {
  background: #ffca63 !important;
  border-color: #ffca63;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-warning:hover {
  background: #ffbc3b !important;
  border-color: #ffca63;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-warning:active, .btn-group.btn-group-toggle > .btn.btn-warning.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #ffbc3b !important;
  border-color: #ffca63;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-outline-warning {
  border-color: #ffca63 !important;
  color: #ffca63 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-warning:hover, .btn-group.btn-group-toggle > .btn.btn-outline-warning:focus, .btn-group.btn-group-toggle > .btn.btn-outline-warning:active, .btn-group.btn-group-toggle > .btn.btn-outline-warning.active {
  border-color: #ffbc3b !important;
  color: #ffca63 !important;
}

.btn.btn-info {
  background: #1976D2 !important;
  border-color: #1976D2;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-info:hover {
  background: #0D47A1 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn.btn-info:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #0D47A1 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn.btn-outline-info {
  border-color: #1976D2 !important;
  color: #1976D2 !important;
}
.btn.btn-outline-info:hover, .btn.btn-outline-info:focus, .btn.btn-outline-info:active {
  background-color: transparent;
  border-color: #1976D2 !important;
  color: #1976D2 !important;
}

.btn-group.btn-group-toggle > .btn.btn-info {
  background: #1976D2 !important;
  border-color: #1976D2;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-info:hover {
  background: #0D47A1 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-info:active, .btn-group.btn-group-toggle > .btn.btn-info.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #0D47A1 !important;
  border-color: #1976D2;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-outline-info {
  border-color: #1976D2 !important;
  color: #1976D2 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-info:hover, .btn-group.btn-group-toggle > .btn.btn-outline-info:focus, .btn-group.btn-group-toggle > .btn.btn-outline-info:active, .btn-group.btn-group-toggle > .btn.btn-outline-info.active {
  border-color: #0D47A1 !important;
  color: #1976D2 !important;
}

.btn.btn-link {
  background: none !important;
  border-color: none;
  color: #00ACC1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-link:hover {
  background: none !important;
  border-color: none;
  color: #00ACC1;
}
.btn.btn-link:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: none !important;
  border-color: none;
  color: #00ACC1;
}
.btn.btn-outline-link {
  border-color: none !important;
  color: #00ACC1 !important;
}
.btn.btn-outline-link:hover, .btn.btn-outline-link:focus, .btn.btn-outline-link:active {
  background-color: transparent;
  border-color: none !important;
  color: #00ACC1 !important;
}

.btn-group.btn-group-toggle > .btn.btn-link {
  background: none !important;
  border-color: none;
  color: #00ACC1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-link:hover {
  background: none !important;
  border-color: none;
  color: #00ACC1;
}
.btn-group.btn-group-toggle > .btn.btn-link:active, .btn-group.btn-group-toggle > .btn.btn-link.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: none !important;
  border-color: none;
  color: #00ACC1;
}
.btn-group.btn-group-toggle > .btn.btn-outline-link {
  border-color: none !important;
  color: #00ACC1 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-link:hover, .btn-group.btn-group-toggle > .btn.btn-outline-link:focus, .btn-group.btn-group-toggle > .btn.btn-outline-link:active, .btn-group.btn-group-toggle > .btn.btn-outline-link.active {
  border-color: none !important;
  color: #00ACC1 !important;
}

.btn.btn-disabled {
  background: #c2c2c2 !important;
  border-color: #c2c2c2;
  color: #b0b0b0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-disabled:hover {
  background: #c2c2c2 !important;
  border-color: #c2c2c2;
  color: #b0b0b0;
}
.btn.btn-disabled:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #c2c2c2 !important;
  border-color: #c2c2c2;
  color: #b0b0b0;
}
.btn.btn-outline-disabled {
  border-color: #c2c2c2 !important;
  color: #b0b0b0 !important;
}
.btn.btn-outline-disabled:hover, .btn.btn-outline-disabled:focus, .btn.btn-outline-disabled:active {
  background-color: transparent;
  border-color: #c2c2c2 !important;
  color: #b0b0b0 !important;
}

.btn-group.btn-group-toggle > .btn.btn-disabled {
  background: #c2c2c2 !important;
  border-color: #c2c2c2;
  color: #b0b0b0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-disabled:hover {
  background: #c2c2c2 !important;
  border-color: #c2c2c2;
  color: #b0b0b0;
}
.btn-group.btn-group-toggle > .btn.btn-disabled:active, .btn-group.btn-group-toggle > .btn.btn-disabled.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #c2c2c2 !important;
  border-color: #c2c2c2;
  color: #b0b0b0;
}
.btn-group.btn-group-toggle > .btn.btn-outline-disabled {
  border-color: #c2c2c2 !important;
  color: #b0b0b0 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-disabled:hover, .btn-group.btn-group-toggle > .btn.btn-outline-disabled:focus, .btn-group.btn-group-toggle > .btn.btn-outline-disabled:active, .btn-group.btn-group-toggle > .btn.btn-outline-disabled.active {
  border-color: #c2c2c2 !important;
  color: #b0b0b0 !important;
}

.btn.btn-dark {
  background: #474948 !important;
  border-color: #474948;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-dark:hover {
  background: #363837 !important;
  border-color: #474948;
  color: #FAFAFA;
}
.btn.btn-dark:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #363837 !important;
  border-color: #474948;
  color: #FAFAFA;
}
.btn.btn-outline-dark {
  border-color: #474948 !important;
  color: #363837 !important;
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus, .btn.btn-outline-dark:active {
  background-color: transparent;
  border-color: #474948 !important;
  color: #363837 !important;
}

.btn-group.btn-group-toggle > .btn.btn-dark {
  background: #474948 !important;
  border-color: #474948;
  color: #FAFAFA;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-dark:hover {
  background: #363837 !important;
  border-color: #474948;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-dark:active, .btn-group.btn-group-toggle > .btn.btn-dark.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #363837 !important;
  border-color: #474948;
  color: #FAFAFA;
}
.btn-group.btn-group-toggle > .btn.btn-outline-dark {
  border-color: #474948 !important;
  color: #363837 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-dark:hover, .btn-group.btn-group-toggle > .btn.btn-outline-dark:focus, .btn-group.btn-group-toggle > .btn.btn-outline-dark:active, .btn-group.btn-group-toggle > .btn.btn-outline-dark.active {
  border-color: #363837 !important;
  color: #363837 !important;
}

.btn.btn-light {
  background: #f8f8f8 !important;
  border-color: #f8f8f8;
  color: #525854;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-light:hover {
  background: #f2f2f2 !important;
  border-color: #f8f8f8;
  color: #525854;
}
.btn.btn-light:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #f2f2f2 !important;
  border-color: #f8f8f8;
  color: #525854;
}
.btn.btn-outline-light {
  border-color: #f8f8f8 !important;
  color: #525854 !important;
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus, .btn.btn-outline-light:active {
  background-color: transparent;
  border-color: #f8f8f8 !important;
  color: #525854 !important;
}

.btn-group.btn-group-toggle > .btn.btn-light {
  background: #f8f8f8 !important;
  border-color: #f8f8f8;
  color: #525854;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-light:hover {
  background: #f2f2f2 !important;
  border-color: #f8f8f8;
  color: #525854;
}
.btn-group.btn-group-toggle > .btn.btn-light:active, .btn-group.btn-group-toggle > .btn.btn-light.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #f2f2f2 !important;
  border-color: #f8f8f8;
  color: #525854;
}
.btn-group.btn-group-toggle > .btn.btn-outline-light {
  border-color: #f8f8f8 !important;
  color: #525854 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-light:hover, .btn-group.btn-group-toggle > .btn.btn-outline-light:focus, .btn-group.btn-group-toggle > .btn.btn-outline-light:active, .btn-group.btn-group-toggle > .btn.btn-outline-light.active {
  border-color: #f2f2f2 !important;
  color: #525854 !important;
}

.btn.btn-whatsapp {
  background: #26C6DA !important;
  border-color: #26C6DA;
  color: #263238;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-whatsapp:hover {
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn.btn-whatsapp:active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn.btn-outline-whatsapp {
  border-color: #26C6DA !important;
  color: #263238 !important;
}
.btn.btn-outline-whatsapp:hover, .btn.btn-outline-whatsapp:focus, .btn.btn-outline-whatsapp:active {
  background-color: transparent;
  border-color: #26C6DA !important;
  color: #263238 !important;
}

.btn-group.btn-group-toggle > .btn.btn-whatsapp {
  background: #26C6DA !important;
  border-color: #26C6DA;
  color: #263238;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-group-toggle > .btn.btn-whatsapp:hover {
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn-group.btn-group-toggle > .btn.btn-whatsapp:active, .btn-group.btn-group-toggle > .btn.btn-whatsapp.active {
  -webkit-box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
          box-shadow: 0px 0px 4px 1px inset rgba(96, 125, 139, 0.38) !important;
  background: #00ACC1 !important;
  border-color: #26C6DA;
  color: #263238;
}
.btn-group.btn-group-toggle > .btn.btn-outline-whatsapp {
  border-color: #26C6DA !important;
  color: #263238 !important;
}
.btn-group.btn-group-toggle > .btn.btn-outline-whatsapp:hover, .btn-group.btn-group-toggle > .btn.btn-outline-whatsapp:focus, .btn-group.btn-group-toggle > .btn.btn-outline-whatsapp:active, .btn-group.btn-group-toggle > .btn.btn-outline-whatsapp.active {
  border-color: #00ACC1 !important;
  color: #263238 !important;
}

.btn {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.75rem !important;
}
@media (min-width: 992px) {
  .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .btn i {
    font-size: 16px;
    font-size: 1rem;
  }
}
.btn-link {
  text-decoration: none;
}
.btn.btn-outline-primary:hover {
  color: #FAFAFA !important;
}
.btn.btn-square {
  width: 32px;
  height: 32px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.floating {
  position: fixed;
  right: 24px;
  z-index: 100;
  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;
}
@media (min-width: 768px) {
  .btn.floating {
    right: 32px;
  }
}
.btn.floating--whatsapp {
  bottom: 24px;
}
@media (min-width: 768px) {
  .btn.floating--whatsapp {
    bottom: 32px;
  }
}
.btn.floating--whatsapp.btn-lg {
  padding: 0.5rem 1.25rem !important;
  font-size: 16px !important;
  font-size: 1rem !important;
}
.btn.floating--whatsapp.btn-lg i {
  font-size: 20px !important;
  font-size: 1.25rem !important;
}
@media (min-width: 768px) {
  .btn.floating--whatsapp.btn-lg {
    font-size: 20px !important;
    font-size: 1.25rem !important;
  }
}
.btn.floating--to-top {
  opacity: 0;
  width: 56px;
  height: 56px;
  bottom: 72px;
  -webkit-transition: 0.3ms;
  transition: 0.3ms;
  color: #FAFAFA;
  border-radius: 100% !important;
}
.btn.floating--to-top i {
  font-size: 24px;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .btn.floating--to-top {
    bottom: 84px;
  }
}
.btn.floating--to-top.show {
  opacity: 1;
}
.btn.floating--to-top.hide {
  opacity: 0;
}
.btn-check + .btn {
  border-color: #b3c0c7;
}
.btn-check:checked + .btn {
  border-color: #0D47A1;
}
.btn-check:checked .card-body {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.img__detail, .card-img-user, .card-img-top {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.card {
  border-color: transparent !important;
  border-radius: 1rem;
  background-color: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 4px 4px rgba(39, 50, 91, 0.1);
          box-shadow: 0px 4px 4px rgba(39, 50, 91, 0.1);
}
.card:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.card--not-click:hover {
  cursor: unset;
}
.card-img-top {
  width: 100%;
  height: auto;
  background-image: url("/assets/images/generic/img-null.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.75rem;
}
.card-img-user {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
.card-quote {
  margin-bottom: -1.5rem;
  z-index: 2;
  font-size: 40px;
  font-size: 2.5rem;
}
.card-body {
  position: relative;
  padding: 0.75rem;
  color: #263238;
  border-radius: 1rem;
  background-color: #FAFAFA;
}
.card-body .content {
  max-width: 100%;
}
.card-title {
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .card-title {
    font-size: 16px;
    font-size: 1rem;
  }
}
.card-text-desc {
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .card-text-desc {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.card-footer {
  background-color: #FAFAFA;
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
  border-top-color: #b3c0c7;
}
.card__article .card-img-top {
  width: 100px;
  height: auto;
}
.card__article .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.card__article .card-body .content {
  margin-left: 0.75rem;
}
.card__article .card-footer {
  display: none;
}
@media (min-width: 768px) {
  .card__article--main .card-img-top {
    width: 100%;
    height: 160px;
  }
}
@media (min-width: 768px) {
  .card__article--main .card-text-desc {
    display: -webkit-box;
  }
}
@media (min-width: 768px) {
  .card__article--main .card-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media (min-width: 768px) {
  .card__article--main .card-body .content {
    margin-left: 0;
    margin-top: 0.75rem;
  }
}
.card__article--main .card-footer {
  display: none;
}
@media (min-width: 768px) {
  .card__article--main .card-footer {
    display: block;
  }
}
.card__product .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card__product .card-img-top {
  aspect-ratio: 1/1;
}
.card__product__umroh .card-img-top {
  aspect-ratio: 4/3;
}
.card__product__umroh .card-body {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.card__product__hotel .card-img-top, .card__product__transport .card-img-top {
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .card__product__hotel .card-img-top, .card__product__transport .card-img-top {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .card__product__hotel .card-body, .card__product__transport .card-body {
    border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media (min-width: 992px) {
  .card__product__hotel .card-body, .card__product__transport .card-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media (min-width: 768px) {
  .card__product__hotel .card-footer, .card__product__transport .card-footer {
    border-top-width: 0;
    border-top-right-radius: 1rem !important;
    border-top-left: 1px solid #b3c0c7;
  }
}
.card__product__transport .timeline {
  position: relative;
  max-width: 100%;
}
.card__product__transport .timeline li {
  position: relative;
  padding-left: 1rem;
}
.card__product__transport .timeline li:nth-last-child(1)::before {
  display: none;
}
.card__product__transport .timeline li::before {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #b3c0c7;
  top: 5px;
  bottom: 0;
  left: 2px;
  display: block;
  margin-left: -3px;
}
.card__product__transport .timeline li::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: -8px;
  display: block;
  background-color: #E3F2FD;
  border: 3px solid #0D47A1;
  top: 3px;
  border-radius: 50%;
  z-index: 1;
}
.card__promo .card-body:before, .card__promo .card-body:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  border: 5px solid transparent;
  border-top-color: #FAFAFA;
  border-right-color: #FAFAFA;
  border-radius: 100%;
  pointer-events: none;
}
.card__promo .card-body:before {
  left: -10px;
}
.card__promo .card-body:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
  right: -40px;
}

.dropdown-toggle.uncaret::after {
  display: none;
}

.form-control {
  background-color: #FAFAFA;
  border-color: #b3c0c7;
  border-radius: 0.5rem;
}
.form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-color: #b0b0b0;
}
.form-label {
  width: 100%;
  margin-bottom: 0.25rem;
}
.form-check:hover {
  cursor: pointer;
}
.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -0.5rem;
  border-color: #78909c;
}
.form-check-input:checked {
  background-color: #0D47A1;
  border-color: #0D47A1;
}

.checkbox--product {
  width: 100%;
  height: 100%;
}

.img__detail, .card-img-top, .card-img-user {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.img--bordered {
  border: 6px solid #FAFAFA;
  border-border-radius: 1rem;
}
.img--bordered img {
  border-radius: 0.75rem;
}
.img__detail {
  width: 100%;
  height: auto;
  background-image: url("/assets/images/generic/img-null.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 4/3;
}
@media (min-width: 992px) {
  .img__detail {
    aspect-ratio: 16/9;
  }
}
@media (min-width: 1200px) {
  .img__detail {
    aspect-ratio: 21/9;
  }
}

.input-group-append .input-group-text {
  color: #0D47A1;
  background-color: #FAFAFA;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.input-group-append .btn {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.list-group {
  border-width: 0;
}
.list-group-item {
  border-width: 0;
}
.list-group-item--lg-half {
  width: 100%;
}
@media (min-width: 992px) {
  .list-group-item--lg-half {
    width: 50%;
  }
}

.list__contact-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #263238;
}
.list__contact-link a:hover {
  color: #0D47A1;
}
.list__contact-link-icon {
  min-width: 28px;
  max-width: 28px;
  min-height: 28px;
  max-height: 28px;
  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;
  margin-right: 0.5rem;
  background-color: #E3F2FD;
  border-radius: 100%;
}
.list__contact-link-icon i {
  font-size: 14px;
  font-size: 0.875rem;
  color: #0D47A1;
}
.list__policlinic li .number {
  width: 28px;
  height: 28px;
  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.5rem;
  border-radius: 100%;
}
.list__policlinic li .number h4 {
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .list__policlinic li .number {
    width: 40px;
    height: 40px;
    padding: 0.75rem;
  }
  .list__policlinic li .number h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .modal-header, .modal-body, .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.modal-content {
  background-color: #FAFAFA;
}
.modal__form .modal-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.modal__form .modal-header-title {
  position: relative;
  z-index: 2;
}
.modal__form-bg::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.55rem;
  width: 140px;
  height: 336px;
  z-index: 0;
  display: block;
  background-image: url("/assets/images/generic/bg-modal-auth.svg");
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
}
.modal__form-icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e5e6e7;
  border-radius: 1rem;
  background-color: #FAFAFA;
}
.modal__form-icon img {
  width: 24px;
  height: 24px;
}

.search__tab .nav-custom-pills .product__icon {
  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;
}
.search__tab .nav-custom-pills .product__icon img {
  max-width: 100%;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .search__tab .nav-custom-pills .product__icon img {
    height: 24px;
  }
}
@media (min-width: 1200px) {
  .search__tab .nav-custom-pills .product__icon img {
    height: 24px;
  }
}
@media (min-width: 1920px) {
  .search__tab .nav-custom-pills .product__icon img {
    height: 28px;
  }
}

.nav.nav-pills.nav-custom-pills {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem;
  background-color: #FAFAFA;
  border-radius: 0.75rem;
}
.nav.nav-pills.nav-custom-pills .nav-link {
  padding: 0.5rem 1rem;
  text-align: center;
  background-color: unset;
  background: transparent;
  color: #525854;
}
.nav.nav-pills.nav-custom-pills .nav-link:hover, .nav.nav-pills.nav-custom-pills .nav-link.active {
  color: #FAFAFA;
  background-color: #0D47A1;
}
.nav.nav-pills--scroll-x {
  width: 100% !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
}

.search__tab {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #FAFAFA;
  border-radius: 0.75rem;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .search__tab {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .search__tab {
    max-width: 84%;
  }
}
.search__tab--scroll {
  position: relative;
  width: 100% !important;
  height: auto;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  overflow-x: scroll;
}
.search__tab--scroll::-webkit-scrollbar {
  display: none;
}
.search__tab--indicate {
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  z-index: 3;
}
@media (min-width: 768px) {
  .search__tab--indicate {
    width: 48px;
  }
}
@media (min-width: 992px) {
  .search__tab--indicate {
    width: 64px;
  }
}
.search__tab--indicate--left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.search__tab--indicate--right {
  right: 0;
  left: auto;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.search__tab .nav-custom-pills {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.search__tab .nav-custom-pills .product__icon {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-right: 0.25rem;
  background-color: #E3F2FD;
  border-radius: 100%;
}
@media (min-width: 1920px) {
  .search__tab .nav-custom-pills .product__icon {
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
    margin-right: 0.25rem;
    background-color: #E3F2FD;
    border-radius: 100%;
  }
}
.search__tab .nav-custom-pills .product__icon--default {
  display: block;
}
.search__tab .nav-custom-pills .product__icon--active {
  display: none;
}
.search__tab .nav-custom-pills .product__name {
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 1920px) {
  .search__tab .nav-custom-pills .product__name {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.search__tab .nav-custom-pills .nav-link {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0.25rem 0.75rem !important;
}
.search__tab .nav-custom-pills .nav-link p {
  line-height: 1;
}
.search__tab .nav-custom-pills .nav-link:hover, .search__tab .nav-custom-pills .nav-link.active {
  color: #FAFAFA !important;
  background-color: #0D47A1 !important;
}
.search__tab .nav-custom-pills .nav-link:hover .product__icon, .search__tab .nav-custom-pills .nav-link.active .product__icon {
  background-color: #0D47A1 !important;
}
.search__tab .nav-custom-pills .nav-link:hover .product__icon--default, .search__tab .nav-custom-pills .nav-link.active .product__icon--default {
  display: none;
}
.search__tab .nav-custom-pills .nav-link:hover .product__icon--active, .search__tab .nav-custom-pills .nav-link.active .product__icon--active {
  display: block;
}

.page-item:hover .page-link, .page-item.active .page-link {
  background-color: #0D47A1;
  color: #FAFAFA;
  border-color: #0D47A1;
}

.page-link {
  color: #263238;
}

table .width-50 {
  width: 50px !important;
  max-width: 50px !important;
}

table .width-60 {
  width: 60px !important;
  max-width: 60px !important;
}

table .width-70 {
  width: 70px !important;
  max-width: 70px !important;
}

table .width-80 {
  width: 80px !important;
  max-width: 80px !important;
}

table .width-90 {
  width: 90px !important;
  max-width: 90px !important;
}

table .width-100 {
  width: 100px !important;
  max-width: 100px !important;
}

table .width-110 {
  width: 110px !important;
  max-width: 110px !important;
}

table .width-120 {
  width: 120px !important;
  max-width: 120px !important;
}

table .width-130 {
  width: 130px !important;
  max-width: 130px !important;
}

table .width-140 {
  width: 140px !important;
  max-width: 140px !important;
}

table .width-150 {
  width: 150px !important;
  max-width: 150px !important;
}

table .width-160 {
  width: 160px !important;
  max-width: 160px !important;
}

table .width-170 {
  width: 170px !important;
  max-width: 170px !important;
}

table .width-180 {
  width: 180px !important;
  max-width: 180px !important;
}

table .width-190 {
  width: 190px !important;
  max-width: 190px !important;
}

table .width-200 {
  width: 200px !important;
  max-width: 200px !important;
}

table .width-210 {
  width: 210px !important;
  max-width: 210px !important;
}

table .width-220 {
  width: 220px !important;
  max-width: 220px !important;
}

table .width-230 {
  width: 230px !important;
  max-width: 230px !important;
}

table .width-240 {
  width: 240px !important;
  max-width: 240px !important;
}

table .width-250 {
  width: 250px !important;
  max-width: 250px !important;
}

table .width-260 {
  width: 260px !important;
  max-width: 260px !important;
}

table .width-270 {
  width: 270px !important;
  max-width: 270px !important;
}

table .width-280 {
  width: 280px !important;
  max-width: 280px !important;
}

table .width-290 {
  width: 290px !important;
  max-width: 290px !important;
}

table .width-300 {
  width: 300px !important;
  max-width: 300px !important;
}

table .width-310 {
  width: 310px !important;
  max-width: 310px !important;
}

table .width-320 {
  width: 320px !important;
  max-width: 320px !important;
}

table .width-330 {
  width: 330px !important;
  max-width: 330px !important;
}

table .width-340 {
  width: 340px !important;
  max-width: 340px !important;
}

table .width-350 {
  width: 350px !important;
  max-width: 350px !important;
}

table .width-360 {
  width: 360px !important;
  max-width: 360px !important;
}

table .width-370 {
  width: 370px !important;
  max-width: 370px !important;
}

table .width-380 {
  width: 380px !important;
  max-width: 380px !important;
}

table .width-390 {
  width: 390px !important;
  max-width: 390px !important;
}

table .width-400 {
  width: 400px !important;
  max-width: 400px !important;
}

.table-striped {
  --bs-table-striped-bg: transparent;
}
.table-striped thead > tr > th,
.table-striped tbody > tr > td {
  border-color: #e5e6e7;
}
.table-striped thead > tr > th {
  background-color: #f3f8fc;
}
.table-striped tbody > tr:nth-of-type(odd) td {
  background-color: #FAFAFA;
}

.animated.delay-100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.animated.delay-200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.animated.delay-300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.animated.delay-400 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.animated.delay-500 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.animated.delay-600 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.animated.delay-700 {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}

.animated.delay-800 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.animated.delay-900 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}

.animated.delay-1000 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

.animated.delay-1100 {
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
}

.animated.delay-1200 {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
}

.animated.delay-1300 {
  -webkit-animation-delay: 1300ms;
  animation-delay: 1300ms;
}

.animated.delay-1400 {
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}

.animated.delay-1500 {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}

.animated.delay-1600 {
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;
}

.animated.delay-1700 {
  -webkit-animation-delay: 1700ms;
  animation-delay: 1700ms;
}

.animated.delay-1800 {
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}

.animated.delay-1900 {
  -webkit-animation-delay: 1900ms;
  animation-delay: 1900ms;
}

.animated.delay-2000 {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}

.animated.delay-2100 {
  -webkit-animation-delay: 2100ms;
  animation-delay: 2100ms;
}

.animated.delay-2200 {
  -webkit-animation-delay: 2200ms;
  animation-delay: 2200ms;
}

.animated.delay-2300 {
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms;
}

.animated.delay-2400 {
  -webkit-animation-delay: 2400ms;
  animation-delay: 2400ms;
}

.animated.delay-2500 {
  -webkit-animation-delay: 2500ms;
  animation-delay: 2500ms;
}

.animated.delay-2600 {
  -webkit-animation-delay: 2600ms;
  animation-delay: 2600ms;
}

.animated.delay-2700 {
  -webkit-animation-delay: 2700ms;
  animation-delay: 2700ms;
}

.animated.delay-2800 {
  -webkit-animation-delay: 2800ms;
  animation-delay: 2800ms;
}

.animated.delay-2900 {
  -webkit-animation-delay: 2900ms;
  animation-delay: 2900ms;
}

.animated.delay-3000 {
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}

.animated.duration-300 {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
}

.animated.duration-400 {
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}

.animated.duration-500 {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.duration-600 {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.animated.duration-700 {
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
}

.animated.duration-800 {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.duration-900 {
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
}

.animated.duration-1000 {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
}

.animated.duration-1100 {
  -webkit-animation-duration: 1100ms;
  animation-duration: 1100ms;
}

.animated.duration-1200 {
  -webkit-animation-duration: 1200ms;
  animation-duration: 1200ms;
}

.animated.duration-1300 {
  -webkit-animation-duration: 1300ms;
  animation-duration: 1300ms;
}

.animated.duration-1400 {
  -webkit-animation-duration: 1400ms;
  animation-duration: 1400ms;
}

.animated.duration-1500 {
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
}

.animated.duration-1600 {
  -webkit-animation-duration: 1600ms;
  animation-duration: 1600ms;
}

.animated.duration-1700 {
  -webkit-animation-duration: 1700ms;
  animation-duration: 1700ms;
}

.animated.duration-1800 {
  -webkit-animation-duration: 1800ms;
  animation-duration: 1800ms;
}

.animated.duration-1900 {
  -webkit-animation-duration: 1900ms;
  animation-duration: 1900ms;
}

.animated.duration-2000 {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
}

.animated.duration-2100 {
  -webkit-animation-duration: 2100ms;
  animation-duration: 2100ms;
}

.animated.duration-2200 {
  -webkit-animation-duration: 2200ms;
  animation-duration: 2200ms;
}

.animated.duration-2300 {
  -webkit-animation-duration: 2300ms;
  animation-duration: 2300ms;
}

.animated.duration-2400 {
  -webkit-animation-duration: 2400ms;
  animation-duration: 2400ms;
}

.animated.duration-2500 {
  -webkit-animation-duration: 2500ms;
  animation-duration: 2500ms;
}

.animated.duration-2600 {
  -webkit-animation-duration: 2600ms;
  animation-duration: 2600ms;
}

.animated.duration-2700 {
  -webkit-animation-duration: 2700ms;
  animation-duration: 2700ms;
}

.animated.duration-2800 {
  -webkit-animation-duration: 2800ms;
  animation-duration: 2800ms;
}

.animated.duration-2900 {
  -webkit-animation-duration: 2900ms;
  animation-duration: 2900ms;
}

.animated.duration-3000 {
  -webkit-animation-duration: 3000ms;
  animation-duration: 3000ms;
}

.animated.duration-3100 {
  -webkit-animation-duration: 3100ms;
  animation-duration: 3100ms;
}

.animated.duration-3200 {
  -webkit-animation-duration: 3200ms;
  animation-duration: 3200ms;
}

.animated.duration-3300 {
  -webkit-animation-duration: 3300ms;
  animation-duration: 3300ms;
}

.animated.duration-3400 {
  -webkit-animation-duration: 3400ms;
  animation-duration: 3400ms;
}

.animated.duration-3500 {
  -webkit-animation-duration: 3500ms;
  animation-duration: 3500ms;
}

.animated.duration-3600 {
  -webkit-animation-duration: 3600ms;
  animation-duration: 3600ms;
}

.animated.duration-3700 {
  -webkit-animation-duration: 3700ms;
  animation-duration: 3700ms;
}

.animated.duration-3800 {
  -webkit-animation-duration: 3800ms;
  animation-duration: 3800ms;
}

.animated.duration-3900 {
  -webkit-animation-duration: 3900ms;
  animation-duration: 3900ms;
}

.animated.duration-4000 {
  -webkit-animation-duration: 4000ms;
  animation-duration: 4000ms;
}

.animated.duration-4100 {
  -webkit-animation-duration: 4100ms;
  animation-duration: 4100ms;
}

.animated.duration-4200 {
  -webkit-animation-duration: 4200ms;
  animation-duration: 4200ms;
}

.animated.duration-4300 {
  -webkit-animation-duration: 4300ms;
  animation-duration: 4300ms;
}

.animated.duration-4400 {
  -webkit-animation-duration: 4400ms;
  animation-duration: 4400ms;
}

.animated.duration-4500 {
  -webkit-animation-duration: 4500ms;
  animation-duration: 4500ms;
}

.animated.duration-4600 {
  -webkit-animation-duration: 4600ms;
  animation-duration: 4600ms;
}

.animated.duration-4700 {
  -webkit-animation-duration: 4700ms;
  animation-duration: 4700ms;
}

.animated.duration-4800 {
  -webkit-animation-duration: 4800ms;
  animation-duration: 4800ms;
}

.animated.duration-4900 {
  -webkit-animation-duration: 4900ms;
  animation-duration: 4900ms;
}

.animated.duration-5000 {
  -webkit-animation-duration: 5000ms;
  animation-duration: 5000ms;
}

.animated.duration-5100 {
  -webkit-animation-duration: 5100ms;
  animation-duration: 5100ms;
}

.animated.duration-5200 {
  -webkit-animation-duration: 5200ms;
  animation-duration: 5200ms;
}

.animated.duration-5300 {
  -webkit-animation-duration: 5300ms;
  animation-duration: 5300ms;
}

.animated.duration-5400 {
  -webkit-animation-duration: 5400ms;
  animation-duration: 5400ms;
}

.animated.duration-5500 {
  -webkit-animation-duration: 5500ms;
  animation-duration: 5500ms;
}

.animated.duration-5600 {
  -webkit-animation-duration: 5600ms;
  animation-duration: 5600ms;
}

.animated.duration-5700 {
  -webkit-animation-duration: 5700ms;
  animation-duration: 5700ms;
}

.animated.duration-5800 {
  -webkit-animation-duration: 5800ms;
  animation-duration: 5800ms;
}

.animated.duration-5900 {
  -webkit-animation-duration: 5900ms;
  animation-duration: 5900ms;
}

.animated.duration-6000 {
  -webkit-animation-duration: 6000ms;
  animation-duration: 6000ms;
}

.vertical-timeline {
  width: 100%;
  position: relative;
  padding: 1.5rem 0 1rem;
}
.vertical-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  height: 100%;
  width: 4px;
  background: #e5e6e7;
  border-radius: 8px;
}
.vertical-timeline-element {
  position: relative;
  margin: 0 0 1rem;
}
.vertical-timeline-element-icon {
  position: absolute;
  top: 0;
  left: 1px;
}
.vertical-timeline-element-icon .badge-dot-xl {
  -webkit-box-shadow: 0 0 0 5px #FAFAFA;
          box-shadow: 0 0 0 5px #FAFAFA;
}
.vertical-timeline-element-content {
  position: relative;
  margin-left: 35px;
  font-size: 14px;
  font-size: 0.875rem;
  top: -2px;
}
.vertical-timeline-element-content .timeline-title {
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0 0 0.25rem;
  padding: 0 0 0;
}
.vertical-timeline-element-content .timeline-title + p {
  color: #78909c;
}
.vertical-timeline-element-content .vertical-timeline-element-date {
  display: block;
  position: absolute;
  left: -60px;
  top: 0;
  padding-right: 10px;
  text-align: right;
  color: #78909c;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  word-break: break-word;
  max-width: 70px;
}
.vertical-timeline-element-content::after {
  content: "";
  display: table;
  clear: both;
}

.badge.badge-tm-dot-xl {
  width: 18px;
  height: 18px;
  position: relative;
  display: block;
}
.badge.badge-tm-dot-xl::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 0.25rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
}
.badge.badge-tm-dot-xl.badge-default::before {
  background: #e5e6e7 !important;
}
.badge.badge-tm-dot-xl.badge-primary::before {
  background: #90CAF9 !important;
}
.badge.badge-tm-dot-xl.badge-secondary::before {
  background: #80DEEA !important;
}
.badge.badge-tm-dot-xl.badge-success::before {
  background: #80cbc4 !important;
}
.badge.badge-tm-dot-xl.badge-danger::before {
  background: #ffd5e4 !important;
}
.badge.badge-tm-dot-xl.badge-warning::before {
  background: #ffab91 !important;
}
.badge.badge-tm-dot-xl.badge-info::before {
  background: #98ffbe !important;
}
.badge.badge-tm-dot-xl.badge-disabled::before {
  background: #e5e6e7 !important;
}
.badge.badge-tm-dot-xl.badge-dark::before {
  background: #525854 !important;
}
.badge.badge-tm-dot-xl.badge-light::before {
  background: #e5e6e7 !important;
}

.page-divider {
  margin: 1rem 0;
  background-color: #78909c;
}

.page__header {
  position: relative;
}
.page__header__title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  z-index: 2;
  display: block;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FAFAFA;
}
@media (min-width: 768px) {
  .page__header__title {
    width: 75%;
  }
}
@media (min-width: 992px) {
  .page__header__title {
    top: 40%;
  }
}
.page__header__image {
  width: 100%;
  height: 140px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
  border-radius: 1rem;
}

.icon__default {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-right: 0.25rem;
  background-color: #E3F2FD;
  border-radius: 100%;
  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;
}
.icon__default i {
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .icon__default {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.icon__md {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-right: 0.25rem;
  background-color: #E3F2FD;
  border-radius: 100%;
  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;
}
@media (min-width: 768px) {
  .icon__md {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.icon__md img {
  max-width: 100%;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .icon__md img {
    height: 20px;
  }
}
.icon__lg {
  min-width: 48px;
  max-width: 48px;
  min-height: 48px;
  max-height: 48px;
  margin-right: 0.25rem;
  background-color: #E3F2FD;
  border-radius: 100%;
  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;
}
.icon__lg img {
  max-width: 100%;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .icon__lg img {
    height: 24px;
  }
}
.icon__lg i {
  font-size: 24px;
  font-size: 1.5rem;
}

@media (min-width: 992px) {
  .my-lg-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

@media (min-width: 1200px) {
  .p-xl-6 {
    padding: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-7 {
    padding: 5rem !important;
  }
}

.navbar.custom-navbar .nav-mb-sidebar-icon {
  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;
}
.navbar.custom-navbar .nav-mb-sidebar-icon img {
  max-width: 100%;
  height: 16px;
}
.navbar.custom-navbar .nav-mb-sidebar-icon i {
  font-size: 14px;
  font-size: 0.875rem;
  color: #0D47A1;
}

.navbar.custom-navbar .dropdown__profile .user-pic {
  display: block;
}
.navbar.custom-navbar .dropdown__profile .user-pic img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.navbar-brand {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbar-brand img {
  max-height: 100%;
}
.navbar.custom-navbar {
  width: 100%;
  height: auto;
  z-index: 10;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #FAFAFA;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
@media (min-width: 992px) {
  .navbar.custom-navbar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0;
  }
}
.navbar.custom-navbar--scroll {
  position: fixed;
  top: 0px;
  z-index: 10;
  background-color: #FAFAFA !important;
}
@media (min-width: 992px) {
  .navbar.custom-navbar--transparent {
    background-color: transparent !important;
  }
  .navbar.custom-navbar--transparent .nav-link {
    color: #FAFAFA !important;
  }
}
@media (min-width: 992px) {
  .navbar.custom-navbar .offcanvas {
    position: relative;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.navbar.custom-navbar .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #263238;
}
.navbar.custom-navbar .nav-link--sm {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 992px) {
  .navbar.custom-navbar .nav-link--sm {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.25rem 0.5rem;
    font-weight: 400 !important;
    font-size: 12px;
    font-size: 0.75rem;
    color: #525854;
  }
}
.navbar.custom-navbar .nav-mb-sidebar-icon {
  min-width: 28px;
  max-width: 28px;
  min-height: 28px;
  max-height: 28px;
  margin-right: 0.25rem;
  background-color: #E3F2FD;
  border-radius: 100%;
}
@media (max-width: 991.98px) {
  .navbar.custom-navbar .navbar-btn.btn {
    width: 100% !important;
  }
}
.navbar.custom-navbar .dropdown-menu {
  padding: 0.5rem;
  border: 0;
  border-radius: 0.75rem !important;
  -webkit-box-shadow: 0px 16px 16px rgba(39, 50, 91, 0.2);
          box-shadow: 0px 16px 16px rgba(39, 50, 91, 0.2);
}
@media (max-width: 575.98px) {
  .navbar.custom-navbar .dropdown-menu {
    margin-top: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
}
.navbar.custom-navbar .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 0.75rem !important;
}
.navbar.custom-navbar .dropdown-item.active {
  background-color: #f3f8fc;
}
.navbar.custom-navbar .dropdown-toggle::after {
  content: "";
  display: none;
}
.navbar.custom-navbar .dropdown__profile {
  min-width: 120px;
  max-width: 240px;
}
.navbar.custom-navbar .dropdown__profile .user-pic {
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-right: 0.25rem;
  background-color: #E3F2FD;
  border-radius: 100%;
}
.navbar.custom-navbar .dropdown__profile .dropdown-menu {
  width: 240px;
}
.navbar.custom-navbar .nav-link:hover, .navbar.custom-navbar .nav-link.active,
.navbar.custom-navbar .dropdown-item:hover,
.navbar.custom-navbar .dropdown-item.active {
  color: #0D47A1;
}
.navbar.custom-navbar .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-top {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #FAFAFA;
}
@media (min-width: 768px) {
  .header-top {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.header-top-list {
  width: 100%;
}
@media (min-width: 768px) {
  .header-top-list {
    width: auto;
  }
}
.header-top .list__contact-link {
  width: 50%;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .header-top .list__contact-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.header-top--scroll {
  position: fixed;
  top: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .header-top {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.main-page {
  min-height: 100vh;
  overflow-x: hidden;
}
.main-page__cta__content {
  margin-top: 10rem;
}
@media (min-width: 992px) {
  .main-page__cta__content {
    margin-top: 0;
  }
}
.main-page__cta__image {
  margin-top: -10rem;
}
@media (min-width: 992px) {
  .main-page__cta__image {
    max-width: 130%;
    margin-top: 0;
    margin-left: -6rem;
  }
}
@media (min-width: 1200px) {
  .main-page__cta__image {
    max-width: 120%;
  }
}

.footer-end, .footer-section {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.footer {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .footer {
    margin-top: 2rem;
  }
}
.footer-section {
  background-color: #FAFAFA;
}
.footer-logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
}
.footer-logo img {
  max-height: 100%;
}
@media (min-width: 992px) {
  .footer-logo {
    height: 48px;
  }
}
.footer-location .map-container {
  height: 182px;
  border-radius: 1rem;
}
.footer-end {
  text-align: center;
  padding: 0.75rem 1rem;
  background-color: #e5e6e7;
}
.home__banner__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.home__banner__title {
  font-size: 32px !important;
  font-size: 2rem !important;
}
@media (min-width: 768px) {
  .home__banner__title {
    font-size: 40px !important;
    font-size: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .home__banner__title {
    font-size: 56px !important;
    font-size: 3.5rem !important;
  }
}
.home__banner__image {
  height: 240px;
  background-attachment: fixed;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 992px) {
  .home__banner__image {
    height: 320px;
  }
}
@media (min-width: 1200px) {
  .home__banner__image {
    height: 400px;
  }
}
.home__banner .form__search__product {
  position: relative;
  z-index: 3;
  margin-top: 0;
}
@media (min-width: 992px) {
  .home__banner .form__search__product {
    margin-top: -8rem;
  }
}
.home__banner .form__search__product .search__tab {
  position: relative;
  z-index: 4;
}
.home__banner .form__search__product .search__container {
  margin-top: -1.5rem;
}
.home__news {
  position: relative;
}
.home__news__container {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .home__news__container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 992px) {
  .home__news__container {
    padding-left: 0;
    padding-right: 0;
  }
}
.home__news__container::-webkit-scrollbar {
  display: none;
}

.txt-red-100 {
  color: #ffcdd2 !important;
}

.bg-red-100 {
  color: #263238 !important;
  background: #ffcdd2 !important;
}

.txt-red-200 {
  color: #ef9a9a !important;
}

.bg-red-200 {
  color: #263238 !important;
  background: #ef9a9a !important;
}

.txt-red-300 {
  color: #e57373 !important;
}

.bg-red-300 {
  color: #263238 !important;
  background: #e57373 !important;
}

.txt-red-400 {
  color: #ef5350 !important;
}

.bg-red-400 {
  color: #FAFAFA !important;
  background: #ef5350 !important;
}

.txt-red-500 {
  color: #f44336 !important;
}

.bg-red-500 {
  color: #FAFAFA !important;
  background: #f44336 !important;
}

.txt-red-600 {
  color: #e53935 !important;
}

.bg-red-600 {
  color: #FAFAFA !important;
  background: #e53935 !important;
}

.txt-red-700 {
  color: #d32f2f !important;
}

.bg-red-700 {
  color: #FAFAFA !important;
  background: #d32f2f !important;
}

.txt-red-800 {
  color: #c62828 !important;
}

.bg-red-800 {
  color: #FAFAFA !important;
  background: #c62828 !important;
}

.txt-red-900 {
  color: #b71c1c !important;
}

.bg-red-900 {
  color: #FAFAFA !important;
  background: #b71c1c !important;
}

.txt-pink-100 {
  color: #f8bbd0 !important;
}

.bg-pink-100 {
  color: #263238 !important;
  background: #f8bbd0 !important;
}

.txt-pink-200 {
  color: #f48fb1 !important;
}

.bg-pink-200 {
  color: #263238 !important;
  background: #f48fb1 !important;
}

.txt-pink-300 {
  color: #f06292 !important;
}

.bg-pink-300 {
  color: #FAFAFA !important;
  background: #f06292 !important;
}

.txt-pink-400 {
  color: #ec407a !important;
}

.bg-pink-400 {
  color: #FAFAFA !important;
  background: #ec407a !important;
}

.txt-pink-500 {
  color: #e91e63 !important;
}

.bg-pink-500 {
  color: #FAFAFA !important;
  background: #e91e63 !important;
}

.txt-pink-600 {
  color: #d81b60 !important;
}

.bg-pink-600 {
  color: #FAFAFA !important;
  background: #d81b60 !important;
}

.txt-pink-700 {
  color: #c2185b !important;
}

.bg-pink-700 {
  color: #FAFAFA !important;
  background: #c2185b !important;
}

.txt-pink-800 {
  color: #ad1457 !important;
}

.bg-pink-800 {
  color: #FAFAFA !important;
  background: #ad1457 !important;
}

.txt-pink-900 {
  color: #880e4f !important;
}

.bg-pink-900 {
  color: #FAFAFA !important;
  background: #880e4f !important;
}

.txt-purple-100 {
  color: #e1bee7 !important;
}

.bg-purple-100 {
  color: #263238 !important;
  background: #e1bee7 !important;
}

.txt-purple-200 {
  color: #ce93d8 !important;
}

.bg-purple-200 {
  color: #263238 !important;
  background: #ce93d8 !important;
}

.txt-purple-300 {
  color: #ba68c8 !important;
}

.bg-purple-300 {
  color: #FAFAFA !important;
  background: #ba68c8 !important;
}

.txt-purple-400 {
  color: #ab47bc !important;
}

.bg-purple-400 {
  color: #FAFAFA !important;
  background: #ab47bc !important;
}

.txt-purple-500 {
  color: #9c27b0 !important;
}

.bg-purple-500 {
  color: #FAFAFA !important;
  background: #9c27b0 !important;
}

.txt-purple-600 {
  color: #8e24aa !important;
}

.bg-purple-600 {
  color: #FAFAFA !important;
  background: #8e24aa !important;
}

.txt-purple-700 {
  color: #7b1fa2 !important;
}

.bg-purple-700 {
  color: #FAFAFA !important;
  background: #7b1fa2 !important;
}

.txt-purple-800 {
  color: #6a1b9a !important;
}

.bg-purple-800 {
  color: #FAFAFA !important;
  background: #6a1b9a !important;
}

.txt-purple-900 {
  color: #4a148c !important;
}

.bg-purple-900 {
  color: #FAFAFA !important;
  background: #4a148c !important;
}

.txt-deep-purple-100 {
  color: #d1c4e9 !important;
}

.bg-deep-purple-100 {
  color: #263238 !important;
  background: #d1c4e9 !important;
}

.txt-deep-purple-200 {
  color: #b39ddb !important;
}

.bg-deep-purple-200 {
  color: #263238 !important;
  background: #b39ddb !important;
}

.txt-deep-purple-300 {
  color: #9575cd !important;
}

.bg-deep-purple-300 {
  color: #FAFAFA !important;
  background: #9575cd !important;
}

.txt-deep-purple-400 {
  color: #7e57c2 !important;
}

.bg-deep-purple-400 {
  color: #FAFAFA !important;
  background: #7e57c2 !important;
}

.txt-deep-purple-500 {
  color: #673ab7 !important;
}

.bg-deep-purple-500 {
  color: #FAFAFA !important;
  background: #673ab7 !important;
}

.txt-deep-purple-600 {
  color: #5e35b1 !important;
}

.bg-deep-purple-600 {
  color: #FAFAFA !important;
  background: #5e35b1 !important;
}

.txt-deep-purple-700 {
  color: #512da8 !important;
}

.bg-deep-purple-700 {
  color: #FAFAFA !important;
  background: #512da8 !important;
}

.txt-deep-purple-800 {
  color: #4527a0 !important;
}

.bg-deep-purple-800 {
  color: #FAFAFA !important;
  background: #4527a0 !important;
}

.txt-deep-purple-900 {
  color: #311b92 !important;
}

.bg-deep-purple-900 {
  color: #FAFAFA !important;
  background: #311b92 !important;
}

.txt-indigo-100 {
  color: #c5cae9 !important;
}

.bg-indigo-100 {
  color: #263238 !important;
  background: #c5cae9 !important;
}

.txt-indigo-200 {
  color: #9fa8da !important;
}

.bg-indigo-200 {
  color: #263238 !important;
  background: #9fa8da !important;
}

.txt-indigo-300 {
  color: #7986cb !important;
}

.bg-indigo-300 {
  color: #FAFAFA !important;
  background: #7986cb !important;
}

.txt-indigo-400 {
  color: #5c6bc0 !important;
}

.bg-indigo-400 {
  color: #FAFAFA !important;
  background: #5c6bc0 !important;
}

.txt-indigo-500 {
  color: #3f51b5 !important;
}

.bg-indigo-500 {
  color: #FAFAFA !important;
  background: #3f51b5 !important;
}

.txt-indigo-600 {
  color: #3949ab !important;
}

.bg-indigo-600 {
  color: #FAFAFA !important;
  background: #3949ab !important;
}

.txt-indigo-700 {
  color: #303f9f !important;
}

.bg-indigo-700 {
  color: #FAFAFA !important;
  background: #303f9f !important;
}

.txt-indigo-800 {
  color: #283593 !important;
}

.bg-indigo-800 {
  color: #FAFAFA !important;
  background: #283593 !important;
}

.txt-indigo-900 {
  color: #1a237e !important;
}

.bg-indigo-900 {
  color: #FAFAFA !important;
  background: #1a237e !important;
}

.txt-blue-100 {
  color: #bbdefb !important;
}

.bg-blue-100 {
  color: #263238 !important;
  background: #bbdefb !important;
}

.txt-blue-200 {
  color: #90caf9 !important;
}

.bg-blue-200 {
  color: #263238 !important;
  background: #90caf9 !important;
}

.txt-blue-300 {
  color: #64b5f6 !important;
}

.bg-blue-300 {
  color: #263238 !important;
  background: #64b5f6 !important;
}

.txt-blue-400 {
  color: #42a5f5 !important;
}

.bg-blue-400 {
  color: #263238 !important;
  background: #42a5f5 !important;
}

.txt-blue-500 {
  color: #2196f3 !important;
}

.bg-blue-500 {
  color: #FAFAFA !important;
  background: #2196f3 !important;
}

.txt-blue-600 {
  color: #1e88e5 !important;
}

.bg-blue-600 {
  color: #FAFAFA !important;
  background: #1e88e5 !important;
}

.txt-blue-700 {
  color: #1976d2 !important;
}

.bg-blue-700 {
  color: #FAFAFA !important;
  background: #1976d2 !important;
}

.txt-blue-800 {
  color: #1565c0 !important;
}

.bg-blue-800 {
  color: #FAFAFA !important;
  background: #1565c0 !important;
}

.txt-blue-900 {
  color: #0d47a1 !important;
}

.bg-blue-900 {
  color: #FAFAFA !important;
  background: #0d47a1 !important;
}

.txt-light-blue-100 {
  color: #b3e5fc !important;
}

.bg-light-blue-100 {
  color: #263238 !important;
  background: #b3e5fc !important;
}

.txt-light-blue-200 {
  color: #81d4fa !important;
}

.bg-light-blue-200 {
  color: #263238 !important;
  background: #81d4fa !important;
}

.txt-light-blue-300 {
  color: #4fc3f7 !important;
}

.bg-light-blue-300 {
  color: #263238 !important;
  background: #4fc3f7 !important;
}

.txt-light-blue-400 {
  color: #29b6f6 !important;
}

.bg-light-blue-400 {
  color: #263238 !important;
  background: #29b6f6 !important;
}

.txt-light-blue-500 {
  color: #03a9f4 !important;
}

.bg-light-blue-500 {
  color: #263238 !important;
  background: #03a9f4 !important;
}

.txt-light-blue-600 {
  color: #039be5 !important;
}

.bg-light-blue-600 {
  color: #FAFAFA !important;
  background: #039be5 !important;
}

.txt-light-blue-700 {
  color: #0288d1 !important;
}

.bg-light-blue-700 {
  color: #FAFAFA !important;
  background: #0288d1 !important;
}

.txt-light-blue-800 {
  color: #0277bd !important;
}

.bg-light-blue-800 {
  color: #FAFAFA !important;
  background: #0277bd !important;
}

.txt-light-blue-900 {
  color: #01579b !important;
}

.bg-light-blue-900 {
  color: #FAFAFA !important;
  background: #01579b !important;
}

.txt-cyan-100 {
  color: #b2ebf2 !important;
}

.bg-cyan-100 {
  color: #263238 !important;
  background: #b2ebf2 !important;
}

.txt-cyan-200 {
  color: #80deea !important;
}

.bg-cyan-200 {
  color: #263238 !important;
  background: #80deea !important;
}

.txt-cyan-300 {
  color: #4dd0e1 !important;
}

.bg-cyan-300 {
  color: #263238 !important;
  background: #4dd0e1 !important;
}

.txt-cyan-400 {
  color: #26c6da !important;
}

.bg-cyan-400 {
  color: #263238 !important;
  background: #26c6da !important;
}

.txt-cyan-500 {
  color: #00bcd4 !important;
}

.bg-cyan-500 {
  color: #263238 !important;
  background: #00bcd4 !important;
}

.txt-cyan-600 {
  color: #00acc1 !important;
}

.bg-cyan-600 {
  color: #263238 !important;
  background: #00acc1 !important;
}

.txt-cyan-700 {
  color: #0097a7 !important;
}

.bg-cyan-700 {
  color: #FAFAFA !important;
  background: #0097a7 !important;
}

.txt-cyan-800 {
  color: #00838f !important;
}

.bg-cyan-800 {
  color: #FAFAFA !important;
  background: #00838f !important;
}

.txt-cyan-900 {
  color: #006064 !important;
}

.bg-cyan-900 {
  color: #FAFAFA !important;
  background: #006064 !important;
}

.txt-teal-100 {
  color: #b2dfdb !important;
}

.bg-teal-100 {
  color: #263238 !important;
  background: #b2dfdb !important;
}

.txt-teal-200 {
  color: #80cbc4 !important;
}

.bg-teal-200 {
  color: #263238 !important;
  background: #80cbc4 !important;
}

.txt-teal-300 {
  color: #4db6ac !important;
}

.bg-teal-300 {
  color: #263238 !important;
  background: #4db6ac !important;
}

.txt-teal-400 {
  color: #26a69a !important;
}

.bg-teal-400 {
  color: #FAFAFA !important;
  background: #26a69a !important;
}

.txt-teal-500 {
  color: #009688 !important;
}

.bg-teal-500 {
  color: #FAFAFA !important;
  background: #009688 !important;
}

.txt-teal-600 {
  color: #00897b !important;
}

.bg-teal-600 {
  color: #FAFAFA !important;
  background: #00897b !important;
}

.txt-teal-700 {
  color: #00796b !important;
}

.bg-teal-700 {
  color: #FAFAFA !important;
  background: #00796b !important;
}

.txt-teal-800 {
  color: #00695c !important;
}

.bg-teal-800 {
  color: #FAFAFA !important;
  background: #00695c !important;
}

.txt-teal-900 {
  color: #004d40 !important;
}

.bg-teal-900 {
  color: #FAFAFA !important;
  background: #004d40 !important;
}

.txt-green-100 {
  color: #c8e6c9 !important;
}

.bg-green-100 {
  color: #263238 !important;
  background: #c8e6c9 !important;
}

.txt-green-200 {
  color: #a5d6a7 !important;
}

.bg-green-200 {
  color: #263238 !important;
  background: #a5d6a7 !important;
}

.txt-green-300 {
  color: #81c784 !important;
}

.bg-green-300 {
  color: #263238 !important;
  background: #81c784 !important;
}

.txt-green-400 {
  color: #66bb6a !important;
}

.bg-green-400 {
  color: #263238 !important;
  background: #66bb6a !important;
}

.txt-green-500 {
  color: #4caf50 !important;
}

.bg-green-500 {
  color: #263238 !important;
  background: #4caf50 !important;
}

.txt-green-600 {
  color: #43a047 !important;
}

.bg-green-600 {
  color: #FAFAFA !important;
  background: #43a047 !important;
}

.txt-green-700 {
  color: #388e3c !important;
}

.bg-green-700 {
  color: #FAFAFA !important;
  background: #388e3c !important;
}

.txt-green-800 {
  color: #2e7d32 !important;
}

.bg-green-800 {
  color: #FAFAFA !important;
  background: #2e7d32 !important;
}

.txt-green-900 {
  color: #1b5e20 !important;
}

.bg-green-900 {
  color: #FAFAFA !important;
  background: #1b5e20 !important;
}

.txt-light-green-100 {
  color: #dcedc8 !important;
}

.bg-light-green-100 {
  color: #263238 !important;
  background: #dcedc8 !important;
}

.txt-light-green-200 {
  color: #c5e1a5 !important;
}

.bg-light-green-200 {
  color: #263238 !important;
  background: #c5e1a5 !important;
}

.txt-light-green-300 {
  color: #aed581 !important;
}

.bg-light-green-300 {
  color: #263238 !important;
  background: #aed581 !important;
}

.txt-light-green-400 {
  color: #9ccc65 !important;
}

.bg-light-green-400 {
  color: #263238 !important;
  background: #9ccc65 !important;
}

.txt-light-green-500 {
  color: #8bc34a !important;
}

.bg-light-green-500 {
  color: #263238 !important;
  background: #8bc34a !important;
}

.txt-light-green-600 {
  color: #7cb342 !important;
}

.bg-light-green-600 {
  color: #263238 !important;
  background: #7cb342 !important;
}

.txt-light-green-700 {
  color: #689f38 !important;
}

.bg-light-green-700 {
  color: #FAFAFA !important;
  background: #689f38 !important;
}

.txt-light-green-800 {
  color: #558b2f !important;
}

.bg-light-green-800 {
  color: #FAFAFA !important;
  background: #558b2f !important;
}

.txt-light-green-900 {
  color: #33691e !important;
}

.bg-light-green-900 {
  color: #FAFAFA !important;
  background: #33691e !important;
}

.txt-lime-100 {
  color: #f0f4c3 !important;
}

.bg-lime-100 {
  color: #263238 !important;
  background: #f0f4c3 !important;
}

.txt-lime-200 {
  color: #e6ee9c !important;
}

.bg-lime-200 {
  color: #263238 !important;
  background: #e6ee9c !important;
}

.txt-lime-300 {
  color: #dce775 !important;
}

.bg-lime-300 {
  color: #263238 !important;
  background: #dce775 !important;
}

.txt-lime-400 {
  color: #d4e157 !important;
}

.bg-lime-400 {
  color: #263238 !important;
  background: #d4e157 !important;
}

.txt-lime-500 {
  color: #cddc39 !important;
}

.bg-lime-500 {
  color: #263238 !important;
  background: #cddc39 !important;
}

.txt-lime-600 {
  color: #c0ca33 !important;
}

.bg-lime-600 {
  color: #263238 !important;
  background: #c0ca33 !important;
}

.txt-lime-700 {
  color: #afb42b !important;
}

.bg-lime-700 {
  color: #263238 !important;
  background: #afb42b !important;
}

.txt-lime-800 {
  color: #9e9d24 !important;
}

.bg-lime-800 {
  color: #263238 !important;
  background: #9e9d24 !important;
}

.txt-lime-900 {
  color: #827717 !important;
}

.bg-lime-900 {
  color: #FAFAFA !important;
  background: #827717 !important;
}

.txt-yellow-100 {
  color: #fff9c4 !important;
}

.bg-yellow-100 {
  color: #263238 !important;
  background: #fff9c4 !important;
}

.txt-yellow-200 {
  color: #fff59d !important;
}

.bg-yellow-200 {
  color: #263238 !important;
  background: #fff59d !important;
}

.txt-yellow-300 {
  color: #fff176 !important;
}

.bg-yellow-300 {
  color: #263238 !important;
  background: #fff176 !important;
}

.txt-yellow-400 {
  color: #ffee58 !important;
}

.bg-yellow-400 {
  color: #263238 !important;
  background: #ffee58 !important;
}

.txt-yellow-500 {
  color: #ffeb3b !important;
}

.bg-yellow-500 {
  color: #263238 !important;
  background: #ffeb3b !important;
}

.txt-yellow-600 {
  color: #fdd835 !important;
}

.bg-yellow-600 {
  color: #263238 !important;
  background: #fdd835 !important;
}

.txt-yellow-700 {
  color: #fbc02d !important;
}

.bg-yellow-700 {
  color: #263238 !important;
  background: #fbc02d !important;
}

.txt-yellow-800 {
  color: #f9a825 !important;
}

.bg-yellow-800 {
  color: #263238 !important;
  background: #f9a825 !important;
}

.txt-yellow-900 {
  color: #f57f17 !important;
}

.bg-yellow-900 {
  color: #263238 !important;
  background: #f57f17 !important;
}

.txt-amber-100 {
  color: #ffecb3 !important;
}

.bg-amber-100 {
  color: #263238 !important;
  background: #ffecb3 !important;
}

.txt-amber-200 {
  color: #ffe082 !important;
}

.bg-amber-200 {
  color: #263238 !important;
  background: #ffe082 !important;
}

.txt-amber-300 {
  color: #ffd54f !important;
}

.bg-amber-300 {
  color: #263238 !important;
  background: #ffd54f !important;
}

.txt-amber-400 {
  color: #ffca28 !important;
}

.bg-amber-400 {
  color: #263238 !important;
  background: #ffca28 !important;
}

.txt-amber-500 {
  color: #ffc107 !important;
}

.bg-amber-500 {
  color: #263238 !important;
  background: #ffc107 !important;
}

.txt-amber-600 {
  color: #ffb300 !important;
}

.bg-amber-600 {
  color: #263238 !important;
  background: #ffb300 !important;
}

.txt-amber-700 {
  color: #ffa000 !important;
}

.bg-amber-700 {
  color: #263238 !important;
  background: #ffa000 !important;
}

.txt-amber-800 {
  color: #ff8f00 !important;
}

.bg-amber-800 {
  color: #263238 !important;
  background: #ff8f00 !important;
}

.txt-amber-900 {
  color: #ff6f00 !important;
}

.bg-amber-900 {
  color: #263238 !important;
  background: #ff6f00 !important;
}

.txt-orange-100 {
  color: #ffe0b2 !important;
}

.bg-orange-100 {
  color: #263238 !important;
  background: #ffe0b2 !important;
}

.txt-orange-200 {
  color: #ffcc80 !important;
}

.bg-orange-200 {
  color: #263238 !important;
  background: #ffcc80 !important;
}

.txt-orange-300 {
  color: #ffb74d !important;
}

.bg-orange-300 {
  color: #263238 !important;
  background: #ffb74d !important;
}

.txt-orange-400 {
  color: #ffa726 !important;
}

.bg-orange-400 {
  color: #263238 !important;
  background: #ffa726 !important;
}

.txt-orange-500 {
  color: #ff9800 !important;
}

.bg-orange-500 {
  color: #263238 !important;
  background: #ff9800 !important;
}

.txt-orange-600 {
  color: #fb8c00 !important;
}

.bg-orange-600 {
  color: #263238 !important;
  background: #fb8c00 !important;
}

.txt-orange-700 {
  color: #f57c00 !important;
}

.bg-orange-700 {
  color: #263238 !important;
  background: #f57c00 !important;
}

.txt-orange-800 {
  color: #ef6c00 !important;
}

.bg-orange-800 {
  color: #FAFAFA !important;
  background: #ef6c00 !important;
}

.txt-orange-900 {
  color: #e65100 !important;
}

.bg-orange-900 {
  color: #FAFAFA !important;
  background: #e65100 !important;
}

.txt-deep-orange-100 {
  color: #ffccbc !important;
}

.bg-deep-orange-100 {
  color: #263238 !important;
  background: #ffccbc !important;
}

.txt-deep-orange-200 {
  color: #ffab91 !important;
}

.bg-deep-orange-200 {
  color: #263238 !important;
  background: #ffab91 !important;
}

.txt-deep-orange-300 {
  color: #ff8a65 !important;
}

.bg-deep-orange-300 {
  color: #263238 !important;
  background: #ff8a65 !important;
}

.txt-deep-orange-400 {
  color: #ff7043 !important;
}

.bg-deep-orange-400 {
  color: #263238 !important;
  background: #ff7043 !important;
}

.txt-deep-orange-500 {
  color: #ff5722 !important;
}

.bg-deep-orange-500 {
  color: #FAFAFA !important;
  background: #ff5722 !important;
}

.txt-deep-orange-600 {
  color: #f4511e !important;
}

.bg-deep-orange-600 {
  color: #FAFAFA !important;
  background: #f4511e !important;
}

.txt-deep-orange-700 {
  color: #e64a19 !important;
}

.bg-deep-orange-700 {
  color: #FAFAFA !important;
  background: #e64a19 !important;
}

.txt-deep-orange-800 {
  color: #d84315 !important;
}

.bg-deep-orange-800 {
  color: #FAFAFA !important;
  background: #d84315 !important;
}

.txt-deep-orange-900 {
  color: #bf360c !important;
}

.bg-deep-orange-900 {
  color: #FAFAFA !important;
  background: #bf360c !important;
}

.txt-brown-100 {
  color: #d7ccc8 !important;
}

.bg-brown-100 {
  color: #263238 !important;
  background: #d7ccc8 !important;
}

.txt-brown-200 {
  color: #bcaaa4 !important;
}

.bg-brown-200 {
  color: #263238 !important;
  background: #bcaaa4 !important;
}

.txt-brown-300 {
  color: #a1887f !important;
}

.bg-brown-300 {
  color: #FAFAFA !important;
  background: #a1887f !important;
}

.txt-brown-400 {
  color: #8d6e63 !important;
}

.bg-brown-400 {
  color: #FAFAFA !important;
  background: #8d6e63 !important;
}

.txt-brown-500 {
  color: #795548 !important;
}

.bg-brown-500 {
  color: #FAFAFA !important;
  background: #795548 !important;
}

.txt-brown-600 {
  color: #6d4c41 !important;
}

.bg-brown-600 {
  color: #FAFAFA !important;
  background: #6d4c41 !important;
}

.txt-brown-700 {
  color: #5d4037 !important;
}

.bg-brown-700 {
  color: #FAFAFA !important;
  background: #5d4037 !important;
}

.txt-brown-800 {
  color: #4e342e !important;
}

.bg-brown-800 {
  color: #FAFAFA !important;
  background: #4e342e !important;
}

.txt-brown-900 {
  color: #3e2723 !important;
}

.bg-brown-900 {
  color: #FAFAFA !important;
  background: #3e2723 !important;
}

.txt-grey-100 {
  color: #f5f5f5 !important;
}

.bg-grey-100 {
  color: #263238 !important;
  background: #f5f5f5 !important;
}

.txt-grey-200 {
  color: #eeeeee !important;
}

.bg-grey-200 {
  color: #263238 !important;
  background: #eeeeee !important;
}

.txt-grey-300 {
  color: #e0e0e0 !important;
}

.bg-grey-300 {
  color: #263238 !important;
  background: #e0e0e0 !important;
}

.txt-grey-400 {
  color: #bdbdbd !important;
}

.bg-grey-400 {
  color: #263238 !important;
  background: #bdbdbd !important;
}

.txt-grey-500 {
  color: #9e9e9e !important;
}

.bg-grey-500 {
  color: #263238 !important;
  background: #9e9e9e !important;
}

.txt-grey-600 {
  color: #757575 !important;
}

.bg-grey-600 {
  color: #FAFAFA !important;
  background: #757575 !important;
}

.txt-grey-700 {
  color: #616161 !important;
}

.bg-grey-700 {
  color: #FAFAFA !important;
  background: #616161 !important;
}

.txt-grey-800 {
  color: #424242 !important;
}

.bg-grey-800 {
  color: #FAFAFA !important;
  background: #424242 !important;
}

.txt-grey-900 {
  color: #212121 !important;
}

.bg-grey-900 {
  color: #FAFAFA !important;
  background: #212121 !important;
}

.txt-blue-grey-100 {
  color: #cfd8dc !important;
}

.bg-blue-grey-100 {
  color: #263238 !important;
  background: #cfd8dc !important;
}

.txt-blue-grey-200 {
  color: #b0bec5 !important;
}

.bg-blue-grey-200 {
  color: #263238 !important;
  background: #b0bec5 !important;
}

.txt-blue-grey-300 {
  color: #90a4ae !important;
}

.bg-blue-grey-300 {
  color: #263238 !important;
  background: #90a4ae !important;
}

.txt-blue-grey-400 {
  color: #78909c !important;
}

.bg-blue-grey-400 {
  color: #FAFAFA !important;
  background: #78909c !important;
}

.txt-blue-grey-500 {
  color: #607d8b !important;
}

.bg-blue-grey-500 {
  color: #FAFAFA !important;
  background: #607d8b !important;
}

.txt-blue-grey-600 {
  color: #546e7a !important;
}

.bg-blue-grey-600 {
  color: #FAFAFA !important;
  background: #546e7a !important;
}

.txt-blue-grey-700 {
  color: #455a64 !important;
}

.bg-blue-grey-700 {
  color: #FAFAFA !important;
  background: #455a64 !important;
}

.txt-blue-grey-800 {
  color: #37474f !important;
}

.bg-blue-grey-800 {
  color: #FAFAFA !important;
  background: #37474f !important;
}

.txt-blue-grey-900 {
  color: #263238 !important;
}

.bg-blue-grey-900 {
  color: #FAFAFA !important;
  background: #263238 !important;
}
/*# sourceMappingURL=style.css.map */