/* ===== animate.css ===== */


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

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

  25%,
  75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

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

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

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

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

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

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

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

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

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

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

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

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

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

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

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

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

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

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

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

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* ===== regdev.css ===== */

/*------------------------------------*\
    rgdev JS rgdevigation
\*------------------------------------*/
.rgdev{ 
	
	position:relative;
	float:right; 
	
}
.rgdev-list {
	text-align:left;
	margin:0 auto 0 auto;
	width:100%;
 	padding:0px;	 

}

.rgdev-item {
	position:relative ; 
	text-align:center;
	display: inline-block; 
	white-space: nowrap; 
	}

.rgdev-item a {
	display:block;
	text-decoration:none !important;
	}

/* rgdevigation submenu */
.rgdev-submenu {
	display:none;
	position:absolute; background-color:#fff; border-top:2px solid #e25b2c; border-radius:8px; 
	/*top: 65px;*/
	left: 50%;
    transform: translateX(-50%);
	min-width:900px;
	/*min-height: 351px;*/
	z-index:9999;
	box-shadow: 0px 5px 10px 0px rgb(204 204 204 / 0.3);
}

.rgdev-submenu-item a {
	background:none; text-align:left; 
	display:block; line-height:22px; font-size:16px; height:auto;
	padding:8px 15px 8px 15px; text-transform:none; 
}
.rgdev-submenu-item a:hover {	background:#932C77; border-radius:0px!important;}

.rgdev-text{ width:50%; position:absolute; top:0px; left:0px; color:#fff; line-height:44px; text-indent:15px; font-weight:normal; font-size:20px; display:none; text-transform:none;}
/*================================================================*/

/* Mobile rgdevigation */
.rgdev-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	padding: 4px 12px 7px 12px;
	margin:0px 7px 0px 7px;  border-radius:4px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    color: #333333; 
    font-size: 14px;
    line-height: 20px;
    text-align: center; 
    vertical-align: middle;
}

.rgdev-mobile .icon-bar {
	display: block;
	width: 18px;
	height: 2px;
	background-image:none;
	background-color: #f5f5f5;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	margin-top: 3px;
}
 


.rgdev-click {
	position:absolute;
	top:30%;
	right:9px;
	/*display:none;*/
	cursor:pointer;
}
.rgdev-click i {
	display:block;
	height:6px;
	width:13px; margin-top:14px; margin-right:0px;
	background:url(../images/sprite.png) no-repeat top left;
	background-position: -342px -249px;
}

	
.rgdev-click02 {
	position:absolute;
	top:0;
	right:0;
	display:none;
	cursor:pointer;
}
.rgdev-click02 i {
	display:block;
	height:23px;
	width:25px; margin-top:10px; margin-right:8px;
	background:url(../images/sprite.png) no-repeat top left;
	background-position: -342px -241px;
}	

.rgdev-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);}
	
	
/*------------------------------------*\
    Media Queries
\*------------------------------------*/

.rgdev-submenu-item{ position:relative; margin:0px; padding:0px;}
@media only screen and (min-width:991px) {

/* .rgdev-list li:hover .rgdev-submenu{ display:block;} */
.rgdev-list .rgdev-submenu .rgdev-submenu-sub{ min-width:220px; position:absolute; left:100%; top:0; display:none !important; margin:0px; padding:0px;}
.rgdev-list .rgdev-submenu li:hover .rgdev-submenu-sub{display:block !important; padding:0px; list-style:none; margin:0px }

.rgdev-list li:hover .rgdev-submenu .rgdev-submenu-sub{display:block;}
.rgdev-list .rgdev-submenu .rgdev-submenu-sub .rgdev-submenu-sub-sub{ min-width:220px; position:absolute; left:100%; top:0; display:none !important; margin:0px; padding:0px;}
.rgdev-list .rgdev-submenu .rgdev-submenu-sub li:hover .rgdev-submenu-sub-sub{display:block !important; padding:0px; list-style:none; margin:0px }
 
.rgdev-submenu-item-sub{position:relative; padding:0px; margin:0px}
.rgdev-submenu-item-sub-item-sub{ position:relative; padding:0px; margin:0px;}
	
}


