[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]) {
  color: inherit;
  text-decoration: none;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
button {
  border-radius: 0;
}
button,
input,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.h1,
h1 {
  font-size: 2.5rem;
}
.h2,
h2 {
  font-size: 2rem;
}
.h3,
h3 {
  font-size: 1.75rem;
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.small,
small {
  font-size: 80%;
  font-weight: 400;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-12,
.col-5,
.col-7,
.col-lg-4,
.col-md-1,
.col-md-10,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-8,
.col-sm-4,
.col-sm-6,
.col-xl-2 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.collapse:not(.show) {
  display: none;
}
.dropdown {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active {
  display: block;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.text-white {
  color: #fff !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}
@media print {
  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  img {
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
}
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
@-webkit-keyframes bounce {
  from,
  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);
  }
}
@keyframes bounce {
  20%,
  53%,
  from,
  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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@-webkit-keyframes flash {
  from,
  to {
    opacity: 1;
  }
}
@keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  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);
  }
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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);
  }
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shakeX {
  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);
  }
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 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);
  }
}
@-webkit-keyframes swing {
  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);
  }
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  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);
  }
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  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);
  }
}
@-webkit-keyframes jello {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jello {
  11.1%,
  from,
  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 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 backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@-webkit-keyframes bounceIn {
  from,
  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);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  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);
  }
}
@-webkit-keyframes bounceInDown {
  from,
  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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInLeft {
  from,
  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);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInRight {
  from,
  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) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  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) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceInUp {
  from,
  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) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  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) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceOut {
  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);
  }
}
@-webkit-keyframes bounceOutDown {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@-webkit-keyframes bounceOutLeft {
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@-webkit-keyframes bounceOutRight {
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@-webkit-keyframes bounceOutUp {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@-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;
  }
  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;
  }
}
@-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;
  }
  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);
  }
}
@-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;
  }
  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);
  }
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  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;
  }
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  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;
  }
}
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  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);
  }
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  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);
  }
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes hinge {
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -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-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-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;
  }
}
@-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;
  }
  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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@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;
  }
}
@-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);
  }
}
@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);
  }
}
@-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);
  }
}
@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);
  }
}
@-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);
  }
}
@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);
  }
}
@-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);
  }
}
@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);
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  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;
  }
}
@-webkit-keyframes zoomOutDown {
  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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomOutLeft {
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@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-keyframes zoomOutRight {
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@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-keyframes zoomOutUp {
  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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
@-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);
  }
}
header {
  position: fixed;
  width: 100%;
  z-index: 100000;
  background-color: rgb(190 199 255 / 22%);
}
header.sticky {
  padding: 0 5px;
  background-color: rgb(54 68 96 / 65%);
}
header ul li a {
  margin: 0 15px;
  font-size: x-large;
  transition: 0.6s;
}
.navbar {
  padding-top: 0;
}
.dropdown:hover > .dropdown-menu {
  display: block;
}
nav .navbar-nav .dropdown .nav-link {
  position: relative;
  z-index: 1;
}
nav .navbar-nav .dropdown .nav-link:hover {
  color: rgb(255, 255, 255);
}
nav .navbar-nav .dropdown .nav-link:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: ".";
  color: transparent;
  background: none;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
nav .navbar-nav .dropdown .nav-link:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.navbar-collapse .btn {
  border-radius: 0;
  padding: 7px 20px;
}
.navbar-collapse .mb-2 {
  align-self: flex-end;
}
.dropdown {
  position: static !important;
}
.dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  margin-top: 0 !important;
  width: 100% !important;
  top: 87% !important;
  background-color: #fff;
  max-width: 50%;
  left: 50% !important;
  right: auto;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.dropdown-menu .dropdown-item {
  font-size: 18px;
  padding-top: 10px;
}
.mydiv {
  display: none;
}
.dropdown-menu .dropdown-item:hover {
  display: block;
  opacity: 0.8;
  background: 0 0;
  color: #04d0f1;
}
.overlay {
  position: absolute;
  display: flex;
  bottom: 20px;
  left: 10px;
  justify-content: left;
  flex-direction: column;
  text-align: left;
  color: #fff;
}
.overlay h2 {
  line-height: 1;
  margin-bottom: 24px;
  font-size: 24px;
}
.videoBackgroundWrapper {
  position: relative;
}
.videoBackground {
  width: 100%;
}
.carousel {
  background: #000;
}
#services-carousel .nav {
  justify-content: center;
}
#services-carousel .nav a {
  color: #fff;
}
.section-title {
  padding-top: 20px;
  color: #fff;
  font-size: 3em;
  text-align: center;
  margin-bottom: 70px;
}
.carousel ul {
  padding-bottom: 40px;
}
.carousel ul li {
  width: 300px;
  font-size: 23px;
  color: #c9c4c4;
}
.carousel ul li:hover {
  color: #fff;
}
.carousel ul li h2 {
  font-size: 23px;
}
.carousel ul li .icon-tabbed {
  width: 80px;
  padding-right: 24px;
  padding-top: 0px;
}
.carousel-item img {
  width: 100%;
  height: auto;
}
#testimonial_095 .carousel-item img {
  width: 69px;
}
.module-slide--cover {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 55.5vw;
}
.module-slide--cover:before {
  width: 99%;
}
.module-slide--cover:after,
.module-slide--cover:before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  right: 0;
  height: 100%;
  transform: skewX(29deg);
  z-index: -1;
}
.module-slide--cover > div {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  background: #fff url(/images/tabbed-slider/white-pattern.webp) 0 0 repeat;
  position: absolute;
  height: 100%;
}
.module-slide--cover:after {
  width: 107%;
}
.module-slide--txt .run-txt {
  display: inline-block;
  font-size: 34px;
  color: rgba(0, 0, 0, 0.7);
}
.module-slide--txt {
  width: 100%;
  padding-top: 7%;
  padding-bottom: 7%;
  padding-right: 10%;
  padding-left: 25%;
  line-height: 1.1;
  font-weight: 400;
  color: #000;
}
.module-slide--readmore a {
  color: #000;
  font-size: 28px;
  text-decoration: underline;
  font-weight: 700;
}
.module-slide--readmore a:hover {
  color: #feaf3c;
  font-size: 28px;
  text-decoration: none;
  font-weight: 700;
}
.services {
  /* background-color: #0b1c36;
  padding-bottom: 10px; */
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: cover;
  padding: 30px;
  background-image: url(/images/services/exp-waves-dm.webp);
}
.digital-exp--top {
  padding-top: 65px;
}
.section-title1 {
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
}
.section-title1 .section-title--h,
.section-title1 strong {
  font-size: 3em;
  font-weight: 700;
}
.section-title1 p {
  font-size: 33px;
}
.exp {
  text-align: -webkit-center;
}
.exp .exp-item {
  padding-left: 110px;
  padding-right: 110px;
  margin-bottom: 65px;
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 1455px;
}
.exp-full_link,
.exp-full_link img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 0;
}
.exp-item .exp-item--img,
.exp-item .exp-item--txt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 11;
}
.exp-item--txt {
  color: #fff;
  max-width: 400px;
  text-align: left;
}
.exp-item--txt p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 30px 0;
}
.exp-item--logo {
  width: 100px;
}
.exp-item--txt a {
  padding-top: 5px;
  font-size: 25px;
  color: #fff;
  text-decoration: underline;
}
.exp-item--txt a:hover {
  color: #feaf3c;
  text-decoration: none;
}
.exp-content--outer {
  max-width: 1455px;
  margin: 0 auto;
}
.exp-content {
  margin-top: -66px;
  margin-bottom: 80px;
  border-top: 11px solid #ffb100;
  position: relative;
}
.exp-content-active {
  opacity: 1;
}
.exp-content--close {
  height: 60px;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(255, 6, 6, 0.8);
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s;
}
.exp-content--close:after,
.exp-content--close:before {
  content: "";
  width: 36px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.exp-content--close:after,
.exp-content--close:before {
  content: "";
  width: 36px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  transition: all 0.2s;
}
.exp-content--close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.case-banner {
  position: relative;
  min-height: 440px;
  display: flex;
}
.banner-inner-content {
  margin: auto;
  color: #fff;
  text-align: center;
  z-index: 2;
}
.case-banner .banner--logo {
  margin-bottom: 40px;
}
.case-banner--text {
  font-size: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
.case-banner--bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.case-banner--bg img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.case-bottom {
  color: #fff;
  background: radial-gradient(ellipse at top, #3b4146 0, #15202f 100%);
  border-bottom: 10px solid #04d0f1;
  position: relative;
  text-align: center;
}
.exp-result {
  position: relative;
  z-index: 2;
}
.exp-result-bottom {
  padding: 20px 0 40px;
  padding-bottom: 20px;
}
.exp-result--title {
  color: #fff;
  font-size: 52px;
  margin-bottom: 15px;
  font-weight: 700;
}
.exp-result--title:after {
  content: "";
  width: 100%;
  max-width: 500px;
  display: block;
  height: 2px;
  background-color: #ffb420;
  margin: 25px auto 40px;
}
.exp-result--subtitle {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 25px;
}
.exp-result-list {
  margin-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.exp-result-list__item {
  margin-bottom: 30px;
  padding: 0 20px;
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.exp-result .numbers-cnt--amount {
  font-size: 65px;
  color: #ffb420;
  text-align: center;
  letter-spacing: -2px;
  font-weight: 700;
  line-height: 1;
  min-height: 70px;
  text-transform: uppercase;
}
.exp-result .numbers-cnt--text {
  font-size: 21px;
  line-height: 1.4;
}
.exp-more-link {
  color: #ffb100;
}
.arrow-link {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  transition: all linear 0.3s;
}
.arrow-link:hover {
  color: #fff;
  text-decoration: none;
}
.exp-more-link--close {
  display: inline-block;
  padding: 1px 13px 1px 40px;
  position: relative;
  z-index: 10;
  border: 3px solid #04d0f1;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  line-height: 36px;
  transition: all 0.3s;
}
.exp-more-link--close:hover {
  background-color: #04d0f1;
}
.exp-more-link--close:before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczNicgaGVpZ2h0PSczNyc+PHBhdGggc3Ryb2tlLXdpZHRoPSc2JyBzdHJva2U9JyNmZmYnIGZpbGw9JyNmZmYnIGQ9J00uNyAzNi4zbC0uNy0uN0wzNS4zLjJsLjcuN3onLz48cGF0aCBzdHJva2Utd2lkdGg9JzYnIHN0cm9rZT0nI2ZmZicgZmlsbD0nI2ZmZicgZD0nTTM1LjMgMzYuM0wwIC45LjcuMiAzNiAzNS42eicvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  height: 32px;
  width: 30px;
  top: 3px;
  left: 6px;
  transition: background-color 0.3s;
  background-size: 16px;
}
.case-bottom:after {
  height: 600px;
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #1f3255;
  background-image: radial-gradient(
    ellipse at 50% 0,
    #3282c1 0,
    rgba(255, 255, 255, 0) 80%
  );
  background-repeat: no-repeat;
  background-position: 50% 50;
}
/* .footer-bg {
  background-image: url(/images/footer/bg-custom-app.webp);
  background-repeat: no-repeat;
  background-size: cover;
} */
.footer-main--inner {
  background-position: 50% 50%;
  padding: 50px 0;
  position: relative;
  color: #000;
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  border-top: 2px solid #0290e1;
}
.footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-main--inner .container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
.list-unstyled li {
  padding-top: 5px;
}
.list-unstyled li a {
  color: #000;
  font-size: 14px !important;
  text-decoration: underline;
}
.list-unstyled li a:hover {
  text-decoration: none;
  color: #ffb100;
}
.textwidget {
  font-size: 14px !important;
  line-height: 1.7;
  letter-spacing: 0.2px;
}
.footer-form h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer-main--bottom {
  background: #7a8395;
  color: white;
}
.footer-main--bottom .footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 13px;
}
.footer-main--bottom .container {
  max-width: 1455px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
  padding-top: 10px;
}
.footer-main--bottom .footer-bottom .copy {
  color: #ffffff;
}
.footer-menu li {
  display: inline-block;
  vertical-align: middle;
}
.footer-menu li a {
  margin: 0 10px;
  color: #ffffff;
}
.footer-menu li a:hover {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.footer-form .custom-form .form-row {
  display: flex;
  margin: 0 -12px;
}
.form-row {
  display: block !important;
}
.footer-col-box {
  font-size: 14px;
}
.user-name {
  border-bottom: 1px solid #fff !important;
  padding: 10px !important;
}
.user-email {
  border-bottom: 1px solid #fff !important;
  padding: 10px !important;
}
.btn-outline-light {
  background-color: #17a2b8 !important;
  color: #fff !important;
  padding: 11px !important;
  border-radius: 0 !important;
  font-weight: bolder !important;
  font-size: larger !important;
}
.btn-outline-light:hover {
  color: #17a2b8 !important;
  background-color: #000c1f !important;
}
.custom-form .form-item {
  margin: 0 5px 30px;
  position: relative;
}
.custom-form .form-item > span {
  display: inline-block;
  position: relative;
}
.tabsliderbg {
  background-image: url(/images/tabbed-slider/tabsliderbg.webp);
  background-repeat: no-repeat;
  max-width: 100%;
  background-size: 100%;
}
.tabbedslider {
  display: none;
}
.banner-top {
  padding-top: 130px;
  min-height: 450px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: #3c4a64;
  position: relative;
}
.banner-services .banner-top--img {
  background-image: url(/images/services/banner-services.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.banner-top--img:before {
  content: "";
}
.banner-top--img,
.banner-top--img:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: transform;
}
.banner-top-inner {
  max-width: 80%;
}
.banner-top-inner {
  position: relative;
  z-index: 10;
  margin: 0 auto;
}
.banner-top--title {
  margin-bottom: 40px;
}
.banner-top--title {
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}
.banner-top--title strong {
  font-size: 62px;
  color: #fff;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.2;
  font-weight: 700;
}
.banner-top--btn {
  margin-top: 2vh;
}
figure {
  margin: 0 0 0 !important;
}
.profile h2 {
  font-size: 2.5rem;
}
.profile h3 {
  font-size: 2.5rem;
}
.bg123 h2 {
  font-size: 2.5rem;
}
.services-products h3 {
  font-size: 2rem;
}
.services12 {
  background-color: #0b1c36;
  padding-top: 80px;
  padding-bottom: 25px;
  background-image: radial-gradient(
    ellipse at top,
    #0161ae 0,
    rgba(255, 255, 255, 0) 80%
  );
  background-color: #0b1c36;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.bg-circle {
  background-image: radial-gradient(
    ellipse at top,
    #0161ae 0,
    rgba(255, 255, 255, 0) 80%
  );
  background-color: #0b1c36;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.services12 .container {
  padding: 70px 0 0;
}
.bg-circle .container {
  max-width: 1450px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
.services-list--item.-odd {
  padding-left: 80px;
  background-color: #fff;
  background-image: linear-gradient(to right, #fff 0, #e6e7e8 65%);
}
.services-list--item {
  min-height: 450px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  position: relative;
}
.services-list--link {
  color: #123466;
  text-decoration: none;
  background-color: transparent;
}
.services-list--link:hover {
  text-decoration: none;
}
.services-list--content {
  max-width: 375px;
  color: #123466;
  width: 100%;
  margin-right: 25px;
}
.services-list--content a span {
  color: #ffb100;
  text-decoration: underline;
}
.services-list--content a span:hover {
  color: #000;
  text-decoration: none;
}
.services-list--item:after,
.services-list--title {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 23px;
  transition: color 0.3s;
}
.-odd .services-list--text {
  margin-right: 50px;
}
.services-list--text {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.4;
}
.services-list--item .arrow-link {
  font-size: 14px;
}
.arrow-link {
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
.services-list--animations {
  width: 100%;
  max-width: 970px;
  align-self: stretch;
}
.services-list--module {
  display: flex;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  padding-bottom: 20px;
  padding-right: 10px;
  overflow: hidden;
  position: relative;
  opacity: 0.9;
}
.services-list--module ul {
  list-style: none;
}
.-odd .services-list--module:before {
  background-image: radial-gradient(
    ellipse at left top,
    #1fb8ff 0,
    #3b36c6 90%
  );
}
.services-list--module:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 20px);
  left: 0px;
  top: 0;
  background-color: #3b36c6;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 12px 10px rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.services-list--features {
  margin-top: 7%;
  margin: 30px 0 0 10px;
  width: 100%;
  max-width: 260px;
  padding: 0 20px 0 25px;
}
.services-list--features li {
  font-size: 18px;
  margin-bottom: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.-odd .services-list--media {
  margin: -270px 40px 0 0;
  right: -15px;
}
.services-list--media {
  height: 92%;
  max-width: calc(100% - 800px);
  top: 50%;
  box-shadow: 4px 4px 16px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
}
.services-list--media:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2NjknIGhlaWdodD0nMjg0Jz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J2EnIHgxPSczMzQuNicgeDI9JzMzNC42JyB5MT0nMjk2LjYnIHkyPSctMS41JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZmZmJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjZmZmJyBzdG9wLW9wYWNpdHk9JzAnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSd1cmwoI2EpJyBkPSdNNjY4LjkgODFMLjQgMjgzLjNWLTRoNjY4LjV6JyBvcGFjaXR5PScuNScvPjwvc3ZnPg==);
  background-size: contain;
}
.services-list--media img,
.services-list--media video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.services-list--media img,
.services-list--media video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.slideshow-container {
  position: relative;
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot .active,
.dot:hover {
  background-color: #717171;
}
.author {
  color: #ffb100;
}
.contact {
  padding: 180px 0 70px;
}
.contact {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(22%, #e4f0fa),
    color-stop(71%, #f7fcfe)
  );
  background-image: linear-gradient(to top, #e4f0fa 22%, #f7fcfe 71%);
  position: relative;
  height: 100%;
}
.raq-bg {
  background: url(/images/contactbg.webp) 0 0 no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.contact .contact_BG h4,
.contact .contact_BG h2 {
  color: black !important;
}
.contact .container {
  color: #383838;
  text-align: left;
  max-width: 1455px;
  margin: 0 auto;
  position: relative;
  padding: 20px 20px;
}
.contact .right {
  min-width: 100%;
}
.contact .right {
  width: 100%;
  max-width: 700px;
}
.raq .wpcf7 {
  position: relative;
}
.raq .wpcf7:before {
  content: "";
  box-shadow: -20px -8px 14px -6px rgba(0, 0, 0, 0.25);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.raq .wpcf7-form {
  padding: 40px 5.7vw 70px;
}
.raq .wpcf7-form {
  opacity: 1;
  background-color: #1a315d;
  background-image: radial-gradient(
    ellipse at left top,
    #185383 0,
    #1a315d 80%
  );
  color: #fff;
}
.contact .wpcf7-form {
  display: flex;
  -ms-flex-direction: column;
  text-align: center;
  flex-direction: column;
}
.raq-top {
  margin: 0 -2.2vw 40px;
}
.raq-top {
  text-align: center;
}
.raq-title {
  font-size: 38px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 30px;
}
.raq-subtitle {
  font-size: 47px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 25px;
  color: #04d0f1;
}
.raq-top p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.contact .wpcf7-form .form-item {
  margin-bottom: 50px;
}
.custom-form .form-item {
  margin: 0 5px 30px;
  position: relative;
}
.custom-form .form-item .wpcf7-form-control-wrap {
  position: static;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  background-color: #fff !important;
  color: #000 !important;
  opacity: 1;
}
.contact .custom-form .wpcf7 .init .form-item > span {
  width: 100%;
}
.raq .wpcf7-form .form-item > span:before {
  opacity: 0.4;
}
.raq .wpcf7-form .form-item input,
.raq .wpcf7-form .form-item textarea {
  border-bottom-color: #04d0f1;
  color: #fff;
}
.contact .wpcf7-form .form-item input,
.contact .wpcf7-form .form-item textarea {
  text-align: left;
}
.custom-form .form-item input,
.custom-form .form-item textarea {
  background: 0 0;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 21px;
  letter-spacing: 0.44px;
  width: 100%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.raq .wpcf7-form .btn-primary {
  background-color: #17a2b8 !important;
  color: #fff;
}
.raq .wpcf7-form .btn-primary:hover {
  color: #17a2b8 !important;
  background-color: #000c1f !important;
}
.contact .wpcf7-form .btn-primary {
  margin-top: 5px;
  display: inline-block;
}
.contact .btn-primary {
  letter-spacing: 1.39px;
}
.contact .btn-primary {
  padding: 10px 40px;
  background-color: transparent;
  color: #fff;
  border: thin solid #fff;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contact .btn {
  width: 420px;
  display: inline-block;
  -webkit-transition: border 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, box-shadow 0.3s, background 0.3s;
  transition: border 0.3s, box-shadow 0.3s, background 0.3s,
    -webkit-box-shadow 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-align: center;
}
.content {
  position: relative;
}
.content .responsive {
  width: -webkit-fill-available;
  max-width: 100%;
  height: auto;
}
.services-products {
  background-size: 100%;
  line-height: 35px;
}
.services-products h1 {
  font-size: 2rem;
}
.services-products .col-md-6 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.testimonial {
  background-color: #fafafa;
  color: #222;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 34px;
}
.testimonial1 {
  color: #222;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 34px;
}
.blue_bg {
  background-color: #e3edf6;
}
.servicesno0 {
  background-image: url(/images/services/phpwebdevelopment/php.webp);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  color: #222;
  font-weight: 300;
  line-height: 34px;
}
.banner-top {
  padding-top: 130px;
  height: 75vh;
  min-height: 615px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  background-color: #3c4a64;
  position: relative;
}
.banner-about .banner-top--img {
  background-image: url(/images/about/banner-about.webp);
}
.banner-about .banner-top--img:before {
  background-image: url(/images/about/banner-about.webp);
}
.banner-top--img,
.banner-top--img:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-top--img:before {
  content: "";
}
.banner-top--title {
  margin-bottom: 60px;
}
.partner-section.inner-pages {
  padding: 110px 0;
}
.partner-section.inner-pages {
  padding-top: 30px;
  padding-bottom: 30px;
}
.waves {
  position: relative;
}
.partner-section {
  padding-top: 110px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.waves.dark-bottom .container {
  position: relative;
  z-index: 1;
}
.section-title .section-title--h,
.section-title strong {
  display: block;
  font-weight: 700;
  line-height: 1.2;
}
.partner-list {
  display: flex;
  justify-content: space-between;
}
.partner-list--item {
  padding: 0 30px;
}
.partner-list--item {
  width: calc((100% / 3) - 0.1px);
}
.partner-list--title {
  font-size: 31px;
  font-weight: 400;
  line-height: 1.2;
}
.partner-list--title strong {
  font-size: 38px;
  display: block;
  font-size: 32px;
  font-weight: 700;
}
.partner-list hr {
  max-width: 100px;
  margin: 25px auto;
  height: 3px;
  background-color: #04d0f1;
  border: none;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-color: #fff;
  border-width: 1px;
  background: 0 0;
}
.partner-list--text {
  font-size: 18px;
  max-width: 290px;
  margin: 0 auto;
}
.bg-video--waves {
  background: url(/images/about/bg-waves.gif) no-repeat;
  background-size: cover;
}
@media (max-width: 400px) {
  .carousel ul li h2 {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .section-title {
    font-size: 24px !important;
  }
}
.bg123 {
  background: url(/images/about/bg.webp) no-repeat;
  background-size: cover;
}
.bg12345 {
  background: url(/images/about/bg.webp) no-repeat;
  background-size: cover;
  background-color: #01a0b99e;
  opacity: 0.9;
}
.bg-light1 {
  background: url(/images/about/sectionback.webp) no-repeat;
  background-size: cover;
  background-color: #01a0b99e;
  text-align: center;
}
@media (min-width: 1025px) {
  .testimonial-bg {
    width: 100% !important;
    height: auto !important;
  }
  .service-banner-bg {
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 1024px) {
  .technologies {
    display: inline-flex;
  }
  .technologies li {
    font-size: 14px !important;
  }
}
@media (max-width: 1024px) {
  .testimonial-bg {
    width: 100% !important;
    height: auto !important;
  }
  .service-banner-bg {
    width: 100% !important;
    height: auto !important;
  }
}
.product-bg {
  background: url(/images/products/pro-bg.webp) no-repeat;
  background-size: cover;
}
.padding {
  padding-top: 120px;
  padding-bottom: 50px;
}
.product-bg .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.product-1 {
  border: solid 1px #d9d9d9;
  background-color: #eed;
  box-shadow: 0 0 20px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  padding-bottom: 50px;
  background-color: #f5f5f5;
}
.product-1:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
}
.pro-pad-1 {
  padding-top: 50px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  letter-spacing: 3px;
  line-height: 1.1;
}
.btn-outline-success {
  margin-left: 5px;
}
.product-1 p,
.product-2 p,
.product-3 p {
  font-size: 28px;
  color: gray;
}
.btn {
  padding: 8px 16px !important;
}
.product-2 {
  border: solid 1px #d9d9d9;
  background-color: #eed;
  box-shadow: 0 0 20px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  padding-bottom: 50px;
  background-color: #f5f5f5;
}
.product-2:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
}
.product-3 {
  border: solid 1px #d9d9d9;
  background-color: #eed;
  box-shadow: 0 0 20px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  padding-bottom: 50px;
  background-color: #f5f5f5;
}
.product-3:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
}
.product-4 p,
.product-5 p,
.product-6 p {
  font-size: 16px;
  color: gray;
  line-height: 28px;
  margin-top: 20px;
  padding-bottom: 5%;
}
.product-4 {
  max-width: 30% !important;
  border: solid 1px #d9d9d9;
  box-shadow: 0 0 20px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.product-4:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
}
.productrow .col-md-4 {
  margin: auto;
}
.productrow p {
  font-size: 22px;
}
.product-5 {
  max-width: 30% !important;
  margin-left: 5%;
  margin-right: 5%;
  border: solid 1px #d9d9d9;
  box-shadow: 0 0 20px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.product-5:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
}
.product-6 {
  max-width: 30% !important;
  box-shadow: 0 0 20px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.product1 {
  max-width: 100%;
}
.product2 {
  max-width: 100%;
}
.product3 {
  max-width: 100%;
}
.product-6:hover {
  box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 35px rgba(255, 255, 255, 0.6);
}
.shaded {
  border: solid 1px #d9d9d9;
  background-color: #eed;
  box-shadow: 0 0 10px rgba(212, 212, 212, 0.6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.bg-video--waves {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.btn-primary {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.btn-primary:hover {
  background-color: #000 !important;
  color: #fff !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.bg-video--waves:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(11, 28, 54, 0.5);
}
.bg-video--waves video {
  display: block;
}
.bg-video--waves:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
}
.partner-section.inner-pages {
  padding: 60px 0;
}
.nav-pills .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.btn-content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-content-left {
  display: flex;
  align-items: left;
  justify-content: left;
}
@keyframes animated-text {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .dropdown-menu.dropdown-menu-center {
    display: none;
  }
  .reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1790px) {
  .module-slide--txt .run-txt {
    font-size: 22px;
  }
  .module-slide--readmore {
    text-align: right;
  }
  .module-slide--readmore a {
    color: #000;
    font-size: 24px;
    text-decoration: underline;
    font-weight: 700;
  }
  .module-slide--readmore a:hover {
    color: #feaf3c;
    font-size: 24px;
    text-decoration: none;
    font-weight: 700;
  }
}
@media (max-width: 1440px) {
  .services-list--item.-odd {
    padding-left: 60px;
  }
  .services-list--item {
    min-height: 380px;
  }
  .services-list--content {
    max-width: 350px;
    margin-right: 15px;
  }
  .services-list--item:after,
  .services-list--title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .services-list--text {
    font-size: 17px;
    line-height: 1.3;
  }
  .services-list--item .arrow-link {
    font-size: 13px;
  }
  .arrow-link {
    font-weight: 600;
  }
  .services-list--animations {
    max-width: 950px;
  }
  .services-list--features {
    margin-top: 6%;
    margin: 27px 0 0 9px;
    max-width: 240px;
    padding: 0 18px 0 23px;
  }
  .services-list--features li {
    font-size: 16px;
    margin-bottom: 22px;
    font-weight: 500;
  }
  .-odd .services-list--media {
    margin: -140px 30px 0 0;
    height: 260px;
  }
  .exp-full_link,
  .exp-full_link img,
  .exp-full_link:before {
    position: absolute;
    width: 100%;
    left: 0;
  }
  .module-slide--txt .run-txt {
    font-size: 20px;
  }
  .module-slide--readmore a {
    color: #000;
    font-size: 20px;
    text-decoration: underline;
    font-weight: 700;
  }
  .module-slide--readmore a:hover {
    color: #feaf3c;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
  }
}
@media (min-width: 1200px) {
  .banner-top {
    height: 75vh;
  }
}
@media (max-width: 1200px) {
  .partner-section.inner-pages {
    background: #00123e;
  }
  .section-title {
    color: #fff !important;
  }
  .services-list--item.-odd {
    padding-left: 40px;
  }
  .services-list--item {
    min-height: 300px;
  }
  .services-list--content {
    max-width: 300px;
    margin-right: 5px;
  }
  .services-list--item:after,
  .services-list--title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 18px;
  }
  .-odd .services-list--text {
    margin-right: 30px;
  }
  .services-list--animations {
    max-width: 785px;
  }
  .services-list--text {
    font-size: 16px;
    line-height: 1.2;
  }
  .services-list--module {
    padding-bottom: 16px;
  }
  .services-list--features {
    margin-top: 4%;
    margin: 15px 0 0 8px;
    max-width: 200px;
    padding: 0 15px 0 15px;
  }
  .services-list--features li {
    font-size: 15px;
    margin-bottom: 18px;
    font-weight: 500;
  }
  .-odd .services-list--media {
    margin: -108px 30px 0 0;
    height: 200px;
  }
  .module-slide--readmore a {
    color: #000;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 700;
  }
  .module-slide--readmore a:hover {
    color: #feaf3c;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
  }
  .exp-item--txt > div {
    color: #fff;
    max-width: auto;
    text-align: left;
  }
  .exp-item--logo {
    width: 100px;
  }
  .exp-item--txt p {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    margin: 15px 0;
  }
  .exp-item--txt a {
    font-size: 22px;
  }
  .exp-item--img img {
    width: 50%;
    height: 250px;
    float: left;
  }
  .exp-item > div {
    z-index: 11;
  }
  .exp-full_link,
  .exp-full_link img,
  .exp-full_link:before {
    position: absolute;
    width: 100%;
    left: 0;
  }
  .module-slide--txt .run-txt {
    font-size: 14px;
  }
  .module-slide--txt {
    padding-top: 4%;
  }
  .banner--logo img {
    height: 110px;
  }
  .case-banner--text {
    font-size: 20px;
  }
  .exp-result--title {
    font-size: 32px;
    margin-bottom: 11px;
    font-weight: 500;
  }
  .exp-result--title:after {
    max-width: 250px;
    margin: 20px auto 40px;
  }
  .exp-result--subtitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .exp-result-list {
    margin-top: 35px;
    padding-bottom: 35px;
  }
  .exp-result-list__item {
    margin-bottom: 25px;
    padding: 0 18px;
  }
  .exp-result .numbers-cnt--amount {
    font-size: 55px;
    font-weight: 600;
    min-height: 60px;
  }
  .exp-result .numbers-cnt--text {
    font-size: 19px;
    line-height: 1.3;
  }
  .footer-main--inner {
    padding: 45px 0;
  }
  .footer-main--inner .container {
    max-width: 100%;
    padding: 0 18px;
    text-align: center;
  }
  .footer-content .col-md-3 {
    max-width: 100%;
  }
  .call {
    padding: 18px 0;
    max-width: 338px;
    margin: 38px auto 0;
  }
  .call span {
    font-size: 19px;
  }
  .call a {
    margin: 0 0 0 11px;
    font-size: 21px;
  }
  .address {
    margin: 18px 0 0;
  }
  .address li {
    margin: 0 2.8% 0 0;
  }
  .footer-form {
    margin: 0;
  }
  .footer-form h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 35px;
  }
  .custom-form .form-row {
    display: grid;
  }
  .custom-form .form-item {
    margin: 0 11px 28px;
  }
  .custom-form .form-item input,
  .custom-form .form-item textarea {
    font-size: 19px;
    letter-spacing: 0.4px;
  }
  .formbutton .btn {
    font-size: 1.4rem;
    padding: 6px 18px;
  }
  .banner-top--title {
    margin-bottom: 20px;
  }
  .banner-top--title {
    line-height: 1;
    font-size: 26px;
    font-weight: 500;
  }
  .banner-top--title strong {
    font-size: 38px;
  }
  .productrow {
    display: grid !important;
  }
  .productrow .col-md-8 {
    max-width: 100%;
  }
  .productrow .col-md-4 {
    display: contents;
  }
  @media (max-width: 1100px) {
    .services-list--media {
      display: none;
    }
  }
  @media (max-width: 920px) {
    .services-products .btn-content-left a {
      margin: auto;
      display: block;
    }
    .services-products .btn-content-left a:nth-child(2) {
      margin-top: 5px;
    }
    .testimonial p {
      text-align: left !important;
    }
    .btn-outline-primary {
      margin: 5px;
    }
    .subscriber-bg .wpcf7 .row .form-row {
      padding-right: 0px !important;
      padding-left: 0px !important;
      margin-right: 0px !important;
      margin-left: 0px !important;
    }
    .testimonial-headding {
      font-size: 28px;
    }
    .dropdown-menu .dropdown-item:hover {
      font-size: x-large;
      color: #04d0f1;
    }
    .overlay h1 {
      line-height: 1;
      margin-bottom: 10px;
      font-size: 24px;
    }
    .overlay h2 {
      line-height: 1;
      margin-bottom: 20px;
      font-size: 14px;
    }
    .overlay p {
      line-height: 1;
      margin-bottom: 10px;
      font-size: 12px;
    }
    .navbar-nav {
      background-color: #000000ed;
      align-items: center !important;
      padding: 10px;
    }
    header ul li a {
      margin: 0 15px;
      font-size: large;
      transition: 0.6s;
    }
    .section-title {
      padding-top: 0px;
      color: #fff;
      font-size: 2em;
      text-align: center;
      margin-bottom: 40px;
      padding-left: 0px;
    }
    #services-carousel .nav {
      justify-content: left;
      display: contents;
      padding-bottom: 10px;
    }
    .carousel ul li {
      width: 280px;
      font-size: 23px;
      color: #c9c4c4;
    }
    .carousel ul li .icon-tabbed {
      padding-left: 20%;
    }
    .carousel ul li {
      font-size: 18px;
      height: 80px;
      color: #c9c4c4;
      width: 100%;
    }
    .carousel ul li .row div:nth-child(2) {
      padding: 20px 0;
    }
    .carousel ul li br {
      display: none;
    }
    .module-slide--cover > div {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
      background: #fff url(/public/images/tabbed-slider/white-pattern.webp) 0 0
        repeat;
      position: absolute;
    }
    .module-slide--txt {
      width: 100%;
      padding-top: 4%;
      padding-bottom: 4%;
      padding-right: 10%;
      padding-left: 30%;
      line-height: 1.3;
      font-weight: 400;
      color: #000;
    }
    .module-slide--readmore a {
      color: #000;
      font-size: 16px;
      text-decoration: underline;
      font-weight: 700;
    }
    .module-slide--readmore a:hover {
      color: #feaf3c;
      font-size: 16px;
      text-decoration: none;
      font-weight: 700;
    }
    .module-slide--readmore {
      padding-top: 10px;
    }
    .digital-exp--top {
      padding-top: 35px;
    }
    .section-title1 {
      margin-bottom: 25px;
      color: #fff;
      text-align: center;
    }
    .carousel-item .row {
      display: none;
    }
    .section-title1 .section-title--h,
    .section-title1 strong {
      font-size: 2em;
      font-weight: 700;
    }
    .section-title1 p {
      font-size: 18px;
    }
    .exp {
      text-align: -webkit-center;
    }
    .exp .exp-item {
      padding-left: 50px;
      padding-right: 50px;
    }
    .exp-item {
      height: auto;
      margin-bottom: 45px;
      display: flex;
      justify-content: space-between;
      position: relative;
      max-width: 1455px;
    }
    .exp-full_link,
    .exp-full_link img,
    .exp-full_link:before {
      position: absolute;
      width: 100%;
      left: 0;
    }
    .exp-item .exp-item--txt {
      margin: auto;
      width: 100%;
      text-align: justify;
      position: relative;
      display: grid;
      max-width: 100%;
      height: 100%;
    }
    .exp-item .exp-item--img {
      width: 0;
    }
    .exp-item--txt > div {
      display: contents;
    }
    .exp-item--txt .exp-item--logo {
      width: 100px;
      padding-top: 20px;
      float: left;
    }
    .exp-item--txt > div img {
      display: block;
      margin: 0 auto;
    }
    .exp-item--txt > div p {
      font-size: 18px;
      text-align: center;
      font-weight: 400;
      line-height: 1.2;
      margin: 15px 0;
    }
    .exp-item--txt > div a {
      font-size: 18px;
      text-align: center;
      padding-top: 0;
    }
    .banner--logo img {
      height: auto;
    }
    .case-banner--text {
      font-size: 16px;
    }
    .exp-result--title {
      font-size: 26px;
      margin-bottom: 10px;
      font-weight: 400;
    }
    .exp-result--title:after {
      max-width: 220px;
      margin: 16px auto 30px;
    }
    .exp-result--subtitle {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 17px;
    }
    .exp-result-list {
      margin-top: 30px;
      padding-bottom: 30px;
    }
    .exp-result-list__item {
      margin-bottom: 21px;
      padding: 0 15px;
    }
    .exp-result .numbers-cnt--amount {
      font-size: 35px;
      font-weight: 500;
      min-height: 45px;
    }
    .exp-result .numbers-cnt--text {
      font-size: 15px;
      line-height: 1.2;
    }
    .footer-main--inner {
      padding: 40px 0;
    }
    .footer-main--inner .container {
      max-width: 100%;
      display: block;
      padding: 0 15px;
    }
    .footer-data {
      width: 100%;
      max-width: 100%;
      padding-left: 60px;
      padding-right: 60px;
    }
    .call {
      padding: 16px 0;
      max-width: 275px;
      margin: 34px auto 0;
    }
    .call span {
      font-size: 16px;
    }
    .call a {
      margin: 0 0 0 10px;
      font-size: 18px;
    }
    .address {
      margin: 14px 0 0;
    }
    .address li {
      margin: 0 2.5% 0 0;
    }
    .footer-form {
      max-width: 100%;
      width: 100%;
      padding-top: 50px;
      padding-left: 30px;
      padding-right: 30px;
      margin: 0;
    }
    .footer-form h3 {
      font-size: 21px;
      font-weight: 500;
      margin-bottom: 28px;
    }
    .custom-form .form-item {
      margin: 0 10px 25px;
    }
    .custom-form .form-item input,
    .custom-form .form-item textarea {
      font-size: 15px;
      letter-spacing: 0.3px;
    }
    .footer-content .col-md-3 {
      max-width: 100%;
    }
    .footer-content .col-sm-6 {
      max-width: 100%;
    }
    .formbutton .btn {
      font-size: 1.2rem;
      padding: 5px 16px;
    }
    .tabbedslider {
      display: none;
      font-size: 16px;
      z-index: 10;
      background-color: #efefef;
      font-weight: 500;
      position: relative;
      color: #000;
      line-height: 1.3;
      padding: 30px;
      border-top: 5px solid #04d0f1;
      -webkit-box-shadow: inset 0 6px 5px rgba(0, 0, 0, 0.2),
        inset 0 -6px 5px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 6px 5px rgba(0, 0, 0, 0.2),
        inset 0 -6px 5px rgba(0, 0, 0, 0.2);
    }
    .tabbedslider.tab1 {
      display: block;
    }
    .tabbedslider strong {
      font-weight: 700;
      text-transform: uppercase;
    }
    #services-carousel .nav a {
      color: #ffb100;
      text-decoration: underline;
    }
    #services-carousel .nav a:hover {
      text-decoration: none;
    }
    .banner-top--title {
      margin-bottom: 25px;
    }
    .banner-top--title {
      line-height: 1;
      font-size: 22px;
      font-weight: 400;
    }
    .banner-top--title strong {
      font-size: 30px;
    }
    .services-list--item.-odd {
      padding-left: 40px;
      padding-right: 40px;
      display: grid;
      text-align: center;
    }
    .services-list--content {
      max-width: 100%;
    }
    .services-list--title br {
      display: none;
    }
    .services-list--item:after,
    .services-list--title {
      font-size: 24px;
      font-weight: 450;
      margin-bottom: 15px;
    }
    .-odd .services-list--text {
      margin-right: 0;
    }
    .services-list--text {
      font-size: 13px;
      line-height: 1.1;
    }
    .services-list--animations {
      max-width: 100%;
      display: grid;
      padding-top: 20px;
    }
    .services-list--module {
      padding-bottom: 15px;
      width: calc(100% + 0px);
      height: calc(100% + 0px);
      max-width: 100%;
    }
    .services-list--features {
      text-align: left;
      max-width: 100%;
    }
    .services-list--features li {
      font-size: 14px;
      margin-bottom: 15px;
      font-weight: 400;
    }
    .product-1 p {
      font-size: 24px;
      color: gray;
    }
    .product-2 p {
      font-size: 24px;
      color: gray;
    }
    .product-3 p {
      font-size: 24px;
      color: gray;
    }
    .product-4 p {
      font-size: 20px;
      color: gray;
    }
    .product-5 p {
      font-size: 20px;
      color: gray;
    }
    .product-6 p {
      font-size: 20px;
      color: gray;
    }
    header ul li {
      margin: 0;
      font-size: large;
    }
    .testimonial1 {
      font-size: 18px;
      line-height: 30px;
    }
  }
  @media (max-width: 1270px) {
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .navbar .nav-item:not(:last-child) {
      margin-right: 1px;
    }
    header ul li a {
      margin: 0 15px;
      font-size: 20px;
      transition: 0.6s;
    }
  }
  @media (max-width: 719px) {
    .pro-pad-1 {
      font-size: 28px;
    }
    .product-1 p,
    .product-2 p,
    .product-3 p {
      font-size: 18px;
      color: gray;
    }
    .product-4 p,
    .product-5 p,
    .product-6 p {
      font-size: 16px;
      line-height: 22px;
      padding-bottom: 0;
    }
    .product-4 {
      max-width: 100% !important;
      margin-bottom: 20px;
    }
    .product-5 {
      max-width: 100% !important;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 20px;
    }
    .product-6 {
      max-width: 100% !important;
    }
    .contact .btn {
      width: 250px;
    }
    .partner-list {
      display: block;
      justify-content: space-between;
    }
    .partner-list--item {
      width: calc((100% / 1) - 0.1px);
    }
  }
  @media (max-width: 1200px) {
    .bg-video--waves {
      display: none;
    }
    .partner-section {
      color: #fff !important;
    }
    .partner-section {
      background: url(/images/about/bg-waves.gif) no-repeat;
      background-size: cover;
    }
  }
  @media (max-width: 767px) {
    .subscriber-bg .container {
      max-width: 100% !important;
    }
    .subscriber-bg .p-5 {
      padding: 1rem !important;
    }
    .formbutton {
      text-align: center;
    }
    .content {
      text-align: justify;
    }
  }
  #subscribe .row {
    display: block !important;
  }
  #subscribe .row .col-md-5 {
    max-width: 100% !important;
  }
  #subscribe .row .col-md-2 {
    max-width: 100% !important;
    text-align: center;
  }
}
.tabmenu {
  color: #939598;
  font-weight: 600;
}
.tabmenu:hover {
  color: #fff;
  font-weight: 600;
}
.swiper-wrapper .tabblock .active {
  color: #fff;
  font-weight: 600;
}
@media (min-width: 992px) {
  .swiper-wrapper {
    border-bottom: 2px solid #999;
    margin-bottom: 20px;
  }
  .swiper-wrapper > .swiper-slide {
    height: auto;
    max-width: 25%;
  }
  .swiper-slide:hover:before,
  .tabmenu.active:before {
    opacity: 1;
    content: "";
    position: absolute;
    width: 95%;
    left: 0;
    right: 0;
    bottom: -44px;
    height: 6px;
    background-color: #04d0f1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1),
      -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.subscriber-bg {
  background: #072049;
}
#testimonial_095 {
  overflow: hidden;
  /* min-height: 400px; */
  position: relative;
}
#testimonial_095 > .carousel-inner {
  width: 100%;
  margin: auto;
}
.testimonial_095_indicators {
  background: #5d697f !important;
}
#testimonial_095 > .carousel-inner > .carousel-item {
  overflow: hidden;
}
.testimonial_095_indicators > .carousel-indicators {
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial_095_indicators > .carousel-indicators li {
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial_095_indicators > .carousel-indicators .active {
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  margin: 2px 3px;
  background: #1ed600;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial_095_indicators > .carousel-indicators::-webkit-scrollbar {
  height: 3px;
}
.testimonial_095_indicators > .carousel-indicators::-webkit-scrollbar-thumb {
  background: #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.testimonial_095_header > h5,
.testimonial_095_slide > h5 > a,
.testimonial_095_slide > p {
  text-shadow: none;
  font-family: Raleway, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.testimonial_095_header {
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial_095_header > h5 {
  color: #f2f2f2;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.testimonial_095_slide > h5 > a:hover {
  color: #f2f2f2 !important;
}
.testimonial_095_header > h5 > span {
  color: #f2f2f2;
  margin: 0 10px;
  position: relative;
}
.testimonial_095_slide {
  height: 300px;
}
.testimonial_095_slide,
.testimonial_095_slide > a {
  right: 0;
  margin: auto;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}
.testimonial_095_slide {
  bottom: 0;
  width: 70%;
  padding: 20px;
}
.testimonial_095_slide > a {
  width: 75px;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  border: 3px solid #f2f2f2;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial_095_slide > a:after {
  top: 0;
  left: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}
.testimonial_095_slide > a:hover:after {
  -webkit-animation: psBoxShadowEffect_2 2s ease-out;
  animation: psBoxShadowEffect_2 2s ease-out;
}
.testimonial_095_slide > p {
  color: #f2f2f2;
  font-size: 15px;
  margin: 40px 0 20px;
}
.testimonial_095_slide > p > a {
  color: #1ed600;
  padding: 2px 5px;
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.testimonial_095_slide > p > a:hover {
  color: #fff;
  background: #aa914f;
}
.testimonial_095_slide > h5 > a {
  padding: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: border 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: border 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.testimonial_095_slide > h5 > a:hover {
  border: 1px solid #aa914f;
}
@media only screen and (max-width: 480px) {
  .testimonial_095_header {
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .testimonial_095_header > h5 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .testimonial_095_slide {
    width: 98%;
    padding: 5px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .testimonial_095_header {
    width: 95%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .testimonial_095_slide {
    width: 98%;
    padding: 5px;
  }
}
.ps_easeOutSine .carousel-item {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (min-width: 920px) {
  .col-xs-12 {
    height: 300px;
  }
}
.dropdown-item.active,
.dropdown-item:active {
  color: #04d0f1;
  background-color: #fff;
}
.Technologies .col-md-4 {
  height: 100px;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.Technologies .col-md-4 img {
  width: 100px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Technologies .col-md-4:hover {
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.invalid-email,
.invalid-message,
.invalid-name {
  display: none;
}
.bg123 h1 {
  padding-top: 60px;
  line-height: 1.1;
  font-weight: 500 !important;
}
.bg123 p,
.bg123 li {
  line-height: 1.8;
}
.bg123 h3 {
  line-height: 1.1;
  font-weight: 500 !important;
}
.bg123 h4 {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 500 !important;
}
.bg123 h5 {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500 !important;
}
.services-list--features li a {
  color: #fff;
}
.services-list--features li a:hover {
  text-decoration: none;
}
.checked {
  color: orange;
}
.price {
  color: #101051;
  font-weight: 500;
}
.navbar-brand .mobile,
.navbar-brand .tablet {
  display: none;
}
.navbar-expand-lg .nav_btn {
  width: 100%;
  flex-flow: row-reverse;
}
.navbar-expand-lg .nav_btn li {
  padding-top: 5px;
}
@media (max-width: 920px) {
  .contact .wpcf7-form .form-item {
    margin-bottom: 35px;
  }
  .navbar-brand .tablet {
    display: block;
  }
  .navbar-brand .mobile {
    display: none;
  }
  .navbar .container {
    display: block !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .navbar-expand-lg .nav_btn {
    flex-flow: column-reverse;
  }
  .dropdown {
    text-align: center !important;
  }
  .dropdown-menu {
    max-width: 100% !important;
    -webkit-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
  .dropdown-menu .dropdown-item {
    font-size: 16px !important;
    padding-top: 5px !important;
  }
  .dropdown-menu .pt-3 {
    padding-top: 0rem !important;
  }
  header ul li a {
    margin: 0 0px !important;
  }
}
@media (max-width: 768px) {
  .dropdown-menu .col-md-5 {
    display: none !important;
  }
  .dropdown-menu .dropdown-item {
    text-align: center !important;
  }
}
@media (max-width: 600px) {
  .navbar-brand .mobile {
    display: block;
  }
  .navbar-brand .tablet {
    display: none;
  }
}
.contact_BG {
  min-height: 100%;
  background: linear-gradient(
      0deg,
      rgb(101 186 199 / 71%),
      rgb(145 213 224 / 95%)
    ),
    url(/images/contact/contactBG.webp);
  background-size: cover;
}
.contact_BG .container {
  padding: 25px;
  text-align: left;
}
.contact_BG .container H4,
.contact_BG .container h2 {
  color: #000;
}
.contact_BG .container p {
  color: #383838;
}
@media (min-width: 1367px) {
  .testimonial-bg {
    width: 100% !important;
    height: auto !important;
  }
}
.imgSize img {
  width: 100% !important;
  height: auto !important;
}
.wpcf7-form .row form input,
.wpcf7-form .row form textarea {
  padding: 8px 5px;
  line-height: 1;
  font-size: 16px;
}
.wpcf7-form .row form .text-left input {
  margin: auto;
  display: block;
}
@media (max-width: 992px) {
  .case-banner--text {
    margin: 0 20px 0 20px !important;
  }
}
.contact form input,
.contact form textarea {
  border-radius: 0.25rem;
}
.formbutton #submit {
  height: 52px;
}
.banner--logo img {
  width: 100px;
}
@media (max-width: 768px) {
  .box-part .row .col-md-8 {
    width: 50%;
  }
  .box-part .row .col-md-4 {
    width: 50%;
  }
  .bg-light .services-products .row p {
    text-align: left !important;
  }
  .imgreverse .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .testimonial .pt-5 {
    padding-top: 0rem !important;
  }
  .bg-light1 .container .row {
    flex-wrap: inherit;
  }
}
.banner-top--btn .btn-primary {
  background-color: #17a2b8 !important;
  color: #fff;
}
.banner-top--btn .btn-primary:hover {
  color: #17a2b8 !important;
  background-color: #000c1f !important;
}
@media (max-width: 520px) {
  .top-border .col-md-8 {
    width: 100% !important;
  }
  .box-part ul {
    columns: 1 !important;
    -webkit-columns: 1 !important;
  }
  .bg-light1 .container .row {
    flex-wrap: wrap;
  }
  .btn-content-left {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .services-products .container {
    text-align: left;
  }
  .services-products .container .float-left {
    text-align: left !important;
  }
  .bg-light .services-products .container img {
    float: left;
  }
}
.display-none {
  display: none !important;
}
.col-md-8 .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgb(255 255 255);
  z-index: 999;
  opacity: 1;
  transition: all 0.5s;
}
.lds-dual-ring {
  display: inline-block;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 25% auto;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.roundshape {
  border-radius: 0.25rem !important;
}
.invalid-filter-email {
  display: none;
}
.contact_BG p {
  margin-bottom: 0rem !important;
}


.colorlib-logo-desktop .col-7{
  color: #343a40;
  margin: auto;
  text-transform: capitalize;
  font-size: 20px;
  line-height: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* font-weight: 500 !important; */
}
.colorlib-logo-desktop .humberger{
  color: white;
}
@media (max-width: 991px) {
  .colorlib-logo-desktop .col-7{
    font-size: 16px;
    line-height: 20px;
  }
  .colorlib-logo-desktop .col-5{
    margin: auto;
  }
  .colorlib-logo-desktop .col-5 img{
    height: 40px;
  }
}
@media (max-width: 520px) {
  .colorlib-logo-desktop .col-7{
    font-size: 14px;
    line-height: 14px;
  }
  .colorlib-logo-desktop .col-5{
    margin: auto;
  }
  .colorlib-logo-desktop .col-5 img{
    height: 30px;
  }
}