@font-face {
  font-family: "stick-no-bills";
  src: url("../fonts/StickNoBills.ttf");
}

:root {
  --main-color: #b78dd6;
  --secoundery-color: #221735;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "stick-no-bills";
}

html {
  scroll-behavior: smooth;
  overflow: hidden;
}

body {
  overflow-x: hidden;
  position: relative;
}

section.landing {
  height: 100vh;
  z-index: 2;
}

section.landing video {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

section.landing .navbar-toggler {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

section.landing .nav-link {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  white-space: nowrap;
}

section.landing .arrow {
  cursor: pointer;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: animat-arraw;
          animation-name: animat-arraw;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

section.landing h1 {
  max-width: 40ch;
  text-align: center;
  -webkit-transform: scale(0.91);
          transform: scale(0.91);
  -webkit-animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
          animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

section.landing h1 span {
  display: inline-block;
  opacity: 0;
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

section.landing h1 span:nth-child(1) {
  -webkit-animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

section.landing h1 span:nth-child(2) {
  -webkit-animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

section.landing h1 span:nth-child(3) {
  -webkit-animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

section.landing h1 span:nth-child(4) {
  -webkit-animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

section.landing h1 span:nth-child(5) {
  -webkit-animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

section.landing h1 span:nth-child(6) {
  -webkit-animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@-webkit-keyframes scale {
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes scale {
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@-webkit-keyframes fade-in {
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes fade-in {
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

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

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

.planet-left-img {
  position: absolute;
  left: -70px;
  width: 230px;
}

.planet-right-img {
  position: absolute;
  right: -92px;
  width: 200px;
}

@media (max-width: 700px) {
  .planet-left-img {
    position: absolute;
    left: -30px;
    width: 100px;
  }
  .planet-right-img {
    position: absolute;
    right: -32px;
    width: 80px;
  }
}

section#about-us {
  padding: 100px 0;
}

section#about-us p {
  color: #fff;
}

section#about-us .about h1 {
  width: 250px;
  background-image: url("../images/about-us-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--secoundery-color);
}

section#about-us .about p {
  max-width: 600px;
  line-height: 1.5;
}

section#about-us .about p b {
  color: var(--main-color);
}

section#about-us .mission {
  background-image: url("../images/mission-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
}

section#about-us .mission h1 {
  color: var(--main-color);
}

section#about-us .vision {
  background-image: url("../images/vision-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
}

section#about-us .vision h1 {
  color: var(--main-color);
}

section#about-us .target {
  background-image: url("../images/target-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}

section#about-us .target h1 {
  color: var(--main-color);
}

section#about-us .vision p,
section#about-us .target p {
  padding: 1rem 6rem;
}

@media (max-width: 770px) {
  .depats-titles h1 {
    font-size: 23px !important;
  }
  .vision p,
  .target p {
    padding: 1rem 0 !important;
  }
}

section#services h1 {
  color: var(--main-color);
}

section#services .depats-titles h1 {
  cursor: pointer;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 35px;
  font-weight: bold;
}

section#services .depats-titles h1.active, section#services .depats-titles h1:hover {
  color: var(--main-color);
}

section#services .depats-titles h1:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

section#services ul {
  list-style: none;
  font-size: 23px;
  color: #fff;
}

section#services ul li {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin: 12px 0;
}

section#services ul li:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  color: var(--main-color);
}

section#services .service {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

section#contact-us {
  min-height: 100vh;
}

section#contact-us h1 {
  color: var(--main-color);
}

section#contact-us form textarea,
section#contact-us form input {
  background-color: #d4d3d8;
}

section#contact-us form label {
  color: var(--main-color);
  font-size: 20px;
}

section#contact-us form button {
  background-color: #b2afd2 !important;
  font-size: 20px;
  font-weight: 700;
}

section#contact-us img {
  width: 100%;
}

footer {
  background-color: #0f0d2b;
}

footer .column {
  font-size: 1.1rem;
}

footer .column span {
  color: var(--main-color);
  font-weight: bold;
}

