.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  font-family: Lato, sans-serif;
  color: #333;
  font-size: 19px;
  line-height: 1.6;
  font-weight: 300;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 600;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}

p {
  margin-bottom: 10px;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  display: inline-block;
  max-width: 100%;
}

label {
  display: block;
  margin-top: 25px;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.image-wrap {
  position: relative;
  right: 0px;
  bottom: 0px;
  display: block;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

.image-wrap.service {
  position: absolute;
  bottom: 20%;
  width: 35vw;
  height: 40vw;
}

.image-wrap.service-left {
  position: absolute;
  left: 139px;
  right: auto;
  bottom: 20px;
  width: 28vw;
  height: 37vw;
}

.image-wrap.service-wide {
  position: absolute;
  bottom: 17%;
  width: 37vw;
  height: 22vw;
}

.image-wrap.purchace {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 69vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-top {
  overflow: hidden;
  width: 100%;
  height: auto;
  padding-bottom: 8vw;
}

.image-intro {
  width: 100%;
  max-width: none;
}

.content-container {
  position: relative;
  display: block;
  width: 90vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-perspective: 1400px;
  perspective: 1400px;
}

.content-container.team {
  display: none;
  margin-top: 145px;
}

.content-container.purchase {
  min-height: 80vh;
  padding-top: 453px;
}

.navbar {
  background-color: transparent;
}

.navbar.fixed {
  position: fixed;
  left: 0px;
  top: 0%;
  right: 0px;
  background-color: #fff;
}

.logo-img {
  position: fixed;
  left: 1vw;
  top: -10vw;
  display: block;
  width: 10vw;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

.logo-img.white {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 33%;
  width: 60%;
  opacity: 1;
}

.logo-img.fixed {
  position: relative;
  left: 0vw;
  top: 0vw;
  width: 12vw;
}

.brand {
  position: absolute;
  z-index: 1;
  width: 30vw;
  height: 35vw;
  margin-left: 5vw;
  padding-top: 25px;
  padding-left: 0px;
  background-color: #111c4e;
}

.brand.clear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 12vw;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 2vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: rgba(44, 108, 5, 0);
}

.nav-link {
  margin-right: 0px;
  margin-left: 1vw;
  padding: 2vw 1.5vw;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}

.nav-link.w--current {
  color: #69bf4a;
}

.nav-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2vw;
  margin-left: 20vw;
  padding-top: 1vw;
  padding-right: 4vw;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.title-main {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 3vw;
  z-index: 10;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 1.6vw;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2.5px;
}

.title-main.fixed {
  position: relative;
  bottom: 0vw;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 0px;
  padding-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  color: #69bf4a;
  font-size: 0.64vw;
  line-height: 1.4;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.5px;
}

.logo-wrap {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.logo-wrap.clear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blurry-block {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
  -webkit-filter: none;
  filter: none;
}

.section-main {
  position: relative;
  padding-top: 5vw;
}

.color-block {
  position: relative;
  margin-top: 10vw;
  margin-bottom: 13vw;
  padding-top: 4.5vw;
  padding-bottom: 4.5vw;
  background-color: #bb9b3b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(187, 155, 59, 0.79)), to(rgba(187, 155, 59, 0.79))), url('../images/logo-1_white.png'), url('../images/circuits.png');
  background-image: linear-gradient(180deg, rgba(187, 155, 59, 0.79), rgba(187, 155, 59, 0.79)), url('../images/logo-1_white.png'), url('../images/circuits.png');
  background-position: 0px 0px, 100% 100%, -1088px 50%;
  background-size: auto, auto 60%, 120%;
  background-repeat: repeat, no-repeat, no-repeat;
  color: #fff;
  font-size: 1.5vw;
}

.image-wrap-vert {
  position: relative;
  top: -5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 25vw;
  height: 30vw;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url('../images/logo-1_v6.png'), -webkit-gradient(linear, left bottom, left top, color-stop(35%, hsla(0, 0%, 100%, 0)), to(#111c4e)), url('../images/landscape-grass-pxhere.com.jpg');
  background-image: url('../images/logo-1_v6.png'), linear-gradient(0deg, hsla(0, 0%, 100%, 0) 35%, #111c4e), url('../images/landscape-grass-pxhere.com.jpg');
  background-position: 50% 50%, 0px 0px, 50% 50%;
  background-size: cover, auto, cover;
  background-repeat: no-repeat, repeat, no-repeat;
  box-shadow: 11px 11px 25px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}

.text-block {
  display: block;
  width: 58%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  font-size: 1.5vw;
  line-height: 1.6;
}

.text-block h2 {
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  line-height: 1.4;
  font-weight: 500;
}

.text-block h3 {
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
}

.text-block.small {
  position: relative;
  z-index: 5;
  width: 80%;
  font-size: 1.1vw;
  line-height: 1.4;
}

.text-block.title {
  width: 100%;
  color: #525f6d;
}

.text-block.centered {
  width: 100%;
  text-align: center;
}

.text-block.centered img {
  margin-top: 30px;
  margin-bottom: 35px;
}

.text-block.centered.white-text {
  color: #fff;
}

.text-block.wide {
  width: 90%;
  color: #525f6d;
}

.text-block.wide li {
  margin-bottom: 10px;
}

.text-block h5 {
  display: inline;
  font-size: 1.5vw;
  line-height: 1.6;
  font-weight: 300;
}

.text-block h6 {
  display: inline;
  margin-right: -1.2vw;
  margin-left: -1.5vw;
  background-image: url('../images/237-003-Production_Logo_RGB-color.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: rgba(51, 51, 51, 0);
  font-size: 3vw;
}

.image-absolute {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 100%;
  max-width: none;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.image-absolute.circuit {
  left: -50%;
  top: -9vw;
  right: 0px;
}

.image-absolute.left {
  left: 0px;
  right: auto;
  bottom: 0px;
}

.image-absolute.center {
  right: -50%;
}

.title {
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  line-height: 1.4;
  font-weight: 500;
}

.line {
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #000;
}

.line.yellow {
  border-bottom-color: rgba(187, 155, 59, 0.5);
}

.line.yellow.top {
  left: 0px;
  right: 0px;
}

.line.yellow.vertical-right {
  top: 1vw;
  right: 4vw;
  width: 0%;
  height: 100%;
  border-right: 1px solid rgba(214, 188, 108, 0.5);
  border-bottom-style: none;
}

.line.yellow.vertical-left {
  left: 4vw;
  top: 1vw;
  z-index: 1;
  width: 0%;
  height: 100%;
  border-right: 1px solid rgba(214, 188, 108, 0.5);
  border-bottom-style: none;
}

.line.green {
  border-bottom-color: rgba(88, 160, 113, 0.5);
}

.line.green.bottom {
  left: auto;
  right: 6%;
  bottom: 0px;
  border-bottom-color: #58a071;
}

.line.green.top-left {
  top: 3vw;
  right: 3vw;
}

.line.green.top-right {
  left: 3vw;
  top: 3vw;
  z-index: 1;
}

.line.green.bottom2 {
  right: 6%;
  bottom: 0px;
  border-bottom-color: #69bf4a;
}

.line.white {
  border-bottom-color: #fff;
}

.line.yellow2 {
  border-bottom-color: rgba(187, 155, 59, 0.5);
}

.line.yellow2.top {
  left: 0px;
  right: 0px;
}

.line.yellow2.vertical-right {
  top: -21vw;
  right: 14vw;
  width: 0%;
  height: 150%;
  border-right: 1px solid #face4b;
  border-bottom-style: none;
}

.line.yellow2.vertical-left {
  left: 4vw;
  top: 1vw;
  z-index: 1;
  width: 0%;
  height: 100%;
  border-right: 1px solid rgba(214, 188, 108, 0.5);
  border-bottom-style: none;
}

.line.yellow2.vertical-right-2 {
  top: 4vw;
  right: 3vw;
  width: 0%;
  height: 50%;
  border-right: 1px solid #face4b;
  border-bottom-style: none;
}

.line.grey {
  border-bottom-color: rgba(88, 160, 113, 0.5);
}

.line.grey.bottom {
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.line.grey.top-left {
  top: 3vw;
  right: 3vw;
  border-bottom-color: #dadee4;
}

.line.grey.top-right {
  left: 3vw;
  top: 3vw;
  z-index: 1;
}

.line.grey.top-left-small {
  left: -6vw;
  top: 13vw;
  width: 68%;
  border-bottom-color: #dadee4;
}

.line.green {
  border-bottom-color: rgba(187, 155, 59, 0.5);
}

.line.green.top {
  left: 0px;
  right: 0px;
}

.line.green.vertical-right {
  top: -6vw;
  right: 4vw;
  width: 0%;
  height: 100%;
  border-right: 1px solid #69bf4a;
  border-bottom-style: none;
}

.line.green.vertical-left {
  left: 4vw;
  top: 1vw;
  z-index: 1;
  width: 0%;
  height: 100%;
  border-right: 1px solid #69bf4a;
  border-bottom-style: none;
}

.column-no-padding {
  padding-right: 0px;
  padding-left: 0px;
}

.column-no-padding.color {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-column.cube {
  position: relative;
  width: 25%;
  padding-top: 25%;
}

.dot {
  position: absolute;
  left: 0px;
  top: -2px;
  right: 0px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.dot.green {
  background-color: #58a071;
}

.dot.green.right {
  left: auto;
  top: -2px;
  right: 0px;
  background-color: #58a071;
}

.dot.green.left {
  left: 0px;
  top: -2px;
  right: auto;
}

.dot.yellow {
  background-color: #d6bc6c;
}

.dot.yellow.left {
  left: 0px;
  top: -2px;
  right: auto;
  bottom: -2px;
}

.dot.yellow.top {
  left: -2px;
  top: 0px;
  right: 0px;
}

.dot.white {
  background-color: #fff;
}

.dot.yellow2 {
  background-color: #d6bc6c;
}

.dot.yellow2.left {
  left: 0px;
  top: -2px;
  right: auto;
  bottom: -2px;
}

.dot.yellow2.top {
  left: -2px;
  top: 0px;
  right: 0px;
}

.dot.grey {
  background-color: #58a071;
}

.dot.grey.right {
  left: auto;
  top: -2px;
  right: 0px;
  background-color: #dadee4;
}

.dot.grey.left {
  left: 0px;
  top: -2px;
  right: auto;
}

.dot.green {
  background-color: #d6bc6c;
}

.dot.green.left {
  left: 0px;
  top: -2px;
  right: auto;
  bottom: -2px;
}

.dot.green.top {
  left: -2px;
  top: 0px;
  right: 0px;
  background-color: #58a071;
}

.column-content {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-content.text {
  background-color: rgba(218, 222, 228, 0.5);
  color: #525f6d;
}

.process-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-top: 55px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #3b424d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 28, 78, 0.93)), to(rgba(17, 28, 78, 0.93))), url('../images/237-003-Production_Icon-Drone_RGB-white.png'), url('../images/circuit1.png');
  background-image: linear-gradient(180deg, rgba(17, 28, 78, 0.93), rgba(17, 28, 78, 0.93)), url('../images/237-003-Production_Icon-Drone_RGB-white.png'), url('../images/circuit1.png');
  background-position: 0px 0px, 42% 4%, 0% 100%;
  background-size: auto, 30%, cover;
  background-repeat: repeat, no-repeat, no-repeat;
}

.step-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15vw;
  height: 15vw;
  min-height: 150px;
  margin-right: 5vw;
  margin-bottom: 5vw;
  padding: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 3px;
  background-color: #2c6c05;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226, 240, 217, 0.85)), to(rgba(226, 240, 217, 0.85))), url('../images/circuits.png');
  background-image: linear-gradient(180deg, rgba(226, 240, 217, 0.85), rgba(226, 240, 217, 0.85)), url('../images/circuits.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: 13px 13px 27px 0 rgba(0, 0, 0, 0.13);
  font-size: 1.3vw;
  font-weight: 400;
  text-align: center;
}

.step-card.separate {
  width: 15vw;
  max-width: 300px;
  margin-right: 0vw;
  margin-bottom: 5vw;
  background-color: #face4b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(187, 155, 59, 0.7)), to(rgba(187, 155, 59, 0.7))), url('../images/circuits.png');
  background-image: linear-gradient(180deg, rgba(187, 155, 59, 0.7), rgba(187, 155, 59, 0.7)), url('../images/circuits.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: 13px 13px 27px 0 rgba(0, 0, 0, 0.13);
  color: #fff;
  line-height: 1.5;
}

.step-card._2 {
  z-index: 9;
  min-height: auto;
}

.step-card._5 {
  z-index: 6;
  min-height: auto;
}

.step-card._3 {
  z-index: 8;
  min-height: auto;
}

.step-card._4 {
  z-index: 7;
}

.step-card._1 {
  z-index: 10;
  min-height: auto;
}

.base-circle {
  position: relative;
  width: 25vw;
  height: 25vw;
  max-height: 500px;
  max-width: 500px;
  border-top: 1px none #000;
  border-bottom: 1px none #000;
  border-left: 1px none #000;
  border-radius: 50%;
}

.base-circle.step-2 {
  z-index: 2;
  margin-left: 6.7vw;
}

.base-circle.step-5 {
  margin-right: 6.7vw;
}

.base-circle.step-3 {
  z-index: 3;
  margin-left: -1.5%;
}

.base-circle.step-4 {
  z-index: 4;
}

.base-circle.arrow1 {
  width: 15vw;
  height: 15vw;
  margin-left: 3%;
}

.base-circle.arrows {
  top: -13px;
  width: 53vw;
  height: 53vw;
  max-height: none;
  max-width: none;
  border-style: dotted;
}

.base-circle.arrow2 {
  width: 15vw;
  height: 15vw;
  margin-left: 13%;
}

.base-circle.arrow4 {
  width: 15vw;
  height: 15vw;
  margin-right: 13%;
}

.base-circle.arrow3 {
  width: 15vw;
  height: 15vw;
}

.infograph-block {
  position: relative;
  width: 70%;
  margin-right: auto;
  margin-bottom: 10vw;
  margin-left: auto;
}

.top-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 90%;
  padding: 15%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.top-circle.arrow {
  width: 99%;
  height: 99%;
  background-color: hsla(0, 0%, 100%, 0.67);
}

.progress-grid {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 50%;
  height: 50%;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.progress-grid.st1 {
  -webkit-transform: rotate(-126deg);
  -ms-transform: rotate(-126deg);
  transform: rotate(-126deg);
}

.progress-grid.st2 {
  width: 50%;
  height: 50%;
  -webkit-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  transform: rotate(-54deg);
}

.progress-grid.st3 {
  -webkit-transform: rotate(18.5deg);
  -ms-transform: rotate(18.5deg);
  transform: rotate(18.5deg);
}

.progress-grid.st4 {
  -webkit-transform: rotate(89.5deg);
  -ms-transform: rotate(89.5deg);
  transform: rotate(89.5deg);
}

.progress-grid.st5 {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}

.progress-grid.arrow-1-2 {
  z-index: 29;
  width: 50%;
  height: 50%;
  -webkit-transform: rotate(70deg);
  -ms-transform: rotate(70deg);
  transform: rotate(70deg);
}

.progress-grid.arrow-5-1 {
  z-index: 26;
}

.progress-grid.arrow-2-3 {
  z-index: 28;
  width: 50%;
  height: 50%;
  -webkit-transform: rotate(143deg);
  -ms-transform: rotate(143deg);
  transform: rotate(143deg);
}

.progress-grid.arrow-4 {
  width: 50%;
  height: 50%;
  -webkit-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  transform: rotate(130deg);
}

.progress-grid.arrow-3-4 {
  z-index: 27;
  width: 50%;
  height: 50%;
  -webkit-transform: rotate(-141deg);
  -ms-transform: rotate(-141deg);
  transform: rotate(-141deg);
}

.quarter {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 100%;
  background-color: #face4b;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.quarter._1 {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}

.quarter._2 {
  background-color: #58a071;
  -webkit-transform: rotate(-110deg);
  -ms-transform: rotate(-110deg);
  transform: rotate(-110deg);
}

.quarter._3 {
  background-color: #58a071;
  -webkit-transform: rotate(-97deg);
  -ms-transform: rotate(-97deg);
  transform: rotate(-97deg);
}

.quarter.arrow {
  left: 0px;
  bottom: 0px;
  background-color: #58a071;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.quarter.arrow2 {
  z-index: 30;
  background-color: #58a071;
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.mask {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  width: 101%;
  height: 101%;
  border-bottom-left-radius: 100%;
  background-color: #fff;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.mask.arrow {
  width: 115%;
  height: 115%;
  background-color: #d8d8d8;
}

.level {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.level.cicle {
  z-index: 10;
  width: 70%;
  padding-top: 20vw;
  padding-right: 5vw;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.level.middle {
  position: relative;
  z-index: 11;
  margin-bottom: -2.5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.level.bottom {
  position: relative;
  z-index: 12;
}

.level.arrows-1 {
  position: absolute;
  left: 0px;
  top: 5vw;
  right: 0px;
  z-index: 1;
}

.level.arrows-2 {
  position: absolute;
  left: 0px;
  top: 26vw;
  right: 0px;
  z-index: 1;
}

.level.arrows-3 {
  position: absolute;
  left: 0px;
  top: 43vw;
  right: 0px;
  z-index: 1;
}

.infograph-help-text {
  position: absolute;
  left: 0px;
  top: 44%;
  right: 0px;
  z-index: 100;
  display: block;
  width: 15%;
  margin-right: auto;
  margin-left: auto;
  font-size: 2vw;
  font-weight: 700;
  text-align: center;
}

.step-number {
  position: absolute;
  left: 0%;
  top: -12%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3vw;
  height: 3vw;
  margin-right: auto;
  margin-bottom: 2vw;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #69bf4a;
  color: #fff;
}

.setup-level {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.triangle {
  position: absolute;
  top: -7vw;
  right: 5px;
  width: 0px;
  border-top: 10px solid hsla(0, 0%, 100%, 0);
  border-bottom: 10px solid hsla(0, 0%, 100%, 0);
  border-left: 25px solid #58a071;
}

.form {
  margin-top: 3vw;
  padding-bottom: 5vw;
}

.bad-solutions-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8vw;
  padding-top: 10vw;
  padding-bottom: 10vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: radial-gradient(circle farthest-corner at 17% 112%, hsla(0, 0%, 100%, 0) 41%, rgba(250, 206, 75, 0.35) 0, rgba(250, 206, 75, 0.35) 44%, hsla(0, 0%, 100%, 0) 0), radial-gradient(circle farthest-corner at 70% 31%, rgba(187, 155, 59, 0) 20%, rgba(241, 235, 215, 0.4) 0, rgba(241, 235, 215, 0.4) 22%, rgba(187, 155, 59, 0) 0), radial-gradient(circle farthest-corner at 50% 50%, rgba(187, 155, 59, 0) 43%, rgba(214, 188, 108, 0.5) 0, rgba(214, 188, 108, 0.5) 48%, rgba(187, 155, 59, 0) 0);
}

.bad-solution-img {
  position: relative;
  border: 3px solid #fff;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 7px 7px 25px 0 rgba(0, 0, 0, 0.25);
}

.bad-solution-img.big {
  width: 150px;
  background-color: #fff;
}

.bad-solution-img.big._4 {
  left: -2vw;
  bottom: 3vw;
}

.bad-solution-img.big._2 {
  top: 3vw;
}

.bad-solution-img.big._3 {
  top: -4vw;
}

.bad-solution-img.small {
  width: 60px;
}

.bad-solution-img.small._1 {
  top: -1vw;
}

.bad-solution-img.small._5 {
  left: 1vw;
  top: 4vw;
}

.bad-solution-img.small._8 {
  top: -5vw;
}

.bad-solution-img.middle {
  top: -4vw;
  right: -2vw;
  width: 100px;
}

.bad-solution-img.middle._8 {
  top: -7vw;
  right: -3vw;
}

.solution-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-section {
  margin-bottom: 35vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(59, 66, 77, 0.72)), to(rgba(59, 66, 77, 0.72))), url('../images/pigeons1920.jpg');
  background-image: linear-gradient(180deg, rgba(59, 66, 77, 0.72), rgba(59, 66, 77, 0.72)), url('../images/pigeons1920.jpg');
  background-position: 0px 0px, 50% -174px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.color-row {
  position: relative;
  top: 18vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}

.color-column1 {
  position: relative;
  padding: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 28, 78, 0.89)), to(rgba(17, 28, 78, 0.89))), url('../images/bg-edited.jpg');
  background-image: linear-gradient(180deg, rgba(17, 28, 78, 0.89), rgba(17, 28, 78, 0.89)), url('../images/bg-edited.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.color-column2 {
  top: 8vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  background-color: #69bf4a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(105, 191, 74, 0.14)), to(rgba(105, 191, 74, 0.14))), url('../images/image12.jpeg');
  background-image: linear-gradient(180deg, rgba(105, 191, 74, 0.14), rgba(105, 191, 74, 0.14)), url('../images/image12.jpeg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, 131%;
  background-repeat: repeat, no-repeat;
}

.text-block-column {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  font-size: 1.5vw;
  line-height: 1.6;
}

.text-block-column h2 {
  margin-bottom: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  line-height: 1.4;
  font-weight: 500;
}

.text-block-column h3 {
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
}

.text-block-column.small {
  position: relative;
  z-index: 5;
  width: 80%;
  font-size: 1.1vw;
  line-height: 1.4;
}

.text-block-column.title {
  width: 100%;
  color: #525f6d;
}

.text-block-column.centered {
  width: 100%;
  text-align: center;
}

.text-block-column.centered img {
  margin-top: 30px;
  margin-bottom: 35px;
}

.text-block-column.wide {
  width: 90%;
  color: #525f6d;
}

.text-block-column.wide li {
  margin-bottom: 10px;
}

.text-block-column h6 {
  display: inline;
  margin-right: -1vw;
  margin-left: -1.8vw;
  background-image: url('../images/237-003-Production_Logo_CMYK-white.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 3vw;
  line-height: 1;
}

.text-block-column h5 {
  display: inline;
  font-size: 1.5vw;
  line-height: 1.6;
  font-weight: 300;
}

.triangle-big {
  position: relative;
  display: block;
  width: 0px;
  height: 0px;
  margin-right: auto;
  margin-left: auto;
  border-top: 26.5vw solid #58a071;
  border-right: 5vw solid hsla(0, 0%, 100%, 0);
  border-left: 6vw solid hsla(0, 0%, 100%, 0);
  -webkit-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.form-block {
  margin-top: 10vw;
  margin-bottom: 0px;
  padding-top: 3vw;
  background-color: #525f6d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(59, 66, 77, 0.91)), to(rgba(59, 66, 77, 0.91))), url('../images/circuits.png');
  background-image: linear-gradient(180deg, rgba(59, 66, 77, 0.91), rgba(59, 66, 77, 0.91)), url('../images/circuits.png');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, 99%;
  background-repeat: repeat, no-repeat;
  color: #fff;
}

.service-images-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50vw;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.service-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5vw;
}

.service-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-column.images {
  padding-top: 0vw;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.icon-block {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23vw;
  height: 23vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: rgba(226, 240, 217, 0.95);
  box-shadow: 11px 11px 25px 0 rgba(0, 0, 0, 0.25);
}

.icon-block.right {
  top: 0px;
  right: 0px;
}

.icon-block.dark {
  position: relative;
  background-color: #3b424d;
  color: #fff;
}

.service-icon {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.service-icon.small {
  width: 48%;
}

.service-icon.small2 {
  width: 25%;
  margin-bottom: 26px;
}

.service-icon.round {
  border: 2px solid #fff;
  border-radius: 100%;
}

.service-icon.big {
  width: 66%;
}

.submit-button {
  display: block;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
  background-color: #69bf4a;
}

.brand-decor-leyer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 28, 78, 0.7)), to(rgba(17, 28, 78, 0.7))), url('../images/circuits.png');
  background-image: linear-gradient(180deg, rgba(17, 28, 78, 0.7), rgba(17, 28, 78, 0.7)), url('../images/circuits.png');
  background-position: 0px 0px, 50% 1149%;
  background-size: auto, auto 105%;
  background-repeat: repeat, no-repeat;
}

.founders-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10vw;
}

.founder-info-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.photo {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.photo.small {
  width: 48%;
}

.photo.small2 {
  width: 25%;
  margin-bottom: 26px;
}

.founder-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.founder-column.images {
  padding-top: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100%;
}

.arrows-wrap {
  position: absolute;
  left: 8%;
  top: 9.6vw;
  right: 0%;
  bottom: auto;
  width: 15vw;
  height: 15vw;
  border: 1px dashed #fff;
}

.arrows-wrap.setup {
  border-right-style: none;
}

.arrows-wrap.process {
  left: 15vw;
  top: -10vw;
  border-style: none;
}

.arrows-wrap.process-3-4 {
  left: auto;
  top: auto;
  right: -5vw;
  bottom: -10vw;
  height: 20vw;
  border-style: none;
}

.arrows-wrap.process-4-5 {
  left: auto;
  top: -10vw;
  right: 15vw;
  border-style: none;
}

.process-text {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  border: 2px solid #fff;
  background-color: rgba(218, 222, 228, 0.24);
  color: #fff;
  text-align: center;
}

.process-text.vertical {
  position: absolute;
  left: -2px;
  top: 9.7vw;
  right: auto;
  bottom: auto;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.process-text.horizontal {
  position: absolute;
  left: -5vw;
  top: auto;
  right: auto;
  bottom: -1vw;
  width: 15vw;
}

.arrow-triangle.down {
  position: absolute;
  left: -7px;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 0px;
  height: 0px;
  border-top: 11px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

.arrow-triangle.right {
  position: absolute;
  left: auto;
  top: -7px;
  right: 0%;
  bottom: auto;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #fff;
}

.arrow-triangle.left {
  position: absolute;
  left: 0px;
  top: -7px;
  right: auto;
  bottom: auto;
  border-width: 7px 11px 7px 12px;
  border-color: transparent #fff;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
}

.arrow-triangle.up {
  position: absolute;
  left: -7px;
  top: 0%;
  right: auto;
  bottom: auto;
  border-right: 7px solid transparent;
  border-bottom: 11px solid #fff;
  border-left: 7px solid transparent;
}

.arrow.down-right {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.arrow.down-right.setup {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 0px;
  height: 10.3vw;
  border-right: 1px dashed #fff;
}

.arrow.down-right.process-3-4 {
  border-right: 1px solid #fff;
}

.arrow.right-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  border-bottom: 1px dashed #fff;
}

.arrow.right-bottom.process {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 12.6vw;
}

.arrow.right-bottom.process-1-2 {
  width: 5vw;
  border-bottom-style: solid;
}

.arrow.left-bottom {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  border-bottom: 1px dashed #fff;
}

.arrow.left-bottom.process {
  width: 12.6vw;
}

.arrow.left-bottom.process-1-2 {
  width: 5vw;
  border-bottom-style: solid;
}

.arrow.left-bottom.process-3-4 {
  width: 5vw;
  border-bottom-style: solid;
}

.arrow.right-top {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 0px;
  border-bottom: 1px dashed #fff;
}

.arrow.right-top.process {
  width: 12.6vw;
}

.arrow.right-top.process-3-4 {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 5vw;
  border-bottom-style: solid;
}

.arrow.up-left {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 1.2vw;
  height: 9vw;
  border-left: 1px solid #fff;
}

.footer {
  padding-top: 37px;
  padding-bottom: 37px;
  border-top: 1px solid rgba(0, 0, 0, 0.45);
  background-color: #3b424d;
  color: #fff;
  font-size: 16px;
}

.designer {
  color: #d6bc6c;
  font-weight: 400;
}

.centered {
  text-align: center;
}

.smessage {
  background-color: #d6bc6c;
}

.company-logo.footer {
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-style: none;
  background-color: rgba(59, 66, 77, 0);
}

.recaptcha {
  margin-right: auto;
  margin-left: auto;
}

.lightbox-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 28, 78, 0.5)), to(rgba(17, 28, 78, 0.5)));
  background-image: linear-gradient(180deg, rgba(17, 28, 78, 0.5), rgba(17, 28, 78, 0.5));
}

.lightbox-video {
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.lightbox-play-button {
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 75px solid #fff;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .image-wrap.service {
    width: 40vw;
    height: 50vw;
  }

  .image-wrap.service-left {
    left: 65px;
    width: 40vw;
    height: 50vw;
  }

  .image-wrap.intro {
    margin-top: 60px;
  }

  .image-wrap.service-wide {
    width: 40vw;
    height: 50vw;
  }

  .image-wrap.purchace {
    margin-top: 60px;
  }

  .navbar {
    height: 60px;
    background-color: #fff;
  }

  .navbar.fixed {
    left: 0px;
    top: 0%;
    right: 0px;
    height: 85px;
    padding-top: 0px;
  }

  .logo-img {
    left: 7vw;
    top: -70px;
  }

  .logo-img.white {
    top: 14.1vw;
  }

  .logo-img.fixed {
    width: 140px;
  }

  .brand {
    height: auto;
    padding-top: 0px;
  }

  .brand.clear {
    width: 231px;
    margin-left: 2vw;
    padding-bottom: 2vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-link {
    height: 6.35vw;
    padding-top: auto;
    padding-bottom: auto;
    padding-left: 40vw;
    font-size: 2.2vw;
    line-height: 0.8;
    text-align: left;
  }

  .nav-container {
    display: block;
    background-color: rgba(214, 188, 108, 0);
  }

  .nav-menu {
    display: block;
    width: 100%;
    margin-left: 0vw;
    padding-top: 2vw;
    background-color: #e2f0d9;
    text-align: right;
  }

  .title-main {
    width: 87%;
    margin-bottom: 0px;
    font-size: 2.2vw;
    font-weight: 500;
  }

  .title-main.fixed {
    color: #69bf4a;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
  }

  .logo-wrap {
    height: 40vw;
    margin-top: 60px;
  }

  .logo-wrap.clear {
    margin-right: 10px;
  }

  .image-wrap-vert {
    width: 46vw;
    height: 35vw;
    background-image: url('../images/logo-1_v6.png'), -webkit-gradient(linear, left bottom, left top, color-stop(35%, hsla(0, 0%, 100%, 0)), to(#111c4e)), url('../images/landscape-grass-pxhere.com.jpg');
    background-image: url('../images/logo-1_v6.png'), linear-gradient(0deg, hsla(0, 0%, 100%, 0) 35%, #111c4e), url('../images/landscape-grass-pxhere.com.jpg');
    background-position: 50% 50%, 0px 0px, 50% 50%;
  }

  .text-block {
    width: 75%;
  }

  .text-block h2 {
    font-size: 3vw;
  }

  .text-block ul {
    font-size: 2vw;
  }

  .text-block p {
    font-size: 2vw;
  }

  .text-block h3 {
    font-size: 2.5vw;
  }

  .text-block.wide {
    margin-right: 0px;
  }

  .text-block h5 {
    font-size: 2vw;
  }

  .text-block h6 {
    font-size: 4vw;
  }

  .line.green.bottom {
    position: absolute;
    left: auto;
    top: 8px;
    right: 57px;
    bottom: auto;
    width: 0%;
    opacity: 0;
  }

  .line.green.bottom2 {
    position: absolute;
    left: auto;
    top: 8px;
    right: 57px;
    bottom: auto;
    width: 0%;
    opacity: 0;
  }

  .line.grey.top-left-small {
    top: 15vw;
  }

  .flex-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
  }

  .process-block {
    padding-top: 0px;
  }

  .step-card {
    font-size: 1.55vw;
  }

  .step-card.separate {
    width: 17vw;
    height: 17vw;
    min-height: auto;
    margin-left: 30px;
  }

  .base-circle {
    width: 35vw;
    height: 35vw;
  }

  .base-circle.step-2 {
    margin-left: 9.7vw;
  }

  .base-circle.step-5 {
    margin-right: 9.7vw;
  }

  .top-circle {
    padding-top: 17%;
  }

  .level.cicle {
    margin-top: -2%;
  }

  .level.middle {
    margin-bottom: -3%;
  }

  .infograph-help-text {
    top: 39vw;
    font-size: 3vw;
  }

  .bad-solution-img.middle {
    right: 2vw;
  }

  .color-row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .color-column1 {
    padding: 50px 30px;
  }

  .color-column2 {
    top: 18.2vw;
    height: 73vw;
    padding-right: 30px;
    padding-left: 30px;
  }

  .text-block-column h2 {
    font-size: 3vw;
  }

  .text-block-column p {
    font-size: 2vw;
  }

  .text-block-column h6 {
    font-size: 4vw;
  }

  .text-block-column h5 {
    font-size: 2vw;
  }

  .service-column {
    padding-top: 5vw;
  }

  .icon-block {
    width: 28vw;
    height: 28vw;
    padding-top: 20px;
  }

  .service-icon {
    width: 50%;
  }

  .service-icon.small2 {
    width: 35%;
  }

  .hamb-menu {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(34, 114, 58, 0);
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
  }

  .hamb-menu.w--open {
    position: absolute;
    background-color: #69bf4a;
  }

  .hamb-menu.fixed {
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .brand-decor-leyer {
    height: auto;
    padding-top: 0px;
  }

  .icon {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .photo {
    width: 50%;
  }

  .photo.small2 {
    width: 35%;
  }

  .founder-column {
    padding-top: 5vw;
  }

  .arrows-wrap.setup {
    width: 16vw;
    height: 16vw;
  }

  .process-text.vertical {
    top: 12vw;
  }

  .process-text.horizontal {
    bottom: -3vw;
  }

  .arrow.down-right.setup {
    height: 12vw;
  }

  .arrow.right-bottom.process {
    left: 2vw;
    width: 10vw;
    max-width: 10vw;
  }

  .arrow.up-left {
    bottom: 2.2vw;
    height: 8vw;
    max-height: 8vw;
  }

  .lightbox-play-button {
    border-top-width: 25px;
    border-bottom-width: 25px;
    border-left-width: 55px;
  }
}

@media screen and (max-width: 767px) {
  .image-wrap.service {
    top: 0%;
    right: 0px;
    bottom: auto;
    display: block;
    width: 75vw;
    height: 95vw;
  }

  .image-wrap.service-left {
    display: none;
  }

  .image-wrap.intro {
    height: 40vw;
    margin-top: 60px;
  }

  .image-wrap.service-wide {
    top: 0%;
    right: 0px;
    bottom: auto;
    display: block;
    width: 75vw;
    height: 95vw;
  }

  .image-wrap.purchace {
    height: 40vw;
    margin-top: 60px;
  }

  .image-intro {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -14%;
  }

  .logo-img {
    width: auto;
  }

  .logo-img.white {
    max-height: none;
  }

  .logo-img.fixed {
    width: 146px;
  }

  .brand {
    width: 45vw;
  }

  .brand.clear {
    width: 232px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3.2vw;
    line-height: 0.9;
  }

  .nav-link.fixed {
    padding-left: 1.5vw;
  }

  .title-main.fixed {
    margin-bottom: 5px;
    text-align: left;
  }

  .image-wrap-vert {
    top: 2vw;
    width: 45vw;
    height: 54vw;
    margin-right: auto;
  }

  .text-block {
    width: 95%;
  }

  .text-block h2 {
    font-size: 4.5vw;
  }

  .text-block ul {
    font-size: 3vw;
  }

  .text-block p {
    font-size: 3vw;
  }

  .text-block h3 {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }

  .text-block.centered.team {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .text-block.wide {
    margin-right: auto;
  }

  .text-block h5 {
    font-size: 3vw;
  }

  .text-block h6 {
    font-size: 4.5vw;
  }

  .image-absolute {
    opacity: 0.17;
  }

  .flex-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .process-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .step-card {
    width: 25vw;
    height: 25vw;
    margin-right: 0vw;
    font-size: 2.4vw;
  }

  .step-card.separate {
    width: 28vw;
    height: 28vw;
    margin-bottom: 40px;
  }

  .step-card._5 {
    top: -7%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .step-card._1 {
    top: -9%;
  }

  .base-circle {
    width: 42vw;
    height: 42vw;
  }

  .base-circle.step-2 {
    right: -3%;
    margin-left: 8.5vw;
  }

  .base-circle.step-5 {
    left: -3%;
    margin-right: 8.5vw;
  }

  .base-circle.step-3 {
    margin-left: -2%;
  }

  .top-circle {
    width: 95%;
    height: 95%;
    padding: 12% 14% 17%;
  }

  .level.cicle {
    width: 37%;
    padding-top: 5vw;
    padding-right: 0vw;
    padding-left: 27px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }

  .level.middle {
    margin-bottom: -4%;
  }

  .level.bottom {
    margin-bottom: -40px;
  }

  .infograph-help-text {
    top: 48vw;
    width: 22%;
    font-size: 3.5vw;
  }

  .step-number {
    width: 6vw;
    height: 6vw;
  }

  .setup-level {
    padding-bottom: 0vw;
  }

  .image-section {
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url('../images/pigeons1920.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/pigeons1920.jpg');
    background-position: 0px 0px, 50% 50%;
  }

  .color-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .color-column2 {
    height: 109vw;
  }

  .text-block-column h2 {
    font-size: 4vw;
  }

  .text-block-column p {
    font-size: 3vw;
  }

  .text-block-column h6 {
    font-size: 5vw;
  }

  .text-block-column h5 {
    font-size: 3vw;
  }

  .service-images-wrap {
    min-height: 28vw;
  }

  .service-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .service-column.images {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .service-column.text-right {
    margin-top: -14%;
    padding-right: 5%;
    padding-left: 20%;
  }

  .service-column.text-left {
    margin-top: -14%;
    padding-right: 20%;
    padding-left: 5%;
  }

  .icon-block {
    z-index: 10;
  }

  .icon-block.dark {
    padding-top: 0px;
  }

  .brand-decor-leyer {
    width: 45vw;
  }

  .founders-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .founder-info-wrap {
    min-height: 28vw;
  }

  .photo.round {
    width: 60%;
  }

  .founder-column.images {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .founder-column.text-right {
    margin-top: -14%;
    padding-right: 5%;
    padding-left: 20%;
  }

  .founder-column.text-left {
    margin-top: -14%;
    padding-right: 20%;
    padding-left: 5%;
  }

  .arrows-wrap {
    width: 30vw;
    height: 30vw;
  }

  .arrows-wrap.setup {
    left: -41%;
    width: 30vw;
    height: 30vw;
  }

  .arrows-wrap.process {
    display: none;
  }

  .arrows-wrap.process-3-4 {
    display: none;
  }

  .arrows-wrap.process-4-5 {
    display: none;
  }

  .process-text.vertical {
    top: 22.7vw;
  }

  .arrow.down-right.setup {
    height: 25.2vw;
  }
}

@media screen and (max-width: 479px) {
  .image-wrap.service {
    top: 20%;
    right: 0px;
    width: 80vw;
    height: 100vw;
  }

  .image-wrap.intro {
    height: auto;
    margin-top: 97vw;
  }

  .image-wrap.service-wide {
    top: 20%;
    right: 0px;
    width: 80vw;
    height: 100vw;
  }

  .image-wrap.purchace {
    height: auto;
    margin-top: 97vw;
  }

  .image-intro {
    position: relative;
  }

  .content-container {
    width: 92vw;
  }

  .navbar.fixed {
    height: 28vw;
  }

  .brand {
    width: 92vw;
    margin-top: 60px;
    margin-left: 4vw;
  }

  .brand.clear {
    margin-top: 0px;
    padding-bottom: 4vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: none;
    background-position: 0px 0px;
  }

  .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 17.35vw;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 6.2vw;
    text-align: left;
  }

  .nav-menu {
    z-index: 10000;
    max-height: 90vh;
  }

  .title-main {
    width: 86%;
    margin-bottom: 0px;
    font-size: 4.9vw;
  }

  .title-main.fixed {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    font-size: 8px;
    font-weight: 700;
  }

  .logo-wrap {
    height: 60vw;
  }

  .section-main {
    overflow: hidden;
  }

  .image-wrap-vert {
    width: 70vw;
    height: 85vw;
  }

  .text-block h2 {
    font-size: 7vw;
    text-align: center;
  }

  .text-block ul {
    font-size: 5vw;
  }

  .text-block p {
    font-size: 5vw;
  }

  .text-block h3 {
    font-size: 5.5vw;
  }

  .text-block.centered.team {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .text-block h5 {
    font-size: 5vw;
  }

  .text-block h6 {
    margin-right: -4.2vw;
    margin-left: -2.5vw;
    font-size: 9vw;
  }

  .step-card {
    width: 65vw;
    height: 65vw;
    margin-bottom: 18vw;
    font-size: 5.4vw;
  }

  .step-card.separate {
    width: 65vw;
    height: 65vw;
    margin-bottom: 52px;
  }

  .step-card._2 {
    top: 0%;
    right: 0%;
  }

  .step-card._5 {
    left: 0%;
    top: 0%;
  }

  .step-card._3 {
    right: 0%;
    bottom: 0%;
  }

  .step-card._4 {
    left: 0%;
    bottom: 0%;
  }

  .base-circle {
    width: 80vw;
    height: 80vw;
  }

  .base-circle.step-2 {
    right: 0%;
    margin-left: 0vw;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .base-circle.step-5 {
    left: 0%;
    top: 160vw;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .base-circle.step-3 {
    margin-left: 0%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .infograph-block {
    width: 90%;
    border: 1px dashed #bb9b3b;
  }

  .top-circle {
    padding: 6% 8% 7%;
    background-color: transparent;
  }

  .quarter {
    display: none;
  }

  .mask {
    display: none;
  }

  .level.cicle {
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .level.middle {
    margin-bottom: -80vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .level.bottom {
    margin-bottom: 80vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .infograph-help-text {
    position: relative;
    top: 4vw;
    width: 69%;
    margin-bottom: 15px;
    color: rgba(51, 51, 51, 0.58);
    font-size: 3.5vw;
  }

  .step-number {
    width: 16vw;
    height: 16vw;
  }

  .bad-solution-img.big {
    left: -18px;
  }

  .bad-solution-img.big._4 {
    left: 60vw;
    bottom: -14vw;
    margin-top: 10px;
  }

  .bad-solution-img.big._2 {
    top: 5vw;
  }

  .bad-solution-img.small._1 {
    top: -20vw;
  }

  .bad-solution-img.small._5 {
    left: -58vw;
    top: -7vw;
  }

  .bad-solution-img.small._8 {
    top: 6vw;
  }

  .bad-solution-img.middle {
    top: 19vw;
    right: 61vw;
  }

  .bad-solution-img.middle._8 {
    margin-top: 70px;
  }

  .text-block-column h2 {
    font-size: 5vw;
  }

  .text-block-column p {
    font-size: 4.5vw;
  }

  .text-block-column h6 {
    margin-left: -3.8vw;
    font-size: 6vw;
  }

  .text-block-column h5 {
    font-size: 4.5vw;
  }

  .service-images-wrap {
    min-height: auto;
  }

  .service-column.text-right {
    margin-top: 0%;
    padding-left: 5%;
  }

  .service-column.text-left {
    margin-top: 0%;
    padding-right: 5%;
  }

  .icon-block {
    position: relative;
    display: block;
    width: 70vw;
    height: 70vw;
    margin-right: auto;
    padding-top: 30px;
  }

  .icon-block.right {
    margin-left: auto;
  }

  .icon-block.dark {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .service-icon.small2 {
    width: 65%;
  }

  .brand-decor-leyer {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 28, 78, 0.64)), to(rgba(17, 28, 78, 0.64))), url('../images/circuits.png');
    background-image: linear-gradient(180deg, rgba(17, 28, 78, 0.64), rgba(17, 28, 78, 0.64)), url('../images/circuits.png');
    background-position: 0px 0px, 50% 1149%;
    background-size: auto, auto 105%;
    background-repeat: repeat, no-repeat;
  }

  .founder-info-wrap {
    min-height: auto;
  }

  .photo.small2 {
    width: 65%;
  }

  .founder-column.text-right {
    margin-top: 0%;
    padding-left: 5%;
  }

  .founder-column.text-left {
    margin-top: 0%;
    padding-right: 5%;
  }

  .lightbox-video {
    display: block;
    width: 90%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  .lightbox-play-button {
    border-top-width: 5vw;
    border-bottom-width: 5vw;
    border-left-width: 10vw;
  }
}