@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");
@font-face {
  font-family: 'Neue Haas Grotesk Text Pro';
  src: url("../fonts/NeueHaasGroteskTextPro.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Neue Haas Grotesk Text Pro';
  src: url("../fonts/NeueHaasGroteskTextPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Neue Haas Grotesk Text Pro';
  src: url("../fonts/NeueHaasGroteskTextPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

html {
  box-sizing: border-box;
  height: 100%; }

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

body {
  margin: 0;
  color: #000000;
  background: #fff;
  font: 16px/1.5 "Neue Haas Grotesk Text Pro", sans-serif;
  min-width: 320px;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  height: 100%;
  -webkit-font-smoothing: antialiased; }

* {
  max-height: 1000000px; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

img {
  border-style: none; }

a {
  text-decoration: none;
  color: #ff9208;
  outline: none; }
  a:hover {
    text-decoration: none;
    color: #ff9208; }

input,
textarea,
select,
button {
  font: 100% "Neue Haas Grotesk Text Pro", sans-serif;
  color: #000000;
  vertical-align: middle;
  outline: none; }

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  outline: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
  outline: none; }

input[type="submit"]:hover,
button:hover {
  cursor: pointer; }

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: none; }

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Neue Haas Grotesk Text Pro", sans-serif;
  line-height: 1.2em;
  margin: 0 0 1.2em;
  font-weight: 600;
  color: #000000;
  letter-spacing: 0.02em; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 24px; }

h3, .h3 {
  font-size: 18px; }

h4, .h4 {
  font-size: 14px; }

h5, .h5 {
  font-size: 16px; }

p {
  margin: 0 0 24px; }

q {
  quotes: none; }
  q:before, q:after {
    content: '';
    content: none; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

input::-ms-clear {
  display: none !important; }

html,
body {
  height: 100%; }

body {
  /*background: #fff; */
}

.wrapper {
  background: transparent;
  overflow: hidden; }

.top-section {
  position: relative; }

.container {
  max-width: 1120px;
  padding: 0 20px;
  margin: 0 auto; }

.intro-section {
  position: relative;
  min-height: 80vh;
  overflow: hidden; }
  .intro-section .mobile-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: none; }
    .intro-section .mobile-poster img {
      width: 100%;
      height: 100%;
      display: block;
      -o-object-fit: cover;
         object-fit: cover; }
  .intro-section:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    z-index: 2; }
  .intro-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100vh;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  @media all and (max-width: 1024px) {
    .intro-section .mobile-poster {
      /*display: block; */
    }
    .intro-section video {
      /*display: none; */
    } }

.header-holder {
  height: 67px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5; }
  @media all and (max-width: 767px) {
    .header-holder {
      height: auto; } }

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  z-index: 2; }
  .header .logo-text {
    text-transform: uppercase;
    color: #fff;
    font-size: 35px; }
  .header .slogan {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-size: cover;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px; }
  @media all and (max-width: 767px) {
    .header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-align: center;
              align-items: center;
      height: auto;
      padding-top: 15px; }
      .header .logo-text {
        margin-bottom: 25px;
        font-size: 30px; } }

.nav ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center; }

.nav li {
  margin-left: 40px; }
  .nav li:first-child {
    margin-left: 0; }

.nav a {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  position: relative; }
  .nav a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #fff;
    width: 0;
    height: 1px; }
  .nav a:hover:before, .nav a.active:before {
    width: 100%; }

.star-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 20;
  pointer-events: none; }

.big-star {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -75px;
  margin-bottom: 50px;
  width: 150px;
  height: 150px;
  -webkit-animation: ease-in-out fallingBigStar 1 2s forwards;
          animation: ease-in-out fallingBigStar 1 2s forwards;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s; }
  .big-star img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-animation: ease-in-out rotate 1 2s forwards;
            animation: ease-in-out rotate 1 2s forwards; }
  .big-star .holder {
    -webkit-transition: all 1s;
    transition: all 1s; }
  @media all and (max-width: 767px) {
    .big-star {
      width: 75px;
      height: 75px;
      margin-left: -37px; } }