footer .column a {
  color: #fff;
  text-decoration: none;
}

footer .column img {
  width: 30px;
}

.splash-screen {
  -webkit-transition: 1s;
  transition: 1s;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: var(--secoundery-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.offset-45deg {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*---------------------------*/
/*-- Rocket Spinner Styles --*/
/*---------------------------*/
.loader {
  width: 100px;
  height: 100px;
  position: relative;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.loader:hover {
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.loader-white .loader--icon {
  color: white;
}

.loader-white .pufs > i:after {
  -webkit-animation-name: puf-white;
          animation-name: puf-white;
}

.loader-spined {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  position: absolute;
  display: block;
  -webkit-animation: orbit 3s linear infinite;
          animation: orbit 3s linear infinite;
}

@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes orbit {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.loader--icon {
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 0 auto;
  font-size: 26px;
  color: #0a2639;
}

.pufs {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  position: absolute;
}

.pufs > i {
  font: normal normal normal 14px/1 FontAwesome;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}

.pufs > i:after {
  content: "\f111";
  height: 7px;
  width: 7px;
  position: relative;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  top: 7px;
  font-size: 9px;
  opacity: 0;
  -webkit-animation-name: puf;
          animation-name: puf;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.pufs > i:nth-child(1) {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}

.pufs > i:nth-child(1):after {
  -webkit-animation-delay: 0.06667s;
          animation-delay: 0.06667s;
  margin-top: -1px;
}

.pufs > i:nth-child(2) {
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
}

.pufs > i:nth-child(2):after {
  -webkit-animation-delay: 0.13333s;
          animation-delay: 0.13333s;
  margin-top: 1px;
}

.pufs > i:nth-child(3) {
  -webkit-transform: rotate(24deg);
          transform: rotate(24deg);
}

.pufs > i:nth-child(3):after {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  margin-top: -1px;
}

.pufs > i:nth-child(4) {
  -webkit-transform: rotate(32deg);
          transform: rotate(32deg);
}

.pufs > i:nth-child(4):after {
  -webkit-animation-delay: 0.26667s;
          animation-delay: 0.26667s;
  margin-top: 1px;
}

.pufs > i:nth-child(5) {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.pufs > i:nth-child(5):after {
  -webkit-animation-delay: 0.33333s;
          animation-delay: 0.33333s;
  margin-top: -1px;
}

.pufs > i:nth-child(6) {
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
}

.pufs > i:nth-child(6):after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  margin-top: 1px;
}

.pufs > i:nth-child(7) {
  -webkit-transform: rotate(56deg);
          transform: rotate(56deg);
}

.pufs > i:nth-child(7):after {
  -webkit-animation-delay: 0.46667s;
          animation-delay: 0.46667s;
  margin-top: -1px;
}

.pufs > i:nth-child(8) {
  -webkit-transform: rotate(64deg);
          transform: rotate(64deg);
}

.pufs > i:nth-child(8):after {
  -webkit-animation-delay: 0.53333s;
          animation-delay: 0.53333s;
  margin-top: 1px;
}

.pufs > i:nth-child(9) {
  -webkit-transform: rotate(72deg);
          transform: rotate(72deg);
}

.pufs > i:nth-child(9):after {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  margin-top: -1px;
}

.pufs > i:nth-child(10) {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}

.pufs > i:nth-child(10):after {
  -webkit-animation-delay: 0.66667s;
          animation-delay: 0.66667s;
  margin-top: 1px;
}

.pufs > i:nth-child(11) {
  -webkit-transform: rotate(88deg);
          transform: rotate(88deg);
}

.pufs > i:nth-child(11):after {
  -webkit-animation-delay: 0.73333s;
          animation-delay: 0.73333s;
  margin-top: -1px;
}

.pufs > i:nth-child(12) {
  -webkit-transform: rotate(96deg);
          transform: rotate(96deg);
}

.pufs > i:nth-child(12):after {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  margin-top: 1px;
}

.pufs > i:nth-child(13) {
  -webkit-transform: rotate(104deg);
          transform: rotate(104deg);
}

.pufs > i:nth-child(13):after {
  -webkit-animation-delay: 0.86667s;
          animation-delay: 0.86667s;
  margin-top: -1px;
}

.pufs > i:nth-child(14) {
  -webkit-transform: rotate(112deg);
          transform: rotate(112deg);
}

.pufs > i:nth-child(14):after {
  -webkit-animation-delay: 0.93333s;
          animation-delay: 0.93333s;
  margin-top: 1px;
}

.pufs > i:nth-child(15) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.pufs > i:nth-child(15):after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  margin-top: -1px;
}

.pufs > i:nth-child(16) {
  -webkit-transform: rotate(128deg);
          transform: rotate(128deg);
}

.pufs > i:nth-child(16):after {
  -webkit-animation-delay: 1.06667s;
          animation-delay: 1.06667s;
  margin-top: 1px;
}

.pufs > i:nth-child(17) {
  -webkit-transform: rotate(136deg);
          transform: rotate(136deg);
}

.pufs > i:nth-child(17):after {
  -webkit-animation-delay: 1.13333s;
          animation-delay: 1.13333s;
  margin-top: -1px;
}

.pufs > i:nth-child(18) {
  -webkit-transform: rotate(144deg);
          transform: rotate(144deg);
}

.pufs > i:nth-child(18):after {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  margin-top: 1px;
}

.pufs > i:nth-child(19) {
  -webkit-transform: rotate(152deg);
          transform: rotate(152deg);
}

.pufs > i:nth-child(19):after {
  -webkit-animation-delay: 1.26667s;
          animation-delay: 1.26667s;
  margin-top: -1px;
}

.pufs > i:nth-child(20) {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}

.pufs > i:nth-child(20):after {
  -webkit-animation-delay: 1.33333s;
          animation-delay: 1.33333s;
  margin-top: 1px;
}

.pufs > i:nth-child(21) {
  -webkit-transform: rotate(168deg);
          transform: rotate(168deg);
}

.pufs > i:nth-child(21):after {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  margin-top: -1px;
}

.pufs > i:nth-child(22) {
  -webkit-transform: rotate(176deg);
          transform: rotate(176deg);
}

.pufs > i:nth-child(22):after {
  -webkit-animation-delay: 1.46667s;
          animation-delay: 1.46667s;
  margin-top: 1px;
}

.pufs > i:nth-child(23) {
  -webkit-transform: rotate(184deg);
          transform: rotate(184deg);
}

.pufs > i:nth-child(23):after {
  -webkit-animation-delay: 1.53333s;
          animation-delay: 1.53333s;
  margin-top: -1px;
}

.pufs > i:nth-child(24) {
  -webkit-transform: rotate(192deg);
          transform: rotate(192deg);
}

.pufs > i:nth-child(24):after {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  margin-top: 1px;
}

.pufs > i:nth-child(25) {
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}

.pufs > i:nth-child(25):after {
  -webkit-animation-delay: 1.66667s;
          animation-delay: 1.66667s;
  margin-top: -1px;
}

.pufs > i:nth-child(26) {
  -webkit-transform: rotate(208deg);
          transform: rotate(208deg);
}

.pufs > i:nth-child(26):after {
  -webkit-animation-delay: 1.73333s;
          animation-delay: 1.73333s;
  margin-top: 1px;
}

.pufs > i:nth-child(27) {
  -webkit-transform: rotate(216deg);
          transform: rotate(216deg);
}

.pufs > i:nth-child(27):after {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  margin-top: -1px;
}

.pufs > i:nth-child(28) {
  -webkit-transform: rotate(224deg);
          transform: rotate(224deg);
}

.pufs > i:nth-child(28):after {
  -webkit-animation-delay: 1.86667s;
          animation-delay: 1.86667s;
  margin-top: 1px;
}

.pufs > i:nth-child(29) {
  -webkit-transform: rotate(232deg);
          transform: rotate(232deg);
}

.pufs > i:nth-child(29):after {
  -webkit-animation-delay: 1.93333s;
          animation-delay: 1.93333s;
  margin-top: -1px;
}

.pufs > i:nth-child(30) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}

.pufs > i:nth-child(30):after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  margin-top: 1px;
}

.pufs > i:nth-child(31) {
  -webkit-transform: rotate(248deg);
          transform: rotate(248deg);
}

.pufs > i:nth-child(31):after {
  -webkit-animation-delay: 2.06667s;
          animation-delay: 2.06667s;
  margin-top: -1px;
}

.pufs > i:nth-child(32) {
  -webkit-transform: rotate(256deg);
          transform: rotate(256deg);
}

.pufs > i:nth-child(32):after {
  -webkit-animation-delay: 2.13333s;
          animation-delay: 2.13333s;
  margin-top: 1px;
}

.pufs > i:nth-child(33) {
  -webkit-transform: rotate(264deg);
          transform: rotate(264deg);
}

.pufs > i:nth-child(33):after {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
  margin-top: -1px;
}

.pufs > i:nth-child(34) {
  -webkit-transform: rotate(272deg);
          transform: rotate(272deg);
}

.pufs > i:nth-child(34):after {
  -webkit-animation-delay: 2.26667s;
          animation-delay: 2.26667s;
  margin-top: 1px;
}

.pufs > i:nth-child(35) {
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}

.pufs > i:nth-child(35):after {
  -webkit-animation-delay: 2.33333s;
          animation-delay: 2.33333s;
  margin-top: -1px;
}

.pufs > i:nth-child(36) {
  -webkit-transform: rotate(288deg);
          transform: rotate(288deg);
}

.pufs > i:nth-child(36):after {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
  margin-top: 1px;
}

.pufs > i:nth-child(37) {
  -webkit-transform: rotate(296deg);
          transform: rotate(296deg);
}

.pufs > i:nth-child(37):after {
  -webkit-animation-delay: 2.46667s;
          animation-delay: 2.46667s;
  margin-top: -1px;
}

.pufs > i:nth-child(38) {
  -webkit-transform: rotate(304deg);
          transform: rotate(304deg);
}

.pufs > i:nth-child(38):after {
  -webkit-animation-delay: 2.53333s;
          animation-delay: 2.53333s;
  margin-top: 1px;
}

.pufs > i:nth-child(39) {
  -webkit-transform: rotate(312deg);
          transform: rotate(312deg);
}

.pufs > i:nth-child(39):after {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
  margin-top: -1px;
}

.pufs > i:nth-child(40) {
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
}

.pufs > i:nth-child(40):after {
  -webkit-animation-delay: 2.66667s;
          animation-delay: 2.66667s;
  margin-top: 1px;
}

.pufs > i:nth-child(41) {
  -webkit-transform: rotate(328deg);
          transform: rotate(328deg);
}

.pufs > i:nth-child(41):after {
  -webkit-animation-delay: 2.73333s;
          animation-delay: 2.73333s;
  margin-top: -1px;
}

.pufs > i:nth-child(42) {
  -webkit-transform: rotate(336deg);
          transform: rotate(336deg);
}

.pufs > i:nth-child(42):after {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
  margin-top: 1px;
}

.pufs > i:nth-child(43) {
  -webkit-transform: rotate(344deg);
          transform: rotate(344deg);
}

.pufs > i:nth-child(43):after {
  -webkit-animation-delay: 2.86667s;
          animation-delay: 2.86667s;
  margin-top: -1px;
}

.pufs > i:nth-child(44) {
  -webkit-transform: rotate(352deg);
          transform: rotate(352deg);
}

.pufs > i:nth-child(44):after {
  -webkit-animation-delay: 2.93333s;
          animation-delay: 2.93333s;
  margin-top: 1px;
}

.pufs > i:nth-child(45) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.pufs > i:nth-child(45):after {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  margin-top: -1px;
}

.particles {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.particles > i {
  font: normal normal normal 14px/1 FontAwesome;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}

.particles > i:after {
  content: "\f111";
  height: 7px;
  width: 7px;
  position: relative;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  top: 7px;
  font-size: 2px;
  opacity: 0;
  margin-top: 0;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.particles > i:nth-child(1) {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}

.particles > i:nth-child(1):after {
  -webkit-animation-delay: 0.06667s;
          animation-delay: 0.06667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(2) {
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
}

.particles > i:nth-child(2):after {
  -webkit-animation-delay: 0.13333s;
          animation-delay: 0.13333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(3) {
  -webkit-transform: rotate(24deg);
          transform: rotate(24deg);
}

.particles > i:nth-child(3):after {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(4) {
  -webkit-transform: rotate(32deg);
          transform: rotate(32deg);
}

.particles > i:nth-child(4):after {
  -webkit-animation-delay: 0.26667s;
          animation-delay: 0.26667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(5) {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}

.particles > i:nth-child(5):after {
  -webkit-animation-delay: 0.33333s;
          animation-delay: 0.33333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(6) {
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
}

.particles > i:nth-child(6):after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(7) {
  -webkit-transform: rotate(56deg);
          transform: rotate(56deg);
}

.particles > i:nth-child(7):after {
  -webkit-animation-delay: 0.46667s;
          animation-delay: 0.46667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(8) {
  -webkit-transform: rotate(64deg);
          transform: rotate(64deg);
}

.particles > i:nth-child(8):after {
  -webkit-animation-delay: 0.53333s;
          animation-delay: 0.53333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(9) {
  -webkit-transform: rotate(72deg);
          transform: rotate(72deg);
}

.particles > i:nth-child(9):after {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(10) {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}

.particles > i:nth-child(10):after {
  -webkit-animation-delay: 0.66667s;
          animation-delay: 0.66667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(11) {
  -webkit-transform: rotate(88deg);
          transform: rotate(88deg);
}

.particles > i:nth-child(11):after {
  -webkit-animation-delay: 0.73333s;
          animation-delay: 0.73333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(12) {
  -webkit-transform: rotate(96deg);
          transform: rotate(96deg);
}

.particles > i:nth-child(12):after {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(13) {
  -webkit-transform: rotate(104deg);
          transform: rotate(104deg);
}

.particles > i:nth-child(13):after {
  -webkit-animation-delay: 0.86667s;
          animation-delay: 0.86667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(14) {
  -webkit-transform: rotate(112deg);
          transform: rotate(112deg);
}

.particles > i:nth-child(14):after {
  -webkit-animation-delay: 0.93333s;
          animation-delay: 0.93333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(15) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.particles > i:nth-child(15):after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(16) {
  -webkit-transform: rotate(128deg);
          transform: rotate(128deg);
}

.particles > i:nth-child(16):after {
  -webkit-animation-delay: 1.06667s;
          animation-delay: 1.06667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(17) {
  -webkit-transform: rotate(136deg);
          transform: rotate(136deg);
}

.particles > i:nth-child(17):after {
  -webkit-animation-delay: 1.13333s;
          animation-delay: 1.13333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(18) {
  -webkit-transform: rotate(144deg);
          transform: rotate(144deg);
}

.particles > i:nth-child(18):after {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(19) {
  -webkit-transform: rotate(152deg);
          transform: rotate(152deg);
}

.particles > i:nth-child(19):after {
  -webkit-animation-delay: 1.26667s;
          animation-delay: 1.26667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(20) {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}

.particles > i:nth-child(20):after {
  -webkit-animation-delay: 1.33333s;
          animation-delay: 1.33333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(21) {
  -webkit-transform: rotate(168deg);
          transform: rotate(168deg);
}

.particles > i:nth-child(21):after {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(22) {
  -webkit-transform: rotate(176deg);
          transform: rotate(176deg);
}

.particles > i:nth-child(22):after {
  -webkit-animation-delay: 1.46667s;
          animation-delay: 1.46667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(23) {
  -webkit-transform: rotate(184deg);
          transform: rotate(184deg);
}

.particles > i:nth-child(23):after {
  -webkit-animation-delay: 1.53333s;
          animation-delay: 1.53333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(24) {
  -webkit-transform: rotate(192deg);
          transform: rotate(192deg);
}

.particles > i:nth-child(24):after {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(25) {
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}

.particles > i:nth-child(25):after {
  -webkit-animation-delay: 1.66667s;
          animation-delay: 1.66667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(26) {
  -webkit-transform: rotate(208deg);
          transform: rotate(208deg);
}

.particles > i:nth-child(26):after {
  -webkit-animation-delay: 1.73333s;
          animation-delay: 1.73333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(27) {
  -webkit-transform: rotate(216deg);
          transform: rotate(216deg);
}

.particles > i:nth-child(27):after {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(28) {
  -webkit-transform: rotate(224deg);
          transform: rotate(224deg);
}

.particles > i:nth-child(28):after {
  -webkit-animation-delay: 1.86667s;
          animation-delay: 1.86667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(29) {
  -webkit-transform: rotate(232deg);
          transform: rotate(232deg);
}

.particles > i:nth-child(29):after {
  -webkit-animation-delay: 1.93333s;
          animation-delay: 1.93333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(30) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}

.particles > i:nth-child(30):after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(31) {
  -webkit-transform: rotate(248deg);
          transform: rotate(248deg);
}

.particles > i:nth-child(31):after {
  -webkit-animation-delay: 2.06667s;
          animation-delay: 2.06667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(32) {
  -webkit-transform: rotate(256deg);
          transform: rotate(256deg);
}

.particles > i:nth-child(32):after {
  -webkit-animation-delay: 2.13333s;
          animation-delay: 2.13333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(33) {
  -webkit-transform: rotate(264deg);
          transform: rotate(264deg);
}

.particles > i:nth-child(33):after {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(34) {
  -webkit-transform: rotate(272deg);
          transform: rotate(272deg);
}

.particles > i:nth-child(34):after {
  -webkit-animation-delay: 2.26667s;
          animation-delay: 2.26667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(35) {
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}

.particles > i:nth-child(35):after {
  -webkit-animation-delay: 2.33333s;
          animation-delay: 2.33333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(36) {
  -webkit-transform: rotate(288deg);
          transform: rotate(288deg);
}

.particles > i:nth-child(36):after {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(37) {
  -webkit-transform: rotate(296deg);
          transform: rotate(296deg);
}

.particles > i:nth-child(37):after {
  -webkit-animation-delay: 2.46667s;
          animation-delay: 2.46667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(38) {
  -webkit-transform: rotate(304deg);
          transform: rotate(304deg);
}

.particles > i:nth-child(38):after {
  -webkit-animation-delay: 2.53333s;
          animation-delay: 2.53333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(39) {
  -webkit-transform: rotate(312deg);
          transform: rotate(312deg);
}

.particles > i:nth-child(39):after {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(40) {
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
}

.particles > i:nth-child(40):after {
  -webkit-animation-delay: 2.66667s;
          animation-delay: 2.66667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(41) {
  -webkit-transform: rotate(328deg);
          transform: rotate(328deg);
}

.particles > i:nth-child(41):after {
  -webkit-animation-delay: 2.73333s;
          animation-delay: 2.73333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(42) {
  -webkit-transform: rotate(336deg);
          transform: rotate(336deg);
}

.particles > i:nth-child(42):after {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

.particles > i:nth-child(43) {
  -webkit-transform: rotate(344deg);
          transform: rotate(344deg);
}

.particles > i:nth-child(43):after {
  -webkit-animation-delay: 2.86667s;
          animation-delay: 2.86667s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(44) {
  -webkit-transform: rotate(352deg);
          transform: rotate(352deg);
}

.particles > i:nth-child(44):after {
  -webkit-animation-delay: 2.93333s;
          animation-delay: 2.93333s;
  -webkit-animation-name: particle-o;
          animation-name: particle-o;
}

.particles > i:nth-child(45) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.particles > i:nth-child(45):after {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-name: particle;
          animation-name: particle;
}

@-webkit-keyframes puf {
  0% {
    opacity: 1;
    color: black;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    color: #3498db;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  60%,
  100% {
    opacity: 0;
    color: grey;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

@keyframes puf {
  0% {
    opacity: 1;
    color: black;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    color: #3498db;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  60%,
  100% {
    opacity: 0;
    color: grey;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

@-webkit-keyframes puf-white {
  0% {
    opacity: 1;
    color: rgba(0, 0, 0, 0.75);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    color: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  60%,
  100% {
    opacity: 0;
    color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

@keyframes puf-white {
  0% {
    opacity: 1;
    color: rgba(0, 0, 0, 0.75);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    color: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  60%,
  100% {
    opacity: 0;
    color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

@-webkit-keyframes particle {
  0% {
    opacity: 1;
    color: white;
    margin-top: 0px;
  }
  10% {
    margin-top: 15px;
  }
  75% {
    opacity: 0.5;
    margin-top: 5px;
  }
  100% {
    opacity: 0;
    margin-top: 0px;
  }
}

@keyframes particle {
  0% {
    opacity: 1;
    color: white;
    margin-top: 0px;
  }
  10% {
    margin-top: 15px;
  }
  75% {
    opacity: 0.5;
    margin-top: 5px;
  }
  100% {
    opacity: 0;
    margin-top: 0px;
  }
}

@-webkit-keyframes particle-o {
  0% {
    opacity: 1;
    color: white;
    margin-top: 0px;
  }
  10% {
    margin-top: -7px;
  }
  75% {
    opacity: 0.5;
    margin-top: 0px;
  }
  100% {
    opacity: 0;
    margin-top: 0px;
  }
}

@keyframes particle-o {
  0% {
    opacity: 1;
    color: white;
    margin-top: 0px;
  }
  10% {
    margin-top: -7px;
  }
  75% {
    opacity: 0.5;
    margin-top: 0px;
  }
  100% {
    opacity: 0;
    margin-top: 0px;
  }
}

section#clients {
  padding: 100px 0;
}

section#clients h1 {
  color: #fff;
  margin-bottom: 100px;
}

section#clients .more-info {
  background-color: #2e2f36;
  color: #fff;
  border-radius: 30px;
  padding: 10px 25px;
  font-size: 20px;
  margin: auto;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

section#clients .more-info:hover {
  background-color: #2e2f36bb;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 4));
            transform: translateX(calc(-250px * 4));
  }
}

section#clients .slider {
  -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
          box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 960px;
  max-width: 100%;
}

section#clients .slider::before, section#clients .slider::after {
  background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  height: 250px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

section#clients .slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

section#clients .slider::before {
  left: 0;
  top: 0;
}

section#clients .slider .slide-track {
  -webkit-animation: scroll 20s linear infinite;
          animation: scroll 20s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(250px * 15);
}

section#clients .slider .slide {
  height: 100px;
  width: 250px;
  margin: 0 20px;
}

section#clients .slider .slide img {
  -o-object-fit: contain;
     object-fit: contain;
}

section#team {
  padding: 100px 0;
}

#team-carousel .carousel-inner {
  padding: 1em;
}

.my-card {
  margin: 0 1em;
  -webkit-box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
          box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}

.my-card img {
  height: 312px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px) {
  #team-carousel .carousel-item {
    margin-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    display: block;
  }
  #team-carousel .carousel-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #team-carousel .carousel-control-prev {
    left: -100px;
  }
  #team-carousel .carousel-control-next {
    right: -100px;
  }
}

#team #team-carousel .carousel-item:not(.my-active) {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

#team #team-carousel .carousel-item.my-active::after {
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  top: -200px;
  z-index: -1;
  opacity: 0.7;
  background: rgb(15,13,43);
  background: linear-gradient(166deg, rgba(15,13,43,1) 36%, rgba(35,16,56,1) 50%, rgba(48,13,54,1) 64%, rgba(66,14,63,1) 81%, rgba(80,18,70,1) 89%, rgba(88,19,73,1) 94%, rgba(122,27,99,1) 100%);
}
/*# sourceMappingURL=main.css.map */