@media only screen and (min-width:320px) and (max-width:991px) {

	.rgdev-mobile{display:block;}
	.mobile-sub{ margin:0px; list-style:none; float:none; width:100%; z-index:15; position:absolute; top:44px; right:0px; /*padding: 8px 0px !important;*/
    border-radius: 5px; background-color: #fff; box-shadow: 0px 4px 5px -1px #ccc;} 
	.mobile-sub li{ display:block;}
	.mobile-sub a{display:block; color:#000 !important; border-radius:0px; padding:15px 25px; background:#fff; border-bottom:solid 1px #ccc;}
	.mobile-sub li:first-child a{border-top-left-radius: 5px; border-top-right-radius: 5px;}
	.mobile-sub li:last-child a{border-bottom: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	.mobile-sub li a.active{ color:#f15922 !important;}
	.mobile-sub li:hover>a{ box-shadow: none;}
	
	
	.rgdev {
		width:100%;
		top:25px;
		float: revert;
		box-shadow: 0px 4px 5px -1px #ccc;
	}
	.rgdev-list {
		display:none;
	}
	.rgdev-item {
		width:100%;
		float:none;
		text-align:left;
	}
	.rgdev-item > a {
		padding:13px;
		line-height:20px;
		text-transform:none;
	}
	.rgdev-click {
		display:block;
		width: 40px;
    	height: 40px;
    	top:5px;
	}
	.rgdev-click02 {
		display:block;
	}
	.rgdev-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.rgdev-item:hover .rgdev-submenu {
		display:none;
	}
	
	.rgdev-submenu {position:static; width:100%; border-radius:0px; border:none; min-height: auto;}
	/*.rgdev-submenu li{ margin:0px 0px 0px 0px !important;}*/
	.rgdev-submenu a{display:block; color:#000; }
	.rgdev-submenu li a.active{ color:#000 !important;}
	.rgdev-submenu li:hover>a{ color:#000;}

	.rgdev-submenu-sub {width:100%; position:static; left:100%; top:0; display:none; margin:0px; padding:0px;}
	.rgdev-submenu-sub li{ margin:0px 0px 0px 0px !important; padding:0px; position:relative;}
	.rgdev-submenu-sub a{display:block; color:#000; padding:10px 25px 10px 25px;	background:#fff !important; border-bottom:solid 1px #ccc; font-weight:normal;}
	.rgdev-submenu-sub li a.active{ color:#000 !important;}
	.rgdev-submenu-sub li:hover>a{ background-color:#ccc !important; color:#fff;}
	
	.rgdev-submenu-sub-sub{width:100%; position:static; left:100%; top:0; display:none; margin:0px; padding:0px;}
	.rgdev-submenu-sub-sub li{ margin:0px 0px 0px 0px !important;}
	.rgdev-submenu-sub-sub a{display:block; color:#000; padding:10px 25px 10px 25px;	background:#fff !important; border-bottom:solid 1px #ccc; font-weight:normal;}
	.rgdev-submenu-sub-sub li a.active{ color:#000 !important;}
	.rgdev-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;}
	/* Mobile rgdevrgk~30987 */
	
	.rgdev-text{display:block;}
}

 
.extra-hightlight a{ color:#5c9510 !important; border:1px solid #5c9510;}	
.extra-hightlight a:hover{ color:#fff !important; border:1px solid #4d4d4d; background-color:#4d4d4d !important;}	


/* ===== boilerplate.css ===== */
@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-Regular';
    src: url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy-UltraLight';
    src: url('../fonts/Gilroy-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}




body, button, input, select, textarea { font-family: 'Gilroy-Regular'; }
*, ins {text-decoration: none;}
ins, mark { color: #000 }
dfn, mark { font-style: italic }
b, mark, strong { font-weight: 700 }
fieldset, hr, img, legend { border: 0 }
.hidden, .invisible { visibility: hidden } 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, video { display: inline-block }
[hidden], audio:not([controls]) { display: none }
.ir, hr { display: block }
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* -webkit-font-smoothing: antialiased; */outline: 0!important;}
hr, ol, ul { margin: 1em 0 }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body {margin: 0;font-size: 16px;line-height: 1.231;}
body, button, input, select, textarea {color: #000000;}
/* a:focus, a:visited {  } */
a:active, a:hover { outline: 0;  }
abbr[title] { border-bottom: 1px dotted }
blockquote { margin: 1em 40px }
hr { height: 1px; border-top: 1px solid #ccc; padding: 0 }
ins { background: #ff9 }
mark { background: #ff0 }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:after, q:before { content: ""; content: none }
small { font-size: 85% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
ol, ul {padding: 0 0 0 40px;}
dd { margin: 0 0 0 40px }
nav ol, nav ul { list-style: none; margin: 0; padding: 0 }
 
svg:not(:root) { overflow: hidden }
figure, form { margin: 0 }
fieldset { margin: 0; padding: 0 }
label { cursor: pointer }
legend { padding: 0 }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline }
textarea {vertical-align: top;}
button, input { line-height: normal }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button }
input[type=checkbox], input[type=radio] { box-sizing: border-box }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow: auto; resize: vertical }
.ir, .visuallyhidden { border: 0; overflow: hidden }
input:invalid, textarea:invalid {
background-color:#f0dddd
}
table { border-collapse: collapse; border-spacing: 0 }
.ir { text-indent: -999em; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr }
.ir br { display: none }
.hidden { display: none!important }
.visuallyhidden { clip: rect(0 0 0 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.clearfix:after, .clearfix:before { content: ""; display: table }
.clearfix:after {clear: both;}
.clearfix { zoom: 1 }
/*checkbox css---------------------------------------------------------*/
.md-checkbox { position: relative; margin: 16px 0; }
.md-checkbox label {cursor: pointer;font-size: 12px;margin-left: 29px;display: inline-block;}
.md-checkbox label:before, .md-checkbox label:after { content: ""; position: absolute; left: 0; top: 0; }
.md-checkbox label:before { width: 20px; height: 20px; background: #fff; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 2px; cursor: pointer; transition: background .3s; }
.md-checkbox input[type="checkbox"] {outline: 0;margin-right: 10px;position: absolute;}
.md-checkbox input[type="checkbox"]:checked + label:before { background: #337ab7; border: none; }
.md-checkbox input[type="checkbox"]:checked + label:after { transform: rotate(-45deg); top: 5px; left: 4px; width: 12px; height: 6px; border: 2px solid #fff; border-top-style: none; border-right-style: none; }

/*radio css---------------------------------------------------------*/

 @keyframes ripple {
 0% {
 box-shadow: 0px 0px 0px 1px transparent;
}
 50% {
 box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
}
 100% {
 box-shadow: 0px 0px 0px 15px transparent;
}
}
.md-radio { margin: 16px 0; }
.md-radio.md-radio-inline { display: inline-block; }
.md-radio input[type="radio"] { display: none; }
.md-radio input[type="radio"]:checked + label:before { border-color: #337ab7; animation: ripple 0.2s linear forwards; }
.md-radio input[type="radio"]:checked + label:after { transform: scale(1); }
.md-radio label { display: inline-block; height: 20px; font-size:12px; position: relative; padding: 0 30px; margin-bottom: 0; cursor: pointer; vertical-align: bottom; }
.md-radio label:before, .md-radio label:after { position: absolute; content: ''; border-radius: 50%; transition: all .3s ease; transition-property: transform, border-color; }
.md-radio label:before { left: 0; top: 0; width: 20px; height: 20px; border: 2px solid rgba(0, 0, 0, 0.54); }
.md-radio label:after { top: 5px; left: 5px; width: 10px; height: 10px; transform: scale(0); background: #337ab7; }




/*File Upload Classes ------------------------------------------------------------------------------------------------------------*/
.js .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden !important; position: absolute; z-index: -1 }
.inputfile+label { width:100%;   text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display:block; overflow: hidden; padding: .625rem 1.25rem }
.no-js .inputfile{ display: none }
.box label{ display:inline-block; text-align:center; border-radius:40px; padding:8px 18px; font-size:16px; background:#5C5C5C; background-size:cover; width:auto; color:#fff !important;}
.box label:hover{ background-color:#111;}
.inputfile.has-focus+label, .inputfile:focus+label { outline: #000 dotted 1px; outline: -webkit-focus-ring-color auto 5px }
.inputfile+label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -.25em; margin-right: .25em }
.box { text-align:left;}
.inputfile-4+label { color: #999; font: 400 13px/13px grp-light, Arial, Tahoma }
.inputfile-4+label:hover, .inputfile-4.has-focus+label, .inputfile-4:focus+label { color: #000 }
.inputfile-4+label figure { width: 100px; height: 100px; border-radius: 50%; background-color: #0388ca; display: block; padding: 20px; margin: 0 auto 10px }
.inputfile-4+label:hover figure, .inputfile-4.has-focus+label figure, .inputfile-4:focus+label figure { background-color: #006a9f }
.inputfile-4+label svg { width: 100%; height: 100%; fill: #f1e5e6 }

.db-status-box{ font:normal 15px/20px grp, Arial, Helvetica, sans-serif; color:#5d5d5d;}
/* .db-status-box span{ display:inline-block; padding:0 0 0 16px; background:url(../images/dot-01.png) 0px 5px no-repeat; margin-right:15px;} */
.db-status-box span+span{background: none; margin-right:15px;}
.delete-btn{  border-radius:25px; display:inline-block; text-align:center;  background-color:#4B4B4B; width:20px; height:20px; color:#fff !important; font-size:12px;}
.delete-btn:hover{ opacity:0.8;}





@media print {
blockquote, img, pre, tr { page-break-inside: avoid }
* { background: 0 0!important; color: #000!important; text-shadow: none!important; filter: none!important; -ms-filter: none!important }
a, a:visited { text-decoration: underline; color: #0D93DF; }
a[href]:after { content: " (" attr(href) ")" }
abbr[title]:after { content: " (" attr(title) ")" }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
blockquote, pre { border: 1px solid #999 }
thead { display: table-header-group }
img { max-width: 100%!important }
@page { margin: .5cm }
h2, h3, p { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
}
.ani-1,.ani-1:after,.ani-1:before,.ani-1:hover:after,.ani-1:hover:before, .ani-1 *, .ani-1 :hover, .ani-1 a, .ani-1 a:hover, .ani-1 a:hover span, .ani-1 a:hover ul li, .ani-1 span, .ani-1 ul li {-webkit-transition: all .4s ease-in-out !important;-moz-transition: all .4s ease-in-out !important;-o-transition: all .4s ease-in-out !important;-ms-transition: all .4s ease-in-out !important;transition: all .4s ease-in-out !important;}



.ani-2,.ani-2:after,.ani-2:before, .ani-2 *, .ani-2 :hover, .ani-2 a, .ani-2 a:hover, .ani-2 a:hover span, .ani-2 a:hover ul li, .ani-2 span, .ani-2 ul li { transition:all 1s cubic-bezier(.165,.84,.44,1) }

.ani-3,.ani-3:after,.ani-3:before,.ani-3:hover:after,.ani-3:hover:before, .ani-3 *, .ani-3 :hover, .ani-3 a, .ani-3 a:hover, .ani-3 a:hover span, .ani-3 a:hover ul li, .ani-3 span, .ani-3 ul li { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out }


.ani-4:hover:after,.ani-4:hover:before, .ani-4 *, .ani-4 a, .ani-4 a:hover ul li, .ani-4 span, .ani-4 ul li { -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important }
.ani-4,.ani-4:after,.ani-4:before, .ani-4 :hover, .ani-4 a:hover, .ani-4 a:hover span{ -webkit-transition: all .4s ease-in-out !important; -moz-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; -ms-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important }

.ani-5:hover:after,.ani-5:hover:before, .ani-5 *, .ani-5 a, .ani-5 a:hover ul li, .ani-5 span, .ani-5 ul li { -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important }
.ani-5,.ani-5:after,.ani-5:before, .ani-5 :hover, .ani-5 a:hover, .ani-5 a:hover span{ -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important }



 
.no-ani, .no-ani *, .no-ani :hover, .no-ani a, .no-ani a:hover, .no-ani a:hover span, .no-ani a:hover ul li, .no-ani span, .no-ani ul li { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; }

.no-ani,.no-ani:after,.no-ani:before,.no-ani:hover:after,.no-ani:hover:before, .no-ani *, .no-ani :hover, .no-ani a, .no-ani a:hover, .no-ani a:hover span, .no-ani a:hover ul li, .no-ani span, .no-ani ul li {-webkit-transition: all .0s ease-in-out !important;-moz-transition: all .0s ease-in-out !important;-o-transition: all .0s ease-in-out !important;-ms-transition: all .0s ease-in-out !important;transition: all .0s ease-in-out !important;}

 
/* ===== style.css ===== */
 


body { margin:0px; padding:0px; font-family: 'Gilroy-Regular';}
b{font-family: 'Gilroy-Bold';}
button { outline:none; border:none; }
.header {margin:15px 0px; width: 100%; position: fixed; top: 0px; z-index: 9;}
.header ul { margin: 0; padding: 0; list-style: none; }
.header li a {display: block; padding: 30px 29px; color: #fff;text-transform: capitalize;text-decoration: none;font-size: 16px;}
.header li a:hover{color: #f15922;}
.header .logo { display: block; float: left; margin-left: 15px; background-image: url(../images/MT-white-logo.png);background-repeat: no-repeat; background-size: 100% 100%; width: 197px; height: 37px;}
.black-header .header .logo{background-image: url(../images/MT-black-logo.png);}
.black-header .header li a{color: #545454;}
.fixed{position: fixed;top: 0;left: 0; z-index: 10;}
img{max-width: 100%;}


/*.header .custom-container{padding: 30px 15px;}*/
.custom-container{max-width: 1500px; width:100%; margin: 0 auto; padding: 0px 15px;}
.header-content{display:flex; align-items: center; justify-content: space-between;}
.fixed .header-content,.white-header .header-content{background-color: #fff; border-radius: 5px; box-shadow: 0px 1px 5px -1px #ccc; display: flex; align-items: center; justify-content: space-between;}
.fixed .header-content .rgdev li a,.white-header .header-content .rgdev li a{color: #545454;}
.fixed .header-content .rgdev li a:hover,.white-header .header-content .rgdev li a:hover,.black-header .header li a:hover{color: #f15922;}
.fixed .logo,.white-header .logo{ background-image: url(../images/MT-black-logo.png);}
.dropdown {display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 4px; padding: 1px;}
.dropdown-content a{ padding:10px 15px !important; color: #000 !important; margin:0px;}
.dropdown-content a:hover{ background-color: #eee;}
.dropdown:hover .dropdown-content { display: block;}
.show {display: block;}
.arrow-up { width: 12px; height: 6px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e25b2c; position: absolute; top: -12px; left: calc(50% - 6px);}
.header li:hover .rgdev-arrow {background-position: -342px -241px;}
.no-arrow-btn{padding: 25px 35px !important;}
.no-arrow-btn.small-btn{padding: 19px 27px !important;}

/** megamenu **/
.mega-menu{display: flex; padding:49px 53px; position: relative; z-index: 9;}
.BC-menu:before{content:''; position: absolute; bottom: 0px; left: 0px; z-index: -1; width: 457px; height: 250px; border-bottom-left-radius: 10px; background-image: url(../images/business-consulting-menu-bg.png); background-repeat: no-repeat; background-size: contain; background-position:-20px 17px;}
.TS-menu:before{content:''; position: absolute; bottom: 0px; left: 0px; z-index: -1; width: 457px; height: 332px; border-bottom-left-radius: 10px; background-image: url(../images/technology-services-menu-bg.png); background-repeat: no-repeat; background-size: contain; background-position:-20px 50px;}
.DG-menu:before{content:''; position: absolute; bottom: 0px; left: 0px; z-index: -1; width: 457px; height: 332px; border-bottom-left-radius: 10px; background-image: url(../images/digital-menu-bg.png); background-repeat: no-repeat; background-size: contain; background-position:-20px 17px;}
.IS-menu:before{content:''; position: absolute; bottom: 0px; left: 0px; z-index: -1; width: 457px; height: 332px; border-bottom-left-radius: 10px; background-image: url(../images/industries-menu-bg.png); background-repeat: no-repeat; background-size: contain; background-position:-20px 17px;}
.CY-menu:before{content:''; position: absolute; bottom: 0px; left: 0px; z-index: -1; width: 457px; height: 332px; border-bottom-left-radius: 10px; background-image: url(../images/company-menu-bg.png); background-repeat: no-repeat; background-size: contain; background-position:-20px 17px;}
.mega-menu h4{ text-align: left; margin-top: 0px; margin-bottom: 15px; font-size: 18px; color: #161616; font-family: 'Gilroy-Bold';}
.mega-menu p{ text-align: left; margin-top: 0px; margin-bottom: 40px; font-size: 15px; color: #6d868e; line-height: 24px;}
.mega-menu .mm-right a{color: #2b2a2a; font-size: 16px; line-height: 20px; margin-bottom: 15px; padding: 0px; display: flex; align-items: center; text-align: left;}

.menu-img{background-image:url(../images/sprite.png); background-repeat: no-repeat; width: 43px; height: 43px; margin-right: 10px;}
.BC-menu-img1{ background-position: -367px -5px; }
.BC-menu-img2{ background-position: -367px -51px; }
.BC-menu-img3{ background-position: -367px -95px; }
.BC-menu-img4{ background-position: -367px -140px; }

.TS-menu-img1{ background-position: -367px -185px;}
.TS-menu-img2{ background-position: -419px -5px;}
.TS-menu-img3{ background-position: -419px -51px;}
.TS-menu-img4{ background-position: -419px -95px;}
.TS-menu-img5{ background-position: -419px -140px;}
.TS-menu-img6{ background-position: -419px -185px;}
.TS-menu-img7{ background-position: -470px -5px;}
.TS-menu-img8{ background-position: -470px -51px;}
.TS-menu-img9{ background-position: -470px -95px;}
.TS-menu-img10{ background-position: -470px -140px;}
.TS-menu-img11{ background-position: -470px -185px;}
.TS-menu-img12{ background-position: -520px -5px;}


.DG-menu-img1{ background-position: -520px -51px;}
.DG-menu-img2{ background-position: -520px -95px;}
.DG-menu-img3{ background-position: -520px -140px;}
.DG-menu-img4{ background-position: -520px -185px;}
.DG-menu-img5 { background-position: -419px -185px;}

.IS-menu-img1{ background-position: -570px -5px;}
.IS-menu-img2{ background-position: -570px -51px;}
.IS-menu-img3{ background-position: -570px -94px;}
.IS-menu-img4{ background-position: -570px -140px;}
.IS-menu-img5{ background-position: -570px -185px;}

.CY-menu-img1{ background-position: -620px -5px;}
.CY-menu-img2{ background-position: -620px -51px;}
.CY-menu-img3{ background-position: -620px -95px;}
.CY-menu-img4{ background-position: -620px -140px;}

.mm-left{width: 50%;}
.mm-right{width: 50%;}

.rgdev-submenu.TS-outer{min-width: 1158px !important;}
.rgdev-submenu.CY-outer{transform: none; right: -100px; left: auto;}
.CY-outer .arrow-up{ left: calc(82% - 6px);}
.TS-menu .mm-left{width: 40%;}
.TS-menu .mm-right{width: 60%;}
.mm-right .w50{width: 50%; float: left;}
/** megamenu **/


/** banner **/
.banner{height: 100vh;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.banner-content{text-align: center;position: relative;z-index: 2;}
h1,.h1{font-size: 80px; font-family: 'Gilroy-Bold'; color: #fff; margin-bottom: 5px; margin-top: 0px; letter-spacing: -1px;}
.banner-content p{font-size: 48px; font-family: 'Gilroy-UltraLight'; color: #fff; margin-bottom: 30px; margin-top: 0px;letter-spacing: -1px;}
.CASE-detail-background .banner-inner-content .op-btn{display: initial;}
.banner-inner-content .op-btn{display: flex;}
.banner-content .op-btn a, .banner-content .op-btn button{display: inline-block;}
.op-btn a, .op-btn button{background: linear-gradient(90deg,#f93d78,#ff5c4e); font-size: 18px; vertical-align: middle; padding: 25px 70px 25px 35px; text-transform: uppercase; color: #fff; border-radius: 50px; box-shadow: 0px 3px 10px 0px rgb(51 51 51 / 0.3);}
.arrow-ani:before,  .arrow-ani:after {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: 35px;
    font-size: 26px;
    line-height: 22px;
    opacity: 1;
    top: 24px;
}

.arrow-ani {
    position: relative;
    overflow: hidden;
}
.arrow-ani:hover {
    padding-left: 70px;
    padding-right: 35px;
}
.arrow-ani:after {
    left: -30px;
    right: inherit;
    opacity: 0;
   /* color: #0d202f;*/
}
.arrow-ani:hover:before {
    right: -30px;
    opacity: 0;
    /*color: #0d202f;*/
}
.arrow-ani:hover:after {
    left: 35px;
    opacity: 1;
    color: #fff;
}
.round-down-arrow{ padding: 24px 35px !important;}
a.down-arrow-ani{position: relative; overflow: hidden;}
.down-arrow-ani:before, .down-arrow-ani:after {
    content: "\f103";
    font-family: FontAwesome;
    position: absolute;
    right: 26px;
    top: 25px;
    font-size: 26px;
    line-height: 22px;
    opacity: 1;
}
.down-arrow-ani:after {
    top: -10px;
    bottom: inherit;
    opacity: 0;
}
.down-arrow-ani:hover:before {
    top: 60px;
    opacity: 0;
}
.down-arrow-ani:hover:after {
    top: 25px;
    opacity: 1;
}

.industries-right .op-btn .arrow-ani:after,.case-studies-left .op-btn .arrow-ani:after,.cta-right .op-btn .arrow-ani:after{color: #fff;}
.industries-right .op-btn .arrow-ani:hover:before,.case-studies-left .op-btn .arrow-ani:hover:before,.cta-right .op-btn .arrow-ani:hover:before{color: #fff;}


/* canvas  */

#app {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}
canvas { width: 100%; height: 100%;}


/** banner **/

/**main**/
h3.title{ font-size: 40px; font-family: 'Gilroy-Bold'; letter-spacing: -2px; margin-top: 0px;}
.title-desc{text-align: center; margin-bottom: 70px;}
.title-desc h3{color: #000000; margin-top: 60px; margin-bottom: 69px;}
.title-desc p{color: #7791a8; font-size: 26px; font-family: 'Gilroy-UltraLight'; margin-bottom: 0px;}

.sky-light-background{background-image: url(../images/sky-light-bg.jpg); background-repeat: no-repeat; background-position: -300px 0px; background-size: contain;}
.three-box{display: flex; flex-wrap: wrap; padding-bottom: 125px; max-width: 1270px; width: 100%; margin: 0 auto;}
.three-box .w33{width: 33.33%; margin-bottom: 18px;}
.three-inner{margin:0px 45px; background-color: #fff; border-radius: 15px; box-shadow: 2px 10px 20px 4px rgb(83 107 135 / 0.1); padding: 30px; text-align: center;}

.three-box .w33 .w33-img{background-image: url(../images/sprite.png); background-repeat: no-repeat; width: 115px; height:115px; margin: 40px auto;}
.three-box .w33 .w33-img1{background-position: -1px -6px;}
.three-box .w33 .w33-img2{background-position: -116px -6px;}
.three-box .w33 .w33-img3{background-position: -231px -6px;}
.three-box .w33 img{margin-bottom: 40px; margin-top: 40px;}
.three-box .w33 h4{color: #000000; font-size: 26px; font-family: 'Gilroy-Bold'; margin-bottom: 30px; margin-top: 0px; letter-spacing: -1px;}
.three-box .w33 p{color: #7791a8; font-size: 16px; line-height: 26px; margin-bottom: 30px; margin-top: 0px;}
.btn-red a{background-color: #fff; color: #f1929b; display: inline-block; border:1px solid #f1929b; box-shadow: 0px 3px 5px 0px #ccc; font-size: 16px; font-family: 'Gilroy-Bold'; padding: 15px 35px; text-transform: capitalize; border-radius: 30px;}
.btn-red a:hover{background-color: #f1929b; color: #fff;}
.btn-green a{background-color: #fff; color: #46d3ac; display: inline-block; border:1px solid #46d3ac; box-shadow: 0px 3px 5px 0px #ccc; font-size: 16px; font-family: 'Gilroy-Bold'; padding: 15px 35px; text-transform: capitalize; border-radius: 30px;}
.btn-green a:hover{background-color: #46d3ac; color: #fff;}
.btn-blue a{background-color: #fff; color: #25a0fb; display: inline-block; border:1px solid #25a0fb; box-shadow: 0px 3px 5px 0px #ccc; font-size: 16px; font-family: 'Gilroy-Bold'; padding: 15px 35px; text-transform: capitalize; border-radius: 30px;}
.btn-blue a:hover{background-color: #25a0fb; color: #fff;}

.three-box-design-2{max-width: 1365px;}
.three-box-design-2 .w33{width: 33.33%; display: flex;}
.three-box-design-2 ul{padding-left: 20px;}
.three-box-design-2 ul li{text-align: left; font-size: 16px; color: #7791a8; line-height: 24px; margin-bottom: 20px; list-style-type: none; position: relative;}
.three-box-design-2 ul li:before{content: ''; position: absolute; left: -20px; top: 5px; width:7px; height: 7px; border-radius: 50%;}
.three-box-design-2 ul.red li:before{background-color: #fa446b;}
.three-box-design-2 ul.green li:before{background-color: #51d4b0;}
.three-box-design-2 ul.blue li:before{background-color: #218ae2;}
.three-box .w33 .w33-img1,.three-box .w33 .w33-img2,.three-box .w33 .w33-img3{margin: 10px auto 30px;}


.execution-section{background-image: url(../images/execution-bg.png); background-size: cover; background-repeat: no-repeat; padding: 135px 0px 150px; margin-top: 100px; margin-bottom: 400px; position: relative;}
.execution-section .custom-container{max-width:1375px ; width: 100%; margin: 0 auto;}
.execution-section h3{color: #fff; text-align: center;}
.execution-section p{color: #fff; text-align: center; font-size: 17px; margin-top: 0px; line-height: 28px; margin-bottom: 40px;}
.execution-parts{background-color: #fff; border-radius: 10px; padding: 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: absolute; bottom: -240px; left: calc(50% - 688px); max-width: 1375px; width: 100%; margin: 0 auto; box-shadow: 0px 5px 10px 0px #eae9e9;}
.execution-parts .w50{width: 50%;}
.execution-parts p{color: #59768f; font-size: 17px; text-align: left; margin-bottom: 20px;}
.execution-inner{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}


.BID-section{background-image: url(../images/BID-bg.png); background-repeat: no-repeat; background-size: 100% 100%; padding:73px 70px; display: flex; margin: 160px auto 0px; max-width: 1420px; width: 100%;}
.BID-bg-2{background-image: url(../images/BID-bg-2.png);}
.BID-grey-section{background-image: url(../images/BID-grey-bg.png);}
.BID-left{width: 60%;}
.BID-left h3{margin-top: 0px; color: #fff;}
.BID-left p.heading-sub{font-size: 22px; color: #fff; margin-bottom: 35px; margin-top: 0px;}
.BID-left p{font-size: 18px; color: #fff; margin-bottom: 35px; margin-top: 0px; line-height: 26px;}
.BID-left p a{color: #fff; text-decoration: underline;}
.BID-left ul li{font-size: 18px; color: #fff; margin-bottom: 20px; margin-top: 0px; line-height: 26px;}
.BID-left .more-au-btn a{background-color: #fff; color: #f1929b; font-size: 16px; display: inline-block; font-family: 'Gilroy-Bold'; border-radius: 30px; box-shadow: 0px 2px 5px -2px #666; padding: 17px 52px 17px 25px;}
.BID-left .arrow-ani:before, .BID-left .arrow-ani:after {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: 18px;
    font-size: 26px;
    line-height: 21px;
    opacity: 1;
    top:17px;
}
.BID-left .arrow-ani:hover {
    padding-left: 50px;
    padding-right: 27px;
}
.BID-left .arrow-ani:after {
    left: -30px;
    right: inherit;
    opacity: 0;
}
.BID-left .arrow-ani:hover:before {
    right: -30px;
    opacity: 0;
}
.BID-left .arrow-ani:hover:after {
    left: 25px;
    opacity: 1;
    color: #f1929b;;
}
.BID-right{width: 40%; position: relative;}
.BID-right .BID-image{ position: absolute; top: -130px; right: 0px;}

.industries-section{ padding: 277px 0px 250px;}
.industries-section .custom-container{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.industries-left{width: 51%; position: relative;}
.industries-img{width: 72px; height: 72px; background-image: url(../images/sprite.png); background-repeat: no-repeat;}
.industries-img1{background-position: 0px -145px;}
.industries-img2{background-position: -72px -145px;}
.industries-img3{background-position: -144px -145px;}
.industries-img4{background-position: -216px -145px;}
.industries-img5{background-position: -288px -145px;}
.industries-left:before{content: ""; background-image: url(../images/round-waves.jpg); background-size: contain; background-repeat: no-repeat; position: absolute; left: -215px; top:-315px; width: 859px; height: 1007px; z-index: -1; }
.industries-left ul{ margin-bottom: 0px; list-style-type: none; margin-top: 0px;}
.industries-left ul li{background-color: #fff; border-radius: 20px; text-align: left; list-style-type: none; padding: 22px; box-shadow: 0px 3px 15px -2px #e7e6e6; margin-bottom: 30px; margin-right: 20px; display: inline-block; width: 300px;}
.industries-left ul li:nth-child(3n){margin-left: 40px;}
.industries-left ul li:nth-child(5n){margin-left: 169px;}
.industries-left ul li a{display: flex; align-items: center; color: #000000;}
.industries-left ul li a p{font-size: 20px; font-family: 'Gilroy-Bold'; text-transform: capitalize; padding-left: 17px;}
.industries-right{width: 49%; padding-left: 200px; padding-right: 60px;}
.industries-right h3{ color: #000000; margin-top: 0px; margin-bottom: 43px;}
.industries-right p{font-size: 18px; color: #7791a8; margin-top: 0px; margin-bottom: 62px; line-height: 28px;}


.case-studies-section{background-image: url(../images/BCS-services.png); background-repeat: no-repeat; background-size: contain; background-position:bottom right; padding: 43px 0px 170px;}
.case-studies-section .custom-container{display: flex; align-items: center;}
.case-studies-left{width: 40%; padding-right: 177px; padding-left: 45px;}
.case-studies-left h3{ color: #000000; margin-top: 35px; margin-bottom: 35px;}
.case-studies-left p{font-size: 18px; color: #7791a8; margin-top: 0px; margin-bottom: 35px; line-height: 28px;}

.case-studies-section-2 {background-image: none;}
.case-studies-section-2 .custom-container{max-width: 1277px;}
.case-studies-section-2 .case-studies-right{width: 100%; padding-right: 0px; flex-wrap: wrap;}
.case-studies-section-2 .case-box{width: 27.33%; margin-right: 95px; margin-bottom: 130px;}
.case-studies-section-2 .case-box:nth-child(3){margin-right: 0px;}

.reset-btn .small-btn{display:inline-block; padding: 19px 45px; font-size: 14.75px;}
.op-btn a.small-btn, .op-btn button.small-btn{display: inline-block; padding: 19px 58px 19px 27px; font-size: 14.75px;}
.small-btn.arrow-ani:before,.small-btn.arrow-ani:after
{
	font-size: 23px;
    line-height: 16px;
    right: 18px;
    top: 19px;
}
.small-btn.arrow-ani:hover{
    padding-left: 55px;
    padding-right: 30px;
}
.small-btn.arrow-ani:after{
    left: -30px;
    right: inherit;
    opacity: 0;
    color: #0d202f;
}
.small-btn.arrow-ani:hover:before {
    right: -30px;
    opacity: 0;
    color: #0d202f;
}
.small-btn.arrow-ani:hover:after{
    left: 27px;
    opacity: 1;
    color: #fff;
}
.case-studies-right{width: 60%; display: flex; align-items: end; justify-content: center; padding-right: 89px;}
.case-box{background-color: #fff; border-radius: 20px; box-shadow: 0px 5px 20px 0px #d0d6dd; margin-right: 76px;}
.case-box:last-child{margin-right: 0px;}
.case-box img{border-radius: 20px; width: 100%;}
.case-content{padding: 30px 20px; text-align: center; position: relative;}
.case-content h4{color: #111111; font-size: 20px; font-family: 'Gilroy-Bold'; margin-top: 0px; margin-bottom: 22px;}
.case-content p{font-size: 15px; line-height: 22px; color: #7791a8; margin-top: 0px; margin-bottom: 26px;}
.case-content .case-button{position: absolute; bottom: -5px; width: 100%; text-align: center; left: 0px;}
.case-content .case-button a{background-color:#fff; box-shadow:0px 6px 20px -4px #d0d6dd; color: #f1929b; font-size: 16px; font-family: 'Gilroy-Bold'; border-radius: 30px; padding: 16px 36px; border:1px solid #f1929b;}
.case-content .case-button a:hover{background-color:#f1929b; color: #fff; }
/***main***/

/**cta section***/
.cta-section{position:relative; display: flex;align-items: center;justify-content: flex-end; background-color: #fff; padding: 50px 60px; box-shadow:0px 5px 20px 0px rgb(51 51 51 / 0.2); border-radius: 15px;}
.cta-section .cta-left{position: absolute; top: -64px; left: 66px; width: 40%;}
.cta-section .cta-right{width: 55%; padding-left: 50px; padding-right: 0px;}
.cta-section .cta-right h2{margin-top: 0px; font-size: 40px; font-family: 'Gilroy-Bold'; color: #000; margin-bottom: 33px;}
.cta-section .cta-right p{margin-top: 0px; font-size: 18px; line-height: 28px; color: #7791a8; margin-bottom: 33px;}
/**cta section***/

/**Business consulting page css***/
.banner-inner-content{display: flex; align-items: center; }
.banner-content-left h1{font-size: 65px; color: #000000; letter-spacing: -2px; font-family: 'Gilroy-Bold'; margin-bottom: 25px;}
.banner-content-left p{font-size: 32px; color: #7791a8; font-family: 'Gilroy-UltraLight'; margin-bottom: 50px; margin-top: 0px;}
.banner-content-left{width:50%;}
.banner-content-right{width:50%; text-align: right;}

.BCS-background{ background-image: url(../images/BCS-background.jpg); padding: 200px 0px 160px; margin-bottom: 30px; background-size: cover; background-position: right bottom; background-repeat: no-repeat;}

.BS-background{ background-image: url(../images/business-strategy.jpg); padding: 340px 0px 90px; background-size: cover; background-repeat: no-repeat;}
.BS-background .banner-content-left p{padding-bottom: 120px; font-size: 26px;}
.BS-background .arrow-ani:before,.BS-background .arrow-ani:after{transform: rotate(90deg); top: 25px;}

.OE-background{background-image: url(../images/OE-background.jpg);}
.OE-background h1{color: #fff; text-shadow: 0px 0px 10px #333;}
.OE-background p{color: #fff; text-shadow: 0px 0px 10px #333;}
.OE-services{margin-top: 200px;}

.EPM-background{background-image: url(../images/EPM-background.jpg);}

.BAVT-background{background-image: url(../images/business-analysis-and-value-targeting.jpg); padding: 340px 0px 90px; background-size: cover; background-repeat: no-repeat;}
.BAVT-background .banner-content-left h1{color: #ffffff; text-shadow: 0px 0px 10px #333;}
.BAVT-background .banner-content-left p{padding-bottom: 120px; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 10px #333;}
.BAVT-background .arrow-ani:before,.BAVT-background .arrow-ani:after{transform: rotate(90deg); top: 25px;}
.BAVT-about-us .BS-about-us-inner{background-image: url(../images/BAVT-about-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: 200px 0px; padding-bottom: 200px;}
p.sub-para{font-size: 20px !important; color: #000 !important; font-family: 'Gilroy-Bold';}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}

.BAVT-flex-content .custom-container{display: flex; align-items: center; justify-content: center; padding: 100px 15px;}
.BAVT-flex-content .flext-content-left{width: 45%;}
.BAVT-flex-content .flext-content-right{width: 55%;}
.BAVT-flex-content h3{ color: #000; margin-top: 0px; margin-bottom: 40px;}
.BAVT-flex-content p{font-size: 17px; color: #59768f; line-height: 30px; margin: 0px 0px 40px;}
.BAVT-flex-content .w50{width: 50%;}

.CEJM-background{background-image: url(../images/customer-experience-and-journey-mapping.jpg); padding: 340px 0px 90px; background-size: cover; background-repeat: no-repeat;}
.CEJM-about-us .BS-about-us-inner{background-image: url(../images/battleground-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: -200px 0px; }
.CEJM-about-us{margin: 120px 0px 0px;}
.how-service-container{max-width: 1160px; width: 100%; margin: 0px auto; padding: 100px 0px; text-align: center;}
.CEJM-flex-content{background-image: url(../images/round-waves-2.png); background-repeat: no-repeat; background-size: cover; background-position: right;}
.htab-list{width: 80%; margin: 0 auto;}

.VSD-background{background-image: url(../images/vision-and-strategy-development.jpg); padding: 340px 0px 90px; background-size: cover; background-repeat: no-repeat;}

.plane-call-to-action{background-image: url(../images/plane-bg.png); background-repeat: no-repeat; background-size: cover; text-align: center; padding: 220px 0px;}
.plane-call-to-action h3{ color: #000; margin-top: 0px; margin-bottom: 70px;}
.plane-call-to-action-2{padding: 0px;}

.plane-call-to-action-bg-contain{background-size: contain;}
.plane-call-to-action-bg-hundred{background-size: 100% 100%;}

.revert-plane-bg{background-image: url(../images/revert-plane-bg.png);}

ul.first-list{text-align: right; margin-right: 25px;}
ul.first-list li:before{display: none;}
ul.first-list li:after { content: ''; position: absolute; right: -20px; top: 10px; background-color: #fe5454; width: 7px; height: 7px; border-radius: 50%;}
ul.second-list{text-align: left; margin-left: 25px;}
ul.first-list li,ul.second-list li{margin-bottom: 10px !important;}


.plane-call-to-action-3{padding:100px 0px 200px;}
.plane-call-to-action-3 .custom-container{display: flex; flex-wrap: wrap; justify-content: center;}
.plane-call-to-action-3 .w50{width: 50%;}
.plane-cta-3-inner{margin:0px 50px;}
.plane-call-to-action-3 h3{margin-bottom: 40px; color: #fd6636; font-size: 30px;}
.plane-call-to-action-3 p{font-size: 18px; color: #465e7e; margin-bottom: 40px;}
.plane-call-to-action-3 ul {text-align: left; list-style-type: none; padding-left: 20px;}
.plane-call-to-action-3 ul li{margin-bottom: 20px; font-size: 18px; color: #465e7e; position: relative; margin-bottom: 15px;}
.plane-call-to-action-3 ul li:before{content: ''; position: absolute;left: -20px; top: 10px;background-color: #fe5454;width: 7px;height: 7px;border-radius: 50%;}


.horizontal-tab-section .custom-container{display: flex; flex-wrap: wrap;  justify-content: space-between; padding-bottom: 100px;}
.horizontal-tab-section .tab{border:1px solid rgb(11 151 240 / 0.3); padding:8px; border-radius: 50px; display: flex;}
.horizontal-tab-section .tab button{background-color: #eff6f8; border-radius: 50px; font-size: 18px; color: #405d83; padding: 10px 20px; border:none; margin: 0px 2px;}
.horizontal-tab-section .tab button.active{background:linear-gradient(32deg,#f0608c,#fe875e); color: #fff; box-shadow: 0px 3px 5px 0px #ccc;}
.tab-content-left{width: 50%;}
.tab-content-right{width: 40%;}
.horizontal-tab-section .tabcontent { display: none;}
.horizontal-tab-section ul{list-style-type: none;}
.horizontal-tab-section ul li{margin-bottom: 0px; position: relative; font-size: 17px; color: #59768f; line-height: 30px; }
.horizontal-tab-section ul li:before{content: ''; position: absolute; left: -20px; top: 10px; background-color: #fe5454; width: 7px; height: 7px; border-radius: 50%;}
.horizontal-tab-section h3{ color: #000; margin-top: 0px; margin-bottom: 50px;}
.horizontal-tab-section p{font-size: 17px; color: #59768f; line-height: 30px; margin: 0px;}

.horizontal-tab-section-2{margin: 100px 0px;}
.horizontal-tab-section-2 .tab-content-left{width: 100%;}
.horizontal-tab-section-2 .tab{display: block; width: max-content; margin: 0 auto;}
.horizontal-tab-section-2 p{text-align: center; margin: 60px 0px;}
.horizontal-tab-section-2 .custom-container{max-width: 960px; width: 100%; margin: 0 auto;}
.horizontal-tab-section-2 ul{float: left; width: 50%;}

.BCS-abt-container{max-width: 1245px; width: 100%; margin: 0 auto;}
.BCS-about-us{text-align: center; padding: 0px 0px 75px;}
.BCS-about-us h4{font-size: 30px; font-family: 'Gilroy-Bold'; color: #000; letter-spacing: -2px; margin-bottom: 60px; margin-top: 0px;}
.BCS-about-us p{font-size: 20px; color: #7791a8; line-height: 28px; font-family: 'Gilroy-UltraLight'; margin-bottom: 45px;}

.BCS-services{ background-image: url(../images/BCS-services.png); background-size: contain; background-position: right bottom; background-repeat: no-repeat; }
.BCS-services .title-desc h3{ margin-bottom: 32px;}
.BCS-services .title-desc p{ font-size: 20px; margin-bottom: 173px;}
.four-box{display: flex; align-items: end; justify-content: center; padding-bottom: 125px; max-width: 1453px; width: 100%; margin: 0 auto; flex-wrap: wrap;}
.four-box-design-2{align-items: normal}
.four-inner{margin:0px 15px; position:relative; background-color: #fff; border-radius: 15px; box-shadow: 2px 10px 20px 4px rgb(83 107 135 / 0.1); padding: 30px; text-align: center; margin-bottom: 120px; width: 100%;}
.four-box .w25{width: 25%; display: flex;}
.four-box .w25:last-child{margin-right: 0px;}
.four-box .w25 .w25-img{ position: absolute; left: calc(50% - 70px); top: -70px; background-image: url(../images/sprite.png); background-repeat: no-repeat; width: 141px; height:141px; margin: 0px auto; }
.w25-img1{background-position: -1px -274px;}
.w25-img2{background-position: -144px -274px;}
.w25-img3{background-position: -287px -274px;}
.w25-img4{background-position: -430px -274px;}
.w25-img5{background-position: -690px -6px;}
.w25-img6{background-position: -844px -6px;}
.w25-img7{background-position: -998px -6px;}
.w25-img8{background-position: -1153px -6px;}
.w25-img9{background-position: -1309px -6px;}
.w25-img10{background-position: -1466px -6px;}
.w25-img11{background-position: -1624px -6px;}
.w25-img12{background-position: -1624px -162px;}
.w25-img13{background-position: -1466px -162px;}
.w25-img14{background-position: -1309px -162px;}
.w25-img15{background-position: -1153px -162px;}
.w25-img16{background-position: -998px -162px;}
.w25-img17{background-position: -967px -1428px;}
.w25-img18{background-position: -1149px -1428px;}
.w25-img19{background-position: -1330px -1428px;}
.w25-img20{background-position: -1514px -1428px;}
.w25-img21{background-position: -967px -1601px;}
.w25-img22{background-position: -1148px -1602px;}
.w25-img23{background-position: -1328px -1602px;}
.w25-img24{background-position: -1513px -1602px;}
.w25-img25{background-position: -1688px -1428px;}


.four-box .w25 img{margin-bottom: 40px; margin-top: 40px;}
.four-box .w25 h4{color: #000000; font-size: 26px; font-family: 'Gilroy-Bold'; margin-bottom: 30px; margin-top: 70px; letter-spacing: -1px;}
.four-box .w25 p{color: #7791a8; font-size: 16px; line-height: 26px; margin-bottom: 30px; margin-top: 0px;}
.btn-purple a{background-color: #fff; color: #ad7ee3; display: inline-block; border:1px solid #ad7ee3; box-shadow: 0px 3px 5px 0px #ccc; font-size: 16px; font-family: 'Gilroy-Bold'; padding: 15px 35px; text-transform: capitalize; border-radius: 30px;}
.btn-purple a:hover{background-color: #ad7ee3; color: #fff;}
.btn-light-green a{background-color: #fff; color: #a9be46; display: inline-block; border:1px solid #a9be46; box-shadow: 0px 3px 5px 0px #ccc; font-size: 16px; font-family: 'Gilroy-Bold'; padding: 15px 35px; text-transform: capitalize; border-radius: 30px;}
.btn-light-green a:hover{background-color: #a9be46; color: #fff;}
.btn-sky-blue a{background-color: #fff; color: #36d4f9; display: inline-block; border:1px solid #36d4f9; box-shadow: 0px 3px 5px 0px #ccc; font-size: 16px; font-family: 'Gilroy-Bold'; padding: 15px 35px; text-transform: capitalize; border-radius: 30px;}
.btn-sky-blue a:hover{background-color: #36d4f9; color: #fff;}

.BCS-challenges{margin-top: 0px;}
.BCS-challenges h3{margin-bottom: 40px;}
.BCS-challenges p{font-family: 'Gilroy-Regular'; font-size: 18px; color: #7791a8; margin-top: 0px; margin-bottom: 120px;}
.BCS-challenge-container{background-image: url(../images/BCS-challenges.jpg); background-size: contain; background-position: center; background-repeat: no-repeat; padding-bottom: 149px;}
.BCS-row{display: flex; justify-content: center; align-items: center;}
.BCS-c-box{width: 130px; height: 130px; border:1px solid #fff; border-radius: 15px; box-shadow: 1px 10px 40px 0px rgb(83 107 135 / 0.1); background-color: #fff; text-align: center; padding: 26px; margin-right: 116px; margin-bottom: 67px; cursor: pointer;}
.BCS-c-box:last-child{margin-right: 0px;}
.BCS-c-box:hover{border:1px solid #fa436d;}
.BCS-c-img{width: 72px; height: 72px; margin:0 auto; background-image: url(../images/sprite.png); background-repeat: no-repeat;}
.BCS-c-img1{ background-position: -3302px -216px;}
.BCS-c-img2{ background-position: -3302px -131px;}
.BCS-c-img3{ background-position: -3302px -41px;}
.BCS-c-img4{ background-position: -3396px -41px;}
.BCS-c-img5{ background-position: -3396px -130px;}
.BCS-c-img6{ background-position: -3396px -216px;}
.BCS-c-img7{ background-position: -3396px -300px;}
.BCS-c-box p{margin-bottom: 0px; margin-top: 17px; font-size: 18px; color: #7791a8;}
.BCS-c-box.tooltip{display: flex; align-items: center; justify-content: center;}

.contact-background{background-image: url(../images/contact-us-bg.jpg) !important; padding: 340px 0px 300px !important;}
.contact-content{background-image: url(../images/contact-content.jpg); background-repeat: no-repeat; background-size: cover;}
.contact-top{display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact-content h4,.contact-top h4{font-size: 34px; font-family: 'Gilroy-Bold'; letter-spacing: -2px;}
.contact-content h5{font-size: 32px; font-family: 'Gilroy-Bold'; letter-spacing: -2px; margin-bottom: 30px; margin-top: 0px;}
.contact-top .w65{width: 60%;}
.contact-top .w35{width: 40%;}
.MT-info{background-color: #fff; border-left:2px solid #ff7c7d; border-radius: 5px; padding: 45px 30px; box-shadow: -3px 0px 5px 0px rgb(255 124 125 / 0.2);}
.MT-info ul{padding-left: 0px; margin-bottom: 0px;}
.MT-info ul li{list-style-type: none; display: flex; align-items: center; color: #59768f; font-size: 17px; margin-bottom: 20px;}
.MT-info ul li i{width: 40px; height: 40px; background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; margin-right: 20px;}
i.add-img{background-position: -614px -247px;}
i.loc-img{background-position: -660px -247px;}

.join-milestone{background-image: url(../images/career-content-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.join-milestone .contact-top{align-items: center; margin: 100px 0px 200px;}
.join-milestone ul.connect-info{background-color: transparent;}
.join-milestone .contact-top .w50:first-child{width:40%;}
.join-milestone .contact-top .w50{width: 50%;}
.join-img1{background-position: -874px -312px;}
.join-img2{background-position: -964px -312px;}
.join-img3{background-position: -1054px -312px;}
.join-img4{background-position: -1144px -312px;}
.join-img5{background-position: -1232px -312px;}
.current-opening{margin-bottom: 120px;}
.current-opening h4{margin-bottom: 0px !important; font-family: 'Gilroy-Regular' !important;}
.current-opening p.sub{margin-top: 0px; color: #626262;}
.current-opening .title-desc h3{margin-bottom: 35px;}
.current-opening .title-desc p{font-size: 18px; color: #3d4c59; font-family: 'Gilroy-Regular'; margin-top: 0px; margin-bottom: 110px;}

.current-opening-design-2{background-image: url(../images/energy-utilities-waves.png); background-repeat: no-repeat; background-position: center; margin:150px 0px;}
.current-opening-design-2 .three-box{max-width: initial;}
.current-opening-design-2 .three-box .w33{display: flex;}

.join-milestone-design-2{background-image: url(../images/join-milestone-bg-2.jpg);}
.join-milestone-design-2 .contact-top p{margin-left: 0px; font-family: 'Gilroy-Regular';}
.join-milestone-design-2 .contact-top p.sub-para{font-family: 'Gilroy-Bold'; font-size: 17px;}
.join-milestone-design-2 .contact-top ul{padding-left: 40px;}

.join-milestone-design-3 {background-image: url(../images/join-milestone-bg-3.jpg);}
.join-milestone-design-3 .contact-top .w50:first-child{width:50%;}
.join-milestone-design-3 .contact-top .w50:last-child{width:40%;}


ul.connect-info{background-color: #fff; padding-left: 0px; margin-bottom: 0px;}
ul.connect-info li {list-style-type: none; display: flex; align-items: center;}
ul.connect-info li a,ul.connect-info li{color: #3d4c59; font-size: 18px; font-family: 'Gilroy-Bold';}
ul.connect-info li i{width: 80px; height: 80px; background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; margin-right: 20px;}
i.email-img{background-position: -604px -312px;}
i.call-img{background-position: -694px -312px;}
i.skype-img{background-position: -784px -312px;}

ul.contact-social-info{padding-left: 0px;}
ul.contact-social-info li{display: inline-block; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; border:1px solid #ff876a; margin-right: 10px; background-color: #fff;}
ul.contact-social-info li:hover{background-color: #ff876a;}
ul.contact-social-info li a{ color: #ff876a; text-align: center; display: block;}
ul.contact-social-info li:hover a{color: #fff;}
.contact-top p{display: inline-block; margin-right: 20px; margin-left: 15px; color: #3d4c59; font-size: 18px; font-family: 'Gilroy-Bold';}
.contact-social-info{display: inline-block;}

.contact-bottom{background-color: transparent !important; margin-top: 100px;}
.contact-bottom-inner{background-color: #fff; border-radius: 10px; padding: 60px !important; box-shadow: 0px 13px 15px 4px rgb(204 204 204 / 0.3); max-width: 1310px; width: 100%; margin: 0px auto;}
.contact-bottom h3{margin-bottom: 80px;}


/*****tooltip css*****/
.tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext { visibility: hidden; width: 272px; background-color: #dfedf3; color: #3d5965; text-align: center; padding: 21px 23px; 
  position: absolute; z-index: 1; left: calc(50% - 136px); top: -95px;
}
.tooltip:hover .tooltiptext { visibility: visible;}
.tooltip .tooltiptext:after{content:''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #dfedf3; position: absolute; bottom: -8px; left: calc(50% - 5px);}
/*****tooltip css*****/

/*****breadcrumb css****/
.breadcrumb-content{max-width: 1430px; width: 100%; display: flex; align-items: center;}
.breadcrumb-content{border-bottom: 1px solid #e5e5e5; margin-bottom: 50px;}
.breadcrumb-content a{padding: 30px 40px 30px 0px; color: #f15922; font-size: 15px; position: relative;}
.breadcrumb-content a.active,.breadcrumb-content a:hover{color: #6c6c6c;}
.breadcrumb-content a:after{content:"|"; position: absolute; right: 20px; color: #6c6c6c; transform: rotate(30deg);}
.breadcrumb-content a:last-child:after{display: none;}
/*****breadcrumb css****/


.BS-about-us-inner{background-image: url(../images/BCS-services.png); background-repeat: no-repeat; background-position: 408px 0px; background-size: contain;}
.BS-content{display: flex; align-items: center;}
.BS-about-left{width: 50%;}
.BS-about-right{width: 50%;}
.BS-about-us h3{ color: #000000; margin-top: 0px; margin-bottom: 30px; }
.BS-about-us h4{font-size:30px; font-family: 'Gilroy-Bold'; letter-spacing: -1px; color: #000000; margin-top: 0px; margin-bottom: 30px; }
.BS-about-us h5{font-size:26px; font-family: 'Gilroy-Bold'; margin-top: 0px; margin-bottom: 40px; }
.BS-about-us p,.BS-about-us ul li{font-size: 17px; color: #59768f; margin-top: 0px; margin-bottom: 45px; line-height: 30px;}
.BS-about-us a{color: #f15922;}
.BS-about-us .op-btn a, .BS-about-us .op-btn button{color: #fff;}
.BS-about-us ul{margin-bottom: 45px; margin-top: 0px; list-style-type: none; padding-left: 20px;}
.BS-about-us ul li{margin-bottom: 0px; position: relative;}
.BS-about-us ul li:before{content: ''; position: absolute; left: -20px; top:10px; background-color: #fe5454; width: 7px; height: 7px; border-radius: 50%;}
.BS-about-cc{max-width: 1276px !important; width: 100%; margin: 0 auto;}


.BS-services{background-color: #fff; border-radius:15px; box-shadow: 0px 0px 10px 0px #ccc; padding:90px 30px 30px; margin-top: 55px;}
.BS-services .title-desc h3{margin-top: 0px; margin-bottom: 25px;}
.BS-services .title-desc p{font-size: 18px; color: #59768f; font-family: 'Gilroy-Regular';}
.BS-service-img{background-image: url(../images/sprite.png); background-repeat: no-repeat; width:280px; height:280px; margin: 0px auto; }
.BS-service-img1{background-position: -8px -445px;}
.BS-service-img2{background-position: -308px -445px;}
.BS-service-img3{background-position: -608px -445px;}
.BS-service-img4{background-position: -908px -445px;}
.BS-service-img5{background-position: -1208px -445px;}
.BS-service-img6{background-position: -1508px -445px;}
.BS-service-img7{background-position: -8px -765px;}
.BS-service-img8{background-position: -308px -765px;}
.BS-service-img9{background-position: -608px -765px;}
.BS-service-img10{background-position: -905px -765px;}
.BS-service-img11{background-position: -1209px -765px;}
.BS-service-img12{background-position: -1510px -765px;}
.BS-service-img13{background-position: -8px -1095px;}
.BS-service-img14{background-position: -308px -1095px;}
.BS-service-img15{background-position: -608px -1095px;}
.BS-service-img16{background-position: -905px -1095px;}
.BS-service-img17{background-position: -1209px -1095px;}
.BS-service-img18{background-position: -1510px -1095px;}
.BS-service-img19{background-position: -8px -1428px;}
.BS-service-img20{background-position: -308px -1428px;}
.BS-service-img21{background-position: -608px -1428px;}
.BS-service-img22{background-position: -8px -1753px;}
.BS-service-img23{background-position: -308px -1753px;}
.BS-service-img24{background-position: -608px -1753px;}
.BS-service-img25{background-position: -916px -1753px;}
.BS-service-img26{background-position: -1220px -1753px;}
.BS-service-img27{background-position: -1520px -1753px;}

.BS-box{display: flex; justify-content: center; flex-wrap: wrap;}
.BS-box .w33{width: 33.33%;}
.BS-inner{text-align: center; margin: 0px 30px 30px;}
.BS-box .w33 h4{ font-size: 20px; font-family: 'Gilroy-Bold'; margin-top: 0px;}
.BS-box .w33 h4 a,.BS-box .w33 h4 span{color: #f15922;}
.BS-box .w33 p{color: #59768f; font-size: 16px; line-height: 24px;}

.BS-services-design-2{box-shadow: none;}

.width-524{max-width: 524px; width: 100%;}
.width-1140{max-width: 1140px; width: 100%;}
.width-1062{max-width: 1062px; width: 100%;}
.width-417{max-width: 417px; width: 100%;}
.width-612{max-width: 612px; width: 100%;}
.width-696{max-width: 696px; width: 100%;}
.width-1324{max-width: 1324px; width: 100%;}
.width-1295{max-width: 1295px; width: 100%;}
.width-1355{max-width: 1355px; width: 100%;}
.width-1251{max-width: 1251px; width: 100%;}
.width-999{max-width: 999px; width: 100%;}
.width-430{max-width: 430px; width: 100%;}
.width-703{max-width: 703px; width: 100%;}
.width-1198{max-width: 1198px; width: 100%;}
.width-1394{max-width: 1394px; width: 100%;}

.business-diagnostic-section{padding: 200px 0px;}
.business-diagnostic-section .custom-container{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.business-diagnostic-left{width: 45%; position: relative;}
.business-diagnostic-left:before{content: ""; background-image: url(../images/round-waves.jpg); background-size: contain; background-repeat: no-repeat; position: absolute; left: -300px; top:-315px; width: 859px; height: 1007px; z-index: -1; }
.business-diagnostic-right{width: 50%; text-align: right;}
.business-diagnostic-right object{max-width:631px; width: 100%;}
.business-diagnostic-left h3{color: #000; margin-top: 0px; margin-bottom: 50px;}
.business-diagnostic-left p{ font-size: 17px; color: #506a80; margin-top: 0px; line-height: 28px; margin-bottom: 35px;}
.more-on-btn a{padding: 17px 30px; color: #f1929b; font-size: 16px; font-family: 'Gilroy-Bold'; border-radius: 30px; border:1px solid #f1929b; background-color: #fff; box-shadow: 0px 3px 10px 0px rgb(204 204 204 / 0.7); display: inline-block;}
.more-on-btn a:hover{background-color: #f1929b; color: #fff; }

.valuable-clients{margin-bottom: 200px;}
.valuable-client-content{background-image:linear-gradient(32deg,#ff7268,#ff926b); border-radius: 10px; padding: 10px;}
.client-logos{background-color: #fff; padding: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between;}
.valuable-client-content h3{text-align: center; color: #fff; margin-bottom: 40px; margin-top:30px; }
.strategy-custom-container{max-width: 1140px; width: 100%; margin: 0 auto;}

.customer-journey-mapping .custom-container{display: flex; margin: 50px auto 125px; flex-wrap: wrap; position: relative;}
.customer-journey-mapping-left{width: 50%; position: relative; left: 30px;}
.customer-journey-mapping-left img{border-radius: 10px;}
.customer-journey-mapping-right{width: 50%; background-image: linear-gradient(32deg,#f93d78,#ff5c4e); display: flex; align-items: center; padding:35px 45px; border-radius: 10px; position: relative; top: 30px; right: 30px; box-shadow: 0px 5px 10px 0px #ccc;}
.customer-journey-mapping h3{margin-top: 0px; color: #fff; margin-bottom: 30px;}
.customer-journey-mapping h4{font-size: 30px; font-family: 'Gilroy-Bold'; color: #fff; margin-top: 0px; margin-bottom: 30px;}
.customer-journey-mapping p{font-size: 17px; color: #fff; line-height: 27px; margin-bottom: 30px;}
.customer-journey-mapping p.sub-para{color: #fff !important;}
.customer-journey-mapping a{color: #fff; text-decoration: underline;}
.customer-journey-mapping ul li{font-size: 17px; color: #fff; line-height: 24px; margin-bottom: 20px;}
.customer-journey-mapping ul li:before{background-color: #fff;}
.customer-journey-mapping ul{padding-left: 20px; margin-bottom: 0px; width: 50%;}
.customer-journey-mapping .htab-list{width: 100%; display: flex; }

/*.customer-journey-mapping-design-2 .custom-container{max-width: 1500px;}*/
.customer-journey-mapping-design-2 .left{background-image: linear-gradient(32deg,#f93d78,#ff5c4e); display: flex; align-items: center; padding:35px 45px; border-radius: 10px; width: 50%; position: relative; left: 30px; top: 30px; z-index: 9;}
.customer-journey-mapping-design-2 .right{width: 50%; position: relative; right: 30px;}
.customer-journey-mapping-design-2 .right img{border-radius: 10px;}

ul.full-width{width:100%;}
.half-width-ul{display: flex; flex-wrap: wrap;}
.half-width-ul .w50{width: 50%}
.half-width-ul ul{padding-left: 20px; margin: 0px 60px 0px 0px;}
.forth-width-ul{display: flex; flex-wrap: wrap; max-width: 1180px; width: 100%; margin: 0 auto;}
.forth-width-ul .w25{width: 25%;}
.forth-width-ul ul{text-align: left; margin: 0px 15px;}

.cjm-custom1{display: flex; align-items: center;}

.vision-and-strategy{padding-top: 150px;}
.vision-and-strategy ul{width: 100%;}


.CASE-background { background-image: url(../images/case-studies.jpg); background-repeat: no-repeat; background-size: cover; padding: 340px 0px 250px; }
.CASE-background p{color: #000; font-size: 20px; font-family: 'Gilroy-UltraLight'; line-height: 30px;}


.CASE-detail-background{background-image: url(../images/case-studies-detail.jpg); background-repeat: no-repeat; background-size: cover; padding: 340px 0px 250px; position: relative;}
.CASE-detail-background .banner-inner-content{text-align: center;}
.CASE-detail-background .banner-inner-content .banner-content-left{width: 100%;}
.CASE-detail-background h1{ color: #fff; font-size: 40px; }
.CASE-detail-background p{ color: #fff; font-size: 18px; line-height: 28px;} 
.CASE-detail-background:after{content: ''; position: absolute; left: 0px; bottom: 0px; background-image: url(../images/white-curve.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100px;}

.CSD-overview {padding: 0px 30px;}
.CSD-overview ul li{margin-bottom: 10px;}

.business-needs{background-image: url(../images/business-needs.jpg); background-repeat: no-repeat; background-size: cover; }
.BN-overview{padding: 0px 30px;}
.BN-overview-inner{background-color: #fff; padding: 40px; border-radius: 5px; border-top:2px solid #ff7c7d;}
.BN-overview-inner ul li{margin-bottom: 10px;}

.download-casestudy {background-color: #eff5f8; padding: 50px 0px ; margin-bottom: 200px;}
.download-casestudy .custom-container{max-width: 1140px;}
.download-casestudy .w4{width: 49.1%; display: inline-block; margin-right: 15px;}
.download-casestudy .popup-btn-list{display: block; margin-top: 0px;}
.download-casestudy .op-btn,.download-casestudy .reset-btn{ display: inline-block; }

.About-us-background{background-image: url(../images/about-us-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 340px 0px 250px;}
.About-us-intro{margin-top: 100px;}
.About-us-intro p{color: #3d4c59;}
.outer-line-btn{display: inline-block;}
.outer-line-btn a{color: #fff; border:1px solid #fff; border-radius: 50px; padding: 18px 75px 18px 30px; text-transform: uppercase; display: block; font-size: 18px;}
.explore-btn .arrow-ani:hover:after,.explore-btn .arrow-ani:before,.explore-btn .arrow-ani:after,.outer-line-btn .arrow-ani:before, .outer-line-btn .arrow-ani:after{ top: 17px; }
.about-intro-inner {display: flex;align-items: center;justify-content: center; flex-wrap: wrap; text-align: left; margin-top: 100px;}
.about-intro-inner .w50{width: 50%;}
.orange-bg{background-image: url(../images/vision.jpg); background-repeat: no-repeat; background-size: cover; padding: 70px 40px; margin:0px 50px;}
.purple-bg{background-image: url(../images/mission.jpg); background-repeat: no-repeat; background-size: cover; padding: 70px 40px; margin:0px 50px;}
.about-intro-inner h2{color: #fff; font-size: 60px; margin-top: 0px; font-family: 'Gilroy-Bold'; letter-spacing: -2px;}
.about-intro-inner p{margin-bottom: 0px; color: #fff; font-size: 18px;}

.solution-we-provide{margin-top: 150px;}
.solution-we-provide .custom-container{max-width: 1394px; width: 100%; margin: 0 auto;}

.how-we-working-title{text-align: center; margin-top: 180px;}
.how-we-working-title p.sub{font-size: 26px; color: #f1890e;}
.how-we-working-title p{ font-size: 18px; color: #3d4c59; line-height: 28px; }
.how-we-working-box {margin-top: 100px; margin-bottom: 250px; background-image: url(../images/how-we-working-bg.png); background-repeat: no-repeat; background-size: cover; }
.how-we-working-box .custom-container{display: flex; justify-content: center; flex-wrap: wrap; max-width: 1010px; width: 100%; margin: 0 auto;}
.how-we-working-box .w50{width: 50%;}
.number-box {background-color: #fff; box-shadow:0px 0px 10px 1px rgb(204 204 204 / 0.3); border-radius: 10px; display: flex; justify-content: center; align-items: center; margin: 15px; padding: 15px; min-height: 160px;}
.number-box img{position: relative; left: -35px;}
.number-box p{color: #3d4c59; font-size: 16px; line-height: 24px;}

.our-team .custom-container{display: flex; align-items:  center; justify-content: center; flex-wrap: wrap; max-width: 1200px; width: 100%; margin: 100px auto 150px;}
.our-team .w33{width: 33.33%;}
.OT-inner{text-align: center; margin: 0px 30px 30px;}
.team-img-section{position: relative;}
.team-img-section a{background-color: #007ab9; color: #fff; border-radius: 50%; padding: 9px 13px; font-size: 22px; position: absolute; bottom: 0px; left: calc(50% - 22px);}
.our-team p.team-name{color: #000000; font-size: 24px; font-family: 'Gilroy-Bold'; margin-bottom: 0px;}
.our-team p.team-designation{color: #749db5; font-size: 18px; margin: 5px 0px 0px;}
.our-team p{font-size: 16px; color: #4a4a4a; line-height: 24px;}


.career-background{background-image: url(../images/career-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 340px 0px 300px; position: relative;}
.career-background .banner-inner-content:before{ content:''; background-image: url(../images/career-left-bg.png); position: absolute; left: 0px; width: 954px; height: 431px; background-size: cover; background-repeat: no-repeat; background-position:top right;}
.career-background .banner-inner-content .banner-content-left{position:relative; z-index: 9;}
.career-background .banner-inner-content .banner-content-left h1,.career-background .banner-inner-content .banner-content-left p{color: #fff;}

.TS-background{background-image: url(../images/technology-services-bg.jpg);}
.TS-services{background-position: top right;}
.TS-services .four-box{padding-bottom: 0px;}

.DCS-background{background-image: url(../images/DCS-background.jpg);}

/*.TS-services .four-box .w25{min-height: 435px;}*/

.innovation-section{margin-bottom: 250px;}
.innovation-section .custom-container{max-width: 1314px; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.innovation-section .w60{width: 60%;}
.innovation-section .w40{width: 40%; text-align: right;}
.innovation-section h4{font-size: 30px; color: #000000; font-family: 'Gilroy-Bold'; margin-top: 0px; margin-bottom: 25px;}
.innovation-section p{font-size: 17px; color: #59768f; line-height: 28px;}
.innovation-section .op-btn a, .innovation-section .op-btn button{display: inline-block;  margin-bottom: 20px;}

.innovation-section-design-2 .custom-container{max-width: 1500px; width: 100%; margin: 0 auto;}
.innovation-section-design-2 p{font-size: 22px; line-height: 32px;}

.innovation-section-design-3{margin-bottom: 50px; margin-top: 150px;}


.MSD-background{background-image: url(../images/MSD-banner.jpg); padding: 80px 0px 30px; background-position:top center; background-size: cover; background-repeat: no-repeat;}
.MSD-background .banner-inner-content{background-image: url(../images/MSD-inner-banner.jpg); background-size: cover; position: relative; z-index: 2; min-height: 683px; height: 100%; width: 100%; margin:50px auto 30px; max-width:1559px; border-radius: 10px; display: flex; align-items: center; justify-content: flex-end;}
.MSD-background .custom-container{max-width: 1724px; width: 100%; margin: 0 auto; position: relative;}
.MSD-background .custom-container:before{content: ''; z-index: 1; position: absolute; left: 0px; top: -18px; background-image: url(../images/orange-badge.png); width: 157px; height: 125px;} 
.MSD-background .custom-container:after{content: ''; z-index: 0; position: absolute; right: 0px; top: -60px; background-image: url(../images/green-badge.png); width: 473px; height: 764px;} 
.MSD-background .banner-content-left{ padding-right: 100px; padding-left: 80px;}
.MSD-background .banner-content-left p{padding-bottom: 0px !important;}


.DAC-background .banner-inner-content{background-image: url(../images/DAC-inner-banner.jpg);}
.MAD-background .banner-inner-content{background-image: url(../images/MAD-inner-banner.jpg);}
.EC-background .banner-inner-content{background-image: url(../images/EC-inner-banner.jpg);}
.DO-background .banner-inner-content{background-image: url(../images/devops-inner-banner.jpg);}
.ITS-background .banner-inner-content{background-image: url(../images/ITS-inner-banner.jpg);}
.ITS-background .banner-inner-content .banner-content-left{width: 100%; text-align: center;}
.OS-background .banner-inner-content{background-image: url(../images/OS-inner-banner.jpg); justify-content: flex-start;}

.EC-background .banner-inner-content h1,.EC-background .banner-inner-content p,
.OS-background .banner-inner-content h1,.OS-background .banner-inner-content p,
.MTC-background .banner-inner-content h1,.MTC-background .banner-inner-content p{color: #000000; text-shadow: none;}
.CC-background .banner-inner-content{background-image: url(../images/CC-inner-banner.jpg); justify-content: flex-start;}

.EAS-background .banner-inner-content{background-image: url(../images/EAS-inner-banner.jpg);}
.MCS-background .banner-inner-content{background-image: url(../images/MCS-inner-banner.jpg);}
.O-background .banner-inner-content{background-image: url(../images/oracle-inner-banner.jpg);}
.SF-background .banner-inner-content{background-image: url(../images/SF-inner-banner.jpg);}
.ML-background .banner-inner-content{background-image: url(../images/ML-inner-banner.jpg);}
.BI-background .banner-inner-content{background-image: url(../images/BI-inner-banner.jpg);}
.MS-background .banner-inner-content{background-image: url(../images/MS-inner-banner.jpg);}
.CA-background .banner-inner-content{background-image: url(../images/CA-inner-baner.jpg);}
.MTC-background .banner-inner-content{background-image: url(../images/MTC-inner-banner.jpg);}
.SQAT-background .banner-inner-content{background-image: url(../images/SQAT-inner-banner.jpg); justify-content: flex-start;}

.AA-background .banner-inner-content{background-image: url(../images/AA-inner-banner.jpg);}
.OCM-background .banner-inner-content{background-image: url(../images/OCM-inner-banner.jpg);}

.ALM-background .banner-inner-content{background-image: url(../images/ALM-inner-banner.jpg);}
.WD-background .banner-inner-content{background-image: url(../images/WD-inner-banner.jpg);}
.DS-background .banner-inner-content{background-image: url(../images/DS-inner-banner.jpg);}
.IDT-background .banner-inner-content{background-image: url(../images/IDT-inner-banner.jpg);}
.ETA-background .banner-inner-content{background-image: url(../images/ETA-inner-banner.jpg);}
.ITS-background .banner-inner-content .op-btn{justify-content: center;}
.PSI-background{background-image: url(../images/PSI-inner-banner.jpg);}
.MD-background{background-image: url(../images/MD-banner.jpg);}
.EA-background{background-image: url(../images/EA-banner.jpg);}
.EA-background h1{padding-bottom: 240px;}
.PCA-background{background-image: url(../images/PCA-banner.jpg);}
.BPI-background{background-image: url(../images/BPI-banner.jpg);}
.BPM-background{background-image: url(../images/BPM-banner.jpg);}
.PM-background{background-image: url(../images/PM-banner.jpg);}
.BA-background{background-image: url(../images/BA-banner.jpg);}
.EOE-background{background-image: url(../images/EOE-banner.jpg); background-position: right;}
.SQAT-background .banner-content-left h1,.SQAT-background .banner-content-left p{ text-shadow: 0px 0px 10px #fff;}
.orange-wave-bg{background-image: url(../images/partner-bg.jpg) !important;}
.DS2-background{background-image: url(../images/DS-background.jpg); background-position: top right; background-size: contain;}
.DS2-background .banner-inner-content{padding: 100px 0px;}
.MOS-background{background-image: url(../images/MOS-background.jpg);}
.ED-background{background-image: url(../images/ED-background.jpg);}
.DTS-background{background-image: url(../images/DTS-background.jpg);}
.ID-background{background-image: url(../images/ID-background.jpg);}
.ICS-background{background-image: url(../images/ICS-background.jpg);}
.FSC-background{background-image: url(../images/FSC-background.jpg);}
.healthcare-background{background-image: url(../images/healthcare-background.jpg);}
.EU-background{background-image: url(../images/EU-background.jpg);}
.PS-background{background-image: url(../images/PS-background.jpg);}


.CDAT-section{background-image: url(../images/CDAT-bg.jpg); background-repeat: no-repeat; background-size: contain; background-position: left; margin:200px 0px 100px;}
.CDAT-section .custom-container{max-width: 1316px; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; background-color: #fff; border-radius: 5px; box-shadow:0px 0px 10px 0px rgb(204 204 204 / 0.5); border-top:2px solid #ff7c7d; padding:45px;}
.CDAT-section .w50{width: 50%;}
.CDAT-section .w100{width: 100%;}
.CDAT-section-design-2{margin-top: 100px;}
.CDAT-section-design-2 .w33{width: 33.33%;}
.CADT-box{text-align: center; margin:0px 30px 80px;}
.CADT-img{width: 130px; height: 130px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin:0 auto 20px;}
.CADT-img1{background-position: -1792px -5px;}
.CADT-img2{background-position: -1932px -5px;}
.CADT-img3{background-position: -2068px -5px;}
.CADT-img4{background-position: -2208px -5px;}
.CADT-img5{background-position: -1867px -847px;}
.CADT-img6{background-position: -2012px -847px;}
.CADT-img7{background-position: -2154px -847px;}
.CADT-img8{background-position: -2299px -847px;}
.CADT-img9{background-position: -1867px -996px;}
.CADT-img10{background-position: -2012px -996px;}
.CADT-img11{background-position: -2154px -996px;}
.CADT-img12{background-position: -2298px -996px;}
.CADT-img13{background-position: -2440px -996px;}
.CADT-img14{background-position: -2440px -847px;}
.CADT-img15{background-position: -2440px -1147px;}
.CADT-img16{background-position: -2597px -1147px;}
.CADT-img17{background-position: -2597px -996px;}
.CADT-img18{background-position: -2597px -847px;}
.CADT-img19{background-position: -2597px -1285px;}
.CADT-img20{background-position: -2597px -696px;}
.CADT-img21{background-position: -2462px -696px;}
.CADT-box h4{color: #000000; font-size: 24px; font-family: 'Gilroy-Bold'; margin-top: 10px; margin-bottom: 40px;}
.CADT-box p{ color: #59768f; font-size: 16px; line-height: 26px; margin-top: 0px; margin-bottom: 30px; }
.CADT-box ul{padding-left: 0px; margin-bottom: 0px; list-style-type: none; display: inline-block; margin-top: 0px;}
.CADT-box ul li{border-top:1px solid #e5e5e5; color: #59768f; font-size: 16px; line-height: 26px; padding: 15px 0px;}
.CADT-box ul li:last-child{border-bottom:1px solid #e5e5e5;}

ul.CADT-list-design-2{padding-left: 40px;}
ul.CADT-list-design-2 li{border:none; text-align: left; position: relative; padding-top: 0px;}
ul.CADT-list-design-2 li:last-child{border-bottom: none;}
ul.CADT-list-design-2 li:before{ content: ''; position: absolute; left: -20px; top: 10px; background-color: #fe5454; width: 7px; height: 7px; border-radius: 50%;}

.CDAT-section-design-3 .w25{width: 25%;}
.CDAT-section-design-3{margin: 50px 0px 0px;}
.CDAT-section-design-3 h5{color: #000000; font-size: 18px; font-family: 'Gilroy-Bold'; margin-bottom: 20px; margin-top: 0px; letter-spacing: -1px; width: 90%;}
.CDAT-section-design-3 p{color: #59768f; font-size: 16px; line-height: 26px; margin-bottom: 0px; text-align: justify;}
.CDAT-section-design-3 p a{color: #fc4a61; text-decoration: underline; letter-spacing: -1px;}
.opex-box{margin:0px 30px 60px;}
.opex-header{display: flex; border-bottom: 1px solid #fb4666;}
.opex-img{width: 65px; height: 65px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin:0px 20px 0px 0px;}
.opex-img1{background-position: -700px -175px;}
.opex-img2{background-position: -766px -175px;}
.opex-img3{background-position: -832px -175px;}
.opex-img4{background-position: -905px -175px;}
.opex-img5{background-position: -766px -245px;}
.opex-img6{background-position: -832px -245px;}
.opex-img7{background-position: -905px -245px;}

.excellence-title{margin-top: 200px;}

.AGTC-section{margin-top: 80px;}
.AGTC-section .custom-container{ display: flex; justify-content: center; flex-wrap: wrap; }
.AGTC-section .w50{width: 50%;}
.AGTC-box{border-left:2px solid #ff7c7d; padding:30px; border-radius: 5px; background-color: #fff; margin:0px 50px 50px; box-shadow: 0px 0px 5px 0px rgb(255 124 125 / 0.3);}
.AGTC-box h4{color: #000000; font-size: 32px; font-family: 'Gilroy-Bold'; margin-top: 0px; margin-bottom: 40px; letter-spacing: -2px;}
.AGTC-box h5{color: #fe5454; font-size: 28px; font-family: 'Gilroy-Bold'; margin-top: 0px; margin-bottom: 40px;}
.AGTC-box p{ color: #59768f; font-size: 17px; line-height: 26px; margin-top: 0px; margin-bottom: 30px; }

.AGTC-box-design-2{display: flex; flex-wrap: wrap; padding:50px 0px;}
.AGTC-box-design-2 .w50{ width: 50%;}
.AGTC-inner{margin:0px 50px;}
.AGTC-box-design-2 .w50:nth-child(2n){ margin-right: 0px;}

.MSD-strategy{padding: 150px 0px; background-image: url(../images/msd-strategy-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: right;}
.MSD-strategy .custom-container{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.MSD-strategy .w50{width: 50%;}
.MSD-strategy .w40{width: 40%;}
.MSD-strategy h3{font-size: 30px;}
.MSD-strategy h5{font-size: 24px; font-family: 'Gilroy-Bold'; margin-top: 0px; margin-bottom: 10px;}
.MSD-strategy-right{border-left:2px solid #ff7c7d; padding:30px; border-radius: 5px; background-color: #fff; box-shadow:0px 0px 10px 0px rgb(204 204 204 / 0.5);}
.MSD-strategy-right p:last-child{margin-bottom: 0px;}

.MSD-strategy-design-2{ background-image: url(../images/msd-strategy-bg-2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 50px 0px;}

.FMSD-section{margin-top: 80px; background-image: url(../images/FMSD-bg.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
.FMSD-section .custom-container{ display: flex; justify-content: center; flex-wrap: wrap; }
.FMSD-section .w25{width: 25%;}
.FMSD-section .w100,.w100{width: 100%;}
.FMSD-title{margin-top: 200px;}
.FMSD-box{text-align: center; margin:0px 30px 50px;}
.FMSD-img{width: 110px; height: 110px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin:0 auto 20px;}
.FMSD-img1{background-position: -1328px -322px;}
.FMSD-img2{background-position: -1438px -322px;}
.FMSD-img3{background-position: -1551px -322px;}
.FMSD-img4{background-position: -1664px -322px;}
.FMSD-img5{background-position: -2338px -321px;}
.FMSD-img6{background-position: -1890px -322px;}
.FMSD-img7{background-position: -2225px -202px;}
.FMSD-img8{background-position: -2338px -202px;}
.FMSD-img9{background-position: -2000px -202px;}
.FMSD-img10{background-position: -1888px -202px;}
.FMSD-img11{background-position: -1775px -202px;}
.FMSD-img12{background-position: -1888px -442px;}
.FMSD-img13{background-position: -2000px -442px;}
.FMSD-img14{background-position: -2113px -442px;}
.FMSD-img15{background-position: -2225px -442px;}
.FMSD-img16{background-position: -2338px -442px;}
.FMSD-img17{background-position: -2113px -207px;}
.FMSD-img18{background-position: -2338px -693px;}
.FMSD-img19{background-position: -2222px -693px;}
.FMSD-img20{background-position: -2105px -693px;}
.FMSD-img21{background-position: -1988px -693px;}
.FMSD-img22{background-position: -1872px -693px;}
.FMSD-img23{background-position: -1877px -1300px;}
.FMSD-img24{background-position: -2018px -1300px;}
.FMSD-img25{background-position: -2154px -1300px;}
.FMSD-img26{background-position: -2287px -1300px;}
.FMSD-img27{background-position: -1877px -1432px;}
.FMSD-img28{background-position: -2018px -1432px;}
.FMSD-img29{background-position: -2154px -1432px;}
.FMSD-img30{background-position: -2287px -1432px;}
.FMSD-img31{background-position: -2605px -318px;}
.FMSD-img32{background-position: -2474px -197px;}
.FMSD-img33{background-position: -2605px -197px;}
.FMSD-img34{background-position: -2474px -69px;}
.FMSD-img35{background-position: -2607px -69px;}
.FMSD-img36{background-position: -2741px -69px;}
.FMSD-img37{background-position: -2741px -197px;}
.FMSD-img38{background-position: -2741px -318px;}
.FMSD-img39{background-position: -2741px -442px;}
.FMSD-img40{background-position: -2741px -566px;}
.FMSD-img41{background-position: -2741px -693px;}
.FMSD-img42{background-position: -2741px -829px;}
.FMSD-img43{background-position: -2741px -962px;}
.FMSD-img44{background-position: -2741px -1098px;}
.FMSD-img45{background-position: -2741px -1234px;}
.FMSD-img46{background-position: -2741px -1374px;}
.FMSD-img47{background-position: -2741px -1508px;}
.FMSD-img48{background-position: -2741px -1643px;}
.FMSD-img49{background-position: -2741px -1779px;}
.FMSD-img50{background-position: -2882px -1779px;}
.FMSD-img51{background-position: -2882px -1643px;}
.FMSD-img52{background-position: -2882px -1508px;}
.FMSD-img53{background-position: -2882px -1374px;}
.FMSD-img54{background-position: -2882px -1234px;}
.FMSD-img55{background-position: -2882px -1098px;}
.FMSD-img56{background-position: -2882px -962px;}
.FMSD-img57{background-position: -2882px -829px;}
.FMSD-img58{background-position: -2882px -693px;}
.FMSD-img59{background-position: -2882px -566px;}
.FMSD-img60{background-position: -2882px -442px;}
.FMSD-img61{background-position: -2882px -197px;}
.FMSD-img62{background-position: -2882px -69px;}
.FMSD-img63{background-position: -3021px -69px;}
.FMSD-img64{background-position: -3021px -199px;}
.FMSD-img65{background-position: -3021px -319px;}
.FMSD-img66{background-position: -3021px -443px;}
.FMSD-img67{background-position: -3021px -567px;}
.FMSD-img68{background-position: -3021px -694px;}
.FMSD-img69{background-position: -3021px -831px;}
.FMSD-img70{background-position: -3021px -962px;}
.FMSD-img71{background-position: -3021px -1098px;}
.FMSD-img72{background-position: -3021px -1234px;}
.FMSD-img73{background-position: -3021px -1374px;}
.FMSD-img74{background-position: -3021px -1508px;}
.FMSD-img75{background-position: -3021px -1643px;}
.FMSD-img76{background-position: -3021px -1779px;}
.FMSD-img77{background-position: -3156px -69px;}
.FMSD-img78{background-position: -3156px -199px;}
.FMSD-img79{background-position: -3156px -319px;}
.FMSD-img80{background-position: -3156px -443px;}
.FMSD-img81{background-position: -2473px -320px;}
.FMSD-img82{background-position: -3156px -567px;}
.FMSD-img83{background-position: -3156px -694px;}
.FMSD-img84{background-position: -3156px -831px;}
.FMSD-img85{background-position: -3156px -962px;}
.FMSD-img86{background-position: -3156px -1098px;}
.FMSD-img87{background-position: -3156px -1234px;}
.FMSD-img88{background-position: -3156px -1374px;}
.FMSD-img89{background-position: -3156px -1508px;}
.FMSD-img90{background-position: -1776px -322px;}
.FMSD-img91{background-position: -3156px -1643px;}
.FMSD-img92{background-position: -3156px -1780px;}
.FMSD-img93{background-position: -3285px -1780px;}
.FMSD-img94{background-position: -3285px -1643px;}
.FMSD-img95{background-position: -3285px -1508px;}
.FMSD-img96{background-position: -3285px -1374px;}
.FMSD-img97{background-position: -3285px -1234px;}
.FMSD-img98{background-position: -3285px -1098px;}
.FMSD-img99{background-position: -3285px -962px;}
.FMSD-img100{background-position: -3285px -831px;}
.FMSD-img101{background-position: -3285px -694px;}
.FMSD-img102{background-position: -3285px -567px;}
.FMSD-img103{background-position: -3285px -443px;}
.FMSD-img104{background-position: -3285px -320px;}
.FMSD-img105{background-position: -2607px -566px;}

.FMSD-box h4{margin-top:0px; margin-bottom: 35px; font-size: 26px; color: #1c1c1c; font-family: 'Gilroy-Bold'; letter-spacing: -1px;}
.FMSD-box p{font-size: 15px; color: #59768f; line-height: 26px; margin: 0px 0px 30px;}
.FMSD-box h4 a{color: #f15922;}
.FMSD-box-design-2{text-align: left;}
.FMSD-box ul li,.FMSD-box-design-2 ul li{margin-bottom: 20px; font-size: 15px;}
.FMSD-box-design-2 .FMSD-img{margin-left: 0px;}
.FMSD-title img{margin-top: 50px;}
.FMSD-ul-design-2 li{margin-bottom: 0px !important; display: inline-table;}

.FMSD-section-design-2 .custom-container{justify-content: flex-start;}
.FMSD-section-design-2 .w25{width: 33.33%;}
.FMSD-section-design-2 .FMSD-img1{background-position: -1776px -322px;}
.FMSD-section-design-2 .FMSD-img2{background-position: -1890px -322px;}
.FMSD-section-design-2 .FMSD-img3{background-position: -2000px -322px;}
.FMSD-section-design-2 .FMSD-img4{background-position: -2112px -322px;}
.FMSD-section-design-2 .FMSD-img5{background-position: -2225px -322px;}

.FMSD-section-design-3{background-image: none;}
.FMSD-section-design-3 .custom-container{background:transparent; box-shadow: none; border:none;}

.FMSD-section-design-4{ background-image: url(../images/partner-bg.jpg); background-repeat: no-repeat; background-size: contain;}

.F4-section .custom-container{display:flex;  justify-content: center; flex-wrap: wrap;}
.F4-section .w50{width: 50%;}
.F4-section .w50 .F4-inner{margin:0px 50px 100px;}
.F4-top .w50{margin-right: 0px;}
.F4-top {display:flex; flex-wrap: wrap;}
.F4-top img{border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
.F4-top h4{ font-size: 30px; color: #000000; font-family: 'Gilroy-Bold'; margin:0px 0px 25px 25px;}
.F4-top p{margin:0px 0px 25px 25px; text-align: justify; font-size: 17px; line-height: 26px; }
.F4-bottom ul{display: flex; flex-wrap: wrap;}
.F4-bottom ul li{width: 47%; margin-right: 30px;}
.F4-bottom ul li:nth-child(2n),.F4-bottom ul li:nth-child(4n){margin-right: 0px;}

.MAD-content{margin: 200px auto 100px;}
.MAD-content img{margin-top: 100px;}

.MAD-full-width-section{margin-top: 200px;}
.MAD-fs,.MAD-ls{display: flex; align-items: center; position: relative;}
.MAD-fs .w50{width: 50%; } 
.MAD-ls .w50{width: 50%; margin-right: auto;} 
.MAD-fs .BS-about-us{padding:0px 70px; width: 70%;} 
.MAD-ls .BS-about-us{padding:0px 70px 0px 0px; width: 70%; margin-left: auto;}
.MAD-fs p,.MAD-fs ul li,.MAD-ls p,.MAD-ls ul li{font-size: 17px; color: #59768f; line-height: 26px; margin-bottom: 35px; word-break: break-word;}
.MAD-fs ul li,.MAD-ls ul li{margin-bottom: 20px;}
.MAD-fs .op-btn,.MAD-ls .op-btn{display: block;}
.MAD-fs .op-btn a,.MAD-ls .op-btn a, .MAD-fs .op-btn button,.MAD-ls .op-btn button{display: inline-block; color: #fff;}
.MAD-fs img{border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.MAD-ls img{border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}

.onboarded{margin: 150px 0px 200px;}
.onboarded p{line-height: 36px;}
.onboarded .op-btn a, .onboarded .op-btn button{color: #fff;}

.on-demand-section{background-image: url(../images/on-demand-banner.jpg); background-repeat: no-repeat; background-size: cover; padding: 150px 0px 120px;}
.on-demand-section .w40{width: 40%;}
.on-demand-section h3{color: #fff; padding-left: 50px;}
.on-demand-section p{color: #fff; font-size: 17px; line-height: 27px; margin-bottom: 0px; padding-left: 50px;}

.related-capabilities{margin:100px 0px 50px;}
.related-capabilities .custom-container{max-width: 1216px; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.related-capabilities .w33{width: 33.33%; display: flex;} 
.rc-box{text-align: center; box-shadow: 0px 0px 10px 0px #d3e3e9; border:1px solid #d3e3e9; border-radius: 4px; padding: 45px 30px; margin: 0px 25px 55px;}
.related-capabilities h4{font-size: 26px; color: #000000; font-family: 'Gilroy-Bold'; margin-bottom: 30px; margin-top: 15px;}
.related-capabilities p{font-size: 17px; color: #59768f; line-height: 27px; margin-top: 0px; margin-bottom: 0px; }
.RC-img{width: 100px; height: 100px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin: 0 auto;}
.related-capabilities h4 a{color: #000;}
.related-capabilities h4 a:hover{color: #f15922;}
.RC-img1{background-position:-1846px -570px ;}
.RC-img2{background-position:-1963px -570px ;}
.RC-img3{background-position:-2082px -570px ;}
.RC-img4{background-position:-2200px -570px ;}
.RC-img5{background-position:-2315px -570px ;}

.related-capabilities-design-2 .w33{box-shadow: none; border:none; width: 33.33%;}
.rc-inner{margin: 0px 30px 50px; text-align: center;}
.related-capabilities-design-2 .RC-img{width: 130px; height: 130px;}
.RC-img6{background-position:-1866px -1573px ;}
.RC-img7{background-position:-2011px -1573px ;}
.RC-img8{background-position:-2146px -1573px ;}

.DO-capablities{margin-bottom: 100px;}
.DO-capablities .custom-container{display: flex; flex-wrap: wrap; max-width: 1200px; width: 100%; margin: 0 auto;}
.DO-capablities-design-2 .custom-container{max-width: 1336px;}
.DO-capablities .w50{width: 50%;}
.DO-capablities .w33{width: 33.33%;}
.DO-capablities ul{margin-top: 30px;}
.DO-capablities ul li,.DO-capablities p{color: #222222; margin-bottom: 30px; line-height: 24px;}
.DO-capablities h4{font-size: 28px; color: #000000; font-family: 'Gilroy-Bold'; margin-top: 0px;}
.DO-inner-w33{margin:30px 15px 0px;}
.DO-inner-w50{margin:30px 50px 0px;}

.DO-capablities-design-3{margin-bottom: 0px; margin-top: 200px;}
.DO-capablities-design-3 ul li{color: #59768f;}

.DO-capablities-design-4{margin-top: 100px;}
.DO-capablities-design-4 .custom-container{max-width: 1500px;}
.DO-capablities-design-4 .DO-inner-w33 {margin: 0px 50px 50px;}
.DO-capablities-design-4 h4{border-bottom: 1px solid rgb(166 166 166 / 0.2); padding-bottom: 10px; margin-bottom: 30px;}
.DO-capablities-design-4 p{font-size: 15px; color: #59768f;}
.DO-capablities-design-4 a{ color: #e1700c; text-decoration: underline; }

.DO-capablities-design-5 .custom-container{max-width: 1340px;}
.DO-capablities-design-5 .DO-inner-w33 {margin: 30px;}
.DO-capablities-design-5 h4{margin-bottom: 30px; color: #f15922;}
.DO-capablities-design-5 p{font-size:17px; color: #59768f;}

.DO-blue-text ul li{color: #59768f;}
.text-blue{color: #59768f !important;}

.ITS-process{text-align: center; margin: 100px 0px;}
.ITS-process .custom-container{max-width: 1350px;}

.CIO-section{background-image: url(../images/CIO-banner.jpg); background-repeat: no-repeat; background-size: cover; padding: 150px 0px 120px;}
.CIO-section .custom-container{max-width: 1380px; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.CIO-section .w50{width: 50%; margin: 0 auto;}
.CIO-section .CIO-inner{margin:0px 50px;}
.CIO-section h3,.CIO-section h4{color: #fff;}
.CIO-section h5{font-size: 26px; color: #fff; letter-spacing: -2px;}
.CIO-section p{color: #fff; line-height: 27px; font-size: 17px;}
.CIO-section p.big-para{color: #fff;}
.CIO-section ul{ padding-left: 30px; margin-top: 20px; margin-bottom: 0px;}
.CIO-section li{color: #fff !important; line-height: 27px; font-size: 17px; margin-bottom: 15px !important;}
.CIO-section ul li:before{background-color: #fff;}
.CIO-section .op-btn{display: block;}
.CIO-section .op-btn a, .CIO-section .op-btn button{display: inline-block;}
.max-width-950.custom-container,.max-width-950{max-width: 950px; margin:0 auto; width: 100%;}
.max-width-1000.custom-container,.max-width-1000{max-width: 1000px; margin:0 auto; width: 100%;}
.max-width-1000 .CIO-inner { margin: 0px 15px;}
.max-width-1500{max-width: 1500px !important;}

.Blue-bg{background-color: #15102b; padding: 70px 0px;}
.Blue-bg h3,.Blue-bg h4,.Blue-bg h5,.Blue-bg p{ color: #fff;}
.Blue-bg ul li {margin-bottom: 15px; color: #fff;}

.CT-banner{background-image: url(../images/cloud-technology.jpg); background-repeat: no-repeat; background-size: cover; padding: 100px 0px; margin: 200px 0px 100px;}
.QA-banner{background-image: url(../images/QA-banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 100px 0px; margin: 100px 0px;}
.CIO-section-design-2 .custom-container{align-items:normal; }
.CIO-list{display: flex; justify-content: center; flex-wrap: wrap;}

.CISP-banner{background-image: url(../images/CISP-img.jpg); background-position: center; margin-top: 150px; margin-bottom: 50px;}

.ps-section {padding: 50px 0px 70px;}
.ps-section h4{font-size: 30px;}
.ps-section p.big-para{line-height: 45px;}

.CT-banner-2{background-image: url(../images/CT-banner-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 100px 0px; margin: 100px 0px 100px; text-align: center;}
.CT-banner-2 .MCE-list{ display: flex; align-items: center; justify-content: center; text-align: left; max-width: 1000px; width: 100%; margin: 0 auto;}
.CT-banner-2 .MCE-list ul{width: 25%; list-style-type: none; padding-left: 0px; margin: 0px 80px;}
.CT-banner-2 .MCE-list ul li{position: relative;}
.CT-banner-2 .MCE-list ul li a{color: #fff;}
.CT-banner-2 .MCE-list ul li a:hover{color: #f15922;}
.CT-banner-2 .MCE-list ul li:before{content: ""; position: absolute; left: -45px; top:-3px; background-color: transparent; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -712px -254px; width: 30px; height: 30px;}
.CT-banner-2 p.big-para{line-height: 32px; color: #2cc283; margin:100px 0px 50px;}

.partner-section{background-image: url(../images/partner-bg.jpg); background-repeat: no-repeat; background-size: contain;}
.partner-section ul{padding-left: 0px; margin-top: 50px; list-style-type: none; display: flex; flex-wrap: wrap;}
.partner-section ul li{ width: 25%;}
.partner-section ul li:before{display: none;}
.partner-section ul li a{font-size: 26px; font-family: 'Gilroy-Bold';}
.partner-section .op-btn{display: block;}
.partner-section .op-btn a, .partner-section .op-btn button{color: #fff; display: inline-block;}

.OS-advisory{background-image: url(../images/OS-advisory-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 150px 0px 120px;}
p.big-para{color: #272728; font-size: 24px;}
p.sub-title{font-size: 26px; color: #000000;}
.Maturity-point-3 p{color: #436483; font-size: 16px; line-height: 26px;}

.all-together{margin:150px 0px; }
.all-together .custom-container{max-width:1260px; width:100%; margin:0 auto;}
.all-together-inner{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 50px 0px; background-image: url(../images/business-architecture.jpg); background-repeat: no-repeat; background-position: center center;}
.all-together .w50{width:34%; }
.AT-box{background-color: #fff; border-radius: 20px; padding: 22px; box-shadow: 0px 7px 20px 0px rgb(231 230 230 / 0.7); margin-bottom: 30px; margin-right: 20px; display: flex; align-items: center;}
.AT-box p{font-size: 20px; color: #000000; font-family: 'Gilroy-Bold'; margin:0px 20px; width: 50%;}
.w50:nth-child(odd) .AT-box {text-align: right; justify-content: flex-end;}
.w50:nth-child(even) .AT-box {text-align: left; justify-content: flex-start;}
.AT-img{width: 120px; height: 120px; background-image: url(../images/sprite.png); background-repeat: no-repeat;}
.AT-img1{background-position: -1870px -1148px;}
.AT-img2{background-position: -2013px -1148px;}
.AT-img3{background-position: -2148px -1148px;}
.AT-img4{background-position: -2283px -1148px;}

.element-list{margin-bottom: 150px;}
.element-list ul{display: flex; flex-wrap: wrap; padding-left: 0px;}
.element-list ul li{display: flex; align-items: center; background-color: #fff; border-radius: 20px; text-align: left; list-style-type: none; padding:10px  22px; box-shadow: 0px 3px 15px -2px #e7e6e6; margin-bottom: 30px; margin-right: 40px; width: 29.9%;}
.element-list ul li p.main{ font-size: 20px; font-family: 'Gilroy-Bold'; color: #000000;}
.element-list ul li p{color: #7791a8; font-size: 15px;}
.element-img{width: 30%; height: 120px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin-right: 20px; display: inline-block;}
.element-img1{background-position: -1875px -1718px;}
.element-img2{background-position: -2018px -1718px;}
.element-img3{background-position: -2156px -1718px;}
.element-img4{background-position: -2296px -1718px;}
.element-img5{background-position: -2433px -1718px;}
.element-img6{background-position: -1875px -1845px;}
.element-img7{background-position: -2018px -1845px;}
.element-img8{background-position: -2156px -1845px;}
.element-img9{background-position: -2296px -1845px;}
.element-img10{background-position: -2433px -1845px;}
.element-img11{background-position: -2572px -1845px;}
.element-img12{background-position: -2150px -1148px;}
.element-img13{background-position: -2283px -1148px;}
.element-img14{background-position: -2571px -1720px;}
.element-img15{background-position: -2571px -1580px;}
.element-img16{background-position: -2435px -1580px;}
.element-img17{background-position: -2297px -1580px;}
.element-img18{background-position: -2571px -1425px;}
.element-img19{background-position: -2435px -1425px;}
.element-img20{background-position: -2435px -1295px;}
.element-right{display: inline-block; width: 70%;}

.CIO-services{background-image: url(../images/value-cio-service.png); background-repeat: no-repeat; background-position: center center; padding: 100px 0px 50px;}
.CIO-services .custom-container{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.CIO-services .w50{width: 29.9%; display: flex; align-items: center; background-color: #fff; border-radius: 20px; padding:10px  22px; box-shadow: 0px 3px 15px -2px #e7e6e6; margin:0px 140px 45px;}
.CIO-services .w50.third{margin-left: 100px; margin-right: 195px;}
.CIO-services .w50.forth{margin-left: 195px; margin-right: 100px;}
.CIO-services .w50:nth-child(odd){text-align: right; justify-content: flex-end;}
.CIO-services .w50:nth-child(odd) .element-img{margin-left: 20px;}
.CIO-services .w50:nth-child(even) .element-img{margin-right: 20px;}
.CIO-services p.main{font-size: 20px; font-family: 'Gilroy-Bold'; color: #000000;}
.CIO-services p{color: #7791a8; font-size: 15px;}
.CIO-services .element-img{margin-right: 0px;}

ul.orange{margin-bottom: 20px; margin-top: 0px;}
ul.orange li{color: #ff204b; font-size: 24px; font-family: 'Gilroy-UltraLight';}

.Lean-process{background-image: url(../images/lean-principles.png);}
.Lean-process .w50{margin:0px 50px 45px;}
.Lean-process .w50.first{margin:0px 200px 30px;}
.Lean-process .w50.first .element-img{margin-left: 0px; margin-right:20px;}
.Lean-process .w50:nth-child(odd){text-align: left;}
.Lean-process .w50.second { margin-left: 100px; margin-right: 195px;}
.Lean-process .w50.third { margin-right: 100px; margin-left: 195px; text-align: right;}
.Lean-process .w50.forth {margin:0px 50px 45px;}
.Lean-process .w50.fifth{text-align: right;}

.Pink-waves-section{background-image: url(../images/pink-waves-banner.png); background-repeat: no-repeat; background-size: 100% 100%; padding: 150px 0px; margin: 100px 0px 50px;}
.Pink-waves-section .custom-container{max-width: 890px; width: 100%; margin: 0 auto; }
.Pink-waves-section h3{color: #fff; text-align: center; margin-bottom: 40px;}
.Pink-waves-section p{color: #fff; margin-bottom: 30px; line-height: 28px; font-size: 17px;}
.Pink-waves-section ul li{color: #fff; line-height: 28px; font-size: 17px; margin-bottom: 10px;}
.Pink-waves-section-2{padding: 150px 0px; background-size: 100% 100%;}
.Pink-waves-section-2 .custom-container{max-width: 1144px;}
.Pink-inner{display: flex; align-items: center; justify-content: center;}
.Pink-inner .w50{width: 50%; margin-right: 150px;}
.Pink-inner .w50:nth-child(even){margin-right: 0px;}
.Pink-inner h3{text-align: left;}

.Grey-waves-section{background-image: url(../images/grey-waves-banner.png); background-repeat: no-repeat; background-size: 100% 100%; padding: 150px 0px; margin: 100px 0px 50px;}

.bold-underline a{text-decoration: underline; font-family: 'Gilroy-Bold';}

.cross-title{margin: 200px 0px 0px;}
.cross-section .custom-container{background-image: url(../images/cross-bg.png); background-repeat: no-repeat;  background-position: center center; }
.cross-section .AGTC-box{margin: 30px 20px 40px 50px;}
.cross-section .w50:nth-child(2n) .AGTC-box{border-right:2px solid #ff7c7d; border-left: none;}
.cross-section .w50{ display: flex;}
.BA-right{width: 80%; margin-left: auto !important; margin-right: 0px !important; text-align: center;}

.grey-background{background-color: #f3f3f3; padding: 50px; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; margin-top: 50px;}
.grey-background .op-btn{display: inline-block;}
.grey-background .op-btn a, .grey-background .op-btn button{display: block; padding: 25px 35px;}
.grey-background .op-btn a:hover, .grey-background .op-btn button:hover{background: linear-gradient(90deg,#ff5c4e,#f93d78);}
.grey-background h5{margin-top: 0px;  text-align: center; font-size: 26px; font-family: 'Gilroy-Bold'; margin-bottom: 30px;}
.grey-background p{font-size: 20px; color: #1c1c1c; margin-bottom: 30px;}
.CDAT-with-grey-section .custom-container{padding: 0px;}
.CDAT-with-grey-section .FMSD-box{ margin: 50px 50px 30px;}

.grey-background-design-3 {background-color: #f3f3f3; padding: 50px; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; margin-top: 50px;}
.grey-background-design-3 h5{margin-top: 0px;  text-align: center; font-size: 26px; font-family: 'Gilroy-Bold'; margin-bottom: 30px;}
.grey-background-design-3 p{font-size: 20px; color: #1c1c1c; margin-bottom: 30px;}
.grey-background-design-3 .op-btn{display: inline-block;}
.grey-background-design-3 .op-btn a, .grey-background-design-3 .op-btn button{display: block;}

.CDAT-no-bg{background-image: none; margin-top: 30px; }
.CDAT-no-bg .custom-container{border-top:2px solid rgb(204 204 204 / 0.4); box-shadow: 0px 5px 10px 0px rgb(204 204 204 / 0.5)}
.CDAT-no-bg .white-bg{text-align: center; padding: 30px 50px; width: 100%;}
.CDAT-no-bg .half-width-ul{margin-bottom: 40px;}
.CDAT-no-bg ul li{text-align: left; margin-bottom: 10px;}
.CDAT-no-bg p.big-para{font-size: 22px;}
.CDAT-no-bg h6{font-size: 21px; font-family: 'Gilroy-Bold'; margin-bottom: 30px; text-align: left;}


.ML-services .custom-container{display: flex; flex-wrap: wrap; max-width: 1316px; width: 100%; margin: 0 auto;}
.ML-services .w33{width: 33.33%;}
.ML-box{margin: 50px;}
.ML-box h4{font-size: 22px;}
.ML-box ul li{margin-bottom: 20px;}
.ML-box .ML-img{ width: 115px; height: 115px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin-bottom: 20px;}
.ML-img1{background-position: -2470px -564px;}
.ML-img2{background-position: -2604px -564px;}
.ML-img3{background-position: -2470px -438px;}
.ML-img4{background-position: -2604px -438px;}
.ML-img5{background-position: -2470px -315px;}

.unlock {margin-bottom: 50px; margin-top: 150px;}
.unlock .d-flex{display: inline-flex; text-align: center;}
.unlock .op-btn{margin:0px 10px;}

.HM-background{background-image: url(../images/HM-banner.jpg);}
.HM-background .half-width-ul ul{margin: 0px;}

.office-365,.Machine-Learn,.BIC-section{margin-top: 150px;}
.office-container{max-width: 790px; width: 100%; margin:45px auto 0px;}

.deployment{margin-top: 100px;}
.deployment .custom-container{display: flex; justify-content: center; flex-wrap: wrap; max-width: 1326px; width: 100%; margin: 0 auto;}
.deployment .w20{width: 20%;}
.deployment .w25{width: 25%;}
.deployment-inner{margin: 0px 15px 30px;}
.deployment img{margin-bottom: 10px;}

.QB-section{background-image: url(../images/BQ-banner.jpg); margin:100px 0px; background-position: right; padding: 80px 0px;}
.QB-section .custom-container{display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start;}
.QB-section .w25{width: 25%; text-align: center;}
.circle{width: 200px; height:200px; border-radius: 50%; border:2px solid #fff; background-color: transparent; margin:0 auto 20px;}
.circle p{line-height:200px; margin: 0px; font-size: 32px; font-family: 'Gilroy-Bold';}
.QB-section .CIO-inner{margin-bottom: 30px !important;}

ul.no-dots{list-style-type: none;}
ul.no-dots li:before{ display: none; }

.grey-background-design-2 {background-image: url(../images/grey-bg.jpg); background-size: cover; background-repeat: no-repeat; padding: 70px 0px; margin:70px 0px; background-position: center center; text-align: center; color: #fff;}
.grey-background-design-2 p{font-size: 17px; line-height: 30px;}

.T-solutions .custom-container{max-width: 820px;}

.Approach-section .custom-container{display: flex; margin:100px auto;}
.Approach-section .w40{width: 40%;}
.Approach-section .w420{width: 20%;}
.Approach-section .approach-inner{margin: 0px 35px;}
.Approach-section ul li{color: #7f7f7f; margin-bottom: 15px; font-size: 18px;}
.approach-right ul li{color: #000000; font-size: 14px;}
.approach-right h4{font-size: 22px;}
.approach-right{position: relative;}
.approach-right:before{content: ""; position: absolute; left: -50px; top:0px; width: 39px; height: 265px; background-image: url(../images/arrow-bef.jpg);}

.no-bg{background-image: none;}

.PSE-service .opex-box{margin:50px 15px;}
.PSE-service .opex-box h5{font-size: 22px; color: #1c1c1c; font-family: 'Gilroy-Bold'; position: relative; margin-bottom: 10px; padding-left: 40px;}
.PSE-service .opex-box h5:before{content:''; position: absolute; left: 0px; top: 0px; background-image: url(../images/half-cog-icon.png); width: 26px; height: 43px;}
.PSE-service .opex-box p{color: #59768f; font-size: 15px; line-height: 24px; padding-left: 40px}


/*****nice scrollbar css*****/
#boxscroll2 { overflow: auto;}
.nicescroll-cursors{ background-color: #f15922 !important; border:none !important; margin-right: 3px; cursor: pointer;}
/*****nice scrollbar css*****/

/*****popup css*****/
.popup-section{background-image: url(../images/popup-bg.jpg); overflow-y: auto; overflow-x: hidden; background-repeat: no-repeat; background-size: contain;background-position: bottom left; background-color: #fff;  width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index: 11;}
.popup-content{max-width:1320px; width:100%; margin:0 auto; padding-top: 155px;}
.popup-content h3{ color: #000000; margin-top: 0px; margin-bottom: 18px;}
.popup-content p{font-size: 17px; color: #59768f; margin-top: 0px; margin-bottom: 83px;}
.popup-content form .form-content{ display: flex;}
.popup-content form .wo8{width: 68%;}
.popup-content form .wo4{width: 32%;}
.popup-content form .w4{width: 47.2%; display: inline-block; margin-right: 23px;}
form .form-control{border:1px solid #d5e2e7; border-radius: 4px; padding: 18px 17px; font-size: 15px; color: #6d7c88; width: 100%; margin-bottom: 22px;}
form .form-control:focus, form .form-control.has-error{border-color:#ff5c4e;}
.popup-btn-list{margin: 56px 0px; display: flex; vertical-align: top;}
.reset-btn{ margin-left: 13px; }
.reset-btn a, .reset-btn button{color: #fff; font-size:18px; padding: 25px 33px; box-shadow: 0px 3px 10px 0px rgb(51 51 51 / 0.3); vertical-align: middle; background-color: #a9c1cb; border-radius: 50px;}
.reset-btn a:hover, .reset-btn button:hover{background-color: #93a7b0;}
/* Close Button */
.popup-close { position:absolute; top:30px; right:30px; z-index: 11; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%) rotate(45deg); font-size:50px; color:#000;}
.popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(360deg); transform:translate(50%, -50%) rotate(135deg);}

.popup-section-design-2 .w04{width: 33.33%;}
.popup-section-design-2 .popup-content p{margin-bottom: 0px;}
.popup-section-design-2 .popup-content form .w4{width: 100%; margin-right: 0px;}
.inquiry-right{margin:0px 150px;}
.inquiry-right h3{font-size: 28px; color: #000000; font-family: 'Gilroy-Regular'; margin-bottom: 45px;}
.inquiry-right p{font-size: 16px; color: #5a697b; line-height: 24px; font-family: 'Gilroy-Regular'; margin-bottom: 75px !important;}
.inquiry-right ul{list-style-type: none; padding-left: 0px;}
.inquiry-right ul li p{color: #848484; margin-bottom: 0px !important; width: 130px;}
.inquiry-right ul li{color: #f93d78; margin-bottom: 25px !important; display: flex; font-size: 18px;}
.input-file-container {
  position: relative;
  width: auto;
  border: 1px solid #d5e2e7;
  height: 56px;
  border-radius: 5px;
} 
.js .input-file-trigger {
  border-radius: 30px;
  padding: 14px 35px;
  background: #a9c1cb;
  color: #fff;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
  position: relative;
  top: 18px;
  left:6px;
  padding: 12px 20px;
}
.js .input-file {
  position: absolute;
  top: 0; 
  left: 0;
  cursor: pointer;
  opacity: 0;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #93a7b0;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js p.file-return {
  margin-top: 20px;
  font-size: 15px;
}
.js .file-return:not(:empty):before {
  content: "Browse";
  font-style: normal;
  font-weight: normal;
}
p.up-title
{
    font-size: 15px;
    margin-bottom: 20px !important;
    font-family: 'Gilroy-Bold'; 
}
p.selected
{
    padding-left: 130px;
    font-size: 15px;
}
/*****popup css*****/


/***footer**/
footer{background-image: url(../images/footer-bg.png); background-repeat: no-repeat; background-size: cover;}
footer .custom-container{max-width: 1409px; margin: 0 auto; width: 100%;}
footer .footer-icon-section{display: flex; align-items: center;}
footer .footer-list ul{padding-left: 0px; margin-bottom: 0px; margin-top: 65px;}
footer .footer-list ul li{display: inline-block; padding-right: 50px;}
footer .footer-list ul li:last-child{padding-right: 0px;}
footer .footer-list ul li a{color: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Gilroy-Bold';}
footer .footer-list ul li a:hover{opacity: 0.7;}
footer .footer-list ul li a img{margin-right: 10px;}
footer .footer-list ul li a p{margin: 0px;}
.footer-icon{width: 28px; height:30px; background-image: url(../images/sprite.png); background-repeat: no-repeat; margin-right: 10px;}
.footer-icon1{background-position: -55px -233px; margin-right: 10px;}
.footer-icon2{width: 30px; background-position: -91px -233px; }
.footer-icon3{background-position: -124px -233px; }
.footer-icon4{background-position: -156px -233px; }
.footer-icon5{background-position: -27px -233px; }
.footer-icon6{background-position: 0px -233px; }
.footer-icon-list-left{width: 60%;}
.footer-icon-list-right{width: 40%;}
footer .footer-list.footer-icon-list-right{display: flex; justify-content: flex-end;}
footer .footer-list.footer-icon-list-right ul li a p{font-family: 'Gilroy-Regular' !important;}
footer hr{margin: 42px 0px 38px; border-top: 1px solid rgb(255 255 255 / 0.3);}
.footer-menu{display: flex; flex-wrap: wrap;}
.footer-menu .footer-menu-list{width: 25%; margin-bottom: 40px;}
.footer-menu .footer-menu-list h3{text-transform: uppercase; color: #fff; font-size: 18px; margin-top: 0px; margin-bottom: 30px; font-family: 'Gilroy-Bold';}
.footer-menu .footer-menu-list ul{padding-left: 0px; margin-bottom: 0px; list-style-type: none;}
.footer-menu .footer-menu-list ul li{margin-bottom: 20px;}
.footer-menu .footer-menu-list ul li:last-child{margin-bottom: 0px;}
.footer-menu .footer-menu-list ul li:before{font-family: FontAwesome; content: "\f0da"; font-size: 20px; padding-right: 16px; line-height: 20px; vertical-align: bottom; color: #ffbfb3;}
.footer-menu .footer-menu-list ul li a{color: #fff; text-transform: capitalize; font-size: 16px;}
.footer-menu .footer-menu-list ul li a:hover{opacity: 0.7;}
/***footer**/

/****copyright***/
.copyright-section{display: flex; align-items: center; padding-bottom: 30px;}
.copyright-section .copyright-left{width: 50%;}
.copyright-section .copyright-left p{color: #fff; font-size: 15px; margin: 0px;}
.copyright-section .copyright-right{width: 50%; text-align: right;}
.copyright-section .copyright-right ul{padding-left: 0px; margin-bottom: 0px; margin-top: 0px;}
.copyright-section .copyright-right ul li{display: inline-block; transition: 0.5s ease all; transform: scale(1.0); margin-right: 13px; border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; line-height: 40px;}
.copyright-section .copyright-right ul li a{color: #fff; text-align: center; display: block;}
.copyright-section .copyright-right ul li:hover{background-color: #fff;  transform: scale(1.1);}
.copyright-section .copyright-right ul li:hover a{color: #ff8069;}
/****copyright***/

/***margin css***/
.mb-0{margin-bottom: 0px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-23{margin-bottom: 23px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mt-0{margin-top: 0px !important;}
.mt-30{margin-top: 30px !important;}
.mt-45{margin-top: 45px !important;}
.mt-44{margin-top: 44px !important;}
.mt-50{margin-top: 50px !important;}
.mt-70{margin-top: 70px !important;}
.mt-100{margin-top: 100px !important;}
.mt-150{margin-top: 150px !important;}
.mt-200{margin-top: 200px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-80{margin-bottom: 80px !important;}
.mb-100{margin-bottom: 100px !important;}
.mb-150{margin-bottom: 150px !important;}
.mb-200{margin-bottom: 200px !important;}
.p-0{padding: 0px !important;}
.plr-30{padding:0px 30px !important;}
.pb-0{padding-bottom: 0px !important;}
.pt-0{padding-top: 0px !important;}
.pl-0{padding-left: 0px !important;}
.pl-30{padding-left: 30px !important;}
.pt-40{padding-top: 40px !important;}
.pt-100{padding-top: 100px !important;}
.pb-100{padding-bottom: 100px !important;}
.pb-200{padding-bottom: 200px !important;}
.pb-250{padding-bottom: 250px !important;}
.mr-0{margin-right: 0px !important;}
.ml-30{margin-left: 30px !important;}
.mr-100{margin-right: 100px !important;}
/***margin css***/

.justify-content-start{justify-content:flex-start !important;}
.justify-content-center{justify-content:center !important;}
.border-left-none{border-left:none !important;}
.box-shadow-none{box-shadow: none;}
.d-flex{display: flex; flex-wrap: wrap;}
.f-26{font-size: 26px !important;}
.f-40{font-size: 40px !important;}
.width-auto{width: auto;}
.custom-d-flex{display: flex; align-items: center; justify-content: center;}
.text-black{color: #1a1a1a !important;}
.ls-minus2{letter-spacing: -2px;}






/* Video css   */


.fullscreen-bg{position:absolute;top:0;left:0;overflow:hidden;z-index:0;opacity:1;width:100%;height:100vh;}
.fsbg_container{position:relative;width:100%;height:100%;}
.fullscreen-bg__video{width:100%!important;height:auto!important;}
/* ===== responsive.css ===== */


@media (min-width: 992px)
{
	.header li { float: left;}
	.header .menu { clear: none; float: right; max-height: none;}
	.header .menu-icon { display: none;}
}

@media (max-width: 1530px){
	.custom-container {
    	max-width: 1370px;
    } 
    .DS2-background .banner-inner-content
    {
    	padding: 0px;
    }  
    .plane-call-to-action h3 br
    {
    	display: none;
    } 
    .F4-top .w50
    {
    	margin-right: 0px;
    }
    .CIO-services .w50
    {
    	width: 27.9%;
    }
    .element-img
    {
    	width: 40%;
    }
    .element-right
    {
    	width: 60%;
    	word-break: break-word;
    }
    .element-list ul li
    {
    	width: 29.6%;
    }
    .industries-left
    {
    	width: 60%;
    }
    .industries-right {
	    width: 40%;
	    padding-left: 100px;
	}
    .BID-section
    {
    	width: auto;
    }
    .rgdev-submenu.TS-outer {
	    min-width: 900px !important;
	}
    .rgdev-submenu
    {
    	min-width: 700px;
    }
    .mega-menu .mm-right a
    {
    	white-space: initial;
    	font-size: 14px;
    }
    .mega-menu h4,.mega-menu p
    {
    	white-space: initial;
    }
    .mega-menu p br
    {
    	display: none;
    }
    .CY-outer .arrow-up {
	    left: calc(77% - 6px);
	}
	h1, .h1
	{
		margin-bottom: 10px;
	}
	.banner-content p
	{
		margin-bottom: 30px;
	}
	.banner-content-left h1
	{
		font-size: 60px;
	}
	.MSD-background .banner-inner-content
	{
		min-height:600px;
	}
	.MSD-background .custom-container:after
	{
		top:-100px;
		transform: scale(0.9);
    	transform-origin: right;
	}
	.MSD-background .custom-container:before
	{
		top: -30px;
	}
} 
@media (max-width: 1399px){
	.custom-container {
    	max-width: 1290px;
    }
    .inquiry-right {
	    margin: 0px 50px;
	}
    /*.MSD-background .banner-content-left
    {
    	width: 60%;
    }*/
    .CDAT-with-grey-section .FMSD-box
    {
    	margin:50px 15px 30px;
    }
    .innovation-section .op-btn a
    {
    	font-size: 16px;
    }
    .three-inner
    {
    	margin:0px 15px 30px;
    }
    .CDAT-section .custom-container
    {
    	max-width: 90%;
    }
    .F4-section .w50 .F4-inner {
	    margin: 0px 15px 100px;
	}
    .CIO-services .w50 {
	    width: 24.7%;
	}
	.CIO-services .custom-container
	{
		align-items: normal;
	}
	.CIO-services .element-img
	{
		width: 150px;
	}
	.About-us-background .banner-inner-content
	{
		height: 445px;
	}
    .About-us-background
    {
    	padding: 200px 0px 150px;
    }
    .About-us-intro
    {
    	margin-top: 0px;
    }
    .element-list ul li {
	    width: 29%;
	}
    .four-box
    {
    	padding-bottom: 0px;
    }
    footer .custom-container 
    {
    	max-width: 1290px;
	}
	.execution-parts 
	{
		max-width: 1170px;
		left: calc(50% - 585px);
	}
	.exe-content
	{
		padding-left: 40px;
	}
    .header li a
    {
    	padding-right:30px;
    	padding-left: 0px;
    }
    h3.title,.about-intro-inner h2
	{
		font-size: 32px;
	}
	.BCS-background
	{
		background-size: contain;
		background-position: right top;
	}
	.banner-content-right img
	{
		width: 70%;
	}
	.industries-left
    {
    	width: 70%;
    }
    .industries-left ul
    {
    	padding-left: 0px;
    }
    .industries-right {
	    width: 30%;
	    padding-left: 0px;
	    padding-right: 0px;
	}
    .BID-section
    {
    	margin-top: 50px;
    }   
    .case-studies-right
    {
    	padding-right: 0px;
    }
    .case-studies-left
    {
    	padding-left: 0px;
    }
    .cta-section .cta-right h2
	{
		font-size: 36px;
		margin-bottom: 25px;
	}
	.cta-section .cta-right p
	{
		font-size: 16px;
		margin-bottom: 25px;
	}
	.cta-section .cta-left
	{
		left: 50px;
	}
	.cta-section .cta-right
	{
		padding-left: 0px;
	}
	.cta-section
	{
		padding: 30px;
	}
	.banner-content-left h1
	{
		font-size: 50px;
	}
	.banner-content-left p
	{
		font-size: 24px;
	}
	.business-diagnostic-right img
	{
		width: 80%;
	}
	.popup-content
	{
		padding-top: 100px;
	}
	.popup-content form .w4
	{
		width: 46.7%; 
	}
	.rgdev-submenu
    {
    	min-width: 600px;
    }
    h1, .h1
	{
		font-size: 60px;
	}
	.banner-content p
	{
		font-size: 38px;
	}
	.mega-menu
	{
		padding: 30px;
	}
	.BC-menu:before,.TS-menu:before,.DG-menu:before,.IS-menu:before,.CY-menu:before
	{
		width: 400px;
		height: 280px;
	}
	.business-diagnostic-section .custom-container
	{
		justify-content: center;
	}
	.BS-background,.BAVT-background,.CASE-background
	{
		padding: 200px 0px 90px;
	}
	.CASE-detail-background,.contact-background
	{
		padding: 200px 0px !important;
	}
	.BAVT-about-us .BS-about-us-inner
	{
		padding-bottom: 100px;
	}
	.plane-call-to-action
	{
		padding: 150px 0px;
	}
	.BAVT-flex-content .flext-content-right img
	{
		width: 70%;
	}
	.BS-about-right img
	{
		width: 80%;
	}
	.CASE-background .banner-content-left p br,.CASE-detail-background p br
	{
		display: none;
	}
	.case-studies-section-2 .case-box
	{
		margin-right: 60px;
	}
	.case-studies-section-2 .case-box:nth-child(3n)
	{
		margin-right: 0px;
	}
	.download-casestudy .contact-bottom-inner .w4
	{
		width: 49%;
	}
	.MSD-background
	{
		padding: 100px 0px 30px;
	}
	.MSD-background .banner-content-left p br
	{
		display: none;
	}
	.MAD-ls .BS-about-us
	{
		padding: 0px 70px 0px 70px;
    	width: 100%;
	}
	 .MAD-fs .BS-about-us
    {
    	width: 100%;
    }
}
@media (max-width: 1199px)
{
	.About-us-background .banner-inner-content
	{
		height: auto;
	}
	.Approach-section .w40
	{
		width: 100%;
	}
	.Approach-section .custom-container
	{
		display: block;
	}
	.Approach-section .approach-inner
	{
		margin:30px 0px !important;
	}
	.approach-right
	{
		padding-left: 50px;
	}
	.approach-right:before
	{
		left: 0px;
		top: -30px;
		transform: scale(0.8);
	}
	.QB-section .CIO-inner
	{
		margin:0px 15px;
	}
	.four-box
	{
		align-items: normal;
	}
	.four-box .w25.mt-30
	{
		margin-top: 0px !important;
	}
	.unlock .d-flex
	{
		display: inline-block;
	}
	.unlock .op-btn
	{
		display: inline-block;
		margin-bottom: 20px;
	}
	.unlock .op-btn a
	{
		display: block;
	}
	.opex-box {
	    margin: 0px 15px 60px;
	}
	.cross-section .custom-container
	{
		background-image: none;
	}
	.all-together .w50
	{
		width: 37%;
	}
	.CIO-services .w50 {
	    width: 45%;
	    margin: 0px 15px 30px;
	}
	.CIO-services .w50.third,.CIO-services .w50.forth
	{
		margin-left: 15px;
		margin-right: 15px;
	}
	.CIO-services .element-img {
	    width: 130px;
	}
	.CIO-services
	{
		background-image: none;
		position: relative;
	}
	.CIO-services:before
	{
		content: '';
		width: 100%;
		height: 400px;
		background-image: url(../images/value-cio-service.png);
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: contain;
    	position: absolute;
    	top:0px;
	}
	.CIO-services .custom-container
	{
		padding-top: 350px;
	}
	.Lean-process
	{
		background-image: none;
	}
	.Lean-process:before
	{
		background-image: url(../images/lean-principles.png);
		background-size: 30%;
		height: 200px;
	}
	.Lean-process .custom-container
	{
		padding-top: 150px;
	}
	.Lean-process .w50.second
	{
		margin:0px 15px 30px;
	}
	.DO-capablities-design-3
	{
		margin-top: 100px;
	}
	.element-list ul
	{
		justify-content: center;
	}
	.element-list ul li
	{
		width: 45%;
	}
	.element-list ul li.ml-30
	{
		margin-left: 0px !important;
	}
	.customer-journey-mapping-design-2 .left
	{
		width: 100%;
		right: auto;
	    left: 0px;
	    top: 0px;
	    position: initial;
	}
	.customer-journey-mapping-design-2 .right{
	    left: 0px;
	    top: -30px;
	    z-index: 9;
	    width: 90%;
	    text-align: center;
	    margin: 0 auto;
	}
	.on-demand-section .w40 
	{
	    width: 50%;
	}
	
	.how-we-working-title p br
	{
		display: none;
	}
	.MAD-fs,.MAD-ls
	{
		display: block;
	}
	
	.MAD-fs .w50,.MAD-ls .w50
	{
		width: 100%;
	}
	.mb-center
	{
		text-align: center;
	}
	.MAD-fs img,.MAD-ls img
	{
		border-radius: 10px;
		width: 90%;
	}
    .F4-top .w50
    {
    	margin-right: 0px;
    	width: 100%;
    }

    .F4-top h4
    {
    	margin-left: 0px;
    	margin-top: 25px;
    }
    .F4-top p
    {
    	margin-left: 0px;
    }
    .F4-bottom ul li
    {
    	width: 100%;
    }
	.MSD-background .banner-content-left
	{
		width: 80% !important;
		margin:0 auto;
		padding: 0px;
	}
	.four-box .w25
	{
		width: 50%;
	}
	.our-team .w33
	{
		width: 27%;
	}
	.download-casestudy .w4
	{
		width: 49%;
	}
	.download-casestudy .contact-bottom-inner .w4
	{
		width: 48.8%;
	}
	.orange-bg,.purple-bg
	{
		padding: 40px;
	}
	.custom-container,.case-studies-section-2 .custom-container {
    	max-width: 960px;
    } 
    footer .custom-container {
	    max-width: max-content;
	}
	.execution-parts
	{
		position: initial;
		max-width: initial;
		left: 0px;
	}
	.execution-parts .w50
	{
		width: 100%;
	}
	.execution-inner .w50
	{
		width: 50%;
	}

	.customer-journey-mapping-left
	{
		left: 0px;
		top: 30px;
		z-index: 8;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.customer-journey-mapping-right
	{
		width: 100%;
		right: auto;
		left: 0px;
		top: 0px;
		position: initial;	
	}
	.customer-journey-mapping.mb-200
	{
		margin-bottom: 0px !important;
	}
	.plane-call-to-action
	{
		padding: 100px 0px 150px;
	}
    .header li a
    {
    	padding-right:25px;
    	font-size: 13px;
    }
    .header .logo
    {
    	width: 150px;
    	height: 28px;
    }
    .BAVT-flex-content .custom-container
    {
    	padding: 50px 15px;
    }
    .horizontal-tab-section .custom-container
    {
    	padding-bottom: 50px;
    }
    .BAVT-flex-content .custom-container.pb-200
    {
    	padding-bottom: 100px !important;
    }
    .rgdev-click
    {
    	right: 7px;
    }
    .rgdev-click i
    {
    	width: 12px;
    }
    .rgdev-submenu.TS-outer {
	    min-width: 900px !important;
	}
    .mega-menu ul li a
    {
    	font-size: 14px;
    }
	.industries-left
    {
    	width: 65%;
    }
    .industries-left ul
    {
    	padding-left: 0px;
    }
    .industries-right {
	    width: 35%;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.industries-left ul li
	{
		padding: 15px;
	    width: 255px;
	    margin-right: 10px;
	    margin-bottom: 15px;
	}
	.industries-left ul li a p
	{
		font-size: 16px;
	}
	.industries-section
	{
		padding: 250px 0px;
	}
	.case-studies-right
	{
		padding-right: 0px;
	}
	.case-studies-left
	{
		padding-left: 0px;
		padding-right: 30px;
	}
	.industries-section .custom-container
	{
		align-items: center;
	}
	.case-box
	{
		margin-right: 30px;
	}
	
	.BID-section
	{
		padding: 33px 30px;
	}
	.BID-left p
	{
		font-size: 	16px;
	}
	.BID-right .BID-image
	{
		top: -80px;
	}
	.banner-content-left h1
	{
		font-size: 40px;
	}
	.banner-content-left p
	{
		font-size: 24px;
	}
	.four-box .btn-red a,.four-box .btn-purple a,.four-box .btn-light-green a,.four-box .btn-sky-blue a
	{
		padding: 15px 30px;
	}
	.BCS-c-box
	{
		margin-right: 50px;
		margin-bottom: 50px;
	}
	.popup-content form .w4 {
  	    width: 45.7%;
	}
	.client-logos
	{
		display: inline-block;
		text-align: center;
	}
	.client-logos img
	{
		margin: 0px 30px 30px;
	}
	.BS-box .w33
	{
		width: 50%;
	}
	.BS-services
	{
		padding: 50px 30px 0px;
	}
	.BS-background .banner-content-left p,.BAVT-background .banner-content-left p
	{
		padding-bottom: 50px;
	}
	.BS-background .banner-content-left p br
	{
		display: none;
	}
	.execution-section
	{
		margin-bottom: 0px;
	}
	.related-capabilities-design-2 .w33
	{
		margin-right: 0px;
	}
	.FMSD-box
	{
		margin:0px 15px 50px;
	}
	.CDAT-section .custom-container
	{
		padding: 30px 15px;
	}
}
@media (max-width: 992px)
{
	.BAVT-flex-content .w50
	{
		width: 100%;
	}
	.BAVT-inner.text-right
	{
		text-align: center;
	}
	.header .menu li
	{
		display: block;
	}
	.header .menu-icon
	{
		padding: 20px 0px 0px;	
	}	
	.header.fixed .menu-icon .navicon,.header.fixed .menu-icon .navicon:before, .header.fixed .menu-icon .navicon:after,
	.white-header .menu-icon .navicon,.white-header .menu-icon .navicon:before, .white-header .menu-icon .navicon:after
	{
		background-color: #000;
	}
	.header-content
	{
		display: flow-root;
	}
	.header .logo
    {
    	margin: 24px 15px;
    }
	.fixed .header-content, .white-header .header-content
	{
		/*height: 88px;*/
		display: flow-root;
	}
	.header li a
	{
		padding: 30px 25px 30px 0px;
	}
}
@media (max-width: 991px)
{
	.orange-bg,.purple-bg
	{
		margin:0px 15px 0px 0px;
	}
	.popup-content form .wo4
	{
		width: 40%;
	}
	.popup-content form .wo8
	{
		width: 60%;
	}
	.CDAT-section-design-3 .w25
	{
		width: 100%;
	}
	.AGTC-box-design-2
	{
		padding:30px 0px !important;
	}
	.AGTC-inner
	{
		margin: 0px 15px;
	}
	.CIO-section .CIO-inner
	{
		margin:0px 20px;
	}
	.Pink-waves-section
	{
		background-size: cover;
	}
	.element-list ul li
	{
		width: 60%;
		margin: 0px auto 30px;
	}
	.element-list ul li.ml-30 {
	    margin-left: auto !important;
	}
	.element-img {
	    width: 30%;
	}
	.innovation-section
	{
		margin-bottom: 150px;
		margin-top: 50px !important;
	}
	.BS-about-us p br
	{
		display: none;
	}
	.all-together .w50
	{
		width: 50%;
	}
	.OE-services{
	    margin-top: 100px;
	}
	.CDAT-section-design-2 .CADT-box
	{
		margin:0px 15px 50px;
	}
	.more-au-btn
	{
		margin-bottom: 30px;
	}
	.CT-banner-2 .MCE-list ul
	{
		width: auto;
		margin:0px 50px;
	}
	.plane-call-to-action
	{
		padding: 50px 0px 150px !important;
	}
	.on-demand-section .w40 
	{
	    width: 100%;
	}
	.on-demand-section h3,.on-demand-section p 
	{
	    padding-left: 0px;
	}
	.related-capabilities .w33
	{
		width: 50%;
	}
	.rc-box
	{
		width: 100%;
		margin: 0px 15px 30px;
		padding: 45px 15px;
	}
	.rc-inner
	{
		margin:0px 15px 0px;
	}
	.FMSD-section .w25
	{
		width: 50%;
	}
	.MSD-background .banner-inner-content,.SQAT-background.AA-background .banner-inner-content
	{
		min-height: 500px !important;
	}
	.MTC-background .banner-inner-content,.SQAT-background .banner-inner-content,.OCM-background .banner-inner-content 
	{
		min-height: 600px !important;
	}
	.MSD-background .custom-container:after 
	{
	    top: -140px;
	    transform: scale(0.75);
	    transform-origin: right;
	}
	.MSD-background .banner-content-left
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.our-team .w33 {
	    width: 35%;
	}
	.our-team .custom-container
	{
		margin: 100px auto;
	}
	.innovation-section .custom-container
	{
		display: block;
	}
	.innovation-section .w60,.innovation-section .w40
	{
		width: 100%;
		text-align: left;
	}
	.four-box .w25
	{
		width:100%;
	}
	.custom-container {
    	max-width: 740px;
    }  
    
    .download-casestudy .w4 {
	    width: 48.7%;
	}
	.download-casestudy .contact-bottom-inner .w4
	{
		width: 48.3%;
	}
    .case-studies-section-2
    {
    	padding-bottom: 0px;
    }
    .case-studies-section-2 .case-box
    {
    	width: 100%;
    	margin-right: 0px;
    	margin-bottom: 70px;
    }
    .CEJM-about-us {
	    margin: 50px 0px 0px;
	}
	.CEJM-about-us .BS-about-left {
	    margin-bottom: 40px;
	}
	.three-box
    {
    	display: inherit;
    }
    .three-box .w33
    {
    	margin-top: 30px !important;
    	width: 100%;
    }
	
    .banner-content-right img {
	    width: 90%;
	}
	.BCS-background
	{
		padding: 150px 0px 100px;
	}
	.BAVT-background .banner-content-left,.BS-background .banner-content-left
	{
		width: 100%;
	}
	h3.title br
	{
		display: none;
	}
	.header li a
    {
    	font-size: 15px;
    	padding: 15px;
    }
    .rgdev-submenu
    {
    	border-radius: 0px;
    	box-shadow: none;
    }
 
    .rgdev-click i {
	    margin:20px auto;
	}
	.rgdev-submenu,.rgdev-submenu.TS-outer
	{
		min-width: 100% !important;
		left:auto;
		right: auto;
		transform: translateX(0px);
	}
    .BC-menu:before,.TS-menu:before,.DG-menu:before,.IS-menu:before,.CY-menu:before
    {
    	display: none;
    }
    
    .mega-menu ul li a br,.mega-menu p br
    {
    	display: none;
    }
    .mega-menu p,.mega-menu h4
    {
    	display: none;
    }
    .mega-menu .arrow-up
    {
    	display: none;
    }
    .mega-menu
	{
		display: grid;
		padding: 15px 15px 0px;
	}
	.mm-left,.TS-menu .mm-left {
	    width: 100%;
	}
	.mm-right,.TS-menu .mm-right {
	    width: 100%;
	}
	.TS-menu .mm-right
	{
		height: 500px;
		overflow-y: scroll;
	}
	.mm-right .w50
	{
		width: 100%;
		float: none;
	}
	.mega-menu .mm-left
	{
		display: none;
	}
    .mobile-sub .mega-menu .mm-right a
    {
    	border-bottom: none;
    	background-color: transparent;
    	white-space: initial;
    }
	.banner-content p
	{
		font-size: 36px;
	}
	.cta-section .cta-right h2
	{
		font-size: 36px;
	}
	.BID-section
	{
		display: block;
		background-image: none;
		background:linear-gradient(#ff7268,#ff926b);
		border-radius: 15px;
	}
	.BID-grey-section
	{
		background:linear-gradient(#383838,#6b6b6b);
	}
	.BID-left
	{
		width: 100%;
	}
	.BID-right
	{
		width: 100%;
	}
	.BID-right .BID-image
	{
		position: relative;
		left: 0px;
		top: 0px;
	}
	.industries-section .custom-container
	{
		display: flex;
		flex-direction: column-reverse;
	}
	.industries-left
	{
		width: 100%;
	}
	.industries-left ul
	{
		padding-left: 0px;
	}
	.industries-right
	{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	.industries-left ul li:nth-child(3n),.industries-left ul li:nth-child(5n)
	{
		margin-left: 0px;
	}
	.case-studies-section
	{
		padding-top: 0px;
	}
	.case-studies-section .custom-container
	{
		display: inherit;
	}
	.case-studies-left
	{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 50px;
	}
	.case-studies-right
	{
		width: 100%;
		padding-right: 0px;
	}
	.cta-section
	{
		display: inherit;
		margin-bottom: 50px;
	}
	.cta-section .cta-left
	{
		left: 30px;
		width: 50%;
	}
	.cta-section .cta-right
	{
		width: 100%;
		padding-left: 0px;
		padding-top: 200px;
	}
	footer .footer-list ul
	{
		margin-top: 30px;
	}
	footer .footer-icon-section,footer .footer-list.footer-icon-list-right
	{
		display: initial;
		align-items: normal;
	}
	.footer-icon-list-left,.footer-icon-list-right
	{
		width: 100%;
	}
	.footer-menu .footer-menu-list
	{
		width: 50%;
	}
	.title-desc p
	{
		font-size: 18px;
	}
	.title-desc p br,.banner-content-left p br
	{
		display: none;
	}
	.four-box
	{
		width: auto;
		display: initial;
	}
	.BCS-c-box p
	{
		font-size: 16px;
	}
	.BCS-challenges .title-desc p
	{
		padding: 0px 15px;
	}
	.BCS-services .title-desc p
	{
		padding: 0px 15px;	
	}
	.BCS-c-box {
	    margin-right: 30px;
	    margin-bottom: 30px;
	    width: 135px;
		height: 125px;
		padding: 10px;
	}
	.popup-content form .w4 {
	    width: 44.7%;
	}
	.mobile-sub
	{
		overflow-y: scroll;
	    overflow-x: auto;
	    height: 356px;
	    min-height: 356px;
	}
	.valuable-clients {
	    margin-bottom: 100px;
	}
	.business-diagnostic-section .custom-container
	{
		display: block;
	}
	.business-diagnostic-left
	{
		width: 100%;
	}
	.business-diagnostic-right
	{
		width: 100%;
		margin-top: 50px;
		text-align: center;
	}
	.more-on-btn a
	{
		font-size: 14px;
		text-align: center;
	}
	.business-diagnostic-section
	{
		padding: 100px 0px;
	}
	.BS-content
	{
		display: block;
	}
	.BS-about-left
	{
		width: 100%;
	}
	.BS-about-right
	{
		width: 100%;
	}
	.BS-about-right.text-right
	{
		text-align: center;
	}
	.BS-about-us-inner
	{
		background-position: 0px 1000px;
	}
	.horizontal-tab-section .custom-container,.BAVT-flex-content .custom-container
	{
		display: block;
	}
	.tab-content-left,.tab-content-right,.BAVT-flex-content .flext-content-left,.BAVT-flex-content .flext-content-right
	{
		width: 100%;
	}
	.BAVT-flex-content .flext-content-right.text-right
	{
		text-align: center;
	}
	.BAVT-flex-content .flext-content-right img
	{
		width: 100%;
	}
	.breadcrumb-content
	{
		display: inline-block;
	}
	.breadcrumb-content a
	{
		display: inline-block;
		padding: 15px 40px 15px 0px;
	}
	.number-box
	{
		min-height: 300px;
	}
	.how-we-working-box
	{
		margin-bottom: 0px;
	}
	.how-we-working-title,.About-us-intro
	{
		margin-top: 100px;
	}
	.career-background .banner-inner-content:before
	{
		width: 700px;
		height: 500px;
	}
	.join-milestone .contact-top
	{
		display: block;
		margin-bottom: 100px;
	}
	.join-milestone .contact-top .w50,.join-milestone .contact-top .w50:first-child,.join-milestone-design-3 .contact-top .w50:last-child
	{
		width: 100%;
	}
	.current-opening {
	    margin-bottom: 50px;
	}
	.AGTC-section .w50
	{
		width: 100%;
		margin-right: 0px;
	}
	.AGTC-box ul
	{
		margin-bottom: 0px;
	}
	.AGTC-box
	{
		margin:0px 0px 50px !important;
		padding: 15px;
	}
	.AGTC-box.mb-0
	{
		margin-bottom: 0px !important;
	}
	.F4-section .w50
	{
		width: 100%;
		margin-right: 0px;
	}
	.all-together-inner
	{
		background-image: none;
		position: relative;
	}
	.all-together-inner:before
	{
		content: '';
		width: 100%;
		height: 400px;
		background-image: url(../images/business-architecture.jpg);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	    margin-bottom: 50px;
	}
	.related-capabilities-design-2 .w33
	{
		width: 100%;
		padding: 30px 0px;
	}
	.BA-right
	{
		width: 100%;
		text-align: left;
	}
	.office-365,.Machine-Learn,.BIC-section
	{
		margin-top: 50px;
	}
	.ML-box
	{
		margin: 30px 15px;
	}
	.QB-section .w25
	{
		width: 50%;
	}
	.DO-capablities-design-4 .DO-inner-w33 {
	    margin: 0px 20px 50px;
	}
}

@media (max-width: 850px)
{
	.cta-section .cta-right
	{
		padding-top: 150px;
	}
}
@media (max-width: 768px)
{
	.mb-img-width,.dk-img-width,.dk-img-width-50
	{
		width: 100%;
	}
	.popup-btn-list
	{
		margin:30px 0px 56px;
	}
	.inquiry-right {
	    margin: 30px 0px;
	}
	.PSE-service .opex-box
	{
		margin: 30px 15px;
	}
	.current-opening-design-2
	{
		margin: 100px 0px 0px;
	}
	.current-opening-design-2 .three-box
	{
		padding-bottom: 50px;
	}
	.mb-text-center
	{
		text-align: center;
	}
	.four-inner
	{
		margin:0px 0px 100px;
	}
	.MAD-content img
	{
		margin-top: 0px;
	}
	.FMSD-ul-design-2 li
	{
		display: flex;
	}
	.MSD-background .banner-content-left
	{
		width: 90% !important;
	}
	.DO-inner-w50
	{
		margin:30px 15px 0px;
	}
	.OCM-intro .DO-inner-w50
	{
		margin:0px;
	}
	.deployment .w20,.deployment .w25,.QB-section .w25,.related-capabilities .w33
	{
		width: 100%;
	}
	.unlock
	{
		margin-top: 100px;
	}
	.plane-cta-3-inner
	{
		margin:0px;
	}
	.orange-bg, .purple-bg
	{
		margin:0px;
		padding: 20px 15px;
	}
	.F4-section .w50 .F4-inner
	{
		margin: 0px 0px 50px;
	}
	.CIO-section .CIO-inner
	{
		margin:0px;
	}
	.half-width-ul .w50,.forth-width-ul .w25
	{
		width: 100%;
	}
	.half-width-ul
	{
		display: block;
	}
	.half-width-ul ul
	{
		margin-right: 0px;
	}
	.Blue-bg ul
	{
		text-align: center;
	}
	.plr-30 {
	    padding: 0px 15px !important;
	}
	.CDAT-with-grey-section .FMSD-box
	{
		margin:30px 0px;
	}
	.grey-background,.grey-background-design-3
	{
		padding: 50px 15px;
	}
	.ML-services .w33
	{
		width: 100%;
	}
	.cross-title
	{
		margin-top: 100px;
	}
	.plane-call-to-action-bg-hundred
	{
		background-size: cover;
	}
	.innovation-section-design-3
	{
		margin-top: 100px;
	}
	.CIO-services:before
	{
		width: 90%;
		left: 5%;
	}
	.CIO-services .w50
	{
		width: 100%;
		padding: 10px;
	}
	.CIO-services .w50:nth-child(odd) .element-img
	{
		margin-left: 10px;
	}
	.CIO-services .w50:nth-child(even) .element-img
	{
		margin-right: 10px;
	}
	.CIO-services .element-img {
	    width: 135px;
	}
	.plane-call-to-action-3 .w50
	{
		width: 100%;
		margin-right: 0px;
	}
	.plane-call-to-action-3
	{
		background-position: bottom;
	}
	.element-list ul li
	{
		width: 100%;
		padding: 10px;
	}
	.element-img {
	    width: 130px;
	    margin-right: 10px;
	}
	.mobile-top-100
	{
		margin-top: 100px !important;
	}
	.all-together .w50
	{
		width: 100%;
	}
	.w50:nth-child(odd) .AT-box
	{
		text-align: left;
		flex-direction: row-reverse;
	}
	.AT-box
	{
		padding: 10px;
		margin-right: 0px;
	}
	.AT-box p
	{
		font-size: 16px;
		width: auto;
	}
	.CISP-banner
	{
		margin-top: 50px;
		padding: 50px 0px !important;
	}
	.DO-capablities-design-3
	{
		margin-top: 50px;
	}
	.customer-journey-mapping ul
	{
		width: 100%;
	}
	ul.connect-info li a, ul.connect-info li
	{
		font-size: 16px;
	}
	.CT-banner-2 .MCE-list
	{
		display: block;
		text-align: center;
	}
	.CT-banner-2 .MCE-list ul
	{
		margin: 0px;
	}
	.CT-banner-2 .MCE-list ul li
	{
		width: max-content;
		margin: 0 auto;
	}
	.CT-banner-2 p.big-para
	{
		margin: 50px 0px;
	}
	.FMSD-title img
	{
		margin-top: 20px;
	}
	.CIO-section .w50
	{
		width: 100%;
		margin: 30px auto 0px;
	}
	.DO-capablities .w33
	{
		width: 100%;
		margin-right: 0px;
	}
	.customer-journey-mapping-design-2 .left {
	    padding: 35px 15px;
	}
	.on-demand-section
	{
		padding: 100px 0px;
	}
	.CIO-section
	{
		padding: 50px 0px;
	}
	.DO-capablities .w50
	{
		width: 100%;
		margin-right: 0px;
	}
	.DO-capablities ul
	{
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.DO-capablities .w50:last-child ul,.DO-capablities .w50:nth-child(2n){
		margin-top: 0px;
	}
	.onboarded
	{
		margin: 100px 0px;
	}
	.MAD-fs .BS-about-us,.MAD-ls .BS-about-us
	{
		padding: 15px;
	}
	.MAD-fs img, .MAD-ls img
	{
		width: 95%;
	}
	.CDAT-section
	{
		margin:50px 0px !important;
	}
	.FMSD-title,.MAD-full-width-section,.MAD-content
	{
		margin-top: 100px;
	}
	.FMSD-section .w25,.MSD-strategy .w40,.MSD-strategy .w50,.CDAT-section .w50
	{
		width: 100%;
	}
	.FMSD-box
	{
		margin:0px 0px 30px;
	}
	.CADT-box
	{
		margin:0px 0px 80px;	
	}
	.MSD-strategy
	{
		padding: 0px 0px 100px;
	}
	.CDAT-section .custom-container
	{
		padding: 30px 15px;
	}
	.CDAT-section.CDAT-with-grey-section .custom-container
	{
		padding: 0px;
	}
	.CDAT-section.CDAT-with-grey-section .custom-container .w25
	{
		padding: 0px 15px;
	}
	.CDAT-no-bg .white-bg
	{
		padding: 30px 15px;
	}
	.DO-capablities-design-5 .DO-inner-w33
	{
		margin: 30px 15px;
	}
	.MSD-strategy .custom-container
	{
		display: block;
	}
	.MSD-background {
	    padding: 100px 0px 30px !important;
	}
	.MSD-background .banner-inner-content
	{		
		background-position: right;
	}
	.OS-background .banner-inner-content,.CC-background .banner-inner-content,.SQAT-background .banner-inner-content
	{		
		background-position: left;
	}
	.MSD-background .banner-content-left
	{
		padding-bottom: 0px;
	}
	.current-opening {
	    margin-bottom: 0px;
	}
	.current-opening .title-desc
	{
		margin-bottom: 50px;
	}
	.current-opening .title-desc p
	{
		margin-bottom: 0px;
	}
	.how-we-working-box .w50,.our-team .w33
	{
		width: 100%;
	}
	.career-background .banner-inner-content:before
	{
		width: 100%;
		height: 450px;
		top:23%;
	}
	.innovation-section {
	    margin-bottom: 100px;
	}
	.about-intro-inner
	{
		display: initial;
	}
	.about-intro-inner .w50
	{
		width: 100%;
		margin: 15px 0px;
	}
	.About-us-intro
	{
		margin-top: 0px;
	}
	.About-us-background
	{
		background-position: top left;
	}
	.About-us-background .banner-content-left h1
	{
		color: #000 !important;
	}
	.About-us-background .banner-content-left p
	{
		color: #7791a8 !important;
	}
	.number-box
	{
		min-height: auto;
		display: block;
	}
	.header li a
	{
		font-size: 15px;
	}
	.download-casestudy .w4,.download-casestudy .contact-bottom-inner .w4,.contact-top .w65,.contact-top .w35
	{
	    width: 100%;
	}
	.contact-background
	{
		padding: 200px 0px 100px !important;
	}
	.contact-content h4,.contact-bottom
	{
		margin-top: 0px;
	}
	.contact-content h5
	{
		font-size: 28px;
		letter-spacing: -1px;
	}
	.MT-info
	{
		margin-bottom: 40px;
	}
	.contact-bottom h3
	{
		margin-bottom: 30px;
	}
	.reset-btn .small-btn
	{
		padding: 19px 30px;
	}
	.download-casestudy
	{
		margin-bottom: 100px;
	}
	.contact-bottom-inner
	{
		padding: 30px 15px !important;
	}
	.CASE-detail-background {
	    padding: 200px 0px 100px;
	}
	.CASE-detail-background:after
	{
		background-size: 100% 100%;
	}
	.BN-overview-inner
	{
		padding: 25px 15px;
	}
	.vision-and-strategy
	{
		padding-top: 0px;
	}
	.customer-journey-mapping .custom-container
	{
		margin-bottom: 50px;
	}
	.BS-about-us.mb-150 {
	    margin-bottom: 50px !important;
	}
	.BS-background, .BAVT-background {
	    padding: 150px 0px 0px;
	}
	.plane-call-to-action {
	    padding:30px  0px !important;
	    margin: 0px 0px 100px !important;
	}
	.execution-inner .w50
	{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.exe-content
	{
		padding-left: 0px;
	}
	.execution-parts
	{
		padding: 30px 15px;
	}
	.execution-parts p
	{
		text-align: center;
	}
	.horizontal-tab-section-2 .tab
	{
		display: flex;
		width: max-content;
	}
	.horizontal-tab-section-2 ul
	{
		width: 100%;
		float: none;
		margin: 0px;
	}
	.horizontal-tab-section .tab button
	{
		font-size: 15px;
	}
	
	.banner-content
	{
		padding: 0px 15px;
	}
	.banner-content h1 
	{
    	font-size: 50px;
    	margin-bottom: 30px;
	}
	.banner-content p
	{
		font-size: 30px;
		margin-bottom: 30px;
	}
	.BCS-background
	{
		background-size: cover;
	}
	.banner-content-right img
	{
		width: 100%;
	}
	.op-btn a
	{
		font-size: 16px;
		/*padding: 20px 70px 20px 34px;*/
	}
	.banner-inner-content .op-btn a
	{
		padding: 25px 70px 25px 35px;
	}
	.inquiry-right h3,.inquiry-right p
	{
		margin-bottom: 30px !important;
	}
	.plane-call-to-action .op-btn a
	{
		display: inline-block;
		text-align: left;
	}
	.related-capabilities
	{
		margin: 50px 0px;
	}
	.arrow-ani:before, .arrow-ani:after,.BID-left .arrow-ani:before, .BID-left .arrow-ani:after {
	    
	    font-size: 20px;
	    line-height: 20px;
	}
	.BID-section
	{
		margin-top: 0px;
	}
	.industries-section
	{
		padding: 100px 0px;
	}
	.industries-left:before
	{
		left: -115px;
	    top: -60px;
	    width: 415px;
	    height: 800px;
	}
	.industries-left ul li
	{
		padding: 15px;
	}
	.industries-right h3
	{
		margin-top: 0px;
	}
	.industries-left ul li a p
	{
		font-size: 16px;
	}
	.case-box
	{
		margin-right: 30px;
	}
	.cta-section .cta-left
	{
		left: 0px;
	    width: 100%;
	    position: initial;
	}
	.cta-section .cta-right
	{
		padding-top: 0px;
	}
	footer .footer-list ul li
	{
		padding-right: 45px;
	}
	.footer-menu .footer-menu-list
	{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.footer-menu .footer-menu-list h3
	{
		margin-top: 30px;
	}
	.footer-menu .footer-menu-list ul.mt-50
	{
		margin-top: 0px !important;
	}
	.copyright-section
	{
		display: initial;
	}
	.copyright-section .copyright-left
	{
		width: 100%;
		padding-bottom: 30px;
	}
	.copyright-section .copyright-right
	{
		width: 100%;
		text-align: left;
		padding-bottom: 30px;
	}
	.BCS-c-box
	{
		width: 130px;
		height: 121px;
		padding: 6px;
	}
	.BCS-background .banner-content-left h1
	{
		color: #fff;
	}
	.BCS-background .banner-content-left p {
	    font-size: 20px;
	    color: #eee;
	}
	.banner-content-left h1
	{
		font-size: 40px;
	}
	.banner-content-left p,.BAVT-background .banner-content-left p 
	{
	    font-size: 20px;
	    line-height: 30px;
	}
	.banner-inner-content
	{
		display: initial;
		padding: 0px;
	}
	.banner-content-left 
	{
		width: 100%;
		padding-top: 0px;
		padding-bottom: 70px;
	}
	.banner-content-right
	{
		width: 100%;
		text-align: left;
		margin-bottom: 0px;
	}
	.BCS-challenge-container
	{
		text-align: center;
		background-position: top center;
		width: 80%;
		margin: 0 auto;
	}
	.BCS-c-box
	{
		margin:0 auto 30px;
	}
	.BCS-c-box:last-child {
	    margin-right: auto;
	}
	.BCS-row
	{
		display: initial;
	}
	.BCS-about-us
	{
		padding-bottom: 0px;
	}
	.BCS-challenges {
	    margin-top: 100px;
	}
	.BCS-challenges p
	{
		margin-bottom: 70px;
	}
	.BCS-challenge-container
	{
		padding-bottom: 50px;
	}
	.popup-content form .form-content
	{
		display: inherit;
	}
	.popup-content form .wo8,.popup-content form .wo4
	{
		width: 100%;
	}
	.popup-content form .w4 {
	    width: 100%;
	    margin-right: 0px;
	}
	.popup-content p
	{
		margin-bottom: 30px;
	}
	.reset-btn a
	{
		padding: 20px 33px; 
	}
	.business-diagnostic-left:before
	{
		width: 450px;
		height: 600px;
		left: -30px;
		top:0px;
	}
	.BS-box .w33
	{
		width: 100%;
	}
	.BS-inner
	{
		margin:0px 0px 30px;
	}
	.BS-services {
	    padding: 50px 5px 0px;
	}
	.customer-journey-mapping-right
	{
		padding: 35px 15px;
	}
	.customer-journey-mapping .htab-list
	{
		display: initial;
	}
	.customer-journey-mapping .htab-list ul
	{
		margin-top: 0px;
		width: 100%;
	}
	.customer-journey-mapping.mt-150
	{
		margin-top: 100px !important;
	}
	.CT-banner .w50,.CT-banner ul
	{
		margin-top: 0px;
	}
	.partner-section ul li
	{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.DO-capablities
	{
		margin-bottom: 50px;
	}
	.excellence-title
	{
		margin-top: 100px;
	}
	.CDAT-section-design-2 .w33
	{
		width: 100%;
	}
	.all-together
	{
		margin:100px 0px 0px;
	}
	ul.first-list
	{
		text-align: left;
	}
	ul.first-list li:after
	{
		left: -20px;
	}
	ul.first-list,ul.second-list
	{
		margin-left: 0px;
		margin-bottom: 0px;
	}
	.AGTC-section {
	    margin-top: 40px;
	}
	.Lean-process .w50.first
	{
		margin:0px 15px 30px;
	}
	.CIO-services .w50:nth-child(odd)
	{	
		flex-direction: row-reverse;
	}
	.CIO-services .w50
	{
		text-align: left !important;
		justify-content: flex-start;
	}
	.Lean-process .w50.first .element-img
	{
		margin-right: 0px;
	}
	.CIO-services .w50:nth-child(odd) .element-img
	{
		margin-left: 0px;
		margin-right: 10px;
	}
	.Lean-process .w50.first
	{
		flex-direction: revert;
		justify-content: flex-start;
	}
	.Lean-process .custom-container {
	    padding-top: 90px;
	}
	.Lean-process:before
	{
		background-size: 60%;
	}
	.CIO-services .custom-container {
	    padding-top: 300px;
	}
	.Pink-inner
	{
		display: block;
	}
	.Pink-inner .w50
	{
		width: 100%;
		margin-right: 0px;
	}
	.unlock .op-btn a.arrow-ani:hover:after
	{
		top:18px;
	}
	.CDAT-no-bg
	{
		margin:0px;
	}
	.DS2-background
	{
		background-position: center;
		padding-bottom: 0px;
	}
	.DS2-background .banner-inner-content h1,.DS2-background .banner-content-left p
	{
		color: inherit;
	}
	.customer-journey-mapping h3
	{
		margin-top: 20px;
	}
	.mobile-bottom-0
	{
		margin-bottom: 0px !important;
	}
	.mobile-top-0,.customer-journey-mapping.mt-150.mobile-top-0
	{
		margin-top: 0px !important;
	}
	.mobile-bottom-50
	{
		margin-bottom: 50px !important;
	}
	.three-box
	{
		padding-bottom: 70px;
	}
}
@media (max-width: 576px)
{
	.DS2-background
	{
		background-position: -280px;
	}
	.PS-background
	{
		background-position: -150px;
	}
}
@media (max-width: 480px)
{
	.AT-box p
	{
		margin:0px;
		width: 50%;
	}
	.all-together-inner:before
	{
		height: 280px;
	}
	.BID-section
	{
		padding: 30px 15px;
	}
	.industries-left
	{
		padding-bottom: 50px;
	}
	.industries-left ul li
	{
		margin-right: 0px;
	}
	.case-studies-right
	{
		display: inherit;
	}
	.case-box
	{
		margin-right: 0px;
	}
	.cta-section
	{
		padding: 30px 15px;
	}
	.client-logos img
	{
		margin: 0px 0px 30px;
	}
	.business-diagnostic-left:before
	{
		width: 320px;
		height: 470px;
	}
	.outer-line-btn a
	{
		font-size: 17px;
	}
	.innovation-section .op-btn a.arrow-ani:hover:after,.MAD-full-width-section .op-btn a.arrow-ani:hover:after,
	.plane-call-to-action .op-btn a.arrow-ani:hover:after
	{
		top: 18px;
	}
	ul.connect-info li i
	{
		width: 95px;
		margin-right: 0px;
	}
}

@media (min-width:768px) and (max-width:1025px){

	.banner{ height: 60vh;}
}
@media (min-width:320px) and (max-width:767px){

	 
	.fsbg_container{ display: none;}
	.fullscreen-bg{ background: url(../images/mobileBG.jpg) 50% 50% no-repeat #000; background-size: cover;}
}



/* ===== iziToast.min.css ===== */
/*
* iziToast | v1.2.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;left:0;right:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:'Lato',Tahoma,Arial;font-size:14px;padding:8px 45px 9px 0;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.iziToast>.iziToast-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:rgba(255,255,255,.2)}.iziToast>.iziToast-progressbar>div{height:2px;width:100%;background:rgba(0,0,0,.3);border-radius:0 0 3px 3px}.iziToast.iziToast-balloon:before{content:'';position:absolute;right:8px;left:auto;width:0;height:0;top:100%;border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-radius:0}.iziToast.iziToast-balloon .iziToast-progressbar{top:0;bottom:auto}.iziToast.iziToast-balloon>div{border-radius:0 0 0 3px}.iziToast>.iziToast-cover{position:absolute;left:0;top:0;bottom:0;height:100%;margin:0;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.1)}.iziToast>.iziToast-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:0}.iziToast>.iziToast-close:hover{opacity:1}.iziToast>.iziToast-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left}.iziToast>.iziToast-body::after{content:"";display:table;clear:both}.iziToast>.iziToast-body .iziToast-texts{margin:10px 0 0;display:inline-block;float:left}.iziToast>.iziToast-body .iziToast-buttons{min-height:17px;float:left;margin:4px -2px}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input{position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:5px 10px;font-size:12px;letter-spacing:.02em;cursor:pointer;background:rgba(0,0,0,.1);color:#000}.iziToast>.iziToast-body .iziToast-buttons>a:hover,.iziToast>.iziToast-body .iziToast-buttons>button:hover,.iziToast>.iziToast-body .iziToast-buttons>input:hover{background:rgba(0,0,0,.2)}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons>a:active,.iziToast>.iziToast-body .iziToast-buttons>button:active,.iziToast>.iziToast-body .iziToast-buttons>input:active{top:1px}.iziToast>.iziToast-body .iziToast-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000}.iziToast>.iziToast-body .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-message,.iziToast>.iziToast-body .iziToast-title{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;white-space:normal}.iziToast>.iziToast-body .iziToast-title{color:#000;margin:0}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:rgba(0,0,0,.6)}.iziToast.iziToast-animateInside .iziToast-buttons-child,.iziToast.iziToast-animateInside .iziToast-icon,.iziToast.iziToast-animateInside .iziToast-message,.iziToast.iziToast-animateInside .iziToast-title{opacity:0}.iziToast-target{position:relative;width:100%;margin:0 auto}.iziToast-target .iziToast-capsule{overflow:hidden}.iziToast-target .iziToast-capsule:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.iziToast-target .iziToast-capsule .iziToast{width:100%;float:left}.iziToast-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;right:8px;left:auto}.iziToast-wrapper-bottomLeft{left:0;bottom:0}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before{border-right:15px solid transparent;border-left:0 solid transparent;right:auto;left:8px}.iziToast-wrapper-bottomRight{right:0;bottom:0;text-align:right}.iziToast-wrapper-topLeft{left:0;top:0}.iziToast-wrapper-topRight{top:0;right:0;text-align:right}.iziToast-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.iziToast-wrapper-bottomCenter,.iziToast-wrapper-center{bottom:0;left:0;right:0;text-align:center}.iziToast-wrapper-center{top:0;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:rtl;padding:8px 0 9px 45px;font-family:Tahoma,'Lato',Arial}.iziToast-rtl .iziToast-cover{left:auto;right:0}.iziToast-rtl .iziToast-close{right:auto;left:0}.iziToast-rtl .iziToast-body{padding:0 10px 0 0;margin:0 16px 0 0;text-align:right}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-message,.iziToast-rtl .iziToast-body .iziToast-texts,.iziToast-rtl .iziToast-body .iziToast-title{float:right;text-align:right}.iziToast-rtl .iziToast-body .iziToast-icon{left:auto;right:0}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast-cover{border-radius:3px 0 0 3px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast::after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.25)}.iziToast.iziToast-color-dark::after{box-shadow:inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)}.iziToast.iziToast-balloon .iziToast-progressbar{background:0 0}.iziToast.iziToast-balloon::after{box-shadow:0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)}.iziToast-target .iziToast::after{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.7);font-weight:300}.iziToast.iziToast-theme-dark .iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px}.iziToast.iziToast-theme-dark .iziToast-icon{color:#fff}.iziToast.iziToast-theme-dark .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-buttons>a,.iziToast.iziToast-theme-dark .iziToast-buttons>button,.iziToast.iziToast-theme-dark .iziToast-buttons>input{color:#fff;background:rgba(255,255,255,.1)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover{background:rgba(255,255,255,.2)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.6)}.iziToast.iziToast-color-red{background:rgba(255,175,180,.9);border-color:rgba(255,175,180,.9)}.iziToast.iziToast-color-orange{background:rgba(255,207,165,.9);border-color:rgba(255,207,165,.9)}.iziToast.iziToast-color-yellow{background:rgba(255,249,178,.9);border-color:rgba(255,249,178,.9)}.iziToast.iziToast-color-blue{background:rgba(157,222,255,.9);border-color:rgba(157,222,255,.9)}.iziToast.iziToast-color-green{background:rgba(166,239,184,.9);border-color:rgba(166,239,184,.9)}.iziToast.iziToast-layout2 .iziToast-body .iziToast-message{width:100%}.iziToast.iziToast-layout3{border-radius:2px}.iziToast.iziToast-layout3::after{display:none}.iziToast .revealIn,.iziToast.revealIn{-webkit-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;-moz-animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both;animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.iziToast.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{-webkit-animation:iziT-fadeInUp .7s ease both;animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{-webkit-animation:iziT-fadeInDown .7s ease both;animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{-webkit-animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{-webkit-animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both;animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{-webkit-animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both;animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{-webkit-animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{-webkit-animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{-webkit-animation:iziT-fadeOutLeft .5s ease both;animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{-webkit-animation:iziT-fadeOutRight .5s ease both;animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{-webkit-animation:iziT-fadeIn .5s ease both;animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{-webkit-animation:iziT-fadeOut .7s ease both;animation:iziT-fadeOut .7s ease both}@-webkit-keyframes iziT-revealIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,1)}to{opacity:1}}@-moz-keyframes iziT-revealIn{0%{opacity:0;-moz-transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes iziT-slideIn{0%{opacity:0;-moz-transform:translateX(50px)}to{opacity:1;-moz-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;-webkit-transform:translateX(280px)}50%{opacity:1;-webkit-transform:translateX(-20px)}70%{-webkit-transform:translateX(10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;-webkit-transform:translateX(-280px)}50%{opacity:1;-webkit-transform:translateX(20px)}70%{-webkit-transform:translateX(-10px)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}50%{opacity:1;-webkit-transform:translateY(10px)}70%{-webkit-transform:translateY(-5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;-webkit-transform:translateY(200px)}50%{opacity:1;-webkit-transform:translateY(-10px)}70%{-webkit-transform:translateY(5px)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-moz-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-webkit-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-o-keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@-moz-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-o-keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-o-keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@-moz-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-webkit-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-o-keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@-moz-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-o-keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@-moz-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-webkit-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-o-keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@-moz-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-o-keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes iziT-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-moz-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-o-keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-moz-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-o-keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-moz-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-webkit-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-o-keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}}@-moz-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-webkit-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-o-keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}}@-moz-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-o-keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes iziT-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}