.section-1-active .big-star {
  bottom: 20%;
  left: 100%;
  margin-left: -200px; }
  .section-1-active .big-star .holder {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

@media all and (max-width: 767px) {
  .section-1-active .big-star {
    margin-left: -80px; } }

.section-2-active .big-star {
  bottom: 20%;
  left: 0;
  margin-left: 0px; }
  .section-2-active .big-star .holder {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

.section-3-active .big-star {
  bottom: -75px;
  left: 50%;
  margin-left: 325px; }
  .section-3-active .big-star .holder {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

@media all and (max-width: 767px) {
  .section-3-active .big-star {
    left: 100%;
    margin-left: -80px;
    bottom: -175px; } }

.small-star {
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: ease-in-out fallingSmallStar 1 2s;
          animation: ease-in-out fallingSmallStar 1 2s;
  -webkit-transform: translateY(-100vh);
          transform: translateY(-100vh); }
  .small-star img {
    width: 100%;
    height: auto;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: linear rotate 1 2s;
            animation: linear rotate 1 2s; }
  .small-star.small-star01 {
    left: 5%;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }
  .small-star.small-star02 {
    left: 20%;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s; }
  .small-star.small-star03 {
    left: 35%;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .small-star.small-star04 {
    left: 50%;
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s; }
  .small-star.small-star05 {
    left: 65%;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .small-star.small-star06 {
    left: 80%;
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s; }
  .small-star.small-star07 {
    left: 95%;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }

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

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

@-webkit-keyframes fallingSmallStar {
  0% {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh); }
  60% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(calc(-33vh));
            transform: translateY(calc(-33vh));
    opacity: 0; } }

@keyframes fallingSmallStar {
  0% {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh); }
  60% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(calc(-33vh));
            transform: translateY(calc(-33vh));
    opacity: 0; } }

@-webkit-keyframes fallingBigStar {
  0% {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(calc(-20vh));
            transform: translateY(calc(-20vh));
    opacity: 1; } }

@keyframes fallingBigStar {
  0% {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(calc(-20vh));
            transform: translateY(calc(-20vh));
    opacity: 1; } }

.promo-logo {
  position: absolute;
  bottom: 1vw;
  left: 0;
  width: 100%;
  color: white;
  font-size: 5.5vw;
  text-transform: uppercase;
  font-weight: 300;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  height: 210px; }
  .promo-logo-left {
    width: 50%;
    text-align: right;
    padding-right: 100px;
    opacity: 0;
    -webkit-animation: textPromoLeft 1.5s ease-in-out 2s 1 forwards;
            animation: textPromoLeft 1.5s ease-in-out 2s 1 forwards; }
  .promo-logo-right {
    width: 50%;
    text-align: left;
    padding-left: 100px;
    opacity: 0;
    -webkit-animation: textPromoRight 1.5s ease-in-out 2s 1 forwards;
            animation: textPromoRight 1.5s ease-in-out 2s 1 forwards; }
  @media all and (max-width: 767px) {
    .promo-logo {
      bottom: 0.85vw;
      font-size: 6vw;
      height: 168px; }
      .promo-logo-left {
        padding-right: 50px; }
      .promo-logo-right {
        padding-left: 50px; } }

@-webkit-keyframes textPromoLeft {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes textPromoLeft {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes textPromoRight {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes textPromoRight {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

.section-header {
  text-align: center; }

.team-section {
  /*padding: 150px 0 0;*/
  padding: 80px 0 0;
  /*background: url(../images/team/background.jpg) no-repeat 50% 100%/cover;*/
  position: relative; }
  .team-section .divider {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 17px;
    margin-top: -8px;
    background: #000;
    -webkit-mask-image: url(../images/pattern.png);
            mask-image: url(../images/pattern.png);
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    -webkit-animation: divider 0.33s infinite linear forwards;
            animation: divider 0.33s infinite linear forwards; }
  .team-section h2 {
    display: inline-block;
    vertical-align: top;
    font-size: 77px;
    font-weight: bold;
    margin: 0 0 100px;
    text-transform: uppercase;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-size: cover;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .team-section h3 {
    display: inline-block;
    vertical-align: top;
    font-size: 39px;
    font-weight: bold;
    /*margin: 0 0 40px;*/
    margin: 0 0 80px;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-size: cover;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 595px; }
  .team-section .container {
    max-width: 870px; }
  @media all and (max-width: 767px) {
    .team-section {
      padding: 50px 0 0; }
      .team-section h2 {
        font-size: 40px;
        margin-bottom: 50px; }
      .team-section h3 {
        font-size: 30px;
        margin-bottom: 60px; } }

@-webkit-keyframes divider {
  0% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0; }
  100% {
    -webkit-mask-position: 17px 0;
            mask-position: 17px 0; } }

@keyframes divider {
  0% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0; }
  100% {
    -webkit-mask-position: 17px 0;
            mask-position: 17px 0; } }

.team-holder {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 -20px 70px; }
  @media all and (max-width: 767px) {
    .team-holder {
      margin-bottom: 50px; } }

.team-item {
  margin-bottom: 45px;
  padding: 0 20px;
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%; }
  .team-item__photo {
    width: 155px;
    height: 155px;
    position: relative;
    margin: 0 auto 15px; }
    .team-item__photo .holder {
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      z-index: 2; }
    .team-item__photo:before {
      position: absolute;
      top: 50%;
      left: 50%;
      content: '';
      background: url(../images/photo-bg.png) no-repeat 50% 50%;
      width: 298px;
      height: 298px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      pointer-events: none; }
    .team-item__photo img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .team-item__name {
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #fff; }
  .team-item__role {
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    text-align: center; }
  .team-item p {
    margin: 0 0 10px;
    font-size: 11px;
    text-align: justify;
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }
  .team-item .read-more {
    display: block;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff; }
    .team-item .read-more em {
      font-style: normal;
      display: none; }
  .team-item__text-box .slide {
    display: none; }
  .team-item__text-box.active .slide {
    display: inline; }
  .team-item__text-box.active .read-more span {
    display: none; }
  .team-item__text-box.active .read-more em {
    display: block; }
  @media all and (max-width: 767px) {
    .team-item {
      -webkit-box-flex: 0;
              flex: 0 0 50%; } }
  @media all and (max-width: 499px) {
    .team-item {
      -webkit-box-flex: 0;
              flex: 0 0 100%; } }

.our-works {
  padding: 90px 0;
  /*background: url(../images/projects/background.jpg) no-repeat 50% 0/cover;*/
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  overflow: hidden;
  position: relative; }
  .our-works .slogan {
    width: 235px;
    margin: 0 auto;
    margin-top: 40px; }
    .our-works .slogan img {
      width: 100%;
      height: auto; }
  .our-works h2 {
    display: inline-block;
    vertical-align: top;
    font-size: 66px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-size: cover;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 240px; }
  .our-works h3 {
    display: inline-block;
    vertical-align: top;
    font-size: 39px;
    font-weight: bold;
    margin: 0 0 40px;
    text-transform: uppercase;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-size: cover;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 595px; }
  .our-works .section-header {
    margin: 0 50px 0 0;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    padding-left: 147px;
    padding-bottom: 50px; }
    .our-works .section-header p {
      color: #fff;
      font-size: 19px;
      width: 295px;
      margin: 40px 0 0;
      text-shadow: 0 0 10px rgba(255, 255, 255, 0.8); }
  .our-works .section-content {
    -webkit-box-flex: 1;
            flex: 1 0 0;
    min-width: 0; }

/*Stars bg styles start*/
* {
  /*background: transparent !important;*/
}

#section2 {
  background: url("../images/mountain_background.png") no-repeat center bottom/100%;
}

html, body {
  /*background: #1b2735;*/
  background: linear-gradient(to right, rgba(27, 39, 53, 1) 0%, #1B2735 100%);
}

.bg-stars {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 0;
}
/*Stars bg styles end*/

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}


@media all and (max-width: 1024px) {
    .our-works {
      display: block;
      padding: 50px 0; }
      .our-works h2 {
        font-size: 40px;
        width: auto; }
      .our-works .section-header {
        margin: 0;
        padding: 0 20px 50px; }
        .our-works .section-header p {
          width: 100%;
          margin-top: 20px;
          font-size: 17px; }
      .our-works .slogan {
        margin-top: 20px;
        width: 180px; } }

.works-list {
  width: 100%;
  margin: -90px 0; }
  .works-list__col {
    width: 550px;
    padding: 90px 75px; }
  @media all and (max-width: 767px) {
    .works-list__col {
      width: 300px;
      padding: 90px 20px; } }

.project-item {
  width: 272px;
  margin-bottom: 37px; }
  .project-item + .project-item {
    margin-left: auto;
    margin-bottom: 0; }
  .project-item__image {
    height: 133px;
    margin: 0 0 18px;
    position: relative; }
    .project-item__image:before {
      position: absolute;
      top: 50%;
      left: 50%;
      content: '';
      background: url(../images/project-bg.png) no-repeat;
      width: 418px;
      height: 338px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-top: 20px; }
    .project-item__image img {
      display: block;
      width: auto;
      height: 100%;
      margin: 0 auto;
      -o-object-fit: cover;
         object-fit: cover;
      position: relative;
      z-index: 2; }
  .project-item__description {
    font-size: 10px;
    color: #fff;
    position: relative;
    z-index: 2;
    /*text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); */
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  }
  @media all and (max-width: 767px) {
    .project-item {
      width: 100%;
      margin: 0 auto 35px; }
      .project-item + .project-item {
        margin-left: 0; } }

.feedback-form {
  max-width: 618px;
  margin: 0 auto;
  padding-bottom: 175px; }
  .feedback-form label {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 7px; }
  .feedback-form .text-field {
    display: block;
    width: 100%;
    height: 46px;
    border: 1px solid #ffffff;
    margin: 0 0 38px;
    padding: 10px 17px;
    font-size: 17px;
    background: rgba(255, 255, 255, 0.35);
    color: #fff; }
    .feedback-form .text-field::-webkit-input-placeholder {
      color: #fff; }
    .feedback-form .text-field::-moz-placeholder {
      color: #fff; }
    .feedback-form .text-field:-ms-input-placeholder {
      color: #fff; }
    .feedback-form .text-field::-ms-input-placeholder {
      color: #fff; }
    .feedback-form .text-field::placeholder {
      color: #fff; }
  .feedback-form textarea.text-field {
    overflow: auto;
    height: 214px; }
  @media all and (max-width: 767px) {
    .feedback-form {
      padding-bottom: 100px; }
      .feedback-form .text-field {
        margin-bottom: 30px;
        font-size: 15px; }
      .feedback-form textarea.text-field {
        height: 120px; } }

.btn {
  display: block;
  /*border: 7px solid #fff;*/
  padding: 0;
  width: 142px;
  height: 52px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 38px;
  color: #fff;
  background: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
  background: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
  /*background: #ffc439;*/
  /*color: #000;*/
  font-weight: bold;
  border-radius: 8px;
  border: none;
  outline: none;
  text-align: center; }
  .btn:hover {
    color: #fff;
    background: -webkit-linear-gradient(315deg, #ff0096 0%, #ae00ff 50%, #00baff 100%);
    background: linear-gradient(135deg, #ff0096 0%, #ae00ff 50%, #00baff 100%);
  }

.pay-now {
  position: relative;
  width: 200px;
  margin: 0 auto; }

.deposit {
  padding: 0 0 160px; }
  .deposit .section-header h3 {
    margin-bottom: 17px; }
  .deposit__sum {
    display: block;
    color: #fff;
    font-size: 51px;
    font-weight: bold;
    text-align: center; }
  @media all and (max-width: 767px) {
    .deposit {
      padding-bottom: 100px; } }

.footer {
  padding-bottom: 50px;
  position: relative; }
  .footer .section-header h3 {
    margin-bottom: 20px; }
  .footer dl {
    max-width: 446px;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    font-size: 22px;
    line-height: 28px; }
    .footer dl dt {
      float: left;
      margin-right: 5px; }
    .footer dl dd {
      margin: 0 0 3px; }
    .footer dl address {
      font-style: normal; }
    .footer dl a {
      background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
      background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
      background-size: cover;
      background-repeat: repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
      .footer dl a:hover {
        text-decoration: none; }
    .footer dl span {
      display: inline-block;
      color: #fff;
      font-size: 14px;
      line-height: 18px; }

.footer-slogan {
  width: 270px;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-left: -450px; }
  .footer-slogan img {
    width: 100%;
    height: auto;
    display: block; }
  @media all and (max-width: 1219px) {
    .footer-slogan {
      position: static;
      /*margin: 0 auto 30px;*/
      margin: 0 auto 100px;
      -webkit-transform: none;
              transform: none;
      width: 200px; } }

.preview-modal {
  width: 1000px;
  max-width: 95vw;
  background: none;
  color: #fff;
  display: none; }
  .preview-modal.wishes-modal {
    width: 600px;
    text-align: center;
    /*background: #fff;*/
    /*background: #ccc;*/
    background: rgba(255,255,255,.5);
    padding: 30px; }
  .preview-modal h3 {
    display: inline-block;
    vertical-align: top;
    font-size: 37px;
    font-weight: bold;
    margin: 0 0 30px;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
    background-size: cover;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .preview-modal p {
    color: #000;
    font-size: 24px;
    line-height: 30px; }
  @media all and (max-width: 767px) {
    .preview-modal {
      max-width: 80vw;
      /*padding: 200px 0; */
      padding: 50px 0;
    } }

.project-box {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center; }
  .project-box.inversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse; }
    .project-box.inversed .project-box__description {
      text-align: right; }
      .project-box.inversed .project-box__description p {
        margin: 0 0 20px auto; }
  .project-box__video {
    width: 100%;
    height: 50vh;
    overflow: hidden; }
    .project-box__video img {
      width: 100%;
      height: auto;
      display: block;
      -webkit-animation: swipeAnimation 15s infinite;
              animation: swipeAnimation 15s infinite;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .project-box__description {
    padding-top: 50px; }
    .project-box__description h3 {
      font-size: 40px;
      margin: 0;
      background-image: -webkit-linear-gradient(315deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
      background-image: linear-gradient(135deg, #00baff 0%, #ae00ff 50%, #ff0096 100%);
      background-size: cover;
      background-repeat: repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
      display: inline-block;
      vertical-align: top; }
    .project-box__description p {
      margin: 0 0 20px; }
    .project-box__description .link-holder {
      margin-bottom: 30px; }
      .project-box__description .link-holder a:hover {
        text-decoration: underline; }
  @media all and (max-width: 767px) {
    .project-box__description {
      padding-top: 30px; }
      .project-box__description h3 {
        font-size: 30px;
        margin-bottom: 10px; }
      .project-box__description p {
        color: #fff;
        font-size: 14px;
        line-height: 20px; }
      .project-box__description .link-holder {
        margin-bottom: 20px; } }

@-webkit-keyframes swipeAnimation {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  15% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  25% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  30% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  40% {
    -webkit-transform: translate(0, calc(-100% + 70vh));
            transform: translate(0, calc(-100% + 70vh)); }
  50% {
    -webkit-transform: translate(0, calc(-100% + 70vh));
            transform: translate(0, calc(-100% + 70vh)); }
  60% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  65% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  75% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  80% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  90% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes swipeAnimation {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  15% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  25% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  30% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  40% {
    -webkit-transform: translate(0, calc(-100% + 70vh));
            transform: translate(0, calc(-100% + 70vh)); }
  50% {
    -webkit-transform: translate(0, calc(-100% + 70vh));
            transform: translate(0, calc(-100% + 70vh)); }
  60% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  65% {
    -webkit-transform: translate(0, -60%);
            transform: translate(0, -60%); }
  75% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  80% {
    -webkit-transform: translate(0, -30%);
            transform: translate(0, -30%); }
  90% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.main {
  position: relative; }
  .main .flash-divider {
    display: none;
    position: absolute;
    top: -75px;
    left: 0;
    content: '';
    width: 150px;
    height: 150px;
    z-index: 11;
    -webkit-transform: scale(0) rotate(90deg);
            transform: scale(0) rotate(90deg);
    -webkit-animation: flash 4s infinite forwards;
            animation: flash 4s infinite forwards;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
    .main .flash-divider:before {
      display: block;
      content: '';
      background: url(../images/flash.png) no-repeat 0 0/100% 100%;
      width: 150px;
      height: 150px;
      z-index: 11;
      -webkit-animation: flashRotate 4s infinite linear forwards;
              animation: flashRotate 4s infinite linear forwards;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
  .main:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #fff;
    content: '';
    z-index: 10;
    pointer-events: none; }
  @media all and (max-width: 767px) {
    .main .flash-divider {
      position: absolute;
      top: -36px;
      left: 0;
      content: '';
      width: 75px;
      height: 75px; }
      .main .flash-divider:before {
        display: block;
        content: '';
        background: url(../images/flash.png) no-repeat 0 0/100% 100%;
        width: 75px;
        height: 75px;
        z-index: 11;
        -webkit-animation: flashRotate 4s infinite linear forwards;
                animation: flashRotate 4s infinite linear forwards;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%; } }

@-webkit-keyframes flash {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
            transform: scale(0) rotate(90deg); }
  10% {
    -webkit-transform: scale(0.8) rotate(0deg);
            transform: scale(0.8) rotate(0deg); }
  20% {
    -webkit-transform: scale(0.8) rotate(0deg);
            transform: scale(0.8) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(130vw);
            transform: scale(1) rotate(0deg) translateX(130vw); } }

@keyframes flash {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
            transform: scale(0) rotate(90deg); }
  10% {
    -webkit-transform: scale(0.8) rotate(0deg);
            transform: scale(0.8) rotate(0deg); }
  20% {
    -webkit-transform: scale(0.8) rotate(0deg);
            transform: scale(0.8) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(130vw);
            transform: scale(1) rotate(0deg) translateX(130vw); } }

@keyframes flash {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
            transform: scale(0) rotate(90deg); }
  10% {
    -webkit-transform: scale(0.8) rotate(0deg);
            transform: scale(0.8) rotate(0deg); }
  20% {
    -webkit-transform: scale(0.8) rotate(0deg);
            transform: scale(0.8) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(100vw);
            transform: scale(1) rotate(0deg) translateX(100vw); } }

@-webkit-keyframes flashRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes flashRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/*# sourceMappingURL=all.css.